amis 1.5.6-beta.5 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.husky/pre-commit +1 -1
- package/lib/Schema.d.ts +3 -2
- package/lib/Schema.js.map +1 -1
- package/lib/components/AssociatedSelection.d.ts +84 -84
- package/lib/components/AssociatedSelection.js +2 -2
- package/lib/components/AssociatedSelection.js.map +2 -2
- package/lib/components/Avatar.d.ts +135 -0
- package/lib/components/Avatar.js +120 -0
- package/lib/components/Avatar.js.map +13 -0
- package/lib/components/BaiduMapPicker.js.map +2 -2
- package/lib/components/CalendarMobile.d.ts +547 -0
- package/lib/components/CalendarMobile.js +432 -0
- package/lib/components/CalendarMobile.js.map +13 -0
- package/lib/components/Card.js +1 -1
- package/lib/components/Card.js.map +2 -2
- package/lib/components/Cascader.d.ts +123 -0
- package/lib/components/Cascader.js +487 -0
- package/lib/components/Cascader.js.map +13 -0
- package/lib/components/ChainedSelection.d.ts +84 -84
- package/lib/components/ChainedSelection.js +15 -3
- package/lib/components/ChainedSelection.js.map +2 -2
- package/lib/components/CityArea.d.ts +527 -0
- package/lib/components/CityArea.js +177 -0
- package/lib/components/CityArea.js.map +13 -0
- package/lib/components/Collapse.js +1 -1
- package/lib/components/Collapse.js.map +2 -2
- package/lib/components/ColorPicker.d.ts +84 -84
- package/lib/components/ColorPicker.js +4 -3
- package/lib/components/ColorPicker.js.map +2 -2
- package/lib/components/DatePicker.d.ts +85 -84
- package/lib/components/DatePicker.js +15 -8
- package/lib/components/DatePicker.js.map +2 -2
- package/lib/components/DateRangePicker.d.ts +85 -84
- package/lib/components/DateRangePicker.js +18 -6
- package/lib/components/DateRangePicker.js.map +2 -2
- package/lib/components/GroupedSelection.d.ts +84 -84
- package/lib/components/GroupedSelection.js +14 -2
- package/lib/components/GroupedSelection.js.map +2 -2
- package/lib/components/MonthRangePicker.d.ts +85 -84
- package/lib/components/MonthRangePicker.js +16 -6
- package/lib/components/MonthRangePicker.js.map +2 -2
- package/lib/components/Overlay.d.ts +1 -1
- package/lib/components/Overlay.js.map +1 -1
- package/lib/components/Picker.d.ts +1 -0
- package/lib/components/Picker.js +16 -7
- package/lib/components/Picker.js.map +2 -2
- package/lib/components/PickerColumn.d.ts +1 -0
- package/lib/components/PickerColumn.js +21 -18
- package/lib/components/PickerColumn.js.map +2 -2
- package/lib/components/PickerContainer.d.ts +3 -0
- package/lib/components/PickerContainer.js +12 -5
- package/lib/components/PickerContainer.js.map +2 -2
- package/lib/components/PopOverContainer.d.ts +1 -0
- package/lib/components/PopOverContainer.js +5 -3
- package/lib/components/PopOverContainer.js.map +2 -2
- package/lib/components/PopUp.d.ts +1041 -28
- package/lib/components/PopUp.js +32 -8
- package/lib/components/PopUp.js.map +2 -2
- package/lib/components/Rating.d.ts +203 -73
- package/lib/components/Rating.js +147 -31
- package/lib/components/Rating.js.map +2 -2
- package/lib/components/ResultBox.d.ts +85 -84
- package/lib/components/ResultBox.js +9 -4
- package/lib/components/ResultBox.js.map +2 -2
- package/lib/components/ResultList.d.ts +9 -2
- package/lib/components/ResultList.js +22 -2
- package/lib/components/ResultList.js.map +2 -2
- package/lib/components/Select.d.ts +237 -237
- package/lib/components/Select.js +9 -6
- package/lib/components/Select.js.map +2 -2
- package/lib/components/Selection.d.ts +94 -86
- package/lib/components/Selection.js +11 -2
- package/lib/components/Selection.js.map +2 -2
- package/lib/components/Steps.js.map +2 -2
- package/lib/components/TableSelection.d.ts +85 -85
- package/lib/components/TableSelection.js +1 -9
- package/lib/components/TableSelection.js.map +2 -2
- package/lib/components/Tabs.js +31 -33
- package/lib/components/Tabs.js.map +2 -2
- package/lib/components/TabsTransfer.d.ts +87 -256
- package/lib/components/TabsTransfer.js +52 -9
- package/lib/components/TabsTransfer.js.map +2 -2
- package/lib/components/TabsTransferPicker.d.ts +1 -1
- package/lib/components/TabsTransferPicker.js +20 -18
- package/lib/components/TabsTransferPicker.js.map +2 -2
- package/lib/components/Timeline.d.ts +69 -0
- package/lib/components/Timeline.js +16 -0
- package/lib/components/Timeline.js.map +13 -0
- package/lib/components/TimelineItem.d.ts +516 -0
- package/lib/components/TimelineItem.js +41 -0
- package/lib/components/TimelineItem.js.map +13 -0
- package/lib/components/Transfer.d.ts +100 -98
- package/lib/components/Transfer.js +2 -3
- package/lib/components/Transfer.js.map +2 -2
- package/lib/components/TransferDropDown.d.ts +85 -84
- package/lib/components/TransferDropDown.js +9 -10
- package/lib/components/TransferDropDown.js.map +2 -2
- package/lib/components/TransferPicker.d.ts +1 -0
- package/lib/components/TransferPicker.js +19 -4
- package/lib/components/TransferPicker.js.map +2 -2
- package/lib/components/TreeSelection.d.ts +85 -85
- package/lib/components/TreeSelection.js +7 -1
- package/lib/components/TreeSelection.js.map +2 -2
- package/lib/components/calendar/Calendar.d.ts +19 -0
- package/lib/components/calendar/Calendar.js +71 -1
- package/lib/components/calendar/Calendar.js.map +2 -2
- package/lib/components/calendar/DaysView.d.ts +21 -0
- package/lib/components/calendar/DaysView.js +76 -17
- package/lib/components/calendar/DaysView.js.map +2 -2
- package/lib/components/calendar/MonthsView.d.ts +34 -0
- package/lib/components/calendar/MonthsView.js +68 -3
- package/lib/components/calendar/MonthsView.js.map +2 -2
- package/lib/components/calendar/QuartersView.d.ts +1 -0
- package/lib/components/calendar/QuartersView.js +2 -2
- package/lib/components/calendar/QuartersView.js.map +2 -2
- package/lib/components/calendar/TimeView.d.ts +30 -18
- package/lib/components/calendar/TimeView.js +47 -8
- package/lib/components/calendar/TimeView.js.map +2 -2
- package/lib/components/calendar/YearsView.d.ts +6 -0
- package/lib/components/calendar/YearsView.js +21 -10
- package/lib/components/calendar/YearsView.js.map +2 -2
- package/lib/components/condition-builder/Field.js +1 -4
- package/lib/components/condition-builder/Field.js.map +2 -2
- package/lib/components/condition-builder/Func.js +1 -1
- package/lib/components/condition-builder/Func.js.map +2 -2
- package/lib/components/formula/Editor.d.ts +3 -0
- package/lib/components/formula/Editor.js +3 -2
- package/lib/components/formula/Editor.js.map +2 -2
- package/lib/components/formula/FuncList.js +2 -1
- package/lib/components/formula/FuncList.js.map +2 -2
- package/lib/components/formula/Picker.js +1 -1
- package/lib/components/formula/Picker.js.map +2 -2
- package/lib/components/icons.js +4 -0
- package/lib/components/icons.js.map +2 -2
- package/lib/components/index.d.ts +2 -1
- package/lib/components/index.js +4 -2
- package/lib/components/index.js.map +2 -2
- package/lib/components/virtual-list/SizeAndPositionManager.js.map +2 -2
- package/lib/components/virtual-list/index.js +1 -2
- package/lib/components/virtual-list/index.js.map +2 -2
- package/lib/factory.js +5 -0
- package/lib/factory.js.map +2 -2
- package/lib/icons/star.js +12 -0
- package/lib/icons/tree-down.js +7 -0
- package/lib/index.d.ts +1 -0
- package/lib/index.js +2 -1
- package/lib/index.js.map +2 -2
- package/lib/locale/de-DE.js +17 -2
- package/lib/locale/de-DE.js.map +2 -2
- package/lib/locale/en-US.js +17 -2
- package/lib/locale/en-US.js.map +2 -2
- package/lib/locale/zh-CN.js +16 -1
- package/lib/locale/zh-CN.js.map +2 -2
- package/lib/renderers/Avatar.d.ts +35 -26
- package/lib/renderers/Avatar.js +14 -19
- package/lib/renderers/Avatar.js.map +2 -2
- package/lib/renderers/CRUD.js +1 -2
- package/lib/renderers/CRUD.js.map +2 -2
- package/lib/renderers/Card.js +6 -5
- package/lib/renderers/Card.js.map +2 -2
- package/lib/renderers/Custom.js.map +2 -2
- package/lib/renderers/DropDownButton.d.ts +11 -2
- package/lib/renderers/DropDownButton.js +30 -12
- package/lib/renderers/DropDownButton.js.map +2 -2
- package/lib/renderers/Each.js +5 -2
- package/lib/renderers/Each.js.map +2 -2
- package/lib/renderers/Flex.js +1 -5
- package/lib/renderers/Flex.js.map +2 -2
- package/lib/renderers/Form/ChartRadios.js.map +2 -2
- package/lib/renderers/Form/Checkboxes.js.map +2 -2
- package/lib/renderers/Form/CityDB.js +526 -2
- package/lib/renderers/Form/CityDB.js.map +2 -2
- package/lib/renderers/Form/DiffEditor.js +2 -1
- package/lib/renderers/Form/DiffEditor.js.map +2 -2
- package/lib/renderers/Form/InputCity.d.ts +85 -84
- package/lib/renderers/Form/InputCity.js +4 -2
- package/lib/renderers/Form/InputCity.js.map +2 -2
- package/lib/renderers/Form/InputColor.d.ts +84 -84
- package/lib/renderers/Form/InputColor.js +6 -2
- package/lib/renderers/Form/InputColor.js.map +2 -2
- package/lib/renderers/Form/InputDate.js +10 -5
- package/lib/renderers/Form/InputDate.js.map +2 -2
- package/lib/renderers/Form/InputDateRange.js +6 -2
- package/lib/renderers/Form/InputDateRange.js.map +2 -2
- package/lib/renderers/Form/InputFormula.d.ts +4 -1
- package/lib/renderers/Form/InputFormula.js +2 -2
- package/lib/renderers/Form/InputFormula.js.map +2 -2
- package/lib/renderers/Form/InputImage.d.ts +1 -0
- package/lib/renderers/Form/InputImage.js +8 -4
- package/lib/renderers/Form/InputImage.js.map +2 -2
- package/lib/renderers/Form/InputMonthRange.js +1 -1
- package/lib/renderers/Form/InputMonthRange.js.map +2 -2
- package/lib/renderers/Form/InputQuarterRange.js +1 -1
- package/lib/renderers/Form/InputQuarterRange.js.map +2 -2
- package/lib/renderers/Form/InputRating.d.ts +37 -0
- package/lib/renderers/Form/InputRating.js +6 -2
- package/lib/renderers/Form/InputRating.js.map +2 -2
- package/lib/renderers/Form/InputYearRange.js +1 -1
- package/lib/renderers/Form/InputYearRange.js.map +2 -2
- package/lib/renderers/Form/Item.d.ts +10 -14
- package/lib/renderers/Form/Item.js +18 -9
- package/lib/renderers/Form/Item.js.map +2 -2
- package/lib/renderers/Form/NestedSelect.d.ts +1 -0
- package/lib/renderers/Form/NestedSelect.js +8 -4
- package/lib/renderers/Form/NestedSelect.js.map +2 -2
- package/lib/renderers/Form/Select.d.ts +2 -0
- package/lib/renderers/Form/Select.js +7 -4
- package/lib/renderers/Form/Select.js.map +2 -2
- package/lib/renderers/Form/TabsTransfer.d.ts +5 -32
- package/lib/renderers/Form/TabsTransfer.js +20 -1
- package/lib/renderers/Form/TabsTransfer.js.map +2 -2
- package/lib/renderers/Form/TabsTransferPicker.d.ts +5 -35
- package/lib/renderers/Form/TabsTransferPicker.js +21 -2
- package/lib/renderers/Form/TabsTransferPicker.js.map +2 -2
- package/lib/renderers/Form/Transfer.d.ts +15 -4
- package/lib/renderers/Form/Transfer.js +55 -18
- package/lib/renderers/Form/Transfer.js.map +2 -2
- package/lib/renderers/Form/TransferPicker.d.ts +3 -32
- package/lib/renderers/Form/TransferPicker.js +1 -1
- package/lib/renderers/Form/TransferPicker.js.map +2 -2
- package/lib/renderers/Form/TreeSelect.js +4 -4
- package/lib/renderers/Form/TreeSelect.js.map +2 -2
- package/lib/renderers/Form/index.js +2 -1
- package/lib/renderers/Form/index.js.map +2 -2
- package/lib/renderers/IFrame.js +0 -2
- package/lib/renderers/IFrame.js.map +2 -2
- package/lib/renderers/Json.js +7 -0
- package/lib/renderers/Json.js.map +2 -2
- package/lib/renderers/Nav.js +4 -1
- package/lib/renderers/Nav.js.map +2 -2
- package/lib/renderers/Remark.d.ts +4 -0
- package/lib/renderers/Remark.js +39 -7
- package/lib/renderers/Remark.js.map +2 -2
- package/lib/renderers/Steps.js +5 -5
- package/lib/renderers/Steps.js.map +2 -2
- package/lib/renderers/Table/TableRow.js +4 -1
- package/lib/renderers/Table/TableRow.js.map +2 -2
- package/lib/renderers/Table/index.js +4 -1
- package/lib/renderers/Table/index.js.map +2 -2
- package/lib/renderers/Tabs.js +1 -1
- package/lib/renderers/Tabs.js.map +2 -2
- package/lib/renderers/Timeline.d.ts +65 -0
- package/lib/renderers/Timeline.js +54 -0
- package/lib/renderers/Timeline.js.map +13 -0
- package/lib/renderers/Video.js.map +2 -2
- package/lib/schemaExtend.js +23 -9
- package/lib/schemaExtend.js.map +2 -2
- package/lib/store/combo.js.map +2 -2
- package/lib/store/formItem.js +6 -6
- package/lib/store/formItem.js.map +2 -2
- package/lib/store/table.js +1 -1
- package/lib/store/table.js.map +2 -2
- package/lib/themes/ang-ie11.css +1018 -67
- package/lib/themes/ang.css +1018 -67
- package/lib/themes/ang.css.map +1 -1
- package/lib/themes/antd-ie11.css +1053 -67
- package/lib/themes/antd.css +1053 -67
- package/lib/themes/antd.css.map +1 -1
- package/lib/themes/cxd-ie11.css +1058 -78
- package/lib/themes/cxd.css +1058 -78
- package/lib/themes/cxd.css.map +1 -1
- package/lib/themes/dark-ie11.css +1019 -67
- package/lib/themes/dark.css +1019 -67
- package/lib/themes/dark.css.map +1 -1
- package/lib/themes/default.css +1058 -78
- package/lib/themes/default.css.map +1 -1
- package/lib/utils/RootClose.js +3 -1
- package/lib/utils/RootClose.js.map +2 -2
- package/lib/utils/helper.d.ts +1 -6
- package/lib/utils/helper.js +6 -17
- package/lib/utils/helper.js.map +2 -2
- package/package.json +12 -6
- package/schema.json +3696 -971
- package/scss/_properties.scss +21 -7
- package/scss/components/_avatar.scss +27 -9
- package/scss/components/_calendar.scss +287 -0
- package/scss/components/_card.scss +1 -1
- package/scss/components/_cascader.scss +102 -0
- package/scss/components/_city-area.scss +27 -0
- package/scss/components/_collapse-group.scss +1 -3
- package/scss/components/_dropdown.scss +39 -9
- package/scss/components/_formula.scss +30 -6
- package/scss/components/_modal.scss +18 -0
- package/scss/components/_panel.scss +45 -0
- package/scss/components/_picker-columns.scss +15 -5
- package/scss/components/_popup.scss +42 -15
- package/scss/components/_result-box.scss +31 -0
- package/scss/components/_timeline.scss +198 -0
- package/scss/components/form/_checks.scss +2 -0
- package/scss/components/form/_color.scss +2 -2
- package/scss/components/form/_date-range.scss +1 -1
- package/scss/components/form/_date.scss +46 -1
- package/scss/components/form/_form.scss +168 -0
- package/scss/components/form/_nested-select.scss +3 -0
- package/scss/components/form/_rating.scss +60 -21
- package/scss/components/form/_result-list.scss +2 -0
- package/scss/components/form/_select.scss +32 -3
- package/scss/components/form/_selection.scss +5 -4
- package/scss/components/form/_transfer.scss +3 -0
- package/scss/components/form/_tree-select.scss +1 -1
- package/scss/themes/_antd-variables.scss +42 -0
- package/scss/themes/_common.scss +3 -0
- package/scss/themes/_cxd-variables.scss +51 -2
- package/scss/themes/_dark-variables.scss +1 -0
- package/scss/themes/cxd.scss +0 -12
- package/sdk/ang-ie11.css +1278 -141
- package/sdk/ang.css +1296 -153
- package/sdk/antd-ie11.css +1278 -141
- package/sdk/antd.css +1331 -153
- package/sdk/charts.js +14 -14
- package/sdk/codemirror.js +7 -7
- package/sdk/color-picker.js +65 -65
- package/sdk/cropperjs.js +2 -2
- package/sdk/cxd-ie11.css +1258 -132
- package/sdk/cxd.css +1338 -168
- package/sdk/dark-ie11.css +1278 -141
- package/sdk/dark.css +1297 -153
- package/sdk/exceljs.js +1 -1
- package/sdk/locale/de-DE.js +17 -2
- package/sdk/markdown.js +69 -69
- package/sdk/papaparse.js +1 -1
- package/sdk/renderers/Form/CityDB.js +1 -1
- package/sdk/rest.js +18 -18
- package/sdk/rich-text.js +62 -62
- package/sdk/sdk-ie11.css +1258 -132
- package/sdk/sdk.css +1338 -168
- package/sdk/sdk.js +1242 -1218
- package/sdk/thirds/hls.js/hls.js +1 -1
- package/sdk/thirds/mpegts.js/mpegts.js +1 -1
- package/sdk/tinymce.js +57 -57
- package/src/Schema.ts +3 -0
- package/src/components/AssociatedSelection.tsx +5 -1
- package/src/components/Avatar.tsx +253 -0
- package/src/components/BaiduMapPicker.tsx +19 -14
- package/src/components/CalendarMobile.tsx +563 -0
- package/src/components/Card.tsx +2 -2
- package/src/components/Cascader.tsx +564 -0
- package/src/components/ChainedSelection.tsx +16 -3
- package/src/components/CityArea.tsx +315 -0
- package/src/components/Collapse.tsx +1 -1
- package/src/components/ColorPicker.tsx +41 -40
- package/src/components/DatePicker.tsx +54 -38
- package/src/components/DateRangePicker.tsx +83 -29
- package/src/components/GroupedSelection.tsx +14 -2
- package/src/components/MonthRangePicker.tsx +76 -30
- package/src/components/Overlay.tsx +1 -1
- package/src/components/Picker.tsx +55 -35
- package/src/components/PickerColumn.tsx +43 -36
- package/src/components/PickerContainer.tsx +13 -1
- package/src/components/PopOverContainer.tsx +31 -17
- package/src/components/PopUp.tsx +84 -57
- package/src/components/Rating.tsx +235 -47
- package/src/components/ResultBox.tsx +14 -2
- package/src/components/ResultList.tsx +36 -6
- package/src/components/Select.tsx +20 -23
- package/src/components/Selection.tsx +21 -3
- package/src/components/Steps.tsx +23 -10
- package/src/components/TableSelection.tsx +1 -44
- package/src/components/Tabs.tsx +65 -54
- package/src/components/TabsTransfer.tsx +78 -9
- package/src/components/TabsTransferPicker.tsx +25 -13
- package/src/components/Timeline.tsx +31 -0
- package/src/components/TimelineItem.tsx +107 -0
- package/src/components/Transfer.tsx +11 -8
- package/src/components/TransferDropDown.tsx +20 -12
- package/src/components/TransferPicker.tsx +25 -4
- package/src/components/TreeSelection.tsx +7 -1
- package/src/components/calendar/Calendar.tsx +101 -4
- package/src/components/calendar/DaysView.tsx +165 -33
- package/src/components/calendar/MonthsView.tsx +108 -1
- package/src/components/calendar/QuartersView.tsx +3 -2
- package/src/components/calendar/TimeView.tsx +104 -41
- package/src/components/calendar/YearsView.tsx +34 -17
- package/src/components/condition-builder/Field.tsx +1 -3
- package/src/components/condition-builder/Func.tsx +1 -1
- package/src/components/formula/Editor.tsx +16 -11
- package/src/components/formula/FuncList.tsx +3 -1
- package/src/components/formula/Picker.tsx +2 -1
- package/src/components/icons.tsx +4 -0
- package/src/components/index.tsx +2 -0
- package/src/components/virtual-list/SizeAndPositionManager.ts +6 -3
- package/src/components/virtual-list/index.tsx +4 -6
- package/src/factory.tsx +6 -0
- package/src/icons/star.svg +12 -0
- package/src/icons/tree-down.svg +5 -0
- package/src/index.tsx +1 -0
- package/src/locale/de-DE.ts +17 -2
- package/src/locale/en-US.ts +17 -2
- package/src/locale/zh-CN.ts +16 -1
- package/src/renderers/Avatar.tsx +83 -74
- package/src/renderers/CRUD.tsx +1 -3
- package/src/renderers/Card.tsx +10 -6
- package/src/renderers/Custom.tsx +6 -3
- package/src/renderers/DropDownButton.tsx +69 -35
- package/src/renderers/Each.tsx +4 -4
- package/src/renderers/Flex.tsx +3 -7
- package/src/renderers/Form/ChartRadios.tsx +2 -7
- package/src/renderers/Form/Checkboxes.tsx +1 -1
- package/src/renderers/Form/CityDB.ts +526 -2
- package/src/renderers/Form/DiffEditor.tsx +2 -3
- package/src/renderers/Form/InputCity.tsx +23 -3
- package/src/renderers/Form/InputColor.tsx +21 -2
- package/src/renderers/Form/InputDate.tsx +48 -20
- package/src/renderers/Form/InputDateRange.tsx +9 -2
- package/src/renderers/Form/InputFormula.tsx +9 -4
- package/src/renderers/Form/InputImage.tsx +9 -4
- package/src/renderers/Form/InputMonthRange.tsx +0 -1
- package/src/renderers/Form/InputQuarterRange.tsx +0 -1
- package/src/renderers/Form/InputRating.tsx +66 -3
- package/src/renderers/Form/InputYearRange.tsx +0 -1
- package/src/renderers/Form/Item.tsx +29 -8
- package/src/renderers/Form/NestedSelect.tsx +32 -4
- package/src/renderers/Form/Select.tsx +15 -3
- package/src/renderers/Form/TabsTransfer.tsx +28 -38
- package/src/renderers/Form/TabsTransferPicker.tsx +28 -46
- package/src/renderers/Form/Transfer.tsx +75 -24
- package/src/renderers/Form/TransferPicker.tsx +6 -38
- package/src/renderers/Form/TreeSelect.tsx +18 -16
- package/src/renderers/Form/index.tsx +2 -1
- package/src/renderers/IFrame.tsx +0 -2
- package/src/renderers/Json.tsx +5 -0
- package/src/renderers/Nav.tsx +4 -1
- package/src/renderers/Remark.tsx +68 -18
- package/src/renderers/Steps.tsx +11 -13
- package/src/renderers/Table/TableRow.tsx +3 -1
- package/src/renderers/Table/index.tsx +7 -1
- package/src/renderers/Tabs.tsx +6 -2
- package/src/renderers/Timeline.tsx +141 -0
- package/src/renderers/Video.tsx +4 -20
- package/src/schemaExtend.ts +22 -10
- package/src/store/combo.ts +1 -3
- package/src/store/formItem.ts +2 -2
- package/src/store/table.ts +2 -1
- package/src/utils/RootClose.ts +5 -1
- package/src/utils/helper.ts +6 -16
package/lib/themes/antd.css.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../scss/themes/_antd-colors.scss","../scss/_properties.scss","../scss/themes/_antd-variables.scss","../scss/base/_reset.scss","../scss/base/_normalize.scss","../scss/base/_typography.scss","../scss/base/_common.scss","../scss/layout/_layout.scss","../scss/_variables.scss","../scss/_mixins.scss","../scss/layout/_grid.scss","../scss/layout/_aside.scss","../scss/layout/_hbox.scss","../scss/layout/_vbox.scss","../scss/components/_button.scss","../scss/components/_avatar.scss","../scss/components/_breadcrumb.scss","../scss/components/_badge.scss","../scss/components/_modal.scss","../scss/components/_drawer.scss","../scss/components/_tooltip.scss","../scss/components/_tpl.scss","../scss/components/_popover.scss","../scss/components/_popup.scss","../scss/components/_picker-columns.scss","../scss/components/_toast.scss","../scss/components/_alert.scss","../scss/components/_app.scss","../scss/components/_array-input.scss","../scss/components/_tabs.scss","../scss/components/_nav.scss","../scss/components/_page.scss","../scss/components/_remark.scss","../scss/components/_chart.scss","../scss/components/_video.scss","../scss/components/_audio.scss","../scss/components/_panel.scss","../scss/components/_service.scss","../scss/components/_sparkline.scss","../scss/components/_spinner.scss","../scss/components/_button-group.scss","../scss/components/_dropdown.scss","../scss/components/_each.scss","../scss/components/_calendar.scss","../scss/components/_collapse.scss","../scss/components/_collapse-group.scss","../scss/components/_color.scss","../scss/components/_condition-builder.scss","../scss/components/_context-menu.scss","../scss/components/_wizard.scss","../scss/components/_crud.scss","../scss/components/_table.scss","../scss/components/_column-toggler.scss","../scss/components/_list.scss","../scss/components/_cards.scss","../scss/components/_card.scss","../scss/components/_quick-edit.scss","../scss/components/_popoverable.scss","../scss/components/_progress.scss","../scss/components/_property.scss","../scss/components/_copyable.scss","../scss/components/_divider.scss","../scss/components/_pagination.scss","../scss/components/_wrapper.scss","../scss/components/_status.scss","../scss/components/_carousel.scss","../scss/components/_image-gallery.scss","../scss/components/_images.scss","../scss/components/_input-box.scss","../scss/components/_result-box.scss","../scss/components/_search-box.scss","../scss/components/_list-menu.scss","../scss/components/_log.scss","../scss/components/_json.scss","../scss/components/_icon.scss","../scss/components/_steps.scss","../scss/components/_portlet.scss","../scss/components/_grid-nav.scss","../scss/components/form/_fieldset.scss","../scss/components/form/_group.scss","../scss/components/form/_input-group.scss","../scss/components/form/_text.scss","../scss/components/form/_textarea.scss","../scss/components/form/_checks.scss","../scss/components/form/_selection.scss","../scss/components/form/_city.scss","../scss/components/form/_switch.scss","../scss/components/form/_number.scss","../scss/components/form/_select.scss","../scss/components/form/_result-list.scss","../scss/components/form/_list.scss","../scss/components/form/_location.scss","../scss/components/form/_matrix.scss","../scss/components/form/_color.scss","../scss/components/form/_date.scss","../scss/components/form/_date-range.scss","../scss/components/form/_image.scss","../scss/components/form/_file.scss","../scss/components/form/_excel.scss","../scss/components/form/_editor.scss","../scss/components/form/_rich-text.scss","../scss/components/form/_tinymce.scss","../scss/components/form/_range.scss","../scss/components/form/_repeat.scss","../scss/components/form/_tree.scss","../scss/components/form/_tree-select.scss","../scss/components/form/_combo.scss","../scss/components/form/_sub-form.scss","../scss/components/form/_chained-select.scss","../scss/components/form/_picker.scss","../scss/components/form/_qr-code.scss","../scss/components/form/_tag.scss","../scss/components/form/_rating.scss","../scss/components/form/_transfer.scss","../scss/components/form/_nested-select.scss","../scss/components/form/_icon-picker.scss","../scss/components/form/_form.scss","../scss/components/_anchor-nav.scss","../scss/components/_markdown.scss","../scss/components/_link.scss","../scss/components/_mapping.scss","../scss/components/_formula.scss","../scss/_utilities.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;ACEA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;AAAA;EAEA;AAAA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;AAAA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;AAAA;AAAA;AAAA;EAKA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EAEA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAKA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EAEA;EAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;AAAA;EAEA;EACA;AAAA;EAEA;EACA;EACA;EACA;EACA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAIA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC92CF;EACE;AAAA;AAAA;EAIA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;;ACvKF;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAIF;EACE;;;AChBF;AAEA;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE,OJxTQ;;;AI2TV;EACE,OJ5RM;;;AK3ER;AAAA;AAAA;AAGA;EACE,WHDU;;;AGIZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;EAIE;;;AAIF;EACE;EACA;;;ACzDF;EACE;;;ACDF;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIF;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA,SCsWS;;ADlWb;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EAEA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA,SCqRW;EDpRX;;AAKA;EACE;;AAoBJ;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;;AAIA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;;;AE1KA;EFoLF;IACE;;;EAGF;IACE;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EAIJ;IACE;;;EAIA;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EAIJ;IACE;;;AE9OA;EFmPF;IACE;IACA;;EAEA;IACE;;EAGF;IACE;IACA;;EAIF;IACE;;EAEA;IACE;;EAIJ;IAGE;IACA;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAGF;AAAA;IAEE;IACA;;EAIJ;IACE;;EAIA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;AAAA;IAEE;;EAIA;AAAA;IAEE;;EAIJ;IACE;IACA;IACA;IACA;;EAKF;IACE;;EAEA;IACE;IACA;;EAIJ;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA,SCuCO;;EDpCT;IACE;IAEA;IACA;IACA;IACA;IACA;;EAEA;IACE;;EAGF;IACE;;EAMJ;IACE;;EAGF;IACE;;EAGF;IACE;IAGA;;EAGF;IACE;IACA;;EAKF;AAAA;AAAA;IAGE;;EAKF;AAAA;AAAA;IAGE;;EAKF;AAAA;AAAA;IAGE;;;AExaJ;EFgbA;IACE;;EAEA;IACE;;;AEpbJ;EF4bA;IACE;;EAEA;IACE;;;AGjcJ;EACE;EACA;EACA;EACA;EACA;;;AALF;EACE;EACA;EACA;EACA;EACA;;;AALF;EACE;EACA;EACA;EACA;EACA;;;AALF;EACE;EACA;EACA;EACA;EACA;;;AALF;EACE;EACA;EACA;EACA;EACA;;;AALF;EACE;EACA;EACA;EACA;EACA;;;AALF;EACE;EACA;EACA;EACA;EACA;;;AALF;EACE;EACA;EACA;EACA;EACA;;;AALF;EACE;EACA;EACA;EACA;EACA;;;AALF;EACE;EACA;EACA;EACA;EACA;;;AALF;EACE;EACA;EACA;EACA;EACA;;;AALF;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ADvBA;ECsCF;IATA;IACA;IACA;IACA;IAQE;;EAEA;IACE;;EAGF;IACE;;EAEF;IACE;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;;EA7FF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EAIJ;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;;EAGF;IACE;IACA;IACA;IACA;IACA;;;ADvBA;ECDA;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EAIJ;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;;EAGF;IACE;IACA;IACA;IACA;IACA;;;ADvBA;ECDA;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EAIJ;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;;EAGF;IACE;IACA;IACA;IACA;IACA;;;AAoFJ;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AD3HF;EAEE;EACA;;AAEF;EACE;;AEhDF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAGE;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAKE;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EAEA;EAOA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAMJ;EACE;EACA;;AAEA;EACE;;AAMJ;EACE;;AAWF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAKN;EACE;;AAEA;EACE;EACA;EACA;EAEA;;AAQA;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKJ;EACE;EACA;EACA;EACA;EACA;;;AF1QE;EEmRA;IACE;;EAGF;IACE;;EAGF;IACE;IACA,SHsHW;IGrHX;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EAEA;AAAA;IAEE;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;;EAIJ;IACE;;EAEA;IACE;;EAIJ;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;ACrWN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;AAEF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AC5HJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;ACjCR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EL2MA;EACA,WK5LE;EL6LF,aK5LE;EL6LF,eK5LE;EL6LF,QK5LE;;AAjBF;EAEE;EACA;EACA;;AAEA;EACE;;ALwMJ;AAAA;AAAA;EAGE,cKrMA;;ALwMF;AAAA;EAEE,aK1MA;;AL6MF;AAAA;AAAA;EAGE,cKhNA;;ALmNF;AAAA;EAEE,aKrNA;;ALyNF;EACE;EACA;;AAnDF;EK/JE;;AAGF;EAEE;EACA;;AAGF;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAIJ;EACE;;AAGF;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;AAAA;AAAA;EAGE;;;AAIJ;AAAA;EAEE;;;AAGF;ELwLE,OKpLE;ELqLF,YKvLE;ELwLF,cKvLE;ELwLF;EACA;;AA7FA;EAiGI,OKzLF;EL0LE,YK5LF;EL6LE,cK5LF;;AL2GF;EAoFI,OK3LF;EL4LE,YK9LF;EL+LE,cK9LF;;ALkGF;EA2GE;;;AKxMJ;EL0KE,OKtKE;ELuKF,YKzKE;EL0KF,cKzKE;EL0KF;EACA;;AA7FA;EAiGI,OK3KF;EL4KE,YK9KF;EL+KE,cK9KF;;AL6FF;EAoFI,OK7KF;EL8KE,YKhLF;ELiLE,cKhLF;;ALoFF;EA2GE;;;AK1LJ;EL4JE,OKxJE;ELyJF,YK3JE;EL4JF,cK3JE;EL4JF;EACA;;AA7FA;EAiGI,OK7JF;EL8JE,YKhKF;ELiKE,cKhKF;;AL+EF;EAoFI,OK/JF;ELgKE,YKlKF;ELmKE,cKlKF;;ALsEF;EA2GE;;;AK5KJ;EL8IE,OK1IE;EL2IF,YK7IE;EL8IF,cK7IE;EL8IF;EACA;;AA7FA;EAiGI,OK/IF;ELgJE,YKlJF;ELmJE,cKlJF;;ALiEF;EAoFI,OKjJF;ELkJE,YKpJF;ELqJE,cKpJF;;ALwDF;EA2GE;;;AK9JJ;ELgIE,OK5HE;EL6HF,YK/HE;ELgIF,cK/HE;ELgIF;EACA;;AA7FA;EAiGI,OKjIF;ELkIE,YKpIF;ELqIE,cKpIF;;ALmDF;EAoFI,OKnIF;ELoIE,YKtIF;ELuIE,cKtIF;;AL0CF;EA2GE;;;AKhJJ;ELkHE,OK9GE;EL+GF,YKjHE;ELkHF,cKjHE;ELkHF;EACA;;AA7FA;EAiGI,OKnHF;ELoHE,YKtHF;ELuHE,cKtHF;;ALqCF;EAoFI,OKrHF;ELsHE,YKxHF;ELyHE,cKxHF;;AL4BF;EA2GE;;;AKlIJ;ELoGE,OKhGE;ELiGF,YKnGE;ELoGF,cKnGE;ELoGF;EACA;;AA7FA;EAiGI,OKrGF;ELsGE,YKxGF;ELyGE,cKxGF;;ALuBF;EAoFI,OKvGF;ELwGE,YK1GF;EL2GE,cK1GF;;ALcF;EA2GE;;;AKpHJ;ELsFE,OKlFE;ELmFF,YKrFE;ELsFF,cKrFE;ELsFF;EACA;;AA7FA;EAiGI,OKvFF;ELwFE,YK1FF;EL2FE,cK1FF;;ALSF;EAoFI,OKzFF;EL0FE,YK5FF;EL6FE,cK5FF;;ALAF;EA2GE;;;AKtGJ;ELwEE,OKpEE;ELqEF,YKvEE;ELwEF,cKvEE;ELwEF;EACA;;AA7FA;EAiGI,OKzEF;EL0EE,YK5EF;EL6EE,cK5EF;;ALLF;EAoFI,OK3EF;EL4EE,YK9EF;EL+EE,cK9EF;;ALdF;EA2GE;;;AKxFJ;EL0DE,OKtDE;ELuDF,YKzDE;EL0DF,cKzDE;EL0DF;EACA;;AA7FA;EAiGI,OK3DF;EL4DE,YK9DF;EL+DE,cK9DF;;ALnBF;EAoFI,OK7DF;EL8DE,YKhEF;ELiEE,cKhEF;;AL5BF;EA2GE;;;AK1EJ;ELbE;EACA,WKgBE;ELfF,aKgBE;ELfF,eKgBE;ELfF,QKgBE;;ALdF;AAAA;AAAA;EAGE,cKOA;;ALJF;AAAA;EAEE,aKEA;;ALCF;AAAA;AAAA;EAGE,cKJA;;ALOF;AAAA;EAEE,aKTA;;ALaF;EACE;EACA;;AKRF;EACE;;;AAMJ;EL9BE;EACA,WKiCE;ELhCF,aKiCE;ELhCF,eKiCE;ELhCF,QKiCE;;AL/BF;AAAA;AAAA;EAGE,cKwBA;;ALrBF;AAAA;EAEE,aKmBA;;ALhBF;AAAA;AAAA;EAGE,cKaA;;ALVF;AAAA;EAEE,aKQA;;ALJF;EACE;EACA;;AKSF;EACE;;;AAMJ;EL/CE;EACA,WKkDE;ELjDF,aKkDE;ELjDF,eKkDE;ELjDF,QKkDE;;ALhDF;AAAA;AAAA;EAGE,cKyCA;;ALtCF;AAAA;EAEE,aKoCA;;ALjCF;AAAA;AAAA;EAGE,cK8BA;;AL3BF;AAAA;EAEE,aKyBA;;ALrBF;EACE;EACA;;AK0BF;EACE;;;AAMJ;ELhEE;EACA,WKmEE;ELlEF,aKmEE;ELlEF,eKmEE;ELlEF,QKmEE;;ALjEF;AAAA;AAAA;EAGE,cK0DA;;ALvDF;AAAA;EAEE,aKqDA;;ALlDF;AAAA;AAAA;EAGE,cK+CA;;AL5CF;AAAA;EAEE,aK0CA;;ALtCF;EACE;EACA;;AK2CF;EACE;;;AAMJ;EACE;;AAGE;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;;AAKN;ELlEE;;AACA;EAMA,WALyB;;;AKoE3B;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;ALrIA;EKwIE;EACA;;ALnIF;EKuIE;EACA;;AAGF;EAEE;EACA;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAOF;AAAA;AAAA;EACE;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;;AACA;EACE;;;ACxXJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAIA;AAAA;EAEE;;;AChCJ;EACE;;AAEF;EACE;EACA;;;ACNJ;EACE;EACA;;AAEA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;IACE;IACA;;EAGF;IACE;IACA;;;;ACpIN;EACE;;AAEA;EACE;EACA;;;AAIJ;EACE;IACE;IACA;;;AAIJ;EACE;IACE;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,SVyXa;EUxXb;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EAIE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EAEA;EACA;EACA;;ATlDF;EAEE;EACA;;AAEF;EACE;;AS+CF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAMR;EACE;EACA;EACA;EACA;;AAGF;EACE;EAEA;;AAGF;EACE;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAOF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;ATnKF;ES6KF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;ACrON;EACE;EACA;EACA;EACA;EACA;EACA,SXgZa;EW/Yb;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EAEA;EAEA;EACA;;AVLF;EAEE;EACA;;AAEF;EACE;;AUEF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAMR;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AVpIA;EU0IF;IACE;IACA;;;EAGF;IACE;IACA;;;EAGF;IACE;IACA;;;EAGF;IACE;IACA;;;EAGF;IACE;IACA;;;EAGF;IACE;IACA;;;AAKJ;AAAA;AAAA;AAAA;EAIE;;;AAIA;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACxVJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SZ8Ye;EY7Yf;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;;AAKF;AAAA;EAEE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAEA;EACE;;AAKF;AAAA;EAEE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;EAGA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EAGA;;AAIA;EACE;;AAIJ;EACE;EACA;;;AAIJ;EACE;IACE;IACA;;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EA1BF;IA2BI;IACA;;;AAIJ;EACE;EACA;EAEA;EACA,SZkLa;EYjLb;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;;AC5QF;EACE;;;ACFJ;EACE;EACA;EACA;EACA;EACA,SdgZe;Ec/Yf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;;AAEF;EACE;;;ACnDJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA,SfwXe;EevXf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAEE;EACA;;AAGF;EACE;;AACA;EACE;;AAIJ;EACE;;AACA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA,Yf4EI;Ee3EJ;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEF;EACE;;;ACxHJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAMA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;;;AC/HJ;EACE;IAME;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IACE;IACA;;;AAIJ;EACE;IACE;;EAGF;IAEE;IACA;;EAGF;IACE;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EAQA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAnBA;EACE;EACA;EACA,SjByVW;;AiBvUb;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AC3NJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AC/EJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;;AAIJ;ElBobE;EkBlbA;EACA;EACA;;AlBkbA;EACE;;;AkBhbJ;EACE;EACA;;;AC5BA;EACE;EACA;;AAGF;EAME;EnByMF;EACA,WmBrMI;EnBsMJ,amBrMI;EnBsMJ,emBrMI;EnBsMJ,QmBrMI;EnB0PJ,OmBpPI;EnBqPJ,YmBvPI;EnBwPJ,cmBvPI;EnBwPJ;EACA;;AmB3QE;EACE;EACA;;AnBkNJ;AAAA;AAAA;EAGE,cmB9ME;;AnBiNJ;AAAA;EAEE,amBnNE;;AnBsNJ;AAAA;AAAA;EAGE,cmBzNE;;AnB4NJ;AAAA;EAEE,amB9NE;;AnBkOJ;EACE;EACA;;AA/DF;EAiGI,OmBzPA;EnB0PA,YmB5PA;EnB6PA,cmB5PA;;AnB2KJ;EAoFI,OmB3PA;EnB4PA,YmB9PA;EnB+PA,cmB9PA;;AnBkKJ;EA2GE;;AmBzQA;EACE;EACA;;AAIJ;EACE;EAMA;EACA;EACA;;AANA;EACE;;AAQJ;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAIJ;EAEE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;;ACjGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AAGJ;EACE;;AAEF;EACE;;AAGA;EACE;EACA;;AAEF;EACE;;AAGJ;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;;AAIN;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;ApBVF;EAEE;EACA;;AAEF;EACE;;AoBOA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;;AAGF;EAEE;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EAEE;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AAGE;EACE;EACA;EACA;;AAEA;EAEE;EACA;EACA;;AAKF;EACE;;AAKF;AAAA;AAAA;AAAA;AAAA;EAGE;EACA;EACA;;AAMR;EACE;EACA;EACA;;AAKF;EACE;;AAEF;EACE;EACA;EACA;;AAII;AAAA;AAAA;AAAA;AAAA;EAGE;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EAEE;EACA;EACA;;AAMR;EACE;;AAKF;EACE;;AAEF;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAKF;AAAA;AAAA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;;AAKN;EACE;;AAIJ;EACE;;AAOF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;;AAKF;AAAA;AAAA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;;AAOV;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EAEE;EACA;;AAKF;AAAA;AAAA;EAGE;EACA;EACA;;AAMR;EACE;EACA;;AAEA;EACE;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;AAAA;EAGE;EACA;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAKF;EACE;EACA;;AAEF;EACE;;AAKR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAKN;EACE;EACA;EACA;;;AC9dJ;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;;AAGF;EAEE;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;EACA;;AAKN;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAgBF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASE;EACA;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE;;AAGF;EAIE;EACA;EACA;;AAGF;EAME;EACA;EACA;;AAEA;EACE;;AAKF;EACE;;AAGF;EACE;;AAKJ;EACE;EACA;EACA;;AAGF;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EAEE;EACA;EACA;EACA;;AAGF;EACE;;AAqBR;EACE;EACA;EACA;;;ACtQJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAIF;EAEE;EAEA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIF;EACE;;;AAMJ;EACE;;;AtBlGA;EsB2GF;IAYE;IACA;;EAZA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAMF;IACE;IACA;;;EAIJ;IACE;IACA;IACA;;EAEA;IACE;IACA;;;AC5IN;EACE;EACA;EACA;EAMA;EACA;;AANA;EACE;EACA;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;ACpDJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACjBJ;EACE;;AAEA;EACE;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACHJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EA9DF;EACA;EACA;EACA;;AAgEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EAzGF;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AA0FF;EACE;EACA;EACA;EACA;EACA;;AAEA;EA5FF;EACA;EACA;EACA;;AA8FA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAnIF;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAmHA;EACE;EACA;;AAGF;EAnHF;EACA;EACA;EACA;;;AC7BF;EACE;EACA;EACA;EACA;EACA;EACA;AAmBA;AAkHA;;AAnIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,S5B6XS;E4B5XT;;AAKJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;AAAA;EAEE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;AAAA;EAEE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;AAAA;EAEE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;AAAA;EAEE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;AAAA;EAEE;;AAKJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EAEE;;A3BhIF;EAEE;EACA;;AAEF;EACE;;A2B4HA;EACE;;AAGF;EACE;;;ACpLN;EACE;;;ACDF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;;ACfJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EAYA;;AAVA;EACE;EACA;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;;AAMN;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;A9BjFE;E8BqFF;IACE;;;EAGF;IACE;;;AC/FJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;A/B8KF;E+BzKI;;AAGF;EAIE;;AAIJ;AAAA;AAAA;AAAA;EAIE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKF;EACE;;AAIF;EACE;EACA;;AAGF;AAAA;EAEE;EACA;;AAGF;AAAA;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;AAAA;EAEE;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;AAGF;AAAA;EAEE;EACA;;AAGF;AAAA;EAEE;EACA;;;AAIJ;EACE;;AAEA;AAAA;EAEE;EACA;;;AC7GJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAIA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA,SjC6Wc;EiC5Wd;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EAEE;;AAGF;EACE;EAEA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;;AC9GF;EACE;EACA;EACA;;;ACFF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;AAEA;EACE;;AACA;EACE;EACA;;AACA;EACE;;AAKN;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;;AC9EJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAEF;EACE;;AAGF;EACE;EACA;EACA;;AACA;EACE;;AAIJ;EACE;;AAIF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AACA;EAEE;EACA;;AAGJ;EACE;EACA;EACA;EACA;;;ACjHF;EACE;;AAKE;EACE;;;ACTR;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;ACfJ;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EAGE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGJ;EACE;;AAIJ;EAEE;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;EACA;;AACA;EACE;;AAGF;EACE;EACA;EACA;;AAIJ;EAEE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAGF;EACE;;;AAMR;EtCmVE;EsCjVA;EACA;EACA;;AtCiVA;EACE;;;AsC/UJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EtC2RF;;AAEA;EACE;;AsC1RF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;EAEA;;AACA;EtCqOA;;AAEA;EACE;;AsCpOF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AACA;EACE;EACA;EACA;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;;ACtSF;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE,SxC2XmB;EwC1XnB;EACA;EACA;;AAGA;EACE;EACA,SxCmXiB;EwChWjB;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;;AA7BA;EAIE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAiBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACpNJ;EAGE;;AxC0CA;EAEE;EACA;;AAEF;EACE;;AwC9CF;EAEE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAiCA;EACE;EACA;;AAEF;EACE;EACA;;AAIJ;EACE;;AAGF;AAAA;AAAA;EAEE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAUR;EACE;EACA;EACA;EACA;EACA;;AxCvGF;EAEE;EACA;;AAEF;EACE;;AwCoGA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA,QzC4OmB;EyC3OnB;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EAEE;EACA;;AAUR;EACE;;AAEA;EACE;;AAEA;EACE;;AAMJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EACE;EACA;;AAGF;EACE;;;ACzQR;EACE;;AAQA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAKF;AAAA;AAAA;EAGE;;AAIJ;EACE;EACA;;AAIA;EACE;;AAIJ;EACE;;AAGF;EACE;;;AzCzGA;EyC+GA;IACE;IACA;IACA;IACA;;EzC3EJ;IAEE;IACA;;EAEF;IACE;;EyCyEA;IACE;IACA;IACA;IACA;;EAEA;IACE;;EAGF;IACE;;EAKF;AAAA;IAEE;;;AC9IR;EACE;EAEA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;EACA;EACA;;AAGF;EAEE;EACA;;AAEA;EACE;EACA;;AAIA;AAAA;EAEE;;AASN;EAEE;EACA;;AAEA;EACE;EACA;;AAIA;AAAA;EAEE;;AASN;EACE;EACA;EACA;EACA;EACA;;AAUA;EACE;EACA;EACA,S3CgUS;;A2C7TX;AAAA;EAEE;EAEA;;AAIA;AAAA;AAAA;EAGE;EACA;;AAKN;EACE;EACA;;AASF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAIA;EACE;;AAKN;EACE;;AAEA;AAAA;AAAA;EAGE;;AAIJ;EAEE;EACA;EACA;;A1C3HF;EAEE;EACA;;AAEF;EACE;;A0CwHE;EACE;;AAEA;EACE;EACA;;AAMR;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,S3CgMS;;A2C/LT;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EAIE;;AAGF;EAEE;;AAME;AAAA;EACE;;AAGF;AAAA;EACE;;AAOA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAMJ;EACE;;AAKF;EACE;EACA;EAmBA;EAGA;EACA;EACA;EACA;;AAvBA;EACE;;AAGF;EACE;;AACA;EAEE;EACA;;AAIJ;EACE;;AAeF;EACE;;AAKN;EACE;;AAGF;EACE;;AAGF;EACE;EAkCE;;AAhCF;EACE;;AACA;EACE;;AAKJ;EACE;EAEA;EACA;EACA;EACA;;AAIF;AAAA;EAEE;;AAEA;AAAA;EACE;;AAGF;AAAA;EACE;;AAOF;EACE;;AAIJ;EACE;;AAGF;EAEE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EAEE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;E1C/VJ,kBP7DM;EiD8ZA,OjD9YK;;AO+CX;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBPrFI;;AiDiaF;E1CpWJ,kBD6GK;EC5EL,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBDqFG;;AC1EL;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;A0CgTE;E1CzWJ,kBP3DM;EO4FN,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBPnFI;;AO8FN;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;A0CqTE;E1C9WJ,kBT/DO;ESgGP,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBTvFK;;ASkGP;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;A0C0TE;E1CnXJ,kBT9BQ;ES+DR,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBTtDM;;ASiER;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;A0C+TE;E1CxXJ,kBT/DO;ESgGP,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBTvFK;;ASkGP;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;A0CoUE;E1C7XJ,kBTqEO;ESpCP,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBT6CK;;ASlCP;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;A0CyUE;E1ClYJ,kBTEM;ES+BN,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBTtBI;;ASiCN;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;A0C8UE;EACE;;AAMA;EACE;;AAKF;EACE;EACA;;AAGF;EACE;EAuBA;;AArBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQJ;EACE;;AAMA;EACE;EACA;;AAjDJ;EACE;;AAKF;EACE;EACA;;AAGF;EACE;EAuBA;;AArBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQJ;EACE;;AAMA;EACE;EACA;;AAjDJ;EACE;;AAKF;EACE;EACA;;AAGF;EACE;EAuBA;;AArBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQJ;EACE;;AAMA;EACE;EACA;;AAjDJ;EACE;;AAKF;EACE;EACA;;AAGF;EACE;EAuBA;;AArBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQJ;EACE;;AAMA;EACE;EACA;;AAjDJ;EACE;;AAKF;EACE;EACA;;AAGF;EACE;EAuBA;;AArBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQJ;EACE;;AAMA;EACE;EACA;;AAjDJ;EACE;;AAKF;EACE;EACA;;AAGF;EACE;EAuBA;;AArBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQJ;EACE;;AAMA;EACE;EACA;;AAjDJ;EACE;;AAKF;EACE;EACA;;AAGF;EACE;EAuBA;;AArBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQJ;EACE;;AAMA;EACE;EACA;;AAjDJ;EACE;;AAKF;EACE;EACA;;AAGF;EACE;EAuBA;;AArBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQJ;EACE;;AAMA;EACE;EACA;;AAjDJ;EACE;;AAKF;EACE;EACA;;AAGF;EACE;EAuBA;;AArBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQJ;EACE;;AAMA;EACE;EACA;;AAMR;AAAA;EAEE;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAIJ;AAAA;EAEE;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;AACA;AAAA;EACE;;AAIJ;EACE;;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAPF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAPF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAPF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAPF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAPF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAPF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EAGA;;AAGF;EACE;EAGA;;AAGF;EACE;EAGA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAGE;EACA;EACA;;AAGF;EAGE;EACA;EACA;EACA;;AAEA;EACE;;AAKF;EACE;;AACA;EACE;;AAMJ;EACE;;AAKN;EACE;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EAGA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;AAIJ;EAGE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAEE;EACE;;AAEF;EACE;EACA;EACA;;AAGJ;EACE;;AAEF;EACE;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;AAEA;AAAA;EAEE;;AAGF;EACE;;AAGF;EACE;EACA;;;ACx7BJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA,S5C+Wc;E4C9Wd;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EAEE;;AAGF;EACE;EAEA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAUF;EANE;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EAjBF;EACA;EACA;EACA;;AAiBE;AAAA;EAEE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAKN;EACE;EAhFF;EACA;EACA;EACA;;AAgFE;EACE;EACA;;AAEA;EACE;;AAIJ;EA5FF;EACA;EACA;EACA;;AA4FI;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;;AAQZ;EACE;;AAEA;EACE;;;ACvOJ;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;;A5C+BF;EAEE;EACA;;AAEF;EACE;;A4ClCF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;AAAA;AAAA;EAGE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA,S7C2VS;;A6CxVX;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EAEE;;AAGF;EAEE;;AAGF;EACE;;AAKF;EACE;EAEA;;AAEA;EACE;;;AAMR;EAOE;EACA;EACA;;A5CxGA;EAEE;EACA;;AAEF;EACE;;A4C4FF;EACE;;AAOF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EAEE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;;AAEF;EACE;EACA;;;ACrPF;EAEE;;A7C0CF;EAEE;EACA;;AAEF;EACE;;A6C7CF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAEA;AAAA;AAAA;EAGE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,S9CsWS;;A8CnWX;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;;AAGF;EACE;;AAGF;EACE;EAMA;EACA;;AALA;EACE;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;;;A7C/FF;E6CqGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;IACA;;;A7C/HA;E6CoIF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;A7CzJA;E6C8JF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;ACxLJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;EACA;EAEA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;AAEA;EACE;;AAMR;EACE;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAEF;EACE;;AAQA;EACE;EACA;EACA;;AAEF;EACE;;AAIN;EACE;;AACA;EACE;EACA;;AAGJ;EACE;EACA;;AACA;EACE;;AAGF;EACE;EACA;;AAKF;EACE;;AAGJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;;AAGJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIF;AAAA;EAEE;;AAGJ;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;;;ACjWV;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACE;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AC9CJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AC3DA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EAUA;;AAGF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAGJ;EACE;;AAKN;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;;AAMR;EACE;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;;AAIJ;EACE;IACE;;EAEF;IACE;;;ACtJF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAEA;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;;AAGJ;EACE;;AAOF;EACE;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;;;AC1CR;EACE;EACA;EACA;EACA;;AAEA;EACE;;;ACPJ;EACE;EACA;EAEA;EACA;;AAEA;EACE;;;ACRJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;AAKF;AAAA;EAEE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;AAKF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;;AAKF;EACE;;AAKF;EACE;EACA;;AAKF;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;;;AAMR;EAKE;;AAJA;EACE;;;AC9GF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AClBJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;;AAIJ;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAIJ;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AC/EJ;EACE;EACA;EACA;EACA;EACA;;AAGE;EACE;;AAGF;EACE;;AAIA;AAAA;EAEE;;AAMJ;EACE;;AAGF;EACE;;AAIA;AAAA;EAEE;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAKN;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EApKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EA+JE;EACA;;AA/JF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AA2JF;EA1KA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAqKE;EACA;;AArKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAkKA;EACE;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;ACjMJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EAOE;EACA;EACA;EACA;EACA;EACA;EAMA;EACA;EACA;EACA;;AAnBA;EACE;EACA;;AAUF;EACE;EACA;;AAOF;EACE;;AAIJ;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;IACE;IACA;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AACA;EACE;;AAIJ;EACE;;AACA;EACE;;;ACtMR;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;;;AAIJ;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;;;AAIJ;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EAEE;;;AAIJ;EACE;EACA;;A1DpIA;EAEE;EACA;;AAEF;EACE;;;A0DmIJ;EACE;;A1D1IA;EAEE;EACA;;AAEF;EACE;;;A2DnDJ;E3DqUE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAKF;EACE;EACA;EACA;;AAGF;EACE;;A2DzWF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;E3D0QA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;A2DrRF;EACE;EACA;EACA;;AAGF;EACE;;;AClDJ;E5DqUE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;E4D3UA;EACA;EACA;EACA;;A5D0UA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAKF;EACE;EACA;EACA;;AAGF;EACE;;A4DrWF;EACE;EACA;;AAGF;EAGE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;E5D8PA;EACA;EACA;EACA;EACA;EACA;E4DjQE;EACA;EACA;EACA;;A5DgQF;EACE;EACA;EACA;EACA;;AAGF;EACE;;A4DtQA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AACA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAKN;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AC9HJ;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAgDA;;AA9CA;EACE;;AAGF;EACE;EACA;EACA;;AACA;EACE;;AAIJ;EAGE;EACA;;AAEA;EACE;;AAIJ;EAGE;EACA;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;;;AC5DN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AASF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQA;EACE;EACA;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAUJ;EACE;;;ACxEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;ACzGF;EACE;EACA;EACA;;;ACJJ;EACE;EACA;;;ACFF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEE;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;;AAEE;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;;AAGJ;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAKR;EACE;;AAEE;EACE;;AAMR;EACE;;AACA;EACE;EACA;;AAEE;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;;AAIN;EACE;;AAEE;EACE;;AAQR;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEF;AAAA;AAAA;EAGE;;AAKF;AAAA;EACE;EACA;EACA;;;AAaM;EACE;;AAOF;EACE;;AAMR;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;;AAKN;EACE;;AAII;EACE;;;ACnMZ;EACI;EACA;EAEA;;AAIQ;AAAA;EAGI;EACA;EACA;;AAMR;EACI;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;;;AAKJ;EACI;;;AChDR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;;AAKN;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;AAAA;EAEE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAKF;EACE;;AAIJ;EACE;;;AC5HN;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;;AAIJ;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EAEE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EAGE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EAGE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EAEE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EAEE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AClIN;EACE;;;AtEEE;EsEEF;IACE;;EAEA;IACE;;EAGF;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAEA;IACE;;EAGF;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;AAAA;IAEE;;EAGF;IACE;;EAIJ;IACE;IACA;;EAEA;IACE;IACA;;EAIJ;IACE;IACA;;EAEA;IACE;IACA;;EAIJ;IACE;IACA;;EAEA;IACE;IACA;;EAIJ;IACE;IACA;;EAEA;IACE;IACA;;;EAKN;IACE;IACA;IACA;IACA;IACA;;;EAIA;IACE;IACA;IACA;;;EAHF;IACE;IACA;IACA;;;EAHF;IACE;IACA;IACA;;;EAHF;IACE;IACA;IACA;;;EAHF;IACE;IACA;IACA;;;EAHF;IACE;IACA;IACA;;;EAHF;IACE;IACA;IACA;;;EAHF;IACE;IACA;IACA;;;EAHF;IACE;IACA;IACA;;;EAHF;IACE;IACA;IACA;;;EAHF;IACE;IACA;IACA;;;EAHF;IACE;IACA;IACA;;;EAIJ;IACE;IACA;IACA;IACA;;;ACjHJ;EACE;EACA;;AAEA;EAIE;;AAGF;EAEE;EACA;;AAGF;EACE;EACA;EAEA;EAIA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAKF;EACE;EACA;;AAIF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EACE;EACA;EAEA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;;AAIA;AAAA;AAAA;AAAA;EAIE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAKN;EACE;;;ACpJF;ExEkXE;EACA;;AAEA;EACE;EACA;;AAGF;EArDA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAKF;EACE;EACA;EACA;;AAGF;EACE;;AAkBF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAKF;EA5GA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AA3TA;EA8ZA;IAIE;IACA;;;AwEraJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAgBF;EACE;EACA;;AxEvBA;EwE0BE;IAIE;;EAEA;IACE;;;AAMR;EACE;EACA;EACA;EAEA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAUJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAIF;EACE;;AAGF;EAEI;EACA;;AAIJ;EAEI;EACA;;AAKN;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AxErIA;EwE4II;IACE;;;AAMR;EACE;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAQA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EAGA;EACA;;AAGF;EACE;EACA;EACA;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;EAEA;;AAEA;EACE;;AAIJ;EACE;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAKA;EACE;;;AAMJ;EACE;;;ACzRJ;EACE;;AAEA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AzEuVF;EACE;EACA;EACA;;AAGF;EACE;;AyE5VA;EACE;;AAIF;EACE;;AAIJ;EAEE;EACA;;AAGA;EACE;;AAIJ;EAEE,Y1EoHM;E0EnHN;;AAIA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;;ACnEJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EAEE;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;AAEA;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAKF;EACE;;AAIA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAIA;EACE;;AAIJ;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAKN;EACE;;AAEA;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;;AAGE;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAQA;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;;;AAIJ;AAAA;AAAA;EAGE;;;AAOA;AAAA;EACE;EACA;;AAGF;AAAA;EACE;EACA;;;AAMF;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;;ACzRF;EACE;EACA;EACA;EACA;EACA;;AAgBF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;;AAKN;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAOA;EAKA;EACA;;AAJA;EACE;;AAKF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;;AAEA;EACE;;AAIJ;E3EsUA;EACA;EACA;EACA;EAOA;;;A2E1UA;EACE;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EAOA;EAMA;EACA;EAEA;;AAPA;EACE;EACA;;AAMF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;E3EyLA;EACA;EACA;EACA;EAOA;;;A2E9LF;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAOA;EAKA;EACA;;AAJA;EACE;;AAKF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;E3E0HA;EACA;EACA;EACA;EAOA;;;A2E/HF;EACE;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;ACjWJ;EACE;EACA;;AAGF;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;;AAKN;EACE;;;AC/BF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;;AAEA;EACE;;;ACpGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;A9E4VA;EACE;EACA;EACA;;AAGF;EACE;;A8EhWF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EAEE;EACA;EACA;;AAGF;EACE;;AAEA;AAAA;EAEE;;AAIJ;EACE;;AAEA;AAAA;EAEE;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAKF;EACE;;AAEA;EACE;;AAOF;EACE;;AAMJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAKF;EACE;EACA;;AA0BJ;EAEE;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;;AAMR;EACE;;;AAKA;AAAA;EACE;;;AAIJ;EACE;;AACA;EACE;;AAEF;EACE;;;ACrMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAOA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;;A/EiUF;EACE;EACA;EACA;;AAGF;EACE;;A+EnUF;EACE;EACA;EACA;EACA;EAEA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAGF;EACE;EAGA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAGJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AACA;EACE;;AAGJ;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAQA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AASF;EACE;;AAGF;EACE;EACA;EACA;;AAQA;EACE;;AAGF;EACE;EACA;EACA;;AAIJ;EAEE;EACA;;AAGF;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AAKN;EACE;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAKA;EACE;;;AAQF;EACE;;AAGF;EACE;EACA;;;A/EvVA;E+E6VF;AAAA;AAAA;AAAA;IAIE;IACA;IACA;;EAEA;AAAA;AAAA;AAAA;IACE;;;AC3WN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AASF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAQA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAKN;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AC/EJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AjFsJJ;EiFlJI;EACA;EACA;;AAEA;EACE;;AAIJ;EAEE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EAMA;EACA;;AALA;EACE;;AAMF;EACE;;AAKN;EACE;;AAGA;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;;ACvHJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAKN;EAEE;EACA;;AAGF;EACE,YnF0HM;;AmFxHN;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;ElFgPF;EACA;EACA;EACA;EACA;EACA;EkFnPE;EACA;;AlFoPF;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AkFxPJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAIA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAQA;EACE;EACA;;;AAKN;EACE;;;AC1IA;EACE;;;ACFJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAKN;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EpFuOA;EACA;EACA;EACA;EACA;EACA;EoF1OE;EACA;;ApF2OF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AoFhPF;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAKF;EACE;EACA;EACA;;;ACvHF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ArF0VA;EACE;EACA;EACA;;AAGF;EACE;;AqF7VF;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAKN;EACE;EACA;;AAGF;EACE,YtFyHM;;AsFvHN;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;ErF4OF;EACA;EACA;EACA;EACA;EACA;EqF/OE;EACA;;ArFgPF;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AqFpPJ;EACE;;;AAGF;EACE;EACA;EACA;EAOA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAKN;EACE;;AAEA;EAEE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAEA;AAAA;AAAA;AAAA;AAAA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAMR;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AACA;EAEE;EACA;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ErF9CA,OqFkEE;ErFjEF,YqF+DE;ErF9DF,cqF+DE;ErF9DF;EACA;EqFuEA;;AA3BA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;ArFrJF;EAiGI,OqF6DF;ErF5DE,YqF0DF;ErFzDE,cqF0DF;;ArF3IF;EAoFI,OqF2DF;ErF1DE,YqFwDF;ErFvDE,cqFwDF;;ArFpJF;EA2GE;;AqF+CF;EACE;;AAGF;ErFjFA,OqFqFI;ErFpFJ,YqFkFI;ErFjFJ,cqFkFI;ErFjFJ;EACA;;AA7FA;EAiGI,OqFgFA;ErF/EA,YqF6EA;ErF5EA,cqF6EA;;ArF9JJ;EAoFI,OqF8EA;ErF7EA,YqF2EA;ErF1EA,cqF2EA;;ArFvKJ;EA2GE;;;AqFkEJ;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAGF;EACE;;;AAIJ;AAAA;AAAA;EAGE;EACA;;AAEA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;EACE;;AAEA;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;AAAA;AAAA;EAEE;;AAEA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAIJ;AAAA;AAAA;EACE;;AAEA;AAAA;AAAA;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;;;AChdF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AtF0VA;EACE;EACA;EACA;;AAGF;EACE;;AsF7VF;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAKN;EACE;EACA;;AAGF;EACE,YvFyHM;;AuFvHN;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EtF8OA;EACA;EACA;EACA;EACA;EACA;EsFjPE;EACA;EACA;;AtFiPF;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AsFrPJ;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EAEE;;;AAIJ;EACG;;;AtF7HC;EsFiIF;IACE;;;EAGF;IACE;IACA;;;AAIJ;EACE;EACA;EACA;EACA;;;ACpJF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EvF4PF,OuFvPI;EvFwPJ,YuF1PI;EvF2PJ,cuF1PI;EvF2PJ;EACA;;AA7FA;EAiGI,OuF5PA;EvF6PA,YuF/PA;EvFgQA,cuF/PA;;AvF8KJ;EAoFI,OuF9PA;EvF+PA,YuFjQA;EvFkQA,cuFjQA;;AvFqKJ;EA2GE;;AuF5QA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGE;EACE;;AAGF;EACE;;AAMR;EACE;EACA;EACA;EAGA;EACA;EAGA;EAEA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;ACnPF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAmBJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;;ACvKJ;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;ACvCJ;EACE;EACA;EAOA;EACA;EACA;EACA;EACA;;AATA;AAAA;EAEE;;AASF;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAMR;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;;AAKN;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACjHF;EACE;;;AAGF;EASE;EACA;EACA;EACA;;AAXA;EACE;;AAGF;EACE;;A3F4VF;EACE;EACA;EACA;;AAGF;EACE;;A2FzVF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;EACA;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;EAOE;EACA;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;ACzFN;EACE,S7FyZW;;;A6FvZb;EACE,S7FsZW;;;A8F1Zb;EACE;EAGA;EACA;;A7FwCA;EAEE;EACA;;AAEF;EACE;;A6F3CA;EACE;;AAGF;EACE;;AAIA;EACE;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAMR;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAIF;EACE;EACA;EACA;EACA;;AAGF;EAGE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAcF;EACE;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;;;AClNF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAqBJ;EACE;AAAA;IAEE;IACA;IACA;;;ACrCJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;AAKF;EAEE;EACA;EACA;;AAEF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGE;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;;AAGF;EACE;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EAEE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EAEE,OADU;EAEV,QAFU;EAGV;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAOA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EAEE,OADU;EAEV,QAFU;EAGV;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAMA;EACE;EACA;EACA;;AAIJ;EACE;;AAEA;EAEE;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;;AC1TR;EACE;;AAEA;EACE;;;AAIJ;EhG0WE;EACA;EgGzWA;;AhG2WA;EACE;EACA;;AAGF;EArDA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAKF;EACE;EACA;EACA;;AAGF;EACE;;AAkBF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAKF;EA5GA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AA3TA;EA8ZA;IAIE;IACA;;;AgG5ZJ;EACE;EACA;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;;;ACnCF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAGF;EAME;EjGwLF;EACA,WiGpLI;EjGqLJ,aiGpLI;EjGqLJ,eiGpLI;EjGqLJ,QiGpLI;EjGyOJ,OiGnOI;EjGoOJ,YiGtOI;EjGuOJ,ciGtOI;EjGuOJ;EACA;;AiG1PE;EACE;EACA;;AjGiMJ;AAAA;AAAA;EAGE,ciG7LE;;AjGgMJ;AAAA;EAEE,aiGlME;;AjGqMJ;AAAA;AAAA;EAGE,ciGxME;;AjG2MJ;AAAA;EAEE,aiG7ME;;AjGiNJ;EACE;EACA;;AA/DF;EAiGI,OiGxOA;EjGyOA,YiG3OA;EjG4OA,ciG3OA;;AjG0JJ;EAoFI,OiG1OA;EjG2OA,YiG7OA;EjG8OA,ciG7OA;;AjGiJJ;EA2GE;;AiGxPA;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAIJ;EAWE;;AAVA;EACE;;AAEA;EACE;;AASN;EACE;;AAGF;EACE;;AAEA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;AAKF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AjGrHJ;EAEE;EACA;;AAEF;EACE;;AiG2HA;EACE;;AAIA;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAKJ;AAAA;EAEE;EAEA;EAEA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EAEE;;AAGA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAEF;EACE;;AAKN;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AjGnNJ;EAEE;EACA;;AAEF;EACE;;AiGqNA;EACE;;;AAKN;EACE;;AACA;EACE;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;;;AjGlSA;EiGuSF;IACE;;;AC5SF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAGE;EACA;EACA;;AACA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AlGwGF;EkGrGI;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;;AClHF;EACE;;;ACFJ;EpGkXE;EACA;EoGjXA;;ApGmXA;EACE;EACA;;AAGF;EArDA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAKF;EACE;EACA;EACA;;AAGF;EACE;;AAkBF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAKF;EA5GA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AA3TA;EA8ZA;IAIE;IACA;;;AoGpaJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EAEA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EpGwNF;EACA;EACA;EACA;EACA;EACA;EoG3NE;EACA;;ApG4NF;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AoG/NF;EACE;EACA;;;ACnGJ;EACE;EACA;;;ACFF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EAEE;EACA;EACA;EACA;;AAIA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EtGmKJ;EACA,WsG/JM;EtGgKN,asG/JM;EtGgKN,esG/JM;EtGgKN,QsG/JM;EtGoNN,OsG9MM;EtG+MN,YsGjNM;EtGkNN,csGjNM;EtGkNN;EACA;;AAvDA;AAAA;AAAA;EAGE,csGxKI;;AtG2KN;AAAA;EAEE,asG7KI;;AtGgLN;AAAA;AAAA;EAGE,csGnLI;;AtGsLN;AAAA;EAEE,asGxLI;;AtG4LN;EACE;EACA;;AA/DF;EAiGI,OsGnNE;EtGoNF,YsGtNE;EtGuNF,csGtNE;;AtGqIN;EAoFI,OsGrNE;EtGsNF,YsGxNE;EtGyNF,csGxNE;;AtG4HN;EA2GE;;AsGnOE;EACE;EACA;;;AAON;EACE;EACA;;AAGF;EACE;EACA;;;ACzFJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;ACjCF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAMA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EAEE;EACA;;AAEA;EACE;EACA;;;AAMJ;EACE;;AAOF;ExGwTA;EACA;EACA;EACA;EAOA;;AwG9TA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;;AAQZ;EACE;;AAEA;EACE;;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;EACE;EACA;EACA;;;AAMJ;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;;;AAGJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;ACjPJ;EACE;;;AAGF;EACE;;AzGiWA;EACE;EACA;EACA;;AAGF;EACE;;AyGtWF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AASF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;;ACrFR;E1GkXE;EACA;;AAEA;EACE;EACA;;AAGF;EArDA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAKF;EACE;EACA;EACA;;AAGF;EACE;;AAkBF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAKF;EA5GA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AA3TA;EA8ZA;IAIE;IACA;;;A0GraJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EAGA;EACA;;AAEA;EACE;EACA;;;ACnGN;EACE;EACA;;AAGA;EACE;;AAIA;EACE;EACA;;AAGF;EACE;EACA;;;AAMN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EAEA;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;;AAIA;EACE;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;;AAIA;EACE;EACA;;AAKF;EACE;;AAEA;EACE;EACA;EACA;;AAKN;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;A3G9IE;E2GkJF;IACE;IACA;;;EAGF;IAGE;IACA;IACA;IACA;;EAGA;IACE;;;EAIJ;IACE;IACA;IACA;IACA;;EAGA;IACE;;;EAIJ;IACE;IACA;IACA;IACA;;;EAGF;IACE;IACA;IACA;IACA;;EAGA;IACE;;;EAKF;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EAGF;IACE;IACA;IACA;IACA;;EAGF;AAAA;AAAA;AAAA;AAAA;AAAA;IAME;IACA;;EAGF;IACE;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAIJ;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAIA;IACE;IACA;IACA;;EAHF;IACE;IACA;IACA;;EAHF;IACE;IACA;IACA;;EAHF;IACE;IACA;IACA;;EAHF;IACE;IACA;IACA;;EAHF;IACE;IACA;IACA;;EAHF;IACE;IACA;IACA;;EAHF;IACE;IACA;IACA;;EAHF;IACE;IACA;IACA;;EAHF;IACE;IACA;IACA;;EAHF;IACE;IACA;IACA;;EAHF;IACE;IACA;IACA;;EAKN;IACE;IACA;;EAEA;IACE;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAIJ;IACE;IACA;;EAEA;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IACE;;;EAMR;IACE;IACA;IAEA;IACA;IACA;;EAEA;IACE;IACA;;;EAIJ;IACE;IACA;IACA;;;EAGF;IACE;IACA;;EAEA;IACE;IACA;IACA;IACA;;EAGF;IACE;IACA;;;AASN;EACE;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;ACtZF;EACE;EACA;;AAGE;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKF;AAAA;EAEE;EACA;;AAOV;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;;AAKF;EACE;;AAKF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;;AAOV;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AC9GJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;AAAA;AAAA;AAAA;EAIE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;AAGF;AAAA;EAEE;;AAGF;AAAA;AAAA;AAAA;EAIE;;AAGF;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;;ACtQF;EACE;EACA;;;ACHJ;EACE;;AACA;EACE;;;ACHJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAKN;AAAA;EAEE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAGJ;EACE;EACA;;AAGA;EACE;;AAGJ;EACE;;;AAKF;EACE;;;ACvHJ;AAAA;AAAA;AAMA;EjHmEE,kBP7DM;EwHJN,OxHoBW;;AO+CX;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBPrFI;;;AwHDR;EjH8DE,kBD6GK;EC5EL,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBDqFG;;AC1EL;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;;AiHlHJ;EjHyDE,kBP3DM;EO4FN,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBPnFI;;AO8FN;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;;AiH7GJ;EjHoDE,kBT/DO;ESgGP,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBTvFK;;ASkGP;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;;AiHxGJ;EjH+CE,kBT9BQ;ES+DR,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBTtDM;;ASiER;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;;AiHnGJ;EjH0CE,kBT/DO;ESgGP,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBTvFK;;ASkGP;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;;AiH9FJ;EjHqCE,kBTqEO;ESpCP,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBT6CK;;ASlCP;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;;AiHzFJ;EjHgCE,kBTEM;ES+BN,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBTtBI;;ASiCN;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;;AiHpFJ;EjH2BE,kBD6EM;EkHtGN,OxHpBW;;AO+CX;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBDqDI;;;AkHnGR;EACE;;;AAGF;EACE;;;AjH+FA;EACE;;;AAGF;EACE;;;AAGF;EACE,OTtJK;;;ASyJP;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAzBF;EACE;;;AAGF;EACE;;;AAGF;EACE,OTtJK;;;ASyJP;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAzBF;EACE;;;AAGF;EACE;;;AAGF;EACE,OTrHM;;;ASwHR;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAzBF;EACE;;;AAGF;EACE;;;AAGF;EACE,OTlBK;;;ASqBP;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAzBF;EACE;;;AAGF;EACE;;;AAGF;EACE,OTrFI;;;ASwFN;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAzBF;EACE;;;AAGF;EACE;;;AAGF;EACE,ODsBG;;;ACnBL;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAzBF;EACE;;;AAGF;EACE;;;AAGF;EACE,ODVI;;;ACaN;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAzBF;EACE;;;AAGF;EACE;;;AAGF;EACE,OPlJI;;;AOqJN;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AiH3GJ;EACE;;;AAGF;EACE;;;AjH7BA;EAEE;EACA;;AAEF;EACE;;;AiH8BJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AjHxuCE;EiH6uCA;IAKE;IACA;;;AAKN;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAWA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;;AAIJ;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAGE;EAEE;;AAGF;EAGE;EACA;;AAEA;EACE;;AAMJ;EAEE;;;AAKN;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAOA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE;EACA;EACA;EACA;;;AAIF;EACE;EACA;;;AAIF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMR;EACE;EACA;EACA;;;AAGF;EACE;;;AAOF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EACE;EACA;;;AAIF;EAEE;EACA;EACA;;;AAOJ;EjH7mCE,YiH8mCuB;;;AAGzB;EjHjnCE,YiHknCuB;;;AAGzB;EjHrnCE,YiHsnCuB;;;AAGzB;EjHznCE,YiH0nCuB;;;AAGzB;EjH7nCE,YiH8nCuB;;;AAGzB;EjHjoCE,YiHkoCuB;;;AAGzB;EACE;IACE;;;AAIJ;EACE;IACE;IACA;;;EAGF;IACE;IACA;;;AAIJ;EACE;IACE;IACA;;;EAGF;IACE;IACA;;;AAIJ;EACE;IACE;IACA;;;EAGF;IACE;IACA;;;AAKJ;EACE;IACE;;;EAGF;IACE;;;EAGF;IACE;;;AAIJ;EACE;;;AAGF;AACA;EACE;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;IACA;;;EAGF;IACE;;;EAGF;IACE;IACA;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;AAAA;IAEE;;;EAGF;AAAA;IAEE;IACA;;;EAGF;IACE;;;EAGF;IACE","file":"antd.css","sourcesContent":["/**\n * @file 使用 extract-antd-color.py 转换\n */\n\n$blue-base: #1890ff;\n$blue-1: #e6f7ff;\n$blue-2: #bae7ff;\n$blue-3: #91d5ff;\n$blue-4: #69c0ff;\n$blue-5: #40a9ff;\n$blue-6: #1890ff;\n$blue-7: #096dd9;\n$blue-8: #0050b3;\n$blue-9: #003a8c;\n$blue-10: #002766;\n$purple-base: #722ed1;\n$purple-1: #f9f0ff;\n$purple-2: #efdbff;\n$purple-3: #d3adf7;\n$purple-4: #b37feb;\n$purple-5: #9254de;\n$purple-6: #722ed1;\n$purple-7: #531dab;\n$purple-8: #391085;\n$purple-9: #22075e;\n$purple-10: #120338;\n$cyan-base: #13c2c2;\n$cyan-1: #e6fffb;\n$cyan-2: #b5f5ec;\n$cyan-3: #87e8de;\n$cyan-4: #5cdbd3;\n$cyan-5: #36cfc9;\n$cyan-6: #13c2c2;\n$cyan-7: #08979c;\n$cyan-8: #006d75;\n$cyan-9: #00474f;\n$cyan-10: #002329;\n$green-base: #52c41a;\n$green-1: #f6ffed;\n$green-2: #d9f7be;\n$green-3: #b7eb8f;\n$green-4: #95de64;\n$green-5: #73d13d;\n$green-6: #52c41a;\n$green-7: #389e0d;\n$green-8: #237804;\n$green-9: #135200;\n$green-10: #092b00;\n$magenta-base: #eb2f96;\n$magenta-1: #fff0f6;\n$magenta-2: #ffd6e7;\n$magenta-3: #ffadd2;\n$magenta-4: #ff85c0;\n$magenta-5: #f759ab;\n$magenta-6: #eb2f96;\n$magenta-7: #c41d7f;\n$magenta-8: #9e1068;\n$magenta-9: #780650;\n$magenta-10: #520339;\n$pink-base: #eb2f96;\n$pink-1: #fff0f6;\n$pink-2: #ffd6e7;\n$pink-3: #ffadd2;\n$pink-4: #ff85c0;\n$pink-5: #f759ab;\n$pink-6: #eb2f96;\n$pink-7: #c41d7f;\n$pink-8: #9e1068;\n$pink-9: #780650;\n$pink-10: #520339;\n$red-base: #f5222d;\n$red-1: #fff1f0;\n$red-2: #ffccc7;\n$red-3: #ffa39e;\n$red-4: #ff7875;\n$red-5: #ff4d4f;\n$red-6: #f5222d;\n$red-7: #cf1322;\n$red-8: #a8071a;\n$red-9: #820014;\n$red-10: #5c0011;\n$orange-base: #fa8c16;\n$orange-1: #fff7e6;\n$orange-2: #ffe7ba;\n$orange-3: #ffd591;\n$orange-4: #ffc069;\n$orange-5: #ffa940;\n$orange-6: #fa8c16;\n$orange-7: #d46b08;\n$orange-8: #ad4e00;\n$orange-9: #873800;\n$orange-10: #612500;\n$yellow-base: #fadb14;\n$yellow-1: #feffe6;\n$yellow-2: #ffffb8;\n$yellow-3: #fffb8f;\n$yellow-4: #fff566;\n$yellow-5: #ffec3d;\n$yellow-6: #fadb14;\n$yellow-7: #d4b106;\n$yellow-8: #ad8b00;\n$yellow-9: #876800;\n$yellow-10: #614700;\n$volcano-base: #fa541c;\n$volcano-1: #fff2e8;\n$volcano-2: #ffd8bf;\n$volcano-3: #ffbb96;\n$volcano-4: #ff9c6e;\n$volcano-5: #ff7a45;\n$volcano-6: #fa541c;\n$volcano-7: #d4380d;\n$volcano-8: #ad2102;\n$volcano-9: #871400;\n$volcano-10: #610b00;\n$geekblue-base: #2f54eb;\n$geekblue-1: #f0f5ff;\n$geekblue-2: #d6e4ff;\n$geekblue-3: #adc6ff;\n$geekblue-4: #85a5ff;\n$geekblue-5: #597ef7;\n$geekblue-6: #2f54eb;\n$geekblue-7: #1d39c4;\n$geekblue-8: #10239e;\n$geekblue-9: #061178;\n$geekblue-10: #030852;\n$lime-base: #a0d911;\n$lime-1: #fcffe6;\n$lime-2: #f4ffb8;\n$lime-3: #eaff8f;\n$lime-4: #d3f261;\n$lime-5: #bae637;\n$lime-6: #a0d911;\n$lime-7: #7cb305;\n$lime-8: #5b8c00;\n$lime-9: #3f6600;\n$lime-10: #254000;\n$gold-base: #faad14;\n$gold-1: #fffbe6;\n$gold-2: #fff1b8;\n$gold-3: #ffe58f;\n$gold-4: #ffd666;\n$gold-5: #ffc53d;\n$gold-6: #faad14;\n$gold-7: #d48806;\n$gold-8: #ad6800;\n$gold-9: #874d00;\n$gold-10: #613400;\n$preset-colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime,\n green, blue, geekblue, purple;\n","// 这里放 css 自定义变量\n\n:root {\n --black: #{$black};\n --white: #{$white};\n // 因为运行不支持颜色计算,所以用 css 变量的方式需要多定义几个变量\n --primary: #{$primary};\n --primary-onHover: #4f86f4;\n --primary-onActive: #1c53c1;\n --secondary: #{$secondary};\n --secondary-onHover: #{darken($secondary, 7.5%)};\n --secondary-onActive: #{darken($secondary, 10%)};\n --success: #{$success};\n --success-onHover: #{darken($success, 7.5%)};\n --success-onActive: #{darken($success, 10%)};\n --info: #{$info};\n --info-onHover: #{darken($info, 7.5%)};\n --info-onActive: #{darken($info, 10%)};\n --warning: #{$warning};\n --warning-onHover: #{darken($warning, 7.5%)};\n --warning-onActive: #{darken($warning, 10%)};\n --danger: #{$danger};\n --danger-onHover: #{darken($danger, 7.5%)};\n --danger-onActive: #{darken($danger, 10%)};\n\n --light: #{$light};\n --dark: #{$dark};\n\n --fontFamilyMonospace: SFMono-Regular, Menlo, Monaco, Consolas,\n 'Liberation Mono', 'Courier New', monospace;\n --fontFamilyBase: -apple-system, BlinkMacSystemFont, 'SF Pro SC',\n 'SF Pro Text', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Segoe UI',\n Roboto, 'Hiragino Sans GB', 'Arial', 'microsoft yahei ui', 'Microsoft YaHei',\n SimSun, sans-serif;\n\n --fontSizeBase: #{px2rem(14px)};\n --fontSizeMd: #{px2rem(14px)};\n --fontSizeLg: #{px2rem(16px)};\n --fontSizeXl: #{px2rem(20px)};\n --fontSizeSm: #{px2rem(12px)};\n --fontSizeXs: #{px2rem(11px)};\n\n --text-color: #{$text-color};\n --button-color: #{$white};\n\n --animation-duration: 0.2s;\n\n --text--muted-color: #{lighten($text-color, 25%)};\n --text--loud-color: #{darken($text-color, 10%)};\n\n --pre-color: var(--text-color);\n\n --borderColor: #{$borderColor};\n --borderColorLight: #{lighten($borderColor, 5%)};\n --borderColorDarken: #{darken($borderColor, 10%)};\n --borderRadius: 0.142rem;\n --borderRadiusMd: 0.285rem;\n --borderRadiusLg: 0.428rem;\n\n --boxShadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);\n --boxShadowSm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);\n\n --lineHeightBase: 1.5;\n\n --body-lineHeight: var(--lineHeightBase);\n\n --borderWidth: #{px2rem(1px)};\n\n --fontWeightNormal: 400;\n --fontWeightBase: var(--fontWeightNormal);\n --fontWeightMd: 500;\n --fontWeightBold: 700;\n\n --background: var(--white);\n\n --code-color: var(--danger);\n --code-background: var(--background);\n --pre-background: var(--background);\n --link-color: var(--info);\n --link-decoration: none;\n --link-onHover-color: var(--info-onHover);\n --link-onHover-decoration: underline;\n\n --body-bg: var(--light);\n --body-size: var(--fontSizeBase);\n --body-color: var(--text-color);\n --body-weight: var(--fontWeightBase);\n\n --gap-xs: #{px2rem(4px)};\n --gap-sm: #{px2rem(8px)};\n --gap-base: #{px2rem(12px)};\n --gap-md: #{px2rem(16px)};\n --gap-lg: #{px2rem(20px)};\n --gap-xl: #{px2rem(24px)};\n\n --icon-color: #{$gray600};\n --icon-onHover-color: #{$gray900};\n --icon-onDisabled-color: #{$gray500};\n\n --label--default-bg: #{$gray700};\n --label--primary-bg: var(--primary);\n --label--success-bg: var(--success);\n --label--info-bg: var(--info);\n --label--warning-bg: var(--warning);\n --label--danger-bg: var(--danger);\n\n --label-color: #fff;\n --label-link--hover-color: #fff;\n\n --scrollbar-width: #{px2rem(17px)};\n\n // 以下是分组件的\n --Alert--danger-bg: #f2dede;\n --Alert--danger-borderColor: #{darken(adjust-hue(#f2dede, -10), 5%)};\n --Alert--danger-color: #a94442;\n --Alert--info-bg: #d9edf7;\n --Alert--info-borderColor: #{darken(adjust-hue($info, -10), 5%)};\n --Alert--info-color: #31708f;\n --Alert--success-bg: #dff0d8;\n --Alert--success-borderColor: #{darken(adjust-hue(#dff0d8, -10), 5%)};\n --Alert--success-color: #3c763d;\n --Alert--warning-bg: #fcf8e3;\n --Alert--warning-borderColor: #{darken(adjust-hue(#fcf8e3, -10), 5%)};\n --Alert--warning-color: #8a6d3b;\n --Alert-borderColor: transparent;\n --Alert-borderRadius: var(--borderRadiusMd);\n --Alert-borderWidth: var(--borderWidth);\n --Alert-boxShadow: none;\n --Alert-fontSize: var(--fontSizeBase);\n --Alert-marginBottom: var(--gap-md);\n --Alert-paddingX: var(--gap-sm);\n --Alert-paddingY: var(--gap-sm);\n\n --Audio-border: #{px2rem(1px)} solid #dee2e6;\n --Audio-height: #{px2rem(50px)};\n --Audio-input-width: #{px2rem(80px)};\n --Audio-item-margin: #{px2rem(10px)};\n --Audio-lineHeight: #{px2rem(50px)};\n --Audio-play-top: var(--gap-xs);\n --Audio-play-width: var(--gap-md);\n --Audio-process-minWidth: #{px2rem(80px)};\n --Audio-rate-bg: #dee2e6;\n --Audio-rate-height: #{px2rem(50px)};\n --Audio-rate-lineHeight: #{px2rem(50px)};\n --Audio-rate-width: #{px2rem(40px)};\n --Audio-rateControlItem-bg: #dee2e6;\n --Audio-rateControlItem-borderRight: #{px2rem(1px)} solid #d3dae0;\n --Audio-svg-height: var(--gap-md);\n --Audio-svg-top: #{px2rem(6px)};\n --Audio-svg-width: var(--gap-md);\n --Audio-thumb-bg: #606670;\n --Audio-thumb-height: #{px2rem(14px)};\n --Audio-thumb-marginTop: #{px2rem(-5px)};\n --Audio-thumb-width: #{px2rem(14px)};\n --Audio-times-margin: 0 var(--gap-xs);\n --Audio-times-width: #{px2rem(75px)};\n --Audio-track-bg: #d7dbdd;\n --Audio-track-border: #{px2rem(1px)} solid transparent;\n --Audio-track-borderRadius: #{px2rem(3px)};\n --Audio-track-height: #{px2rem(6px)};\n --Audio-volume-height: #{px2rem(50px)};\n --Audio-volume-lineHeight: #{px2rem(50px)};\n --Audio-volume-width: var(--gap-md);\n --Audio-volumeControl-width: #{px2rem(110px)};\n --Avatar-bg: #{$gray300};\n --Avatar-width: #{px2rem(40px)};\n\n --Badge-size: var(--gap-md);\n --Badge-color: var(--white);\n --Badge--success-bg: var(--success);\n --Badge--info-bg: var(--info);\n --Badge--warning-bg: var(--warning);\n --Badge--danger-bg: var(--danger);\n\n --Button--danger-bg: var(--danger);\n --Button--danger-border: var(--Button--danger-bg);\n --Button--danger-color: var(--button-color);\n --Button--danger-onActive-bg: var(--danger-onActive);\n --Button--danger-onActive-border: #{darken($danger, 12.5%)};\n --Button--danger-onActive-color: var(--Button--danger-color);\n --Button--danger-onHover-bg: var(--danger-onHover);\n --Button--danger-onHover-border: var(--danger-onActive);\n --Button--danger-onHover-color: var(--Button--danger-color);\n --Button--dark-bg: var(--dark);\n --Button--dark-border: var(--Button--dark-bg);\n --Button--dark-color: var(--button-color);\n --Button--dark-onActive-bg: #{darken($dark, 10%)};\n --Button--dark-onActive-border: #{darken($dark, 12.5%)};\n --Button--dark-onActive-color: var(--Button--dark-color);\n --Button--dark-onHover-bg: #{darken($dark, 7.5%)};\n --Button--dark-onHover-border: #{darken($dark, 10%)};\n --Button--dark-onHover-color: var(--Button--dark-color);\n --Button--default-bg: var(--white);\n --Button--default-border: var(--borderColor);\n --Button--default-color: var(--text-color);\n --Button--default-onActive-bg: var(--white);\n --Button--default-onActive-border: var(--primary-onActive);\n --Button--default-onActive-color: var(--primary-onActive);\n --Button--default-onHover-bg: var(--white);\n --Button--default-onHover-border: var(--primary);\n --Button--default-onHover-color: var(--primary);\n --Button--iconOnly-minWidthRate: 4 / 3;\n --Button--info-bg: var(--info);\n --Button--info-border: var(--Button--info-bg);\n --Button--info-color: var(--button-color);\n --Button--info-onActive-bg: var(--info-onActive);\n --Button--info-onActive-border: #{darken($info, 12.5%)};\n --Button--info-onActive-color: var(--Button--info-color);\n --Button--info-onHover-bg: var(--info-onHover);\n --Button--info-onHover-border: var(--info-onActive);\n --Button--info-onHover-color: var(--Button--info-color);\n --Button--lg-borderRadius: var(--borderRadius);\n --Button--lg-fontSize: var(--fontSizeLg);\n --Button--lg-height: #{px2rem(46px)};\n --Button--lg-lineHeight: 24 / 20;\n --Button--lg-paddingX: #{px2rem(16px)};\n --Button--lg-paddingY: calc(\n (\n var(--Button--lg-height) - var(--Button-borderWidth) * 2 -\n var(--Button--lg-lineHeight) * var(--Button--lg-fontSize)\n ) / 2\n );\n --Button--light-bg: var(--light);\n --Button--light-border: var(--borderColor);\n --Button--light-color: var(--text-color);\n --Button--light-onActive-bg: #{darken($light, 10%)};\n --Button--light-onActive-border: #{darken($light, 12.5%)};\n --Button--light-onActive-color: var(--Button--light-color);\n --Button--light-onHover-bg: #{darken($light, 7.5%)};\n --Button--light-onHover-border: #{darken($light, 10%)};\n --Button--light-onHover-color: var(--Button--light-color);\n --Button--link-color: var(--primary);\n --Button--link-onDisabled-color: #{$gray600};\n --Button--link-onHover-color: var(--primary-onHover);\n --Button--link-onActive-color: var(--primary-onActive);\n --Button--md-fontSize: var(--Button-fontSize);\n --Button--md-height: var(--Button-height);\n --Button--md-lineHeight: var(--Button-lineHeight);\n --Button--md-paddingX: var(--Button-paddingX);\n --Button--md-paddingY: calc(\n (\n var(--Button--md-height) - var(--Button-borderWidth) * 2 -\n var(--Button--md-lineHeight) * var(--Button--md-fontSize)\n ) / 2\n );\n --Button--primary-bg: var(--primary);\n --Button--primary-border: var(--Button--primary-bg);\n --Button--primary-color: var(--button-color);\n --Button--primary-onActive-bg: var(--primary-onActive);\n --Button--primary-onActive-border: var(--primary-onActive);\n --Button--primary-onActive-color: var(--Button--primary-color);\n --Button--primary-onHover-bg: var(--primary-onHover);\n --Button--primary-onHover-border: var(--primary-onHover);\n --Button--primary-onHover-color: var(--Button--primary-color);\n --Button--secondary-bg: var(--secondary);\n --Button--secondary-border: var(--Button--secondary-bg);\n --Button--secondary-color: var(--button-color);\n --Button--secondary-onActive-bg: var(--secondary-onActive);\n --Button--secondary-onActive-border: #{darken($secondary, 12.5%)};\n --Button--secondary-onActive-color: var(--Button--secondary-color);\n --Button--secondary-onHover-bg: var(--secondary-onHover);\n --Button--secondary-onHover-border: var(--secondary-onActive);\n --Button--secondary-onHover-color: var(--Button--secondary-color);\n --Button--sm-borderRadius: var(--borderRadius);\n --Button--sm-fontSize: var(--fontSizeSm);\n --Button--sm-height: #{px2rem(30px)};\n --Button--sm-lineHeight: 18 / 12;\n --Button--sm-paddingX: #{px2rem(8px)};\n --Button--sm-paddingY: calc(\n (\n var(--Button--sm-height) - var(--Button-borderWidth) * 2 -\n var(--Button--sm-lineHeight) * var(--Button--sm-fontSize)\n ) / 2\n );\n --Button--success-bg: var(--success);\n --Button--success-border: var(--Button--success-bg);\n --Button--success-color: var(--button-color);\n --Button--success-onActive-bg: var(--success-onActive);\n --Button--success-onActive-border: #{darken($success, 12.5%)};\n --Button--success-onActive-color: var(--Button--success-color);\n --Button--success-onHover-bg: var(--success-onHover);\n --Button--success-onHover-border: var(--success-onActive);\n --Button--success-onHover-color: var(--Button--success-color);\n --Button--enhance-border: var(--primary);\n --Button--enhance-color: var(--primary);\n --Button--enhance-onActive-bg: var(--white);\n --Button--enhance-onActive-border: var(--primary-onActive);\n --Button--enhance-onActive-color: var(--primary-onActive);\n --Button--enhance-onHover-bg: var(--white);\n --Button--enhance-onHover-border: var(--primary-onHover);\n --Button--enhance-onHover-color: var(--primary-onHover);\n --Button--warning-bg: var(--warning);\n --Button--warning-border: var(--Button--warning-bg);\n --Button--warning-color: var(--button-color);\n --Button--warning-onActive-bg: var(--warning-onActive);\n --Button--warning-onActive-border: #{darken($warning, 12.5%)};\n --Button--warning-onActive-color: var(--Button--warning-color);\n --Button--warning-onHover-bg: var(--warning-onHover);\n --Button--warning-onHover-border: var(--warning-onActive);\n --Button--warning-onHover-color: var(--Button--warning-color);\n --Button--xs-fontSize: var(--fontSizeXs);\n --Button--xs-height: #{px2rem(22px)};\n --Button--xs-lineHeight: 18 / 11;\n --Button--xs-paddingX: var(--gap-xs);\n --Button--xs-paddingY: calc(\n (\n var(--Button--xs-height) - var(--Button-borderWidth) * 2 -\n var(--Button--xs-lineHeight) * var(--Button--xs-fontSize)\n ) / 2\n );\n --Button-borderRadius: var(--borderRadius);\n --Button-borderWidth: var(--Form-input-borderWidth);\n --Button-boxShadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),\n 0 1px 1px rgba(0, 0, 0, 0.075);\n --Button-textShadow: none;\n --Button-fontSize: var(--Form-input-fontSize);\n --Button-fontWeight: var(--fontWeightNormal);\n --Button-height: var(--Form-input-height);\n --Button-lineHeight: var(--Form-input-lineHeight);\n --Button-mimWidth: auto;\n --Button-onActive-boxShadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --Button-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n --Button-animation-spin: spin 1s infinite linear;\n --Button-onActive-color: var(--primary);\n --Button-onActive-border: var(--primary);\n --Button-onDisabled-borderColor: #dee2e6;\n --Button-onDisabled-opacity: 0.65;\n --Button-onDisabled-bg: #f2f3f3;\n --Button-onFocus-boxShadow: none;\n --Button-paddingX: #{px2rem(12px)};\n --Button-paddingX-right: #{px2rem(10px)};\n --Button-paddingY: calc(\n (\n var(--Button-height) - var(--Button-borderWidth) * 2 -\n var(--Button-lineHeight) * var(--Button-fontSize)\n ) / 2\n );\n --Button-transition: color var(--animation-duration) ease-in-out,\n background-color var(--animation-duration) ease-in-out,\n border-color var(--animation-duration) ease-in-out,\n box-shadow var(--animation-duration) ease-in-out;\n\n --ButtonGroup--primary-isActive-color: var(--white);\n --ButtonGroup--primary-isActive-bg: var(--primary);\n\n --Calendar-btn-bg: var(--info);\n --Calendar-btn-border: var(--Calendar-btn-bg);\n --Calendar-btn-borderRadius: var(--Button-borderRadius);\n --Calendar-btn-color: var(--white);\n --Calendar-btn-fontSize: var(--fontSizeSm);\n --Calendar-btn-height: #{px2rem(30px)};\n --Calendar-btn-lineHeight: var(--lineHeightBase);\n --Calendar-btn-onActive-bg: #{darken($info, 10%)};\n --Calendar-btn-onActive-border: #{darken($info, 12.5%)};\n --Calendar-btn-onActive-color: var(--Calendar-btn-color);\n --Calendar-btn-onHover-bg: #{darken($info, 7.5%)};\n --Calendar-btn-onHover-border: #{darken($info, 10%)};\n --Calendar-btn-onHover-color: var(--Calendar-btn-color);\n --Calendar-btn-paddingX: #{px2rem(10px)};\n --Calendar-btn-paddingY: calc(\n (\n var(--Calendar-btn-height) - var(--Calendar-btn-lineHeight) *\n var(--Calendar-btn-fontSize)\n ) / 2\n );\n --Calendar-btnCancel-bg: var(--light);\n --Calendar-btnCancel-border: var(--Button--default-border);\n --Calendar-btnCancel-borderRadius: var(--Button-borderRadius);\n --Calendar-btnCancel-color: var(--text-color);\n --Calendar-btnCancel-onActive-bg: var(--Button--default-onActive-bg);\n --Calendar-btnCancel-onActive-border: var(--Button--default-onActive-border);\n --Calendar-btnCancel-onActive-color: var(--Button--default-onActive-color);\n --Calendar-btnCancel-onHover-bg: var(--Button--default-onHover-bg);\n --Calendar-btnCancel-onHover-border: var(--Button--default-onHover-border);\n --Calendar-btnCancel-onHover-color: var(--Button--default-onHover-color);\n --Calendar-cell-bg: var(--white);\n --Calendar-cell-onActive-bg: var(--info);\n --Calendar-cell-onBetween-bg: #{rgba($info, 0.1)};\n --Calendar-cell-onDisabled-bg: var(--light);\n --Calendar-cell-onHover-bg: #{darken($white, 7%)};\n --Calendar-color: var(--text-color);\n --Calendar-fontSize: var(--fontSizeBase);\n --Calendar-input-borderColor: var(--borderColor);\n --Calendar-input-borderRadius: var(--borderRadius);\n --Calendar-input-color: var(--info);\n --Calendar-input-fontSize: var(--fontSizeBase);\n --Calendar-input-height: #{px2rem(30px)};\n --Calendar-input-lineHeight: var(--lineHeightBase);\n --Calendar-input-onFocused-borderColor: var(--info);\n --Calendar-input-paddingX: #{px2rem(10px)};\n --Calendar-input-paddingY: calc(\n (\n var(--Calendar-input-height) - var(--Calendar-input-lineHeight) *\n var(--Calendar-input-fontSize)\n ) / 2\n );\n --Calendar-shortcut-color: var(--info);\n --Calendar-shortcut-decoration: none;\n --Calendar-shortcut-onHover-color: #{darken($info, 15%)};\n --Calendar-shortcut-onHover-decoration: none;\n --Calendar-shortcuts-bg: transparent;\n --Calendar-shortcuts-height: #{px2rem(30px)};\n --Calendar-wLabel-color: #999;\n\n --Calendar-icon-bottom: #{px2rem(-4px)};\n --Calendar-icon-width: #{px2rem(10px)};\n --Calendar-icon-height: #{px2rem(10px)};\n --Calendar-borderWidth: #{px2rem(1px)};\n --Calendar-rdt-day: #{px2rem(100px)};\n --Calendar-schedule-content-padding: 0 #{px2rem(4px)};\n --Calendar-schedule-content-height: #{px2rem(20px)};\n --Calendar-schedule-content-color: #{$white};\n\n --Card-actions-borderColor: #{lighten($borderColor, 5%)};\n --Card-actions-fontSize: var(--fontSizeBase);\n --Card-actions-onChecked-onHover-bg: #{darken(#d9f3fb, 5%)};\n --Card-actions-onChecked-onHover-color: #{darken(darken(#d9f3fb, 40%), 10%)};\n --Card-actions-onHover-bg: #{darken($white, 5%)};\n --Card-actions-onHover-color: #{darken($gray900, 5%)};\n --Card-bg: var(--white);\n --Card-borderColor: var(--borderColor);\n --Card-borderRadius: var(--borderRadius);\n --Card-borderWidth: var(--borderWidth);\n --Card-secondary-color: #83868c;\n --Card-onChecked-bg: #d9f3fb;\n --Card-onChecked-borderColor: #{darken(#d9f3fb, 10%)};\n --Card-onChecked-color: #{darken(#d9f3fb, 40%)};\n --Card-onChecked-fieldLabel-color: #{lighten(darken(#d9f3fb, 40%), 20%)};\n --Card-onDragging-opacity: 0.1;\n --Card-onModified-bg: #e8f0fe;\n --Card-onModified-borderColor: #{darken(#e8f0fe, 10%)};\n --Card-onModified-color: #4285f4;\n --Card-onModified-fieldLabel-color: #{lighten(#4285f4, 20%)};\n --Card-onModified-onHover-bg: #{darken(#e8f0fe, 5%)};\n --Card-onModified-onHover-color: #{darken(#4285f4, 10%)};\n --Cards--unsaved-heading-bg: #e8f0fe;\n --Cards--unsaved-heading-color: #4285f4;\n --Cards-fixedTop-boxShadow: var(--boxShadow);\n --Cards-placeholder-height: #{px2rem(100px)};\n --Cards-toolbar-marginX: 0;\n --Cards-toolbar-marginY: var(--gap-base);\n\n --Carousel--dark-control: black;\n --Carousel--light-control: white;\n --Carousel-arrowControl-height: var(--gap-lg);\n --Carousel-arrowControl-width: var(--gap-lg);\n --Carousel-bg: #f6f8f8;\n --Carousel-dot-borderRadius: #{px2rem(4px)};\n --Carousel-dot-height: #{px2rem(8px)};\n --Carousel-dot-margin: #{px2rem(7px)} var(--gap-xs);\n --Carousel-dot-width: #{px2rem(8px)};\n --Carousel-height: #{px2rem(200px)};\n --Carousel-imageDescription-bottom: #{px2rem(25px)};\n --Carousel-imageTitle-bottom: #{px2rem(45px)};\n --Carousel-minWidth: #{px2rem(100px)};\n --Carousel-svg-height: var(--gap-lg);\n --Carousel-svg-width: var(--gap-lg);\n --Carousel-transitionDuration: var(--animation-duration);\n\n --Checkbox--full-inner-size: #{px2rem(12px)};\n --Checkbox--sm--full-inner-size: #{px2rem(10px)};\n --Checkbox--sm-inner-size: calc(var(--Checkbox--sm-size) / 2);\n --Checkbox--sm-size: #{px2rem(16px)};\n --Checkbox-borderRadius: var(--borderRadius);\n --Checkbox-color: var(--Form-input-borderColor);\n --Checkbox-gap: var(--gap-xs);\n --Checkbox-gb: #fff;\n --Checkbox-size: var(--Form-fontSize);\n --Checkbox-inner-size: calc(var(--Checkbox-size) / 2);\n --Checkbox-onHover-color: var(--info);\n --Checkbox-onDisabled-bg: #e5e7eb;\n --Checkbox-onDisabled-color: var(--text--muted-color);\n\n --ColorPicker-bg: var(--white);\n --ColorPicker-borderColor: var(--Form-input-borderColor);\n --ColorPicker-borderRadius: var(--Form-input-borderRadius);\n --ColorPicker-borderWidth: var(--Form-input-borderWidth);\n --ColorPicker-color: var(--Form-input-color);\n --ColorPicker-fontSize: var(--Form-input-fontSize);\n --ColorPicker-height: var(--Form-input-height);\n --ColorPicker-lineHeight: var(--Form-input-lineHeight);\n --ColorPicker-onDisabled-bg: #{$gray200};\n --ColorPicker-onDisabled-color: var(--text--muted-color);\n --ColorPicker-onFocused-borderColor: var(--Form-input-onFocused-borderColor);\n --ColorPicker-onHover-bg: #{darken($white, 5%)};\n --ColorPicker-onHover-borderColor: var(--borderColor);\n --ColorPicker-paddingX: #{px2rem(12px)};\n --ColorPicker-paddingY: calc(\n (\n var(--ColorPicker-height) - var(--ColorPicker-lineHeight) *\n var(--ColorPicker-fontSize)\n ) / 2 - var(--ColorPicker-borderWidth)\n );\n --ColorPicker-placeholderColor: var(--Form-input-placeholderColor);\n --ColorPicker-boxShadow: var(--boxShadow);\n\n --Combo--horizontal-dragger-top: var(--Form-label-paddingTop);\n --Combo--horizontal-item-gap: var(--gap-xs);\n --Combo--vertical-item-borderColor: var(--borderColor);\n --Combo--vertical-item-borderRadius: var(--borderRadius);\n --Combo--vertical-item-borderWidth: var(--borderWidth);\n --Combo--vertical-item-gap: var(--gap-xs);\n --Combo--vertical-item-onHover-borderColor: var(--info);\n --Combo--vertical-item-paddingX: #{px2rem(10px)};\n --Combo--vertical-item-paddingY: #{px2rem(10px)};\n\n --Combo-addBtn-bg: var(--Button--info-bg);\n --Combo-addBtn-border: var(--Button--info-border);\n --Combo-addBtn-borderRadius: var(--Button-borderRadius);\n --Combo-addBtn-color: var(--Button--info-color);\n --Combo-addBtn-fontSize: var(--Button--sm-fontSize);\n --Combo-addBtn-height: #{px2rem(26px)};\n --Combo-addBtn-lineHeight: var(--Button--sm-lineHeight);\n --Combo-addBtn-onActive-bg: #{darken($info, 10%)};\n --Combo-addBtn-onActive-border: #{darken($borderColor, 12.5%)};\n --Combo-addBtn-onActive-color: var(--Combo-addBtn-color);\n --Combo-addBtn-onHover-bg: #{darken($info, 7.5%)};\n --Combo-addBtn-onHover-border: #{darken($borderColor, 10%)};\n --Combo-addBtn-onHover-color: var(--Combo-addBtn-color);\n --Combo-addBtn-paddingX: var(--Button--sm-paddingX);\n --Combo-addBtn-paddingY: calc(\n (\n var(--Combo-addBtn-height) - var(--Button-borderWidth) * 2 -\n var(--Combo-addBtn-lineHeight) * var(--Combo-addBtn-fontSize)\n ) / 2\n );\n --Combo-items-marginBottom: var(--gap-sm);\n --Combo-toolbarBtn-color: var(--icon-color);\n --Combo-toolbarBtn-height: var(--gap-md);\n --Combo-toolbarBtn-lineHeight: 1;\n --Combo-toolbarBtn-onHover-color: #{darken($gray600, 10%)};\n --Combo-toolbarBtn-paddingX: var(--gap-xs);\n --Combo-toolbarBtn-paddingY: #{px2rem(2px)};\n\n --Copyable-iconColor: var(--icon-color);\n --Copyable-onHover-iconColor: var(--icon-onHover-color);\n\n --Collapse-border: none;\n --Collapse-border-color: var(--borderColorLight);\n --Collapse-header-fontSize: var(--fontSizeMd);\n --Collapse-header-fontWeight: var(--fontWeightNormal);\n --Collapse-header-padding: #{px2rem(18px)} 0 var(--gap-xs) 0;\n --Collapse-header-bg: transparent;\n --Collapse-header-onHover-bg: transparent;\n --Collapse-header-collapsed-border: var(--borderWidth) solid\n var(--Collapse-border-color);\n --Collapse-header-collapsed-borderTop: none;\n --Collapse-header-collapsed-borderBottom: var(\n --Collapse-header-collapsed-border\n );\n --Collapse-header-wrapper-direction: row;\n --Collapse-content-padding: #{px2rem(18px)} 0;\n --Collapse-content-color: var(--body-color);\n --Collapse-content-fontSize: var(--body-size);\n --Collapse-content-fontWeight: var(--body-weight);\n\n --Crud-toolbar-gap: var(--gap-xs);\n --Crud-toolbar-height: #{px2rem(30px)};\n --Crud-toolbar-lineHeight: var(--lineHeightBase);\n\n --DatePicker-bg: var(--white);\n --DatePicker-borderColor: var(--Form-input-borderColor);\n --DatePicker-borderRadius: var(--Form-input-borderRadius);\n --DatePicker-borderWidth: var(--Form-input-borderWidth);\n --DatePicker-color: var(--Form-input-color);\n --DatePicker-fontSize: var(--Form-input-fontSize);\n --DatePicker-header-select-borderColor: #fff;\n --DatePicker-height: var(--Form-input-height);\n --DatePicker-iconColor: var(--icon-color);\n --DatePicker-lineHeight: var(--Form-input-lineHeight);\n --DatePicker-onFocused-borderColor: var(--Form-input-onFocused-borderColor);\n --DatePicker-onHover-bg: var(--DatePicker-bg);\n --DatePicker-onHover-borderColor: var(--Form-input-onFocused-borderColor);\n --DatePicker-onHover-iconColor: var(--icon-onHover-color);\n --DatePicker-paddingX: #{px2rem(12px)};\n --DatePicker-paddingY: calc(\n (\n var(--DatePicker-height) - var(--DatePicker-lineHeight) *\n var(--DatePicker-fontSize)\n ) / 2 - var(--DatePicker-borderWidth)\n );\n --DatePicker-placeholderColor: var(--Form-input-placeholderColor);\n\n --LocationPicker-borderRadius: var(--Form-input-borderWidth);\n\n --Divider-borderStyle: solid;\n\n --Drawer-bg: var(--background);\n --Drawer-body-padding: var(--gap-base);\n --Drawer-close-color: rgba(255, 255, 255, 0.8);\n --Drawer-close-onHover-color: rgba(255, 255, 255, 1);\n --Drawer-content-borderColor: var(--borderColor);\n --Drawer-content-borderRadius: 0;\n --Drawer-content-borderWidth: var(--borderWidth);\n --Drawer-footer-borderColor: #{lighten($borderColor, 5%)};\n --Drawer-footer-padding: var(--gap-base);\n --Drawer-header-bg: #{darken($white, 2.5%)};\n --Drawer-header-borderColor: #{lighten($borderColor, 5%)};\n --Drawer-header-padding: var(--gap-base);\n --Drawer-overlay-bg: rgba(0, 0, 0, 0.6);\n --Drawer-title-fontColor: var(--text--loud-color);\n --Drawer-title-fontSize: var(--fontSizeMd);\n --Drawer-widthBase: 80%;\n --Drawer-widthLg: #{px2rem(800px)};\n --Drawer-widthMd: #{px2rem(500px)};\n --Drawer-widthSm: #{px2rem(300px)};\n --Drawer-widthXl: 90%;\n --Drawer-widthXs: #{px2rem(200px)};\n\n --DropDown-caret-marginLeft: var(--gap-sm);\n --DropDown-menu-bg: var(--white);\n --DropDown-menu-borderColor: var(--borderColor);\n --DropDown-menu-borderRadius: var(--borderRadius);\n --DropDown-menu-borderWidth: var(--borderWidth);\n --DropDown-menu-boxShadow: var(--boxShadow);\n --DropDown-menu-height: #{px2rem(34px)};\n --DropDown-menu-minWidth: #{px2rem(160px)};\n --DropDown-menu-paddingX: 0;\n --DropDown-menu-paddingY: var(--gap-xs);\n --DropDown-menuItem-onHover-bg: var(--ListMenu-item--onHover-bg);\n --DropDown-menuItem-color: var(--text-color);\n --DropDown-menuItem-onHover-color: var(--primary);\n --DropDown-menuItem-onActive-color: var(--primary);\n --DropDown-menuItem-onDisabled-color: var(--text--muted-color);\n --DropDown-menuItem-paddingX: var(--gap-sm);\n --DropDown-menuItem-paddingY: calc(\n (var(--DropDown-menu-height) - var(--fontSizeBase) * var(--lineHeightBase)) /\n 2\n );\n\n --Fieldset-legend-bgColor: var(--white);\n\n --Form--horizontal-gutterWidth: var(--gap-md);\n --Form--horizontal-label-align: right;\n --Form--horizontal-label-whiteSpace: 'normal';\n --Form--horizontal-label-widthBase: #{px2rem(120px)};\n --Form--horizontal-label-widthLg: #{px2rem(200px)};\n --Form--horizontal-label-widthMd: #{px2rem(160px)};\n --Form--horizontal-label-widthSm: #{px2rem(90px)};\n --Form--horizontal-label-widthXs: #{px2rem(60px)};\n\n --Form-control-widthBase: #{px2rem(200px)};\n --Form-control-widthLg: #{px2rem(320px)};\n --Form-control-widthMd: #{px2rem(240px)};\n --Form-control-widthSm: #{px2rem(160px)};\n --Form-control-widthXs: #{px2rem(80px)};\n\n --Form-description-color: #{lighten($text-color, 10%)};\n --Form-description-fontSize: var(--fontSizeSm);\n\n --Form-fontSize: var(--fontSizeBase);\n\n --Form-group--lg-gutterWidth: #{px2rem(40px)};\n --Form-group--md-gutterWidth: #{px2rem(30px)};\n --Form-group--sm-gutterWidth: var(--gap-md);\n --Form-group--xs-gutterWidth: #{px2rem(10px)};\n --Form-group-gutterWidth: var(--Form--horizontal-gutterWidth);\n\n --Form-input-addOnBg: #edf1f2;\n --Form-input-addOnColor: var(--text-color);\n --Form-input-addOnDividerBorderWidth: var(--borderWidth);\n --Form-input-bg: var(--white);\n --Form-input-borderColor: var(--borderColor);\n --Form-input-borderRadius: var(--borderRadius);\n --Form-input-borderWidth: #{px2rem(1px)};\n --Form-input-boxShadow: none;\n --Form-input-color: var(--text-color);\n --Form-input-fontSize: var(--Form-fontSize);\n --Form-input-height: #{px2rem(30px)};\n --Form-input-iconColor: var(--icon-color);\n --Form-input-lineHeight: 1.4285714286;\n --Form-input-marginBottom: #{px2rem(6px)};\n --Form-input-onActive-color: var(--info);\n --Form-input-onDisabled-bg: #{$gray200};\n --Form-input-onDisabled-borderColor: var(--Form-input-borderColor);\n --Form-input-onError-bg: var(--Form-input-bg);\n --Form-input-onError-borderColor: var(--danger);\n --Form-input-onFocus-addOnColor: var(--primary);\n $Form-input-onFocused-bg: $white !default;\n --Form-input-onFocused-bg: var(--Form-input-bg);\n --Form-input-onFocused-borderColor: var(--info);\n --Form-input-onHover-iconColor: #{darken($gray600, 20%)};\n --Form-input-onHover-bg: #{rgba($white, 0.6)};\n --Form-input-onHover-borderColor: var(--Form-input-onFocused-borderColor);\n --Form-input-paddingX: #{px2rem(8px)};\n --Form-input-paddingY: calc(\n (\n var(--Form-input-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize) - #{px2rem(2px)}\n ) / 2\n );\n --Form-input-placeholderColor: var(--text--muted-color);\n --Form-input-onDisabled-color: var(--text--muted-color);\n\n --Form-item-gap: var(--gap-base);\n\n --Form-label-paddingTop: calc(\n (\n var(--Form-input-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n );\n --Form-row-gutterWidth: #{px2rem(10px)};\n\n --Form-select-bg: var(--white);\n --Form-select-borderColor: var(--Form-input-borderColor);\n --Form-select-borderRadius: var(--Form-input-borderRadius);\n --Form-select-borderWidth: var(--Form-input-borderWidth);\n --Form-select-caret-iconColor: var(--icon-color);\n --Form-select-caret-onHover-iconColor: var(--icon-onHover-color);\n --Form-select-checkall-bottomBorder: #eceff8;\n --Form-select-color: var(--text-color);\n --Form-select-input-fontSize: var(--fontSizeSm);\n --Form-select-menu-bg: var(--white);\n --Form-select-menu-color: var(--Form-select-color);\n --Form-select-menu-height: var(--Form-input-height);\n --Form-select-menu-onActive-bg: transparent;\n --Form-select-menu-onActive-color: var(--info);\n --Form-select-menu-onDisabled-bg: transparent;\n --Form-select-menu-onDisabled-color: var(--text--muted-color);\n --Form-select-menu-onHover-bg: rgba(0, 126, 255, 0.08);\n --Form-select-menu-onHover-color: var(--info);\n --Form-select-onError-borderColor: var(--Form-input-onError-borderColor);\n --Form-select-onFocused-borderColor: var(--Form-input-onFocused-borderColor);\n --Form-select-onFocused-color: var(--Form-select-color);\n --Form-select-onHover-bg: #{darken($white, 5%)};\n --Form-select-onHover-borderColor: var(--Form-input-borderColor);\n --Form-select-outer-borderWidth: #{px2rem(1px)};\n --Form-select-outer-boxShadow: none;\n --Form-select-paddingX: var(--Form-input-paddingX);\n --Form-select-placeholderColor: var(--Form-input-placeholderColor);\n --Form-select-popoverGap: 0;\n --Form-select-search-height: var(--Form-select-menu-height);\n --Form-selectOption-height: var(--Form-input-height);\n --Form-selectValue-bg: #{saturate(lighten($info, 40%), 2.5%)};\n --Form-selectValue-borderColor: #{saturate(lighten($info, 30%), 2.5%)};\n --Form-selectValue-color: var(--info);\n --Form-selectValue-fontSize: var(--fontSizeSm);\n --Form-selectValue-onDisable-bg: #{lighten(\n saturate(lighten($info, 40%), 2.5%),\n 5%\n )};\n --Form-selectValue-onHover-bg: #{darken(\n saturate(lighten($info, 40%), 2.5%),\n 5%\n )};\n --Form-select-onFocus-boxShadow: none;\n\n --IconPicker-content-maxHeight: #{px2rem(350px)};\n --IconPicker-padding: var(--gap-xs);\n --IconPicker-selectedIcon-marginRight: var(--gap-xs);\n --IconPicker-sugItem-height: #{px2rem(28px)};\n --IconPicker-sugItem-lineHeight: #{px2rem(28px)};\n --IconPicker-sugItem-width: #{px2rem(28px)};\n --IconPicker-tab-height: #{px2rem(30px)};\n --IconPicker-tab-lineHeight: #{px2rem(30px)};\n --IconPicker-tab-onActive-bg: var(--white);\n --IconPicker-tab-padding: 0 #{px2rem(10px)};\n --IconPicker-tabs-bg: #f0f3f4;\n\n --ImageControl-addBtn-bg: var(--Button--default-bg);\n --ImageControl-addBtn-border: var(--Button--default-border);\n --ImageControl-addBtn-borderRadius: 0;\n --ImageControl-addBtn-color: var(--Button--default-color);\n --ImageControl-addBtn-onActive-bg: #{darken($white, 10%)};\n --ImageControl-addBtn-onActive-border: #{darken($borderColor, 12.5%)};\n --ImageControl-addBtn-onActive-color: var(--ImageControl-addBtn-color);\n --ImageControl-addBtn-onDisabled-bg: var(--Form-input-onDisabled-bg);\n --ImageControl-addBtn-onDisabled-border: var(\n --Form-input-onDisabled-borderColor\n );\n --ImageControl-addBtn-onDisabled-color: var(--text--muted-color);\n --ImageControl-addBtn-onHover-bg: #{darken($white, 7.5%)};\n --ImageControl-addBtn-onHover-border: #{darken($borderColor, 10%)};\n --ImageControl-addBtn-onHover-color: var(--Button--default-color);\n --ImageControl-progress-borderRadius: 0;\n\n --FileControl-progress-borderRadius: 0;\n\n --InputGroup-addOn-bg: var(--Form-input-addOnBg);\n --InputGroup-addOn-borderColor: var(--Form-input-borderColor);\n --InputGroup-addOn-borderRadius: var(--Form-input-borderRadius);\n --InputGroup-addOn-borderWidth: var(--Form-input-borderWidth);\n --InputGroup-addOn-onFocused-borderColor: var(\n --Form-input-onFocused-borderColor\n );\n --InputGroup-button-borderColor: var(--Form-input-borderColor);\n --InputGroup-button-borderRadius: var(--borderRadius);\n --InputGroup-button-borderWidth: var(--borderWidth);\n --InputGroup-height: var(--Form-input-height);\n --InputGroup-paddingX: #{px2rem(10px)};\n --InputGroup-paddingY: calc(\n (\n var(--InputGroup-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize) - #{px2rem(2px)}\n ) / 2\n );\n --InputGroup-select-arrowColor: var(--icon-color);\n --InputGroup-select-bg: var(--white);\n --InputGroup-select-borderColor: var(--Form-select-borderColor);\n --InputGroup-select-borderRadius: var(--Form-select-borderRadius);\n --InputGroup-select-borderWidth: var(--Form-select-borderWidth);\n --InputGroup-select-color: var(--Form-select-color);\n --InputGroup-select-onFocused-arrowColor: var(--icon-onHover-color);\n --InputGroup-select-onFocused-bg: var(--white);\n --InputGroup-select-onFocused-color: var(--Form-select-onFocused-color);\n\n --InputRange-label--value-display: block;\n --InputRange-label--value-positionTop: #{px2rem(-36px)};\n --InputRange-label--value-positionLeft: #{px2rem(-6px)};\n --InputRange-label-color: var(--InputRange-neutralColor);\n --InputRange-label-fontSize: 0.8rem;\n --InputRange-label-positionBottom: -1.4rem;\n --InputRange-neutralColor: #aaaaaa;\n --InputRange-neutralLightColor: #eeeeee;\n --InputRange-onDisabled-color: #cccccc;\n --InputRange-primaryColor: var(--info);\n --InputRange-slider-bg: var(--InputRange-primaryColor);\n --InputRange-slider-border: #{px2rem(1px)} solid var(--InputRange-primaryColor);\n --InputRange-slider-height: #{px2rem(24px)};\n --InputRange-slider-onActive-transform: scale(1.3);\n --InputRange-slider-onDisabled-bg: var(--InputRange-onDisabled-color);\n --InputRange-slider-onDisabled-border: #{px2rem(1px)} solid var(--InputRange-onDisabled-color);\n --InputRange-slider-onFocus-borderRadius: var(--borderRadiusMd);\n --InputRange-slider-onFocus-boxShadow: 0 0 0\n var(--InputRange-slider-onFocus-borderRadius) #{transparentize($info, 0.8)};\n --InputRange-slider-transition: transform var(--animation-duration) ease-out,\n box-shadow var(--animation-duration) ease-out;\n --InputRange-slider-width: #{px2rem(18px)};\n --InputRange-sliderContainer-transition: left var(--animation-duration)\n ease-out;\n --InputRange-track-bg: var(--InputRange-neutralLightColor);\n --InputRange-track-height: #{px2rem(12px)};\n --InputRange-track-onActive-bg: var(--InputRange-primaryColor);\n --InputRange-track-onDisabled-bg: var(--InputRange-neutralLightColor);\n --InputRange-track-transition: left var(--animation-duration) ease-out,\n width var(--animation-duration) ease-out;\n\n --Layout--offscreen-width: 75%;\n --Layout-aside--folded-width: #{px2rem(60px)};\n --Layout-aside--lg-width: #{px2rem(300px)};\n --Layout-aside--md-width: #{px2rem(250px)};\n --Layout-aside--sm-width: #{px2rem(150px)};\n --Layout-aside-bg: #{$dark};\n --Layout-aside-color: #{desaturate(lighten($dark, 40%), 10%)};\n --Layout-aside-onAcitve-bg: #{saturate(darken($dark, 5%), 2.5%)};\n --Layout-aside-onHover-bg: #{saturate(darken($dark, 3%), 2.5%)};\n --Layout-aside-subList-bg: #{saturate(darken($dark, 10%), 2.5%)};\n --Layout-aside-onAcitve-onHover-bg: var(--Layout-aside-onAcitve-bg);\n --Layout-aside-width: #{px2rem(200px)};\n --Layout-asideDivider-bg: #2e3344;\n --Layout-asideDivider-margin: var(--gap-sm) 0;\n --Layout-asideLabel-color: #{darken(desaturate(lighten($dark, 40%), 10%), 10%)};\n --Layout-asideLink-arrowColor: var(--Layout-asideLink-color);\n --Layout-asideLink-color: #b4b6bd;\n --Layout-asideLink-fontSize: var(--fontSizeBase);\n --Layout-asideLink-fontSize: var(--fontSizeBase);\n --Layout-asideLink-iconColor: inherit;\n --Layout-asideLink-onActive-arrowColor: var(\n --Layout-asideLink-onActive-color\n );\n --Layout-asideLink-onActive-color: #fff;\n --Layout-asideLink-onHover-color: #fff;\n --Layout-asideLink-onHover-iconColor: inherit;\n --Layout-asideLink-onHover-iconSize: inherit;\n --Layout-brand-bg: var(--dark);\n --Layout-brand-color: #{lighten(desaturate(lighten($dark, 40%), 10%), 25%)};\n --Layout-brandBar-color: #{desaturate(lighten($dark, 40%), 10%)};\n --Layout-header-bg: var(--white);\n --Layout-header-boxShadow: 0 #{px2rem(2px)} #{px2rem(2px)} rgba(0, 0, 0, 0.05),\n 0 1px 0 rgba(0, 0, 0, 0.05);\n --Layout-header-height: #{px2rem(50px)};\n --Layout-headerBar-borderBottom: none;\n --Layout-footer-height: #{px2rem(50px)};\n --Layout-nav--folded-height: #{px2rem(50px)};\n --Layout-nav--folded-height: #{px2rem(50px)};\n --Layout-nav-height: #{px2rem(40px)};\n --Layout-nav-height: #{px2rem(40px)};\n --Layout-nav-lgHeight: #{px2rem(50px)};\n --Layout-nav-lgHeight: #{px2rem(50px)};\n --Layout-body-bg: var(--body-bg);\n\n --List--unsaved-heading-bg: #e8f0fe;\n --List--unsaved-heading-color: #4285f4;\n --List-bg: var(--white);\n --List-borderColor: var(--borderColor);\n --List-borderRadius: var(--borderRadius);\n --List-borderWidth: var(--borderWidth);\n --List-fixedTop-boxShadow: var(--boxShadow);\n --List-placeholder-height: #{px2rem(30px)};\n --List-toolbar-marginX: 0;\n --List-toolbar-marginY: var(--gap-base);\n\n --ListControl-fontSize: var(--Form-fontSize);\n --ListControl-gutterWidth: #{px2rem(10px)};\n --ListControl-item-bg: var(--white);\n --ListControl-item-borderColor: var(--borderColor);\n --ListControl-item-borderWidth: var(--borderWidth);\n --ListControl-item-borderRadius: #{px2rem(3px)};\n --ListControl-item-color: var(--text-color);\n --ListControl-item-onActive-after-borderColor: var(--primary);\n --ListControl-item-onActive-before-bg: var(--white);\n --ListControl-item-onActive-bg: var(--primary);\n --ListControl-item-onActive-borderColor: #{darken($primary, 10%)};\n --ListControl-item-onActive-color: var(--white);\n --ListControl-item-onActive-onHover-bg: var(--primary);\n --ListControl-item-onDisabled-bg: var(--ListControl-item-bg);\n --ListControl-item-onDisabled-borderColor: #{lighten($borderColor, 5%)};\n --ListControl-item-onDisabled-color: var(--ListControl-item-color);\n --ListControl-item-onDisabled-opacity: 0.6;\n --ListControl-item-onHover-bg: #{darken($white, 7.5%)};\n --ListControl-item-onHover-borderColor: #{darken($borderColor, 10%)};\n --ListControl-item-onHover-color: var(--ListControl-item-color);\n --ListControl-item-paddingX: #{px2rem(12px)};\n --ListControl-item-paddingY: #{px2rem(6px)};\n --ListControl-item-transition: none;\n\n --ListItem--strip-bg: #f6f8f8;\n --ListItem-borderColor: #{lighten($borderColor, 5%)};\n --ListItem-borderWidth: var(--List-borderWidth);\n --ListItem-onChecked-bg: #d9f3fb;\n --ListItem-onChecked-borderColor: #{darken(#d9f3fb, 10%)};\n --ListItem-onChecked-color: #{darken(#d9f3fb, 40%)};\n --ListItem-onChecked-fieldLabel-color: #{lighten(darken(#d9f3fb, 40%), 20%)};\n --ListItem-onDragging-opacity: 0.1;\n --ListItem-onModified-bg: #e8f0fe;\n --ListItem-onModified-borderColor: #{darken(#e8f0fe, 10%)};\n --ListItem-onModified-color: #4285f4;\n --ListItem-onModified-fieldLabel-color: #{lighten(#4285f4, 20%)};\n --ListItem-paddingX: var(--gap-base);\n --ListItem-paddingY: var(--gap-sm);\n --ListItem--onHover-bg: rgba(0, 126, 255, 0.08);\n --ListItem--onHover-color: var(--info);\n\n --listMenu--onActive-borderColor: var(--info);\n --ListMenu-borderRadius: #{px2rem(2px)};\n --ListMenu-borderWidth: #{px2rem(1px)};\n --ListMenu-bordrColor: var(--borderColor);\n --ListMenu-divider-color: var(--borderColorLight);\n --ListMenu-item--onActive-bg: transparent;\n --ListMenu-item--onActive-color: var(--info);\n --ListMenu-item--onDisabled-bg: transparent;\n --ListMenu-item--onDisabled-color: var(--text--muted-color);\n --ListMenu-item--onHover-bg: rgba(0, 126, 255, 0.08);\n --ListMenu-item--onHover-color: var(--info);\n --ListMenu-item-bg: var(--white);\n --ListMenu-item-color: var(--text-color);\n --ListMenu-item-height: #{px2rem(34px)};\n\n --Log-bg: #222;\n --Log-padding: var(--gap-xs) 0;\n --Log-line-padding: 0 var(--gap-xs);\n --Log-color: #f1f1f1;\n --Log-line--onHover-bg: #444;\n\n --Modal-bg: var(--background);\n --Modal-body--noHeader-paddingTop: var(--gap-base);\n --Modal-body-borderBottom: var(--Modal-content-borderWidth) solid #{lighten(\n $borderColor,\n 5%\n )};\n --Modal-body-borderTop: var(--Modal-content-borderWidth) solid #{lighten(\n $borderColor,\n 5%\n )};\n --Modal-body-paddingX: var(--gap-md);\n --Modal-body-paddingY: var(--gap-md);\n --Modal-close-color: var(--text--muted-color);\n --Modal-close-width: #{px2rem(12px)};\n --Modal-content-borderColor: var(--borderColor);\n --Modal-content-borderRadius: var(--borderRadius);\n --Modal-content-borderWidth: var(--borderWidth);\n --Modal-content-minHeight: unset;\n --Modal-content-startMarginTop: #{px2rem(60px)};\n --Modal-content-stepMarginTop: #{px2rem(30px)};\n --Modal-footer-marginX: 0;\n --Modal-footer-marginY: 0;\n --Modal-footer-padding: var(--gap-sm);\n --Modal-header-bg: #{darken($white, 2.5%)};\n --Modal-header-height: #{px2rem(40px)};\n --Modal-header-paddingX: var(--gap-md);\n --Modal-header-paddingY: calc(\n (\n var(--Modal-header-height) - var(--Modal-title-lineHeight) *\n var(--Modal-title-fontSize)\n ) / 2\n );\n --Modal-overlay-bg: rgba(0, 0, 0, 0.6);\n --Modal-title-color: var(--text--loud-color);\n --Modal-title-fontSize: var(--fontSizeBase);\n --Modal-title-fontWeight: normal;\n --Modal-title-lineHeight: var(--lineHeightBase);\n --Modal-widthBase: #{px2rem(500px)};\n --Modal-widthLg: #{px2rem(1100px)};\n --Modal-widthMd: #{px2rem(800px)};\n --Modal-widthSm: #{px2rem(350px)};\n --Modal-widthXl: 90%;\n --Model-close-onHover-color: var(--text-color);\n\n --Nav-item-bg: transparent;\n --Nav-item-borderRadius: 0;\n --Nav-item-color: var(--text-color);\n --Nav-item-fontSize: var(--fontSizeBase);\n --Nav-item-onActive-bg: var(--info);\n --Nav-item-onActive-borderLeft: 3px solid transparent;\n --Nav-item-onActive-color: var(--white);\n --Nav-item-onDisabled-color: var(--text--muted-color);\n --Nav-item-onHover-bg: rgba(0, 0, 0, 0.05);\n --Nav-item-onHover-color: var(--text--loud-color);\n // --Nav-subNav-bg: #fafafa;\n --Nav-subItem-fontSize: var(--fontSizeBase);\n --Nav-subItem-onActiveBeforeBg: #e5eaeb;\n\n --Number-bg: var(--Form-input-bg);\n --Number-borderColor: var(--Form-input-borderColor);\n --Number-borderRadius: var(--Form-input-borderRadius);\n --Number-borderWidth: var(--Form-input-borderWidth);\n --Number-handler--down-content: '-';\n --Number-handler--up-content: '+';\n --Number-handler--up-transform: none;\n --Number-handler-bg: var(--white);\n --Number-handler-borderBottom: #{px2rem(1px)} solid var(--Form-input-borderColor);\n --Number-handler-color: var(--Form-input-color);\n --Number-handler-fontFamily: inherit;\n --Number-handler-fontSize: var(--fontSizeBase);\n --Number-handler-onActive-bg: var(--Number-handler-onHover-bg);\n --Number-handler-onDisabled-bg: var(--Form-input-onDisabled-bg);\n --Number-handler-onDisabled-color: var(--text--muted-color);\n --Number-handler-onHover-bg: #{darken($white, 5%)};\n --Number-handler-onHover-color: var(--text-color);\n --Number-handler-width: var(--gap-lg);\n --Number-onDisabled-bg: var(--Form-input-bg);\n\n --Page-aside-bg: #{desaturate(darken($light, 3%), 2.5%)};\n --Page-aside-maxWidth: #{px2rem(300px)};\n --Page-aside-width: #{px2rem(200px)};\n --Page-body-padding: var(--gap-base);\n --Page-content-paddingX: 0;\n --Page-content-paddingY: 0;\n --Page-header-paddingX: var(--gap-base);\n --Page-header-paddingY: var(--gap-base);\n --Page-header-bg: transparent;\n --Page-main-bg: transparent;\n --Page-title-color: var(--text--loud-color);\n --Page-title-fontSize: var(--fontSizeLg);\n --Page-title-fontWeight: var(--fontWeightNormal);\n --Page-title-lineHeight: 1.5;\n\n --Pagination-fontSize: var(--fontSizeBase);\n --Pagination-height: #{px2rem(30px)};\n --Pagination-minWidth: #{px2rem(30px)};\n --Pagination-onActive-backgroundColor: var(--primary);\n --Pagination-onActive-border: 0;\n --Pagination-onActive-color: var(--white);\n --Pagination-padding: 0 #{px2rem(8px)};\n\n --Panel--default-badgeBg: #333;\n --Panel--default-badgeColor: #f5f5f5;\n --Panel--default-bg: #f6f8f8;\n --Panel--default-color: var(--text-color);\n --Panel--default-headingBorderColor: var(--borderColor);\n --Panel-bg: var(--white);\n --Panel-bodyPadding: var(--gap-base);\n --Panel-border: var(--borderWidth) solid transparent;\n --Panel-borderRadius: var(--borderRadius);\n --Panel-borderWidth: #{px2rem(1px)};\n --Panel-boxShadow: 0 #{px2rem(1px)} #{px2rem(1px)} rgba(0, 0, 0, 0.05);\n --Panel-btnToolbarTextAlign: right;\n --Panel-fixedBottom-borderTop: none;\n --Panel-fixedBottom-boxShadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.15);\n --Panel-footerBg: transparent;\n --Panel-footerBorderColor: var(--borderColorLight);\n --Panel-footerBorderRadius: 0 0 #{px2rem(2px)} #{px2rem(2px)};\n --Panel-footerButtonMarginLeft: var(--gap-sm);\n --Panel-footerPadding: var(--gap-sm) var(--gap-base);\n --Panel-headingBorderBottom: var(--borderWidth) solid transparent;\n --Panel-headingBorderRadius: var(--borderRadius) var(--borderRadius) 0 0;\n --Panel-headingPadding: var(--gap-sm) var(--gap-base);\n --Panel-marginBottom: var(--gap-lg);\n --Panel-titleColor: inherit;\n --Panel-titleFontSize: var(--fontSizeMd);\n --Panel-titleMarginBottom: 0;\n --Panel-titleMarginTop: 0;\n\n --Picker-iconColor: var(--icon-color);\n --Picker-onHover-iconColor: var(--icon-onHover-color);\n\n --PickerColumns-bg: white;\n --PickerColumns-toolbar-height: #{px2rem(50px)};\n --PickerColumns-title-fontSize: var(--fontSizeLg);\n --PickerColumns-title-lineHeight: 1.5;\n --PickerColumns-action-padding: 0 var(--gap-sm);\n --PickerColumns-action-fontSize: var(--fontSizeMd);\n --PickerColumns-confirmAction-color: #{lighten($text-color, 25%)};\n --PickerColumns-cancelAction-color: #{lighten($text-color, 50%)};\n --PickerColumns-option-fontSize: var(--fontSizeLg);\n --PickerColumns-optionText-color: var(--text-color);\n --PickerColumns-optionDisabled-opacity: 0.3;\n --PickerColumns-loadingIcon-color: var(--icon-color);\n --PickerColumns-loadingMask-Color: rgba(255, 255, 255, 0.9);\n\n --PopOver-bg: white;\n --PopOverAble-iconColor: inherit;\n --PopOverAble-onHover-iconColor: inherit;\n\n --Property-title-bg: #f2f2f2;\n --Property-label-bg: #f7f7f7;\n\n --Portlet-borderColor: var(--borderColor);\n --Portlet-borderStyle: solid;\n --Portlet-borderWidth: var(--borderWidth);\n --Portlet-borderRadius: var(--borderRadius);\n\n --QuickEdit-iconColor: inherit;\n --QuickEdit-onFocus-borderColor: var(--info);\n --QuickEdit-onFocus-borderWidth: var(--borderWidth);\n --QuickEdit-onHover-iconColor: inherit;\n\n --Radio--sm-size: var(--Checkbox--sm-size);\n --Radio-color: var(--Checkbox-color);\n --Radio-inner-size: calc(var(--Radio-size) / 2);\n --Radio-onHover-color: var(--Checkbox-onHover-color);\n --Radio-size: var(--Checkbox-size);\n --Radio-onDisabled-bg: #e5e7eb;\n --Radio-onDisabled-color: var(--text--muted-color);\n --Radio-onFocus-boxShadow: none;\n\n --Remark-bg: #fff;\n --Remark-borderColor: var(--borderColor);\n --Remark-borderWidth: #{px2rem(1px)};\n --Remark-icon-fontSize: var(--fontSizeBase);\n --Remark-iconColor: var(--icon-color);\n --Remark-marginLeft: var(--gap-sm);\n --Remark-onHover-bg: var(--primary);\n --Remark-onHover-borderColor: var(--primary);\n --Remark-onHover-iconColor: #fff;\n --Remark-width: 1rem;\n\n --ResultBox-icon--onDisabled-color: #ebebeb;\n --ResultBox-icon--onHover-color: #666666;\n --ResultBox-icon-color: #999;\n --ResultBox-value--onDisabled-color: #cccccc;\n --ResultBox-value--onHover-bg: rgba(0, 145, 255, 0.1);\n --ResultBox-value-bg: #f5f5f5;\n --ResultBox-value-color: #000;\n\n --Rating-onActive-color: var(--info);\n\n --Satus-icon-width: var(--gap-lg);\n --Satus-icon-height: var(--Satus-icon-width);\n\n --Sparkline-line-color: var(--info);\n --Sparkline-area-color: #{rgba($info, 0.1)};\n\n --Spinner--lg-height: #{px2rem(50px)};\n --Spinner--lg-width: #{px2rem(50px)};\n --Spinner--sm-height: #{px2rem(16px)};\n --Spinner--sm-width: #{px2rem(16px)};\n // 修改自 https://github.com/SamHerbert/SVG-Loaders/blob/master/svg-loaders/tail-spin.svg\n --Spinner-bg: url(\"data:image/svg+xml,%0A%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='8.042%25' y1='0%25' x2='65.682%25' y2='23.865%25' id='a'%3E%3Cstop stop-color='%23eee' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23999' stop-opacity='.631' offset='63.146%25'/%3E%3Cstop stop-color='%23666' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)'%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18' id='Oval-2' stroke='url(%23a)' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/path%3E%3Ccircle fill='%23eee' cx='36' cy='18' r='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A\");\n --Spinner-height: #{px2rem(26px)};\n --Spinner-overlay-bg: rgba(255, 255, 255, 0.4);\n --Spinner-width: #{px2rem(26px)};\n\n --Switch-bgColor: #{$gray600};\n --Switch-borderColor: #{darken($gray600, 10%)};\n --Switch-gap: var(--gap-sm);\n --Switch-height: #{px2rem(22px)};\n --Switch-onActive-bgColor: var(--info);\n --Switch-onDisabled-bgColor: #ccc;\n --Switch-onDisabled-circle-BackgroundColor: var(--white);\n --Switch-onDisabled-color: #fff;\n --Switch-valueColor: var(--white);\n --Switch-width: #{px2rem(50px)};\n\n --Table--unsaved-heading-bg: #e8f0fe;\n --Table--unsaved-heading-color: #4285f4;\n --Table-bg: var(--background);\n --Table-borderColor: var(--borderColor);\n --Table-borderRadius: var(--borderRadius);\n --Table-borderWidth: var(--borderWidth);\n --Table-color: var(--text-color);\n --Table-expandBtn-color: var(--info);\n --Table-fixed-zIndex: 5;\n --Table-fixedLeft-boxShadow: 0.42rem 0 0.42rem -0.28rem rgba(0, 0, 0, 0.15);\n --Table-fixedRight-boxShadow: -0.42rem 0 0.42rem -0.28rem rgba(0, 0, 0, 0.15);\n --Table-fixedTop-boxShadow: var(--boxShadow);\n --Table-fontSize: var(--fontSizeBase);\n --Table-heading-bg: var(--white);\n --Table-heading-height: #{px2rem(40px)};\n --Table-lineHeight: var(--lineHeightBase);\n --Table-onChecked-bg: #d9f3fb;\n --Table-onChecked-borderColor: #{darken(#d9f3fb, 10%)};\n --Table-onChecked-color: #{darken(#d9f3fb, 40%)};\n --Table-onDragging-opacity: 0.1;\n // 背景用到了 rgba,所以必须再提供这种写法,搜一下这个变量就知道为什么了\n --Table-onHover-bg-rgb: 243, 246, 246;\n --Table-onHover-bg: #{darken(lighten(#f6f8f8, 1%), 2%)};\n --Table-onHover-borderColor: #{darken(darken(lighten(#f6f8f8, 1%), 2%), 10%)};\n --Table-onHover-boxShadow: var(--boxShadow);\n --Table-onHover-color: var(--text-color);\n --Table-onModified-bg: #e8f0fe;\n --Table-onModified-borderColor: #{darken(#e8f0fe, 5%)};\n --Table-onModified-color: #4285f4;\n --Table-placeholder-height: #{px2rem(100px)};\n --Table-strip-bg: #{$Table-strip-bg};\n --Table-tbody-borderTopColor: #{lighten($borderColor, 2.5%)};\n --Table-thead-bg: #f6f8f8;\n --Table-thead-borderColor: var(--Table-borderColor);\n --Table-thead-borderWidth: var(--Table-borderWidth);\n --Table-thead-color: var(--text--loud-color);\n --Table-thead-fontSize: var(--fontSizeBase);\n --Table-thead-iconColor: var(--icon-color);\n --Table-toolbar-marginX: 0;\n --Table-toolbar-marginY: var(--gap-base);\n --Table-tree-borderColor: var(--Table-borderColor);\n --Table-searchableForm-backgroundColor: #f6f7f8;\n --Table-searchableForm-borderRadius: #{px2rem(4px)};\n\n --TableCell--edge-paddingX: var(--gap-md);\n --TableCell-filterBtn--onActive-color: var(--primary);\n --TableCell-filterBtn-width: #{px2rem(16px)};\n --TableCell-filterPopOver-dropDownItem-height: #{px2rem(34px)};\n --TableCell-filterPopOver-dropDownItem-padding: 0 #{px2rem(12px)};\n --TableCell-height: #{px2rem(40px)};\n --TableCell-paddingX: var(--gap-sm);\n --TableCell-paddingY: calc(\n (var(--TableCell-height) - var(--Table-fontSize) * var(--Table-lineHeight)) /\n 2\n );\n --TableCell-searchBtn--onActive-color: var(--primary);\n --TableCell-searchBtn-width: #{px2rem(16px)};\n --TableCell-sortBtn--default-onActive-opacity: 1;\n --TableCell-sortBtn--default-opacity: 0;\n --TableCell-sortBtn--onActive-color: var(--primary);\n --TableCell-sortBtn-width: #{px2rem(8px)};\n\n --Tabs--card-bg: #f6f8f8;\n --Tabs--card-borderTopColor: var(--borderColor);\n --Tabs--card-linkMargin: 0 10px 0 0;\n --Tabs--card-linkPadding: #{px2rem(10px)} #{px2rem(10px)};\n --Tabs--card-onActive-bg: var(--background);\n --Tabs--card-onActive-borderColor: var(--borderColor);\n --Tabs--card-padding: #{px2rem(6px)} 0 0 #{px2rem(10px)};\n --Tabs--line-borderColor: var(--borderColor);\n --Tabs--line-borderWidth: #{px2rem(2px)};\n --Tabs--line-content-bg: transparent;\n --Tabs--line-content-padding: var(--gap-base) 0;\n --Tabs--line-linkMargin: 0 40px 0 0;\n --Tabs--line-linkPadding: 0 0 8px;\n --Tabs--line-onHover-borderColor: var(--primary);\n --Tabs--line-onHover-color: var(--primary);\n --Tabs--radio-bg: #eaf6fe;\n --Tabs--vertical-onActive-borderColor: var(--primary);\n --Tabs-borderColor: var(--borderColor);\n --Tabs-borderRadius: var(--borderRadius);\n --Tabs-borderWidth: var(--borderWidth);\n --Tabs-color: var(--text-color);\n --Tabs-content-bg: var(--background);\n --Tabs-linkFontSize: var(--fontSizeBase);\n --Tabs-linkMargin: 0 #{px2rem(3px)} 0 0;\n --Tabs-linkPadding: var(--gap-sm) var(--gap-base);\n --Tabs-onActive-bg: var(--background);\n --Tabs-onActive-borderColor: var(--borderColor);\n --Tabs-onActive-color: #{$gray700};\n --Tabs-onDisabled-color: #{$gray600};\n --Tabs-onHover-borderColor: #{$gray200};\n --Tabs--vertical-bg: var(--Table-thead-bg);\n --Tabs--vertical-width: #{px2rem(140px)};\n --Tabs--vertical-onActive-color: var(--primary);\n --Tabs--vertical-onActive-border: var(--primary);\n --Tabs--vertical-onActive-bg: var(--Tabs--vertical-bg);\n --Tabs--vertical-onActive-borderWidth: 0 0 0 #{px2rem(4px)};\n --Tabs--vertical-onActive-container-borderRight: none;\n --Tabs--vertical-onActive-container-bg: var(--Tabs--vertical-bg);\n --Tabs--chrome-onHover-bg: #f6f7f8;\n --Tabs--chrome-bg: #e7eaed;\n --Tabs--chrome-radius-size: #{px2rem(8px)};\n --Tabs--chrome-right-boder-color: var(--borderColorDarken);\n\n --TagControl-sugBtn-bg: var(--Button--default-bg);\n --TagControl-sugBtn-border: var(--Button--default-border);\n --TagControl-sugBtn-borderRadius: var(--Button-borderRadius);\n --TagControl-sugBtn-borderWidth: var(--Button-borderWidth);\n --TagControl-sugBtn-color: var(--Button--default-color);\n --TagControl-sugBtn-fontSize: var(--Button--sm-fontSize);\n --TagControl-sugBtn-height: var(--Button--sm-height);\n --TagControl-sugBtn-lineHeight: var(--Button--sm-lineHeight);\n --TagControl-sugBtn-onActive-bg: #{darken($white, 10%)};\n --TagControl-sugBtn-onActive-border: #{darken($borderColor, 12.5%)};\n --TagControl-sugBtn-onActive-color: var(--TagControl-sugBtn-color);\n --TagControl-sugBtn-onHover-bg: #{darken($white, 7.5%)};\n --TagControl-sugBtn-onHover-border: #{darken($borderColor, 10%)};\n --TagControl-sugBtn-onHover-color: var(--Button--default-color);\n --TagControl-sugBtn-paddingX: var(--Button--sm-paddingX);\n --TagControl-sugBtn-paddingY: calc(\n (\n var(--TagControl-sugBtn-height) - var(--Button-borderWidth) * 2 -\n var(--TagControl-sugBtn-lineHeight) *\n var(--TagControl-sugBtn-fontSize)\n ) / 2\n );\n --TagControl-sugTip-color: var(--info);\n\n --Toast-color: var(--text-color);\n --Toast--danger-bgColor: var(--background);\n --Toast--danger-borderColor: transparent;\n --Toast--danger-color: var(--Toast-color);\n --Toast--info-bgColor: var(--background);\n --Toast--info-borderColor: transparent;\n --Toast--info-color: var(--Toast-color);\n --Toast--success-bgColor: var(--background);\n --Toast--success-borderColor: transparent;\n --Toast--success-color: var(--Toast-color);\n --Toast--warning-bgColor: var(--background);\n --Toast--warning-borderColor: transparent;\n --Toast--warning-color: var(--Toast-color);\n\n --Toast-border-width: 0;\n --Toast-borderRadius: #{px2rem(2px)};\n --Toast-box-shadow: var(--boxShadow);\n --Toast-close-color: var(--icon-color);\n --Toast-close--onHover-color: var(--Toast-close-color);\n\n --Toast-icon-width: #{px2rem(16px)};\n --Toast-icon-height: var(--Toast-icon-width);\n\n --Toast-opacity: 0.8;\n --Toast-paddingL: #{px2rem(40px)};\n --Toast-paddingX: var(--gap-md);\n --Toast-paddingY: var(--gap-xs);\n --Toast-title-display: block;\n --Toast-width: #{px2rem(300px)};\n\n --Tooltip--attr-bg: rgba(0, 0, 0, 0.7);\n --Tooltip--attr-borderColor: var(--borderColor);\n --Tooltip--attr-borderRadius: var(--borderRadius);\n --Tooltip--attr-borderWidth: 0;\n --Tooltip--attr-boxShadow: var(--boxShadow);\n --Tooltip--attr-color: var(--background);\n --Tooltip--attr-fontSize: var(--fontSizeSm);\n --Tooltip--attr-gap: var(--gap-sm);\n --Tooltip--attr-lineHeigt: var(--lineHeightBase);\n --Tooltip--attr-paddingX: #{px2rem(10px)};\n --Tooltip--attr-paddingY: #{px2rem(2px)};\n --Tooltip--attr-transition: all var(--animation-duration) ease-in-out;\n --Tooltip-arrow-color: var(--Tooltip-bg);\n --Tooltip-arrow-color: var(--Tooltip-bg);\n --Tooltip-arrow-height: #{px2rem(8px)};\n --Tooltip-arrow-height: 0.5rem;\n --Tooltip-arrow-outerColor: #{fade-in($borderColor, 0.05)};\n --Tooltip-arrow-width: #{px2rem(16px)};\n --Tooltip-arrow-width: 1rem;\n --Tooltip-bg: var(--background);\n --Tooltip-body-color: var(--text-color);\n --Tooltip-body-paddingX: var(--gap-sm);\n --Tooltip-body-paddingY: var(--gap-sm);\n --Tooltip-borderColor: var(--borderColor);\n --Tooltip-borderRadius: var(--borderRadiusLg);\n --Tooltip-borderWidth: var(--borderWidth);\n --Tooltip-boxShadow: var(--boxShadow);\n --Tooltip-fontSize: var(--fontSizeSm);\n --Tooltip-maxWidth: #{px2rem(240px)};\n --Tooltip-minWidth: auto;\n --Tooltip-title-bg: #{darken($white, 3%)};\n --Tooltip-title-borderBottom-color: #{darken(darken($white, 3%), 5%)};\n --Tooltip-title-color: var(--text--loud-color);\n --Tooltip-title-paddingX: var(--gap-sm);\n --Tooltip-title-paddingY: var(--gap-xs);\n\n --Transfer-title-bg: #f6f8f8;\n\n --Tree-indent: var(--gap-md);\n --Tree-inputHeight: calc(var(--Form-input-height) * 0.85);\n --Tree-item-onHover-bg: rgba(0, 126, 255, 0.08);\n --Tree-itemArrowWidth: #{px2rem(12px)};\n --Tree-itemHeight: #{px2rem(30px)};\n --Tree-itemLabel--onChecked-color: var(--Form-selectValue-color);\n --TreeSelect-popover-bg: #fff;\n\n --Wizard-badge-bg: #{$gray400};\n --Wizard-badge-border: 0;\n --Wizard-badge-borderRadius: #{px2rem(10px)};\n --Wizard-badge-color: var(--white);\n --Wizard-badge-fontSize: var(--fontSizeSm);\n --Wizard-badge-marginRight: #{px2rem(4px)};\n --Wizard-badge-onActive-backgroundColor: var(--info);\n --Wizard-badge-onComplete-backgroundColor: var(--info);\n --Wizard-badge-size: var(--gap-md);\n --Wizard-steps-bg--isComplete: #f1f5f9;\n --Wizard-steps-bg: #{$gray100};\n --Wizard-steps-borderWidth: #{px2rem(1px)};\n --Wizard-steps-height: #{px2rem(40px)};\n --Wizard-steps-li-onActive-arrow-bg: #fff;\n --Wizard-steps-li-onActive-bg: #fff;\n --Wizard-steps-li-onActive-color: var(--info);\n\n --Wizard-steps-liAfterContent: '';\n --Wizard-steps-liVender: '';\n --Wizard-steps-padding: 0;\n --Wizard-steps-textAlign: left;\n --Wizard-steps-ulDisplay: block;\n --Wizard-stepsContent-padding: var(--gap-base);\n\n --AnchorNav-links-container-borderRight: #{px2rem(1px)} solid #d3dae0;\n --AnchorNav-onActive-borderWidth: 0 #{px2rem(2px)} 0 0;\n\n --Steps-bg: var(--borderColorDarken);\n --Steps-status-success: var(--info);\n --Steps-status-error: var(--danger);\n --Steps-icon-fontsize: var(--fontSizeLg);\n --Steps-title-fontsize: var(--fontSizeLg);\n --Steps-title-color: var(--text--loud-color);\n --Steps-sub-title-fontsize: var(--fontSizeBase);\n --Steps-sub-title-color: var(--text-color);\n --Steps-line-bg: var(--Steps-bg);\n --Steps-line-success-bg: var(--Steps-status-success);\n\n --Progress-borderRadius: var(--borderRadius);\n --Progress-animate-backgroundColor: #fff;\n --Progress-bar-backgroundColor: #d3d9e6;\n\n --ColumnToggler-backgroundColor: var(--white);\n --ColumnToggler-borderRadius: #{px2rem(4px)};\n --ColumnToggler-lineHeight: #{px2rem(24px)};\n --ColumnToggler-title-fontColor: #080e1a;\n --ColumnToggler-fontColor: #151a26;\n --ColumnToggler-item-backgroundColor: #f6f7f8;\n --ColumnToggler-item-backgroundColor-onHover: rgba(36, 104, 242, 0.1);\n}\n","@import './antd-colors';\n@import '../functions';\n\n$remFactor: 16px;\n\n$ns: 'antd-';\n\n$primary: $blue-6;\n$info: $primary;\n$success: $green-6;\n$warning: $gold-6;\n$danger: $red-5;\n$light: #d9d9d9;\n$white: #fff;\n$black: #000;\n\n$info-bg: #eaf6fe;\n$success-bg: #f1fdeb;\n$warning-bg: #fcf7f1;\n$danger-bg: #fff5f5;\n\n// Border color\n$border-color-base: #d9d9d9; // base border outline a component\n$border-color-split: #5d5d5d; // split border inside a component\n$border-color-inverse: $white;\n$border-width-base: 1px; // width of the border for a component\n$border-style-base: solid; // style of a components border\n\n$text-color: rgba(0, 0, 0, 0.85);\n\n$text--muted-color: #6c6c6c;\n$text--loud-color: lighten($text-color, 10%);\n\n$link-color: $info;\n\n@import '../variables';\n@import '../properties';\n\n:root {\n --fontFamilyBase: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n\n --lineHeightBase: 1.57;\n\n --borderColor: #eceff8;\n --text-color: #{$text-color};\n\n --text--muted-color: #999;\n --text--loud-color: #333;\n --link-onHover-decoration: none;\n\n --icon-color: inherit;\n --icon-onHover-color: var(--primary);\n\n --body-bg: #f0f2f5;\n\n --borderRadius: 2px;\n\n --Page-header-bg: #fff;\n\n --Button-boxShadow: none;\n --Button-onActive-boxShadow: none;\n --Button-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n // --Button-textShadow: 0 -1px 0 rgb(0 0 0 / 12%);\n --Button--default-border: #d9d9d9;\n --Button--default-onHover-border: #{$blue-5};\n --Button--default-onHover-bg: #fff;\n --Button--default-onHover-color: #{$blue-5};\n --Button--default-onActive-bg: #fff;\n --Button--default-onActive-border: #{$blue-7};\n --Button--default-onActive-color: #{$blue-7};\n --Button-onDisabled-borderColor: #d9d9d9;\n\n --Button--primary-onHover-bg: #{$blue-5};\n --Button--primary-onHover-border: #{$blue-5};\n\n --Card-onChecked-bg: #{$blue-1};\n --Card-onChecked-color: var(--body-color);\n --Card-onChecked-fieldLabel-color: var(--text--muted-color);\n --Card-onChecked-borderColor: #{$blue-5};\n\n --Calendar-btnCancel-bg: #fff;\n --Calendar-btnCancel-border: var(--Button--default-border);\n\n --Checkbox-onDisabled-color: #d9d9d9;\n --Checkbox-onDisabled-bg: #f5f5f5;\n\n --Radio-onDisabled-color: #c4c4c4;\n --Radio-onDisabled-bg: #f5f5f5;\n --Radio-onFocus-boxShadow: 0 0 0 3px rgb(24 144 255 / 8%);\n\n --Rating-onActive-color: #fadb14;\n\n --Panel--default-bg: #fff;\n\n --Layout-aside-bg: #001529;\n --Layout-brand-bg: #001529;\n --Layout-aside-color: hsla(0, 0%, 100%, 0.65);\n --Layout-aside-subList-bg: #000c17;\n --Layout-aside-onHover-bg: none;\n --Layout-aside-onAcitve-bg: #1890ff;\n\n --ListControl-item-onHover-color: var(--primary);\n --ListControl-item-onHover-bg: var(--Button--default-onHover-bg);\n --ListControl-item-onHover-borderColor: var(--primary);\n\n --ListItem-onChecked-bg: #{$blue-1};\n --ListItem--strip-bg: #fff;\n\n --Nav-item-onActive-borderLeft: 0;\n\n --Modal-header-bg: #fff;\n --Modal-title-fontWeight: 500;\n\n --Form-input-onFocused-borderColor: #{$blue-5};\n --Form-input-borderColor: #{$border-color-base};\n --Form-input-boxShadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\n --Form-select-borderWidth: #{px2rem(1px)};\n --Form-select-borderRadius: 0;\n --Form-select-borderColor: #{$border-color-base};\n --Form-select-bg: var(--white);\n --Form-select-onHover-bg: var(--white);\n --Form-select-onHover-borderColor: #{$blue-5};\n --Form-select-placeholderColor: #999;\n --Form-select-color: #000;\n --Form-select-caret-iconColor: #999;\n --Form-select-caret-onHover-iconColor: var(--primary);\n --Form-select-caret-fontSize: #{px2rem(12px)};\n --Form-select-outer-borderWidth: 0;\n --Form-select-outer-top: #{px2rem(32px)};\n --Form-select-outer-boxShadow: 0 3px 6px -4px rgb(0 0 0 / 12%),\n 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%);\n --Form-select-menu-color: #333;\n --Form-select-menu-onHover-color: #000;\n --Form-select-menu-onHover-bg: #f5f5f5;\n --Form-select-menu-height: #{px2rem(24px)};\n --Form-select-popoverGap: #{px2rem(3px)};\n --Form-select-search-height: #{px2rem(30px)};\n --Form-selectValue-color: var(--primary);\n --Form-select-onFocus-boxShadow: 0 0 0 3px rgb(24 144 255 / 8%);\n\n --Page-aside-bg: #ffffff;\n\n --Pagination-onActive-backgroundColor: #fff;\n --Pagination-onActive-color: rgb(24, 144, 255);\n --Pagination-onActive-border: #{px2rem(1px)} solid var(--primary);\n\n --Transfer-title-bg: #f0f2f5;\n // Tabs\n --Tabs-linkFontSize: #{px2rem(14px)};\n --Tabs--card-bg: var(--Table-thead-bg);\n --Tabs--radio-bg: var(--white);\n --Tabs--vertical-onActive-bg: #e7f7ff;\n --Tabs--vertical-onActive-borderWidth: 0 3px 0 0;\n --Tabs--vertical-onActive-container-bg: #fff;\n --Tabs--vertical-onActive-container-borderRight: 1px solid #f0f0f0;\n\n $Table-strip-bg: transparent;\n --Table-strip-bg: transparent;\n --Table-thead-bg: #fafafa;\n --Table-onHover-bg: rgb(250, 250, 250);\n --Table-onHover-borderColor: var(--Table-borderColor);\n --Table-onChecked-bg: #{$blue-1};\n --Table-onChecked-color: var(--Table-color);\n --Table-onChecked-borderColor: var(--Table-borderColor);\n\n --Switch-bgColor: #bfbfbf;\n}\n","/* Reset\n =============== */\n\n// Reset box sizing to border box\nhtml {\n box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n box-sizing: inherit;\n}\n\n// Remove figure margin\nfigure {\n margin: 0;\n}\n","/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; // 1\n -webkit-text-size-adjust: 100%; //2\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 2\n overflow: visible; //2\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; // 1\n font-size: 1em; // 2\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; // 1\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; // 1\n font-size: 1em; // 2\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; // 1\n font-size: 100%; // 1\n line-height: 1.15; // 1\n margin: 0; // 2\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n overflow: visible; // 1\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n text-transform: none; // 1\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type='button']::-moz-focus-inner,\n[type='reset']::-moz-focus-inner,\n[type='submit']::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type='button']:-moz-focusring,\n[type='reset']:-moz-focusring,\n[type='submit']:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; // 1\n color: inherit; // 2\n display: table; // 1\n max-width: 100%; // 1\n padding: 0; // 3\n white-space: normal; // 1\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type='checkbox'],\n[type='radio'] {\n box-sizing: border-box; // 1\n padding: 0; // 2\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type='search'] {\n -webkit-appearance: textfield; // 1\n outline-offset: -2px; // 2\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type='search']::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; // 1\n font: inherit; // 2\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nsvg.icon {\n width: 1em;\n height: 1em;\n fill: currentColor;\n position: relative;\n top: 0.125em;\n}\n\nsvg.r90 {\n transform: rotate(90deg);\n}\n\nsvg.icon-success {\n color: $success;\n}\n\nsvg.icon-fail {\n color: $danger;\n}\n","/**\n * Basic typography style for copy text\n */\nhtml {\n font-size: $remFactor;\n}\n\nbody {\n color: var(--body-color);\n background: var(--body-bg);\n font-size: var(--body-size);\n font-weight: var(--body-weight);\n font-family: var(--fontFamilyBase);\n line-height: var(--body-lineHeight);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\na {\n color: var(--link-color);\n text-decoration: var(--link-decoration);\n\n &:hover {\n color: var(--link-onHover-color);\n text-decoration: var(--link-onHover-decoration);\n }\n}\n\nlabel {\n font-weight: var(--fontWeightNormal);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-weight: var(--fontWeightNormal);\n color: var(--text--loud-color);\n line-height: 1.1;\n}\n\n.is-matched {\n color: var(--danger);\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: var(--fontFamilyMonospace);\n}\n\n// js sdk 中的有用到\n.amis-routes-wrapper {\n width: 100%;\n height: 100%;\n}\n",".has-popover {\n position: relative;\n}\n","html,\nbody {\n width: 100%;\n height: 100%;\n}\n\nbody {\n overflow-x: hidden;\n}\n\n.#{$ns}Layout {\n min-height: 100%;\n width: 100%;\n position: relative;\n\n &:before {\n content: '';\n position: absolute;\n width: inherit;\n top: 0;\n bottom: 0;\n z-index: -1;\n background: var(--body-bg);\n border: inherit;\n display: block;\n }\n\n &--boxed {\n margin-right: auto;\n margin-left: auto;\n // box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);\n }\n\n .#{$ns}Layout-header {\n background: var(--Layout-header-bg);\n box-shadow: var(--Layout-header-boxShadow);\n height: var(--Layout-header-height);\n }\n\n &--headerFixed {\n padding-top: var(--Layout-header-height);\n\n .#{$ns}Layout-header {\n position: fixed;\n top: 0;\n width: 100%;\n z-index: $zindex-fixed;\n }\n }\n\n &-brandBar {\n background: var(--Layout-brand-bg);\n color: var(--Layout-brandBar-color);\n\n > button {\n padding: px2rem(10px) px2rem(17px);\n font-size: px2rem(16px);\n line-height: calc(var(--Layout-header-height) - var(--gap-md));\n text-decoration: none;\n background: transparent;\n border: none;\n }\n }\n\n &-brand {\n color: var(--Layout-brand-color);\n text-align: left;\n font-size: var(--fontSizeMd);\n font-weight: var(--fontWeightNormal);\n max-width: 100%;\n height: auto;\n line-height: var(--Layout-header-height);\n display: inline-block;\n vertical-align: middle;\n padding: 0 var(--gap-base);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:hover {\n text-decoration: none;\n }\n\n img {\n max-height: calc(var(--Layout-header-height) / 2);\n // margin-top: px2rem(-4px);\n vertical-align: middle;\n display: inline;\n }\n }\n\n &-headerBar {\n border-bottom: var(--Layout-headerBar-borderBottom);\n min-height: var(--Layout-header-height);\n padding: 0 var(--gap-sm);\n display: flex;\n flex-direction: row;\n align-items: center;\n }\n\n &-offScreenBtn {\n display: none;\n float: right;\n padding: 13px var(--gap-md);\n }\n\n &-aside {\n position: relative;\n background: var(--Layout-aside-bg);\n color: var(--Layout-aside-color);\n\n &:before {\n content: '';\n position: absolute;\n width: inherit;\n top: 0;\n bottom: 0;\n z-index: -1;\n background: inherit;\n border: inherit;\n }\n }\n\n &-asideFooter {\n position: absolute;\n bottom: 0;\n width: 100%;\n z-index: $zindex-fixed;\n max-width: var(--Layout-aside-width);\n\n // .app-aside-folded & {\n // max-width: @app-aside-folded-width;\n // }\n ~ div {\n padding-bottom: px2rem(50px);\n }\n }\n\n // &-content--full {\n // position: absolute;\n // top: var(--Layout-header-height);\n // bottom: var(--Layout-header-height);\n // height: auto;\n // width: auto !important;\n // padding: 0 !important;\n // overflow-y: auto;\n // -webkit-overflow-scrolling: touch;\n\n // &.h-full {\n // bottom: 0;\n // height: auto;\n // }\n // }\n\n &-body {\n padding-bottom: var(--Layout-footer-height);\n width: 100%;\n height: 100%;\n }\n\n &--noFooter &-body {\n padding-bottom: 0;\n }\n\n &-footer {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n // z-index: 1005; 为啥要这么高\n z-index: 0;\n }\n\n &--sm {\n .#{$ns}Layout-asideFooter {\n max-width: var(--Layout-aside--sm-width);\n }\n\n .#{$ns}AsideNav-item a {\n font-size: var(--fontSizeSm);\n }\n }\n\n &--md .#{$ns}Layout-asideFooter {\n max-width: var(--Layout-aside--md-width);\n }\n\n &--lg .#{$ns}Layout-asideFooter {\n max-width: var(--Layout-aside--lg-width);\n }\n}\n\n@include media-breakpoint-down(sm) {\n // .#{$ns}Layout {\n // Layout 层没有出现滚动条件,导致移动端无法响应固定顶部/底部效果\n // overflow-x: hidden;\n // }\n\n .#{$ns}Layout-content {\n transition: transform var(--animation-duration) ease;\n }\n\n .#{$ns}Layout-aside {\n display: none;\n\n .#{$ns}Layout--offScreen & {\n position: fixed;\n top: px2rem(50px);\n bottom: 0;\n width: var(--Layout--offscreen-width);\n display: block !important;\n visibility: visible;\n overflow-x: hidden;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n z-index: 1010;\n }\n }\n\n .#{$ns}Layout-headerBar {\n display: none;\n }\n\n .#{$ns}Layout--offScreen {\n .#{$ns}Layout-body,\n .#{$ns}Layout-footer {\n background: var(--body-bg);\n transition: transform var(--animation-duration) ease;\n backface-visibility: hidden;\n transform: translate3d(var(--Layout--offscreen-width), 0px, 0px);\n overflow: hidden;\n position: fixed;\n width: 100%;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1015;\n padding-top: px2rem(50px);\n }\n }\n\n .#{$ns}Layout-offScreenBtn {\n display: block;\n }\n}\n\n@include media-breakpoint-up(md) {\n .#{$ns}Layout {\n display: flex;\n flex-direction: column;\n\n &-header {\n width: 100%;\n }\n\n > .#{$ns}Layout-body {\n flex-grow: 1;\n position: relative;\n // height: 0;\n }\n\n &--boxed {\n width: px2rem(760px);\n\n &.#{$ns}Layout--headerFixed .#{$ns}Layout-header {\n width: px2rem(760px);\n }\n }\n\n &-brand,\n &-brandBar,\n &-aside {\n width: var(--Layout-aside-width);\n transition: width var(--animation-duration) ease;\n }\n\n &-brandBar {\n float: left;\n }\n\n &--withAside {\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: stretch;\n\n > .#{$ns}Layout-content {\n flex-grow: 1;\n width: 0;\n position: relative;\n }\n\n .#{$ns}Layout-headerBar,\n .#{$ns}Layout-footer {\n margin-left: var(--Layout-aside-width);\n transition: margin var(--animation-duration) ease;\n }\n }\n\n .visible-folded {\n display: none;\n }\n\n &--folded {\n .visible-folded {\n display: inherit;\n }\n\n .hidden-folded {\n display: none !important;\n }\n\n .text-center-folded {\n text-align: center;\n }\n\n .pull-none-folded {\n float: none !important;\n }\n\n .w-auto-folded {\n width: auto;\n }\n\n .#{$ns}Layout-aside,\n .#{$ns}Layout-brandBar {\n width: var(--Layout-aside--folded-width);\n }\n\n &.#{$ns}Layout--withAside {\n .#{$ns}Layout-headerBar,\n .#{$ns}Layout-footer {\n margin-left: var(--Layout-aside--folded-width);\n }\n }\n\n .#{$ns}Layout-brand {\n display: block;\n padding: 0;\n font-size: var(--fontSizeLg);\n text-align: center;\n }\n }\n\n &--asideFixed {\n .#{$ns}Layout-aside {\n height: 100%;\n\n &:before {\n position: fixed;\n z-index: 15;\n }\n }\n\n .#{$ns}Layout-brandBar {\n position: fixed;\n }\n\n .#{$ns}Layout-asideWrap {\n position: fixed;\n overflow: hidden;\n top: var(--Layout-header-height);\n bottom: 0;\n left: 0;\n width: inherit;\n z-index: $zindex-fixed;\n }\n\n .#{$ns}Layout-asideInner {\n width: calc(100% + 17px);\n\n position: relative;\n height: 100%;\n overflow-x: hidden;\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n\n &::-webkit-scrollbar {\n -webkit-appearance: none;\n }\n\n &::-webkit-scrollbar:vertical {\n width: 17px;\n }\n }\n }\n\n &--asideFixed.#{$ns}Layout--folded {\n .#{$ns}Layout-aside {\n position: static;\n }\n\n .#{$ns}Layout-brandBar {\n position: static;\n }\n\n .#{$ns}Layout-asideWrap {\n overflow: visible;\n // position: relative;\n // top: 0;\n z-index: 15;\n }\n\n .#{$ns}Layout-asideInner {\n overflow: visible;\n padding-right: 17px;\n }\n }\n\n &--sm:not(.#{$ns}Layout--folded) {\n .#{$ns}Layout-brand,\n .#{$ns}Layout-brandBar,\n .#{$ns}Layout-aside {\n width: var(--Layout-aside--sm-width);\n }\n }\n\n &--md:not(.#{$ns}Layout--folded) {\n .#{$ns}Layout-brand,\n .#{$ns}Layout-brandBar,\n .#{$ns}Layout-aside {\n width: var(--Layout-aside--md-width);\n }\n }\n\n &--lg:not(.#{$ns}Layout--folded) {\n .#{$ns}Layout-brand,\n .#{$ns}Layout-brandBar,\n .#{$ns}Layout-aside {\n width: var(--Layout-aside--lg-width);\n }\n }\n }\n}\n\n@include media-breakpoint-up(lg) {\n .#{$ns}Layout {\n &--boxed {\n width: px2rem(980px);\n\n &.#{$ns}Layout--headerFixed .#{$ns}Layout-header {\n width: px2rem(980px);\n }\n }\n }\n}\n\n@include media-breakpoint-up(xl) {\n .#{$ns}Layout {\n &--boxed {\n width: px2rem(1180px);\n\n &.#{$ns}Layout--headerFixed .#{$ns}Layout-header {\n width: px2rem(1180px);\n }\n }\n }\n}\n","// 这里只放 sass 里的变量,因为有很多颜色计算,为了保持和之前的兼容性所以还保留这些变量,但后续会通过新增 css 自定义属性的方式逐渐替换\n// 类名前缀\n$ns: '' !default;\n$remFactor: 16px !default;\n\n$devices: (\n m: '(max-width: 768px)',\n pc: '(min-width: 769px)'\n) !default;\n\n// 生成颜色的工具有很多,可以参考这些链接来弄。\n// https://tailwind.ink/\n// https://www.tailwindshades.com/\n// https://tailwind.simeongriggs.dev/\n\n// https://javisperez.github.io/tailwindcolorshades/#/\n// v1 版本 {\n// color50: tint($color, 0.95);\n// color100: tint($color, 0.9);\n// color200: tint($color, 0.75);\n// color300: tint($color, 0.6);\n// color400: tint($color, 0.3);\n// color500: $color;\n// color600: shade($color, 0.9);\n// color700: shade($color, 0.6);\n// color800: shade($color, 0.45);\n// color900: shade($color, 0.3);\n// }\n$colors: (\n black: #000,\n white: #fff,\n primary: #007bff,\n secondary: #6c757d,\n success: #28a745,\n info: #007bff,\n warning: #fad733,\n danger: #dc3545,\n light: #f8f9fa,\n dark: #343a40,\n gray: (\n 50: #f9fafb,\n 100: #f3f4f6,\n 200: #e5e7eb,\n 300: #d1d5db,\n 400: #9ca3af,\n 500: #6b7280,\n 600: #4b5563,\n 700: #374151,\n 800: #1f2937,\n 900: #111827\n ),\n red: (\n 50: #fef2f2,\n 100: #fee2e2,\n 200: #fecaca,\n 300: #fca5a5,\n 400: #f87171,\n 500: #ef4444,\n 600: #dc2626,\n 700: #b91c1c,\n 800: #991b1b,\n 900: #7f1d1d\n ),\n yellow: (\n 50: #fffbeb,\n 100: #fef3c7,\n 200: #fde68a,\n 300: #fcd34d,\n 400: #fbbf24,\n 500: #f59e0b,\n 600: #d97706,\n 700: #b45309,\n 800: #92400e,\n 900: #78350f\n ),\n green: (\n 50: #ecfdf5,\n 100: #d1fae5,\n 200: #a7f3d0,\n 300: #6ee7b7,\n 400: #34d399,\n 500: #10b981,\n 600: #059669,\n 700: #047857,\n 800: #065f46,\n 900: #064e3b\n ),\n blue: (\n 50: #eff6ff,\n 100: #dbeafe,\n 200: #bfdbfe,\n 300: #93c5fd,\n 400: #60a5fa,\n 500: #3b82f6,\n 600: #2563eb,\n 700: #1d4ed8,\n 800: #1e40af,\n 900: #1e3a8a\n ),\n cyan: (\n 50: #ecfeff,\n 100: #cffafe,\n 200: #a5f3fc,\n 300: #67e8f9,\n 400: #22d3ee,\n 500: #06b6d4,\n 600: #0891b2,\n 700: #0e7490,\n 800: #155e75,\n 900: #164e63\n ),\n indigo: (\n 50: #eef2ff,\n 100: #e0e7ff,\n 200: #c7d2fe,\n 300: #a5b4fc,\n 400: #818cf8,\n 500: #6366f1,\n 600: #4f46e5,\n 700: #4338ca,\n 800: #3730a3,\n 900: #312e81\n ),\n purple: (\n 50: #f5f3ff,\n 100: #ede9fe,\n 200: #ddd6fe,\n 300: #c4b5fd,\n 400: #a78bfa,\n 500: #8b5cf6,\n 600: #7c3aed,\n 700: #6d28d9,\n 800: #5b21b6,\n 900: #4c1d95\n ),\n pink: (\n 50: #fdf2f8,\n 100: #fce7f3,\n 200: #fbcfe8,\n 300: #f9a8d4,\n 400: #f472b6,\n 500: #ec4899,\n 600: #db2777,\n 700: #be185d,\n 800: #9d174d,\n 900: #831843\n )\n) !default;\n\n// 颜色 Alias 不要直接修改, 直接修改 colors 对象。\n$white: map-get($colors, white);\n$gray50: map-get(\n map-get($colors, gray),\n 50\n); // node-sass 不支持多个参数用法,所以先这么写。\n$gray100: map-get(map-get($colors, gray), 100) !default;\n$gray200: map-get(map-get($colors, gray), 200) !default;\n$gray300: map-get(map-get($colors, gray), 300) !default;\n$gray400: map-get(map-get($colors, gray), 400) !default;\n$gray500: map-get(map-get($colors, gray), 500) !default;\n$gray600: map-get(map-get($colors, gray), 600) !default;\n$gray700: map-get(map-get($colors, gray), 700) !default;\n$gray800: map-get(map-get($colors, gray), 800) !default;\n$gray900: map-get(map-get($colors, gray), 900) !default;\n$gray: $gray500 !default;\n$red: map-get(map-get($colors, red), 500) !default;\n$yellow: map-get(map-get($colors, yellow), 500) !default;\n$green: map-get(map-get($colors, green), 500) !default;\n$blue: map-get(map-get($colors, blue), 500) !default;\n$cyan: map-get(map-get($colors, cyan), 500) !default;\n$indigo: map-get(map-get($colors, indigo), 500) !default;\n$purple: map-get(map-get($colors, purple), 500) !default;\n$pink: map-get(map-get($colors, pink), 500) !default;\n$black: map-get($colors, black) !default;\n\n$primary: map-get($colors, 'primary') !default;\n$secondary: map-get($colors, 'secondary') !default;\n$success: map-get($colors, 'success') !default;\n$info: map-get($colors, 'info') !default;\n$warning: map-get($colors, 'warning') !default;\n$danger: map-get($colors, 'danger') !default;\n$light: map-get($colors, 'light') !default;\n$dark: map-get($colors, 'dark') !default;\n\n$spacing: (\n //\n // 下面是参考 tailwind\n //\n px: px2rem(1px),\n 0: 0,\n none: 0,\n 0.5: px2rem(2px),\n 1: px2rem(4px),\n 1.5: px2rem(6px),\n 2: px2rem(8px),\n 2.5: px2rem(10px),\n 3: px2rem(12px),\n 3.5: px2rem(14px),\n 4: px2rem(16px),\n 5: px2rem(20px),\n 6: px2rem(24px),\n 7: px2rem(28px),\n 8: px2rem(32px),\n 9: px2rem(36px),\n 10: px2rem(40px),\n 11: px2rem(44px),\n 12: px2rem(48px),\n 14: px2rem(56px),\n 16: px2rem(64px),\n 18: px2rem(72px),\n 20: px2rem(80px),\n 24: px2rem(96px),\n 28: px2rem(112px),\n 32: px2rem(128px),\n 36: px2rem(144px),\n 40: px2rem(160px),\n 44: px2rem(176px),\n 48: px2rem(192px),\n 52: px2rem(208px),\n 56: px2rem(224px),\n 60: px2rem(240px),\n 64: px2rem(256px),\n 72: px2rem(288px),\n 80: px2rem(320px),\n 96: px2rem(384px)\n) !default;\n\n$inset: map-merge(\n $spacing,\n (\n auto: auto,\n '1/2': 50%,\n '1/3': 33.333333%,\n '2/3': 66.666667%,\n '1/4': 25%,\n '2/4': 50%,\n '3/4': 75%,\n 'full': 100%\n )\n) !default;\n\n$widths: map-merge(\n $spacing,\n (\n auto: auto,\n 1x: 1em,\n 2x: 2em,\n 3x: 3em,\n '1/2': 50%,\n '1/3': 33.333333%,\n '2/3': 66.666667%,\n '1/4': 25%,\n '2/4': 50%,\n '3/4': 75%,\n '1/5': 20%,\n '2/5': 40%,\n '3/5': 60%,\n '4/5': 80%,\n '1/6': 16.666667%,\n '2/6': 33.333333%,\n '3/6': 50%,\n '4/6': 66.666667%,\n '5/6': 83.333333%,\n '1/12': 8.333333%,\n '2/12': 16.666667%,\n '3/12': 25%,\n '4/12': 33.333333%,\n '5/12': 41.666667%,\n '6/12': 50%,\n '7/12': 58.333333%,\n '8/12': 66.666667%,\n '9/12': 75%,\n '10/12': 83.333333%,\n '11/12': 91.666667%,\n full: 100%,\n screen: 100vw,\n min: min-content,\n max: max-content\n )\n) !default;\n\n$maxWidths: (\n none: none,\n 0: 0rem,\n xs: 20rem,\n sm: 24rem,\n md: 28rem,\n lg: 32rem,\n xl: 36rem,\n 2xl: 42rem,\n 3xl: 48rem,\n 4xl: 56rem,\n 5xl: 64rem,\n 6xl: 72rem,\n 7xl: 80rem,\n full: 100%,\n min: min-content,\n max: max-content,\n prose: 65ch\n) !default;\n\n$heights: map-merge(\n $spacing,\n (\n auto: auto,\n '1/2': 50%,\n '1/3': 33.333333%,\n '2/3': 66.666667%,\n '1/4': 25%,\n '2/4': 50%,\n '3/4': 75%,\n '1/5': 20%,\n '2/5': 40%,\n '3/5': 60%,\n '4/5': 80%,\n '1/6': 16.666667%,\n '2/6': 33.333333%,\n '3/6': 50%,\n '4/6': 66.666667%,\n '5/6': 83.333333%,\n full: 100%,\n screen: 100vh\n )\n) !default;\n\n$maxHeights: map-merge(\n $spacing,\n (\n full: 100%,\n screen: 100vh\n )\n) !default;\n\n$fontSizes: (\n xs: 0.75rem 1rem,\n sm: 0.875rem 1.25rem,\n base: 1rem 1.5rem,\n md: 1.125rem 1.75rem,\n lg: 1.25rem 1.75rem,\n xl: 1.5rem 2rem,\n 2xl: 1.875rem 2.25rem,\n 3xl: 2.25rem 2.5rem,\n 4xl: 3rem 1,\n 5xl: 3.75rem 1,\n 6xl: 4.5rem 1,\n 7xl: 6rem 1,\n 8xl: 8rem 1\n) !default;\n\n$borderColor: $gray300;\n\n$borderRadiuses: (\n 'none': 0px,\n 'sm': 0.125rem,\n 'default': 0.25rem,\n 'md': 0.375rem,\n 'lg': 0.5rem,\n 'xl': 0.75rem,\n '2xl': 1rem,\n '3xl': 1.5rem,\n 'full': 9999px\n) !default;\n\n$borderWidths: (\n 'default': 1px,\n '0': 0px,\n '2': 2px,\n '4': 4px,\n '8': 8px\n) !default;\n\n$boxShadows: (\n 'sm': '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n 'default': '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',\n 'md': '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n 'lg':\n '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n 'xl':\n '0 20px 25px -5px rgba(0, 0, 0, 0.1) , 0 10px 10px -5px rgba(0, 0, 0, 0.04)',\n '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',\n 'inner': 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)',\n 'none': none\n) !default;\n\n// 窗口适配\n// @deprecated 不打算支持这么多视图,只区分 pc 和 移动端\n// 改用 devices 了\n$breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n$text-color: #58666e !default;\n\n// 部分遍历难以用自定义属性替换,所以保留\n$Grid-columns: 12 !default;\n$Grid-gutterWidth: px2rem(16px) !default;\n\n$zindex-affix: 900 !default;\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1100 !default;\n$zindex-fixed: 1200 !default;\n$zindex-popover: 1300 !default;\n$zindex-modal: 1400 !default;\n$zindex-contextmenu: 1500 !default;\n$zindex-tooltip: 1600 !default;\n$zindex-toast: 2000 !default;\n$zindex-top: 3000 !default;\n\n$Form--horizontal-columns: 12;\n$Table-strip-bg: lighten(#f6f8f8, 1%) !default;\n$Number-handler-mode: 'vertical';\n$Wizard-steps-liAfterBorder: px2rem(18px) solid transparent !default;\n","// 媒体查询最小阈值\n@mixin media-breakpoint-up($name, $breakpoints: $breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n//媒体查询最大阈值\n@mixin media-breakpoint-down($name, $breakpoints: $breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n//媒体查询中间阈值\n@mixin media-breakpoint-between($min, $max, $breakpoints: $breakpoints) {\n $min: breakpoint-min($min, $breakpoints);\n $max: breakpoint-max($max, $breakpoints);\n\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n}\n\n@mixin media-device($name, $devices: $devices) {\n $n: map-get($devices, $name);\n\n @media #{$n} {\n @content;\n }\n}\n\n@mixin clearfix() {\n &::before,\n &::after {\n display: table;\n content: '';\n }\n &::after {\n clear: both;\n }\n}\n\n// @deprecated 不建议用了\n@mixin color-schema($bg-color: #555, $percent: 15%, $sat-percent: 100%) {\n background: saturate(darken($bg-color, $percent), $sat-percent);\n}\n\n// @deprecated 不建议用了\n@mixin color-schema-lt($bg-color: #555, $percent: 15%, $sat-percent: 100%) {\n background: desaturate(lighten($bg-color, $percent), $sat-percent);\n}\n\n// @deprecated 不建议用了\n@mixin color-variant(\n $bg-color: #555,\n $lt-percent: 10%,\n $lter-percent: 15%,\n $dk-percent: 10%,\n $dker-percent: 15%\n) {\n background-color: $bg-color;\n\n &.lt,\n & .lt {\n @include color-schema-lt($bg-color, $lt-percent, 2.5%);\n }\n\n &.lter,\n & .lter {\n @include color-schema-lt($bg-color, $lter-percent, 5%);\n }\n\n &.dk,\n & .dk {\n @include color-schema($bg-color, $dk-percent, 2.5%);\n }\n\n &.dker,\n & .dker {\n @include color-schema($bg-color, $dker-percent, 5%);\n }\n\n &.bg,\n & .bg {\n background-color: $bg-color;\n }\n}\n\n// @deprecated 不建议用了\n@mixin font-variant($bg-color) {\n $font-color: desaturate(lighten($bg-color, 40%), 10%);\n $link-color: desaturate(lighten($bg-color, 50%), 10%);\n $hover-color: #fff;\n color: $font-color;\n\n & a,\n & .#{$ns}Button--link {\n color: $link-color;\n\n &:hover {\n color: $hover-color;\n }\n }\n\n & .open > a {\n &,\n &:hover,\n &:focus {\n color: $hover-color;\n }\n }\n\n & .text-muted {\n color: darken($text-color, 10%) !important;\n }\n\n & .text-lt {\n color: lighten($text-color, 25%) !important;\n }\n\n // &.auto,\n // & .auto {\n // & .list-group-item {\n // border-color: darken($bg-color, 5%) !important;\n // background: transparent;\n\n // &:hover,\n // &:focus,\n // &:active,\n // &.active {\n // @include color-schema($bg-color, 5%, 2.5% !important);\n // }\n // }\n // }\n}\n\n// @deprecated 不建议用了\n@mixin text-wariant($bg-color, $name) {\n a.bg-#{'' + $name}:hover {\n background: darken($bg-color, 5%);\n }\n\n a.text-#{'' + $name}:hover {\n color: darken($bg-color, 5%);\n }\n\n .text-#{'' + $name} {\n color: $bg-color;\n }\n\n .text-#{'' + $name}-lt {\n color: darken($bg-color, 5%);\n }\n\n .text-#{'' + $name}-lter {\n color: darken($bg-color, 10%);\n }\n\n .text-#{'' + $name}-dk {\n color: darken($bg-color, 5%);\n }\n\n .text-#{'' + $name}-dker {\n color: darken($bg-color, 10%);\n }\n}\n\n@mixin hover {\n &:hover {\n @content;\n }\n}\n\n@mixin focus {\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus {\n &:hover:focus {\n @content;\n }\n}\n\n@mixin hover-active {\n &:hover:active {\n @content;\n }\n}\n\n@mixin button-size(\n $padding-y,\n $padding-x,\n $font-size,\n $line-height,\n $border-radius,\n $height: auto,\n $iconWdith: px2rem(20px)\n) {\n padding: $padding-y $padding-x;\n font-size: $font-size;\n line-height: $line-height;\n border-radius: $border-radius;\n height: $height;\n\n .#{$ns}Button-icon:first-child:not(:last-child):not(.pull-right),\n > svg.icon:not(:last-child):not(.pull-right),\n > .pull-left {\n margin-right: $padding-x;\n }\n\n .#{$ns}Button-icon:last-child:not(:first-child):not(.pull-left),\n > .pull-right {\n margin-left: $padding-x;\n }\n\n .#{$ns}Button--loading:first-child:not(:last-child):not(.pull-right),\n > svg.icon:not(:last-child):not(.pull-right),\n > .pull-left {\n margin-right: $padding-x;\n }\n\n .#{$ns}Button--loading:last-child:not(:first-child):not(.pull-left),\n > .pull-right {\n margin-left: $padding-x;\n }\n\n // img 需要加一下高度限制\n img.#{$ns}Button-icon {\n height: var(--Button-fontSize);\n vertical-align: middle;\n }\n}\n\n@mixin button-loading-icon() {\n transition: --Button-transition;\n svg {\n @include animation-svg(var(--Button-animation-spin));\n }\n}\n\n@mixin animation-svg($animation) {\n animation: $animation;\n}\n\n@mixin button-variant(\n $background,\n $border: $background,\n $color: $white,\n $hover-background: darken($background, 7.5%),\n $hover-border: darken($border, 10%),\n $hover-color: $color,\n $active-background: darken($background, 10%),\n $active-border: darken($border, 12.5%),\n $active-color: $color\n) {\n color: $color;\n background: $background;\n border-color: $border;\n box-shadow: var(--Button-boxShadow);\n text-shadow: var(--Button-textShadow);\n\n &:not(:disabled):not(.is-disabled) {\n @include hover {\n color: $hover-color;\n background: $hover-background;\n border-color: $hover-border;\n }\n @include hover-active {\n color: $active-color;\n background: $active-background;\n border-color: $active-border;\n }\n }\n\n // @include focus {\n // color: $color;\n // background: $background;\n // border-color: $border;\n // box-shadow: var(--Button-boxShadow);\n // }\n\n @include hover-focus {\n // color: $hover-color;\n // background: $hover-background;\n // border-color: $hover-border;\n box-shadow: var(--Button-boxShadow);\n }\n}\n\n@mixin input-clear {\n padding: px2rem(3px);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: auto;\n\n svg {\n fill: var(--Form-input-iconColor);\n top: 0;\n width: px2rem(10px);\n height: px2rem(10px);\n }\n\n &:hover svg {\n fill: var(--Form-input-onHover-iconColor);\n }\n}\n\n@mixin input-input {\n display: flex;\n background: var(--Form-input-bg);\n border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);\n border-radius: var(--Form-input-borderRadius);\n // height: var(--Form-input-height);\n line-height: var(--Form-input-lineHeight);\n padding: var(--Form-input-paddingY) var(--Form-input-paddingX);\n font-size: var(--Form-input-fontSize);\n flex-wrap: wrap;\n justify-content: flex-start;\n\n input {\n flex-basis: px2rem(80px);\n flex-grow: 1;\n outline: none;\n background: transparent;\n border: none;\n color: var(--Form-input-color);\n width: 100%;\n height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));\n\n &::placeholder {\n color: var(--Form-input-placeholderColor);\n user-select: none;\n }\n }\n\n &:hover {\n border-color: var(--Form-input-onFocused-borderColor);\n }\n}\n\n@mixin input-border {\n &--borderHalf {\n border-left-color: transparent !important;\n border-right-color: transparent !important;\n border-top-color: transparent !important;\n }\n\n &--borderNone {\n border-color: transparent !important;\n }\n}\n\n@mixin input-text {\n position: relative;\n max-width: 100%;\n\n &.is-inline {\n display: inline-block;\n width: var(--Form-control-widthBase);\n }\n\n &-input {\n @include input-input();\n @include input-border();\n }\n\n &.is-error > &-input {\n border-color: var(--Form-input-onError-borderColor);\n background: var(--Form-input-onError-bg);\n transition: all var(--animation-duration);\n }\n\n &.is-focused > &-input {\n border-color: var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n background: var(--Form-input-onFocused-bg);\n transition: all var(--animation-duration);\n }\n\n &.is-error.is-focused > &-input {\n border-color: var(--Form-input-onError-borderColor);\n }\n\n &.is-disabled > &-input {\n color: var(--text--muted-color);\n background: var(--Form-input-onDisabled-bg);\n border-color: var(--Form-input-onDisabled-borderColor);\n transition: all var(--animation-duration);\n }\n\n &-spinner {\n line-height: calc(\n var(--Form-input-lineHeight) * var(--Form-input-fontSize)\n );\n }\n\n &-clear {\n @include input-clear();\n }\n\n // 需要能撑开\n @include media-breakpoint-up(sm) {\n &.#{$ns}Form-control--sizeXs > &-input,\n &.#{$ns}Form-control--sizeSm > &-input,\n &.#{$ns}Form-control--sizeMd > &-input,\n &.#{$ns}Form-control--sizeLg > &-input {\n min-width: 100%;\n display: inline-flex;\n }\n }\n}\n\n@mixin checkboxes-placeholder {\n height: var(--Form-input-height);\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-input-fontSize);\n padding: calc(\n (\n var(--Form-input-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--gap-sm);\n color: var(--text--muted-color);\n}\n\n@mixin label-variant($color) {\n background: $color;\n\n // todo:不支持了\n // &[href] {\n // &:hover,\n // &:focus {\n // background: darken($color, 10%);\n // }\n // }\n}\n\n@mixin icon-color {\n color: var(--icon-color);\n\n &:hover {\n color: var(--icon-onHover-color);\n }\n}\n","@use 'sass:math';\n\n@mixin make-grid($class) {\n @for $i from 1 through $Grid-columns {\n .#{$ns}Grid-col--#{$class}#{$i} {\n flex: 0 0 percentage(math.div($i, $Grid-columns));\n max-width: percentage(math.div($i, $Grid-columns));\n min-height: 1px;\n padding-left: (math.div($Grid-gutterWidth, 2));\n padding-right: (math.div($Grid-gutterWidth, 2));\n }\n }\n\n .#{$ns}Grid-col--#{$class} {\n flex-basis: 0;\n flex-grow: 1;\n min-height: 1px;\n max-width: 100%;\n width: 100%;\n padding-left: math.div($Grid-gutterWidth, 2);\n padding-right: math.div($Grid-gutterWidth, 2);\n }\n\n .#{$ns}Grid-col--#{$class}Auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%;\n padding-left: math.div($Grid-gutterWidth, 2);\n padding-right: math.div($Grid-gutterWidth, 2);\n }\n}\n\n// Generate Grid row\n@mixin make-row($gutter: $Grid-gutterWidth) {\n margin-left: math.div($gutter, -2);\n margin-right: math.div($gutter, -2);\n display: flex;\n flex-wrap: wrap;\n}\n\n@include make-grid(xs);\n\n@include media-breakpoint-up(sm) {\n .#{$ns}Grid {\n @include make-row;\n flex: 1;\n\n &--hRight {\n justify-content: flex-end;\n }\n\n &--hCenter {\n justify-content: center;\n }\n &--hBetween {\n justify-content: space-between;\n }\n\n &--vMiddle > div {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n &--vBottom > div {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n }\n\n &--vBetween > div {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n\n & > &-col--vTop {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n }\n\n & > &-col--vMiddle {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n & > &-col--vBottom {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n }\n\n & > &-col--vBetween {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n }\n\n @include make-grid(sm);\n}\n\n@include media-breakpoint-up(md) {\n @include make-grid(md);\n}\n\n@include media-breakpoint-up(lg) {\n @include make-grid(lg);\n}\n\n.#{$ns}Grid--none {\n margin-left: 0;\n margin-right: 0;\n\n > div {\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n.#{$ns}Grid--xs {\n margin-left: calc(var(--gap-xs) * -0.5);\n margin-right: calc(var(--gap-xs) * -0.5);\n\n > div {\n padding-left: calc(var(--gap-xs) * 0.5);\n padding-right: calc(var(--gap-xs) * 0.5);\n }\n}\n\n.#{$ns}Grid--sm {\n margin-left: calc(var(--gap-sm) * -0.5);\n margin-right: calc(var(--gap-sm) * -0.5);\n\n > div {\n padding-left: calc(var(--gap-sm) * 0.5);\n padding-right: calc(var(--gap-sm) * 0.5);\n }\n}\n\n.#{$ns}Grid--base {\n margin-left: calc(var(--gap-base) * -0.5);\n margin-right: calc(var(--gap-base) * -0.5);\n\n > div {\n padding-left: calc(var(--gap-base) * 0.5);\n padding-right: calc(var(--gap-base) * 0.5);\n }\n}\n\n.#{$ns}Grid--md {\n margin-left: calc(var(--gap-md) * -0.5);\n margin-right: calc(var(--gap-md) * -0.5);\n\n > div {\n padding-left: calc(var(--gap-md) * 0.5);\n padding-right: calc(var(--gap-md) * 0.5);\n }\n}\n\n.#{$ns}Grid--lg {\n margin-left: calc(var(--gap-lg) * -0.5);\n margin-right: calc(var(--gap-lg) * -0.5);\n\n > div {\n padding-left: calc(var(--gap-lg) * 0.5);\n padding-right: calc(var(--gap-lg) * 0.5);\n }\n}\n",".#{$ns}AsideNav {\n @include clearfix();\n\n &-label {\n color: var(--Layout-asideLabel-color);\n margin-top: var(--gap-base);\n margin-bottom: var(--gap-sm);\n font-size: var(--fontSizeXs);\n padding-left: var(--gap-base);\n padding-right: var(--gap-base);\n }\n\n &-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n &-itemArrow {\n float: right;\n display: block;\n width: var(--gap-md);\n text-align: center;\n line-height: px2rem(17px);\n margin-top: px2rem(2px);\n\n &:empty:before {\n content: '';\n display: inline-block;\n transform-origin: center;\n transition: transform var(--animation-duration) ease;\n background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgNTEzIDEwMjEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+Cgk8ZyBpZD0icmlnaHQtYXJyb3ciIGZpbGw9IiNmZmZmZmYiIGZpbGwtcnVsZT0ibm9uemVybyI+CgkJPHBhdGggZD0iTTU2LjU1OTA1NCwxMDEzLjc3MzY5IEw1MTIuOTA4MTE2LDUxMi42ODQ1MjQgTDU2LjU1OTA1NCwxMi4yMzQ1MDEgQzQ5LjQxMTQ2NzgsMi45MzQ1NTkxMiAzNy42NjY0MjM4LC0xLjU5MTg4MTc2IDI2LjEyNjIzMjQsMC41MDU5NDgyNDYgQzE0LjU4NjA0MSwyLjYwMzc3ODI1IDUuMTg1NDQ0MDksMTAuOTc0MTcyNyAxLjc2ODE1NTE2LDIyLjE5NDY0NzEgQy0xLjY0OTEzMzc3LDMzLjQxNTEyMTQgMS40ODk4MDIyOCw0NS42MDQ1MzUxIDkuOTAxNTE2LDUzLjc3ODg4NCBMNDI0LjcwNjE5Nyw1MTIuNjg0NTI0IEwxMi40NTgwOTQsOTY5LjY3MjczMSBDMi40NTgyMDU5Niw5ODIuNTUxNDk4IDQuMDEyOTc3MzcsMTAwMC45NDgzIDE2LjAzMjQ0MjIsMTAxMS45NjYxNSBDMjguMDUxOTA3MSwxMDIyLjk4Mzk5IDQ2LjUxNDIzNDYsMTAyMi45MzYxOSA1OC40NzY0ODcsMTAxMS44NTYyNiBMNTYuNTU5MDU0LDEwMTMuNzczNjkgWiIgaWQ9Iui3r+W+hCI+CgkJPC9wYXRoPgoJPC9nPgo8L3N2Zz4K);\n width: px2rem(10px);\n height: px2rem(10px);\n background-position: center center;\n background-repeat: no-repeat;\n }\n\n .#{$ns}AsideNav-item.is-open > a > &:empty:before {\n transform: rotate(90deg);\n color: var(--Layout-asideLink-onActive-arrowColor);\n }\n\n > svg {\n color: var(--Layout-asideLink-color);\n width: px2rem(10px);\n height: px2rem(10px);\n transform-origin: center;\n transition: transform var(--animation-duration) ease;\n }\n\n .#{$ns}AsideNav-item.is-open > a > & > svg {\n transform: rotate(90deg);\n }\n }\n\n &-itemBadge {\n padding: px2rem(2px) var(--gap-xs);\n margin-top: px2rem(2px);\n font-size: var(--fontSizeXs);\n text-shadow: 0 px2rem(1px) 0 rgba(0, 0, 0, 0.2);\n float: right;\n min-width: px2rem(1px);\n line-height: 1;\n font-weight: var(--fontWeightBold);\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n border-radius: px2rem(10px);\n }\n\n &-itemIcon {\n // margin: ($Layout-nav-height - $lineHeightBase * $Layout-asideLink-fontSize)/-2\n // px2rem(-10px);\n margin: calc(\n (\n var(--Layout-nav-height) - var(--lineHeightBase) *\n var(--Layout-asideLink-fontSize)\n ) / -2\n )\n px2rem(-10px);\n line-height: var(--Layout-nav-height);\n width: var(--Layout-nav-height);\n vertical-align: middle;\n float: left;\n margin-right: 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n color: var(--Layout-asideLink-iconColor);\n font-size: var(--Layout-asideLink-onHover-iconSize);\n\n &:before {\n position: relative;\n z-index: 2;\n }\n }\n\n &-subList {\n margin: 0;\n padding: 0;\n opacity: 0;\n height: 0;\n overflow: hidden;\n margin-left: calc(var(--gap-md) * -1);\n transition: all var(--animation-duration) ease-in-out 0s;\n background: var(--Layout-aside-subList-bg);\n\n .#{$ns}Layout--folded .#{$ns}AsideNav-item > & {\n display: block;\n overflow: hidden;\n }\n\n .is-open > &,\n .#{$ns}Layout--folded .#{$ns}AsideNav-item .#{$ns}AsideNav-item.is-open > &,\n .#{$ns}Layout--folded .#{$ns}AsideNav-item:hover > &,\n .#{$ns}Layout--folded .#{$ns}AsideNav-item:focus > &,\n .#{$ns}Layout--folded .#{$ns}AsideNav-item:active > & {\n opacity: 1;\n margin-left: 0;\n height: auto !important;\n overflow: visible;\n }\n }\n\n &-item {\n position: relative;\n display: block;\n\n a {\n font-weight: normal;\n cursor: pointer;\n text-transform: none;\n display: block;\n font-size: var(--Layout-asideLink-fontSize);\n\n padding: calc(\n (\n var(--Layout-nav-height) - var(--lineHeightBase) *\n var(--Layout-asideLink-fontSize)\n ) / 2\n )\n var(--gap-base);\n position: relative;\n transition: background-color var(--animation-duration) ease-in-out 0s;\n color: var(--Layout-asideLink-color);\n text-decoration: none;\n user-select: none;\n\n &:hover {\n color: var(--Layout-asideLink-onHover-color);\n text-decoration: none;\n background: var(--Layout-aside-onHover-bg);\n\n .#{$ns}AsideNav-itemIcon {\n color: var(--Layout-asideLink-onHover-iconColor);\n }\n }\n }\n\n &.is-active {\n > a {\n background: var(--Layout-aside-onAcitve-bg);\n color: var(--Layout-asideLink-onActive-color);\n\n &:hover {\n background: var(--Layout-aside-onAcitve-onHover-bg);\n }\n }\n }\n\n &.is-lg {\n > a {\n padding: calc(\n (\n var(--Layout-nav-lgHeight) - var(--lineHeightBase) *\n var(--Layout-asideLink-fontSize)\n ) / 2\n )\n var(--gap-md);\n }\n }\n\n .#{$ns}AsideNav-item {\n a {\n padding-left: calc(var(--Layout-nav-height) + #{px2rem(5px)});\n }\n\n .#{$ns}AsideNav-item a {\n padding-left: calc(var(--Layout-nav-height) + #{px2rem(15px)});\n }\n\n .#{$ns}AsideNav-item .#{$ns}AsideNav-item a {\n padding-left: calc(var(--Layout-nav-height) + #{px2rem(30px)});\n }\n\n .#{$ns}AsideNav-item .#{$ns}AsideNav-item .#{$ns}AsideNav-item a {\n padding-left: calc(var(--Layout-nav-height) + #{px2rem(45px)});\n }\n\n .#{$ns}AsideNav-subList {\n display: none;\n }\n\n &.is-open .#{$ns}AsideNav-subList {\n display: block;\n }\n }\n }\n\n &-subHeader {\n display: none;\n\n a {\n cursor: default;\n background: transparent;\n color: var(--Layout-asideLink-color);\n\n padding: calc(\n (\n var(--Layout-nav--folded-height) - var(--lineHeightBase) *\n var(--Layout-asideLink-fontSize)\n ) / 2\n )\n var(--gap-md);\n\n &:hover {\n color: var(--Layout-asideLink-onHover-color);\n background: transparent;\n }\n }\n }\n\n &-tooltip {\n pointer-events: none;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n position: absolute;\n font-size: var(--Tooltip--attr-fontSize);\n line-height: var(--Tooltip--attr-lineHeigt);\n text-align: left;\n white-space: nowrap;\n background: var(--Tooltip--attr-bg);\n border: var(--Tooltip--attr-borderWidth) solid\n var(--Tooltip--attr-borderColor);\n border-radius: var(--Tooltip--attr-borderRadius);\n box-shadow: var(--Tooltip--attr-boxShadow);\n left: 100%;\n color: var(--Tooltip--attr-color);\n padding: var(--Tooltip--attr-paddingY) var(--Tooltip--attr-paddingX);\n opacity: 0;\n transition: var(--Tooltip--attr-transition);\n }\n\n &-divider {\n width: auto;\n height: px2rem(1px);\n margin: var(--Layout-asideDivider-margin);\n overflow: hidden;\n font-size: 0;\n background: var(--Layout-asideDivider-bg);\n }\n}\n\n// 图片 icon\nimg.#{$ns}AsideNav-itemIcon {\n float: none;\n height: var(--Layout-asideLink-fontSize);\n width: auto;\n margin-right: var(--gap-xs);\n vertical-align: middle;\n}\n\n// @include media-device('mobile') {\n\n// }\n\n@include media-breakpoint-up(md) {\n .#{$ns}Layout--folded {\n .#{$ns}AsideNav-label {\n display: none;\n }\n\n .#{$ns}AsideNav-subHeader {\n display: block;\n }\n\n .#{$ns}AsideNav-item:hover > .#{$ns}AsideNav-tooltip {\n opacity: 1;\n z-index: $zindex-tooltip;\n margin: 0 0 0 var(--Tooltip--attr-gap);\n opacity: 1;\n }\n\n .#{$ns}AsideNav-list > .#{$ns}AsideNav-item > a {\n text-align: center;\n position: relative;\n padding: 0;\n text-align: center;\n height: var(--Layout-nav--folded-height);\n border: none;\n\n .#{$ns}AsideNav-itemArrow,\n .#{$ns}AsideNav-itemLabel {\n display: none;\n }\n\n .#{$ns}AsideNav-itemIcon {\n width: auto;\n float: none !important;\n display: block;\n font-size: px2rem(16px);\n margin: 0;\n line-height: var(--Layout-nav--folded-height);\n border: none !important;\n }\n\n .#{$ns}AsideNav-itemBadge {\n position: absolute;\n right: px2rem(12px);\n top: px2rem(8px);\n z-index: 3;\n }\n }\n\n .#{$ns}AsideNav-list > .#{$ns}AsideNav-item.is-lg > a {\n height: var(--Layout-nav-lgHeight);\n\n .#{$ns}AsideNav-itemIcon {\n line-height: var(--Layout-nav-lgHeight);\n }\n }\n\n .#{$ns}AsideNav-item .#{$ns}AsideNav-item a {\n padding-left: var(--gap-md) !important;\n }\n\n .#{$ns}AsideNav-subList {\n height: 0 !important;\n position: absolute;\n left: 100%;\n top: 0 !important;\n z-index: 1050;\n width: var(--Layout-aside-width);\n box-shadow: 0 px2rem(2px) px2rem(6px) rgba(0, 0, 0, 0.1);\n }\n\n &.#{$ns}Layout--sm .#{$ns}AsideNav-subList {\n width: var(--Layout-aside--sm-width);\n }\n\n &.#{$ns}Layout--md .#{$ns}AsideNav-subList {\n width: var(--Layout-aside--md-width);\n }\n\n &.#{$ns}Layout--lg .#{$ns}AsideNav-subList {\n width: var(--Layout-aside--lg-width);\n }\n }\n}\n",".#{$ns}Hbox {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n\n &-col {\n flex-basis: 0;\n flex-grow: 1;\n min-height: 1px;\n max-width: 100%;\n width: 100%;\n\n &--customWidth {\n flex-grow: unset;\n flex-basis: unset;\n }\n\n &--auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%;\n }\n }\n\n &--hRight {\n justify-content: flex-end;\n }\n\n &--hCenter {\n justify-content: center;\n }\n &--hBetween {\n justify-content: space-between;\n }\n\n &--vMiddle > &-col {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n &--vBottom > &-col {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n }\n\n &--vBetween > &-col {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n\n & > &-col--vTop {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n }\n\n & > &-col--vMiddle {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n & > &-col--vBottom {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n }\n\n & > &-col--vBetween {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n}\n\n.#{$ns}Hbox--xs {\n margin-left: calc(var(--gap-xs) * -0.5);\n margin-right: calc(var(--gap-xs) * -0.5);\n\n > .#{$ns}Hbox-col {\n padding-left: calc(var(--gap-xs) * 0.5);\n padding-right: calc(var(--gap-xs) * 0.5);\n }\n}\n\n.#{$ns}Hbox--sm {\n margin-left: calc(var(--gap-sm) * -0.5);\n margin-right: calc(var(--gap-sm) * -0.5);\n\n > .#{$ns}Hbox-col {\n padding-left: calc(var(--gap-sm) * 0.5);\n padding-right: calc(var(--gap-sm) * 0.5);\n }\n}\n\n.#{$ns}Hbox--base {\n margin-left: calc(var(--gap-base) * -0.5);\n margin-right: calc(var(--gap-base) * -0.5);\n\n > .#{$ns}Hbox-col {\n padding-left: calc(var(--gap-base) * 0.5);\n padding-right: calc(var(--gap-base) * 0.5);\n }\n}\n\n.#{$ns}Hbox--md {\n margin-left: calc(var(--gap-md) * -0.5);\n margin-right: calc(var(--gap-md) * -0.5);\n\n > .#{$ns}Hbox-col {\n padding-left: calc(var(--gap-md) * 0.5);\n padding-right: calc(var(--gap-md) * 0.5);\n }\n}\n\n.#{$ns}Hbox--lg {\n margin-left: calc(var(--gap-lg) * -0.5);\n margin-right: calc(var(--gap-lg) * -0.5);\n\n > .#{$ns}Hbox-col {\n padding-left: calc(var(--gap-lg) * 0.5);\n padding-right: calc(var(--gap-lg) * 0.5);\n }\n}\n",".#{$ns}Vbox {\n display: table;\n border-spacing: 0;\n position: relative;\n width: 100%;\n height: 100%;\n min-height: 240px;\n\n & .row-row {\n display: table-row;\n height: 100%;\n\n & .#{$ns}Vbox-cell {\n position: relative;\n height: 100%;\n width: 100%;\n\n .ie & {\n display: table-cell;\n overflow: auto;\n\n & .cell-inner {\n overflow: visible !important;\n }\n }\n\n & .cell-inner {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n -webkit-overflow-scrolling: touch;\n overflow: auto;\n }\n }\n }\n}\n",".#{$ns}Button {\n display: inline-block;\n font-weight: var(--Button-fontWeight);\n text-align: center;\n vertical-align: middle;\n user-select: none;\n background: transparent;\n border: var(--Button-borderWidth) solid transparent;\n transition: var(--Button-transition);\n white-space: nowrap;\n min-width: var(--Button-mimWidth);\n\n &:active,\n &.is-active {\n color: var(--Button-onActive-color);\n box-shadow: var(--Button-onActive-boxShadow);\n border-color: var(--Button-onActive-border);\n\n &:focus {\n box-shadow: var(--Button-onActive-boxShadow);\n }\n }\n\n @include button-size(\n var(--Button-paddingY),\n var(--Button-paddingX),\n var(--Button-fontSize),\n var(--Button-lineHeight),\n var(--Button-borderRadius),\n var(--Button-height)\n );\n\n @include hover-focus {\n // color: var(--text-color);\n text-decoration: none;\n }\n\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: var(--Button-onFocus-boxShadow);\n }\n\n &.is-disabled,\n &:disabled {\n // opacity: var(--Button-onDisabled-opacity);\n filter: grayscale(100%);\n box-shadow: none;\n cursor: not-allowed;\n color: var(--text--muted-color);\n pointer-events: auto;\n border: var(--Button-borderWidth) solid var(--Button-onDisabled-borderColor);\n background: var(--Button-onDisabled-bg);\n\n & > svg,\n & > svg path {\n fill: currentColor;\n }\n }\n\n &:not(:disabled):not(.is-disabled) {\n cursor: pointer;\n }\n\n &.cxd-Button--link.is-disabled {\n background: transparent;\n border: none;\n }\n\n > .pull-left,\n > .pull-right {\n line-height: inherit;\n }\n\n > .fa,\n > .iconfont,\n > .glyphicon {\n font-size: inherit;\n }\n}\n\na.#{$ns}Button.is-disabled,\nfieldset:disabled a.#{$ns}Button {\n pointer-events: none;\n}\n\n.#{$ns}Button--primary {\n @include button-variant(\n var(--Button--primary-bg),\n var(--Button--primary-border),\n var(--Button--primary-color),\n var(--Button--primary-onHover-bg),\n var(--Button--primary-onHover-border),\n var(--Button--primary-onHover-color),\n var(--Button--primary-onActive-bg),\n var(--Button--primary-onActive-border),\n var(--Button--primary-onActive-color)\n );\n}\n\n.#{$ns}Button--secondary {\n @include button-variant(\n var(--Button--secondary-bg),\n var(--Button--secondary-border),\n var(--Button--secondary-color),\n var(--Button--secondary-onHover-bg),\n var(--Button--secondary-onHover-border),\n var(--Button--secondary-onHover-color),\n var(--Button--secondary-onActive-bg),\n var(--Button--secondary-onActive-border),\n var(--Button--secondary-onActive-color)\n );\n}\n\n.#{$ns}Button--success {\n @include button-variant(\n var(--Button--success-bg),\n var(--Button--success-border),\n var(--Button--success-color),\n var(--Button--success-onHover-bg),\n var(--Button--success-onHover-border),\n var(--Button--success-onHover-color),\n var(--Button--success-onActive-bg),\n var(--Button--success-onActive-border),\n var(--Button--success-onActive-color)\n );\n}\n\n.#{$ns}Button--enhance {\n @include button-variant(\n var(--Button--enhance-bg),\n var(--Button--enhance-border),\n var(--Button--enhance-color),\n var(--Button--enhance-onHover-bg),\n var(--Button--enhance-onHover-border),\n var(--Button--enhance-onHover-color),\n var(--Button--enhance-onActive-bg),\n var(--Button--enhance-onActive-border),\n var(--Button--enhance-onActive-color)\n );\n}\n\n.#{$ns}Button--info {\n @include button-variant(\n var(--Button--info-bg),\n var(--Button--info-border),\n var(--Button--info-color),\n var(--Button--info-onHover-bg),\n var(--Button--info-onHover-border),\n var(--Button--info-onHover-color),\n var(--Button--info-onActive-bg),\n var(--Button--info-onActive-border),\n var(--Button--info-onActive-color)\n );\n}\n\n.#{$ns}Button--warning {\n @include button-variant(\n var(--Button--warning-bg),\n var(--Button--warning-border),\n var(--Button--warning-color),\n var(--Button--warning-onHover-bg),\n var(--Button--warning-onHover-border),\n var(--Button--warning-onHover-color),\n var(--Button--warning-onActive-bg),\n var(--Button--warning-onActive-border),\n var(--Button--warning-onActive-color)\n );\n}\n\n.#{$ns}Button--danger {\n @include button-variant(\n var(--Button--danger-bg),\n var(--Button--danger-border),\n var(--Button--danger-color),\n var(--Button--danger-onHover-bg),\n var(--Button--danger-onHover-border),\n var(--Button--danger-onHover-color),\n var(--Button--danger-onActive-bg),\n var(--Button--danger-onActive-border),\n var(--Button--danger-onActive-color)\n );\n}\n\n.#{$ns}Button--light {\n @include button-variant(\n var(--Button--light-bg),\n var(--Button--light-border),\n var(--Button--light-color),\n var(--Button--light-onHover-bg),\n var(--Button--light-onHover-border),\n var(--Button--light-onHover-color),\n var(--Button--light-onActive-bg),\n var(--Button--light-onActive-border),\n var(--Button--light-onActive-color)\n );\n}\n\n.#{$ns}Button--dark {\n @include button-variant(\n var(--Button--dark-bg),\n var(--Button--dark-border),\n var(--Button--dark-color),\n var(--Button--dark-onHover-bg),\n var(--Button--dark-onHover-border),\n var(--Button--dark-onHover-color),\n var(--Button--dark-onActive-bg),\n var(--Button--dark-onActive-border),\n var(--Button--dark-onActive-color)\n );\n}\n\n.#{$ns}Button--default {\n @include button-variant(\n var(--Button--default-bg),\n var(--Button--default-border),\n var(--Button--default-color),\n var(--Button--default-onHover-bg),\n var(--Button--default-onHover-border),\n var(--Button--default-onHover-color),\n var(--Button--default-onActive-bg),\n var(--Button--default-onActive-border),\n var(--Button--default-onActive-color)\n );\n}\n\n.#{$ns}Button--xs {\n @include button-size(\n var(--Button--xs-paddingY),\n var(--Button--xs-paddingX),\n var(--Button--xs-fontSize),\n var(--Button--xs-lineHeight),\n var(--Button--sm-borderRadius),\n var(--Button--xs-height)\n );\n\n &.#{$ns}Button--iconOnly {\n min-width: calc(\n var(--Button--xs-height) * var(--Button--iconOnly-minWidthRate)\n );\n }\n}\n\n.#{$ns}Button--sm {\n @include button-size(\n var(--Button--sm-paddingY),\n var(--Button--sm-paddingX),\n var(--Button--sm-fontSize),\n var(--Button--sm-lineHeight),\n var(--Button--sm-borderRadius),\n var(--Button--sm-height)\n );\n\n &.#{$ns}Button--iconOnly {\n min-width: calc(\n var(--Button--sm-height) * var(--Button--iconOnly-minWidthRate)\n );\n }\n}\n\n.#{$ns}Button--md {\n @include button-size(\n var(--Button--md-paddingY),\n var(--Button--md-paddingX),\n var(--Button--md-fontSize),\n var(--Button--md-lineHeight),\n var(--Button-borderRadius),\n var(--Button--md-height)\n );\n\n &.#{$ns}Button--iconOnly {\n min-width: calc(\n var(--Button--md-height) * var(--Button--iconOnly-minWidthRate)\n );\n }\n}\n\n.#{$ns}Button--lg {\n @include button-size(\n var(--Button--lg-paddingY),\n var(--Button--lg-paddingX),\n var(--Button--lg-fontSize),\n var(--Button--lg-lineHeight),\n var(--Button--lg-borderRadius),\n var(--Button--lg-height)\n );\n\n &.#{$ns}Button--iconOnly {\n min-width: calc(\n var(--Button--lg-height) * var(--Button--iconOnly-minWidthRate)\n );\n }\n}\n\n.#{$ns}Button--iconOnly {\n min-width: calc(var(--Button-height) * var(--Button--iconOnly-minWidthRate));\n\n &:not(.#{$ns}Button--link) {\n > svg.icon {\n width: px2rem(14px);\n height: px2rem(14px);\n top: px2rem(2px);\n }\n\n > .fa,\n > .iconfont {\n font-size: var(--fontSizeMd);\n }\n\n > .iconfont {\n line-height: 1;\n }\n }\n}\n\n.#{$ns}Button--loading {\n @include button-loading-icon();\n}\n\n.#{$ns}Button--link {\n width: auto;\n min-width: auto;\n font-weight: var(--fontWeightNormal);\n color: var(--Button--link-color);\n text-decoration: var(--link-decoration);\n border: none;\n height: auto;\n\n @include hover-focus {\n color: var(--Button--link-onHover-color);\n box-shadow: none;\n }\n\n @include hover-active {\n color: var(--Button--link-onActive-color);\n box-shadow: none;\n }\n\n &:disabled,\n &.is-disabled {\n color: var(--text--muted-color);\n pointer-events: none;\n background: var(--Button-onDisabled-bg);\n }\n}\n\n.#{$ns}Button--block {\n display: block;\n width: 100%;\n\n + .#{$ns}Button--block {\n margin-top: var(--gap-base);\n }\n}\n\ninput[type='submit'],\ninput[type='reset'],\ninput[type='button'] {\n &.#{$ns}Button--block {\n width: 100%;\n }\n}\n\n.#{$ns}ButtonToolbar {\n margin-left: calc(var(--gap-xs) * -1);\n margin-top: calc(var(--gap-xs) * -1);\n\n > .#{$ns}Button {\n margin-left: var(--gap-xs);\n margin-top: var(--gap-xs);\n }\n}\n\n.#{$ns}Action {\n display: inline-block;\n &:hover {\n cursor: pointer;\n }\n}\n",".#{$ns}Avatar {\n background: var(--Avatar-bg);\n width: var(--Avatar-width);\n height: var(--Avatar-width);\n line-height: var(--Avatar-width);\n display: inline-block;\n overflow: hidden;\n flex-shrink: 0;\n border-radius: 50%;\n text-align: center;\n\n &--square {\n border-radius: 0%;\n }\n\n &--rounded {\n border-radius: 10%;\n }\n\n i {\n font-size: var(--fontSizeLg);\n }\n\n img {\n color: transparent;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n &:hover {\n img,\n i {\n transform: scale(1.1);\n }\n }\n}\n",".#{$ns}Breadcrumb {\n &-icon {\n margin-right: px2rem(2px);\n }\n &-separator {\n user-select: none;\n margin: 0 var(--gap-xs);\n }\n}\n",".#{$ns}Badge {\n display: inline-block;\n position: relative;\n\n &-text,\n &-dot,\n &-ribbon {\n background: var(--danger);\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%, -50%);\n transform-origin: 100% 0;\n z-index: auto;\n border-radius: calc(var(--Badge-size) / 2);\n }\n\n &--top-left {\n top: 0;\n left: 0;\n right: auto;\n transform: translate(-50%, -50%);\n }\n\n &--bottom-left {\n top: auto;\n bottom: 0;\n left: 0;\n right: auto;\n transform: translate(-50%, 50%);\n }\n\n &--bottom-right {\n top: auto;\n bottom: 0;\n left: auto;\n right: 0;\n transform: translate(50%, 50%);\n }\n\n &--danger {\n background: var(--Badge--danger-bg);\n }\n\n &--info {\n background: var(--Badge--info-bg);\n }\n\n &--success {\n background: var(--Badge--success-bg);\n }\n\n &--warning {\n background: var(--Badge--warning-bg);\n }\n // 显示文字\n &-text {\n color: var(--Badge-color);\n height: var(--Badge-size);\n line-height: var(--Badge-size);\n white-space: nowrap;\n text-align: center;\n padding: 0 6px;\n }\n\n // 只显示小红点\n &-dot {\n z-index: auto;\n width: var(--Badge-size);\n height: var(--Badge-size);\n border-radius: 50%;\n }\n\n // 横幅\n &-ribbon-out {\n overflow: hidden;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0\n }\n\n &-ribbon {\n color: var(--Badge-color);\n height: var(--Badge-size);\n line-height: var(--Badge-size);\n transform: translateX(calc(50% - 5px)) rotate(45deg) scale(.7);\n transform-origin: 50% 0;\n border-radius: 0;\n text-align: center;\n width: px2rem(1000px);\n top: 5px;\n }\n\n &-ribbon-out--top-left, &-ribbon-out--bottom-left {\n left: 0;\n right: auto\n }\n\n &-ribbon--top-left {\n transform: translateX(calc(-50% + 5px)) rotate(-45deg) scale(.7);\n left: 0;\n right: auto;\n }\n\n &-ribbon--bottom-left {\n transform: translateX(calc(-50% + 5px)) rotate(45deg) scale(.7);\n transform-origin: 50% 100%;\n left: 0;\n right: auto;\n bottom: 5px;\n top: auto;\n }\n\n &-ribbon--bottom-right {\n transform: translateX(calc(50% - 5px)) rotate(-45deg) scale(.7);\n transform-origin: 50% 100%;\n left: auto;\n right: 0;\n bottom: 5px;\n top: auto;\n }\n\n // 小红点的动画\n @keyframes badgeDotAnimation {\n 0% {\n transform: scale(0.8);\n opacity: 0.4;\n }\n\n to {\n transform: scale(3.2);\n opacity: 0;\n }\n }\n}\n",".is-modalOpened {\n overflow: hidden;\n\n .#{$ns}Modal {\n overflow-x: hidden;\n overflow-y: auto;\n }\n}\n\n@keyframes modalIn {\n from {\n opacity: 0;\n transform: translate3d(0, -300px, 0) scale(0.2);\n }\n}\n\n@keyframes modalOut {\n to {\n opacity: 0;\n transform: translate3d(0, -300px, 0) scale(0.2);\n }\n}\n\n.#{$ns}Modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: $zindex-modal;\n overflow: hidden;\n outline: 0;\n\n &-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`\n pointer-events: auto;\n background: var(--Modal-bg);\n background-clip: padding-box;\n outline: 0;\n z-index: 2;\n margin-left: auto;\n margin-right: auto;\n margin-top: var(--Modal-content-startMarginTop);\n margin-bottom: var(--gap-md);\n border: var(--Modal-content-borderWidth) solid\n var(--Modal-content-borderColor);\n border-radius: var(--Modal-content-borderRadius);\n\n &.in,\n &.out {\n // opacity: 1;\n // transform: translateY(0) scale(1);\n animation-duration: var(--animation-duration);\n animation-fill-mode: both;\n }\n\n &.in {\n animation-name: modalIn;\n }\n\n &.out {\n animation-name: modalOut;\n }\n }\n\n &-overlay {\n transition: ease-in-out opacity var(--animation-duration);\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n background: var(--Modal-overlay-bg);\n pointer-events: none; // 很重要,如果不设置,弹框虽然滚轮可滚,但是鼠标没办法操作滚动条。\n opacity: 0;\n\n &.in {\n opacity: 1;\n }\n\n &.out {\n opacity: 0;\n }\n }\n\n &-header {\n padding: var(--Modal-header-paddingY) var(--Modal-header-paddingX);\n background: var(--Modal-header-bg);\n @include clearfix();\n border-bottom: var(--Modal-body-borderTop);\n border-top-left-radius: var(--Modal-content-borderRadius);\n border-top-right-radius: var(--Modal-content-borderRadius);\n }\n\n &-title {\n font-size: var(--Modal-title-fontSize);\n color: var(--Modal-title-color);\n font-weight: var(--Modal-title-fontWeight);\n }\n\n &-close {\n float: right;\n color: var(--Modal-close-color);\n line-height: inherit;\n text-decoration: none;\n vertical-align: middle;\n\n svg {\n width: var(--Modal-close-width);\n height: var(--Modal-close-width);\n fill: var(--Modal-close-color);\n }\n\n &:not(.is-disabled) {\n cursor: pointer;\n\n &:hover {\n text-decoration: none;\n color: var(--Model-close-onHover-color);\n\n svg {\n fill: var(--Model-close-onHover-color);\n }\n }\n }\n }\n\n &-content > &-close {\n position: absolute;\n right: var(--gap-md);\n top: var(--gap-sm);\n z-index: 10;\n }\n\n &-body {\n padding: var(--Modal-body--noHeader-paddingTop) var(--Modal-body-paddingX)\n var(--Modal-body-paddingY);\n flex-grow: 1;\n }\n\n &-header + &-body {\n padding-top: var(--Modal-body-paddingY);\n }\n\n &-footer {\n // @include clearfix();\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: var(--Modal-footer-padding);\n border-top: var(--Modal-body-borderBottom);\n margin: var(--Modal-footer-marginY) var(--Modal-footer-marginX);\n border-bottom-left-radius: var(--Modal-content-borderRadius);\n border-bottom-right-radius: var(--Modal-content-borderRadius);\n\n .#{$ns}Button {\n margin-left: var(--gap-sm);\n }\n }\n}\n\n@for $i from (2) through 10 {\n .#{$ns}Modal--#{$i}th {\n .#{$ns}Modal-content {\n margin-top: calc(\n var(--Modal-content-startMarginTop) +\n #{($i - 1)} *\n var(--Modal-content-stepMarginTop)\n );\n }\n }\n}\n\n@include media-breakpoint-up(sm) {\n .#{$ns}Modal-content {\n max-width: var(--Modal-widthBase);\n }\n\n .#{$ns}Modal--sm .#{$ns}Modal-content {\n max-width: var(--Modal-widthSm);\n }\n\n .#{$ns}Modal--base .#{$ns}Modal-content {\n max-width: var(--Modal-widthBase);\n }\n\n .#{$ns}Modal--md .#{$ns}Modal-content {\n max-width: var(--Modal-widthMd);\n }\n\n .#{$ns}Modal--lg .#{$ns}Modal-content {\n max-width: var(--Modal-widthLg);\n }\n\n .#{$ns}Modal--xl .#{$ns}Modal-content {\n max-width: var(--Modal-widthXl);\n }\n}\n\n.#{$ns}Dialog-info {\n flex-basis: 0;\n flex-grow: 1;\n text-align: left;\n}\n\n.#{$ns}Dialog-error {\n color: var(--danger);\n white-space: pre-wrap;\n}\n\n.#{$ns}Modal--full {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n > .#{$ns}Modal-content {\n flex-basis: 0;\n flex-grow: 1;\n margin: 30px;\n width: calc(100% - 60px);\n max-width: unset;\n\n > .#{$ns}Modal-body {\n height: 0;\n overflow: auto;\n }\n }\n}\n",".#{$ns}Drawer {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: $zindex-modal;\n overflow: hidden;\n outline: 0;\n\n &-content {\n position: absolute;\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n pointer-events: auto;\n background: var(--Drawer-bg);\n background-clip: padding-box;\n outline: 0;\n z-index: 2;\n border: var(--Drawer-content-borderWidth) solid\n var(--Drawer-content-borderColor);\n border-radius: var(--Drawer-content-borderRadius);\n transition: transform ease-in-out var(--animation-duration);\n }\n\n &-overlay {\n transition: ease-out opacity var(--animation-duration);\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n background: var(--Drawer-overlay-bg);\n opacity: 0;\n\n &.in {\n opacity: 1;\n }\n }\n\n &-header {\n padding: var(--Drawer-header-padding);\n background: var(--Drawer-header-bg);\n @include clearfix();\n border-bottom: var(--Drawer-content-borderWidth) solid\n var(--Drawer-header-borderColor);\n border-top-left-radius: var(--Drawer-content-borderRadius);\n border-top-right-radius: var(--Drawer-content-borderRadius);\n }\n\n &-title {\n font-size: var(--Drawer-title-fontSize);\n color: var(--Drawer-title-fontColor);\n }\n\n &-close {\n position: absolute;\n color: var(--Drawer-close-color);\n line-height: 1;\n text-decoration: none;\n\n svg {\n width: 30px;\n height: 30px;\n fill: var(--Drawer-close-color);\n }\n\n &:not(.is-disabled) {\n cursor: pointer;\n\n &:hover {\n text-decoration: none;\n color: var(--Drawer-close-onHover-color);\n\n svg {\n fill: var(--Drawer-close-onHover-color);\n }\n }\n }\n }\n\n &-body {\n padding: var(--Drawer-body-padding);\n flex-basis: 0;\n flex-grow: 1;\n overflow: auto;\n }\n\n &-footer {\n display: flex;\n align-items: flex-end;\n justify-content: flex-end;\n padding: var(--Drawer-footer-padding);\n border-top: var(--Drawer-content-borderWidth) solid\n var(--Drawer-footer-borderColor);\n border-bottom-left-radius: var(--Drawer-content-borderRadius);\n border-bottom-right-radius: var(--Drawer-content-borderRadius);\n\n .#{$ns}Button {\n margin-left: var(--gap-xs);\n }\n\n .#{$ns}Drawer-info {\n flex-basis: 0;\n flex-grow: 1;\n text-align: left;\n align-self: center;\n }\n\n .#{$ns}Drawer-error {\n color: var(--danger);\n white-space: pre-wrap;\n }\n }\n\n &.#{$ns}Drawer--noOverlay {\n pointer-events: none;\n\n .#{$ns}Drawer-close svg {\n margin-top: px2rem(2px);\n width: var(--gap-md);\n height: var(--gap-md);\n fill: #99a6ad;\n }\n }\n\n .#{$ns}Drawer-resizeCtrl {\n position: absolute;\n border: var(--borderWidth) solid var(--borderColor);\n background: var(--white);\n border-radius: var(--borderRadius);\n font-size: var(--fontSizeSm);\n line-height: px2rem(10px);\n text-align: center;\n user-select: none;\n }\n}\n\n// size\n@include media-breakpoint-up(sm) {\n .#{$ns}Drawer .#{$ns}Drawer-content {\n width: var(--Drawer-widthBase);\n height: var(--Drawer-widthBase);\n }\n\n .#{$ns}Drawer--xs .#{$ns}Drawer-content {\n width: var(--Drawer-widthXs);\n height: var(--Drawer-widthXs);\n }\n\n .#{$ns}Drawer--sm .#{$ns}Drawer-content {\n width: var(--Drawer-widthSm);\n height: var(--Drawer-widthSm);\n }\n\n .#{$ns}Drawer--md .#{$ns}Drawer-content {\n width: var(--Drawer-widthMd);\n height: var(--Drawer-widthMd);\n }\n\n .#{$ns}Drawer--lg .#{$ns}Drawer-content {\n width: var(--Drawer-widthLg);\n height: var(--Drawer-widthLg);\n }\n\n .#{$ns}Drawer--xl .#{$ns}Drawer-content {\n width: var(--Drawer-widthXl);\n height: var(--Drawer-widthXl);\n }\n}\n\n// positons\n.#{$ns}Drawer--top .#{$ns}Drawer-content.in,\n.#{$ns}Drawer--right .#{$ns}Drawer-content.in,\n.#{$ns}Drawer--bottom .#{$ns}Drawer-content.in,\n.#{$ns}Drawer--left .#{$ns}Drawer-content.in {\n transform: translate3d(0, 0, 0);\n}\n\n.#{$ns}Drawer--top {\n .#{$ns}Drawer-close {\n top: 100%;\n margin-top: var(--gap-sm);\n left: var(--gap-sm);\n }\n\n &.#{$ns}Drawer--noOverlay {\n .#{$ns}Drawer-close {\n top: var(--gap-base);\n right: var(--gap-base);\n left: auto;\n margin-top: 0;\n }\n }\n\n .#{$ns}Drawer-content {\n top: 0;\n bottom: auto;\n left: 0;\n right: 0;\n width: 100%;\n transform: translate3d(0, -100%, 0);\n box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.2);\n min-height: 120px;\n }\n\n .#{$ns}Drawer-resizeCtrl {\n bottom: px2rem(-6px);\n left: 50%;\n cursor: ns-resize;\n width: px2rem(24px);\n height: px2rem(12px);\n }\n}\n\n.#{$ns}Drawer--right {\n .#{$ns}Drawer-close {\n right: 100%;\n margin-right: var(--gap-sm);\n top: var(--gap-sm);\n }\n\n &.#{$ns}Drawer--noOverlay {\n .#{$ns}Drawer-close {\n top: var(--gap-base);\n right: var(--gap-base);\n margin-right: 0;\n }\n }\n\n .#{$ns}Drawer-content {\n top: 0;\n bottom: 0;\n left: auto;\n right: 0;\n height: 100%;\n transform: translate3d(100%, 0, 0);\n box-shadow: -10px 0 10px -10px rgba(0, 0, 0, 0.2);\n min-width: 120px;\n }\n\n .#{$ns}Drawer-footer {\n justify-content: flex-start;\n\n .#{$ns}Button {\n margin-left: 0;\n margin-right: var(--gap-xs);\n }\n\n .#{$ns}Drawer-info {\n flex-basis: 0;\n flex-grow: 1;\n order: 10;\n align-self: center;\n text-align: right;\n }\n\n .#{$ns}Drawer-error {\n color: var(--danger);\n }\n }\n\n .#{$ns}Drawer-resizeCtrl {\n left: px2rem(-6px);\n top: 50%;\n cursor: ew-resize;\n writing-mode: vertical-lr;\n width: px2rem(12px);\n height: px2rem(24px);\n }\n}\n\n.#{$ns}Drawer--bottom {\n .#{$ns}Drawer-close {\n bottom: 100%;\n margin-bottom: var(--gap-sm);\n left: var(--gap-sm);\n }\n\n &.#{$ns}Drawer--noOverlay {\n .#{$ns}Drawer-close {\n top: var(--gap-base);\n right: var(--gap-base);\n left: auto;\n margin-bottom: 0;\n }\n }\n\n .#{$ns}Drawer-content {\n top: auto;\n bottom: 0;\n left: 0;\n right: 0;\n width: 100%;\n transform: translate3d(0, 100%, 0);\n box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.2);\n min-height: 120px;\n }\n\n .#{$ns}Drawer-resizeCtrl {\n top: px2rem(-6px);\n left: 50%;\n cursor: ns-resize;\n width: px2rem(24px);\n height: px2rem(12px);\n }\n}\n\n.#{$ns}Drawer--left {\n .#{$ns}Drawer-close {\n left: 100%;\n margin-left: var(--gap-sm);\n top: var(--gap-sm);\n }\n\n &.#{$ns}Drawer--noOverlay {\n .#{$ns}Drawer-close {\n left: auto;\n right: var(--gap-base);\n top: var(--gap-base);\n }\n }\n\n .#{$ns}Drawer-content {\n top: 0;\n bottom: 0;\n right: auto;\n left: 0;\n height: 100%;\n transform: translate3d(-100%, 0, 0);\n box-shadow: 10px 0 10px -10px rgba(0, 0, 0, 0.2);\n border-width: 0 var(--Drawer-content-borderWidth) 0 0;\n min-width: 120px;\n }\n\n .#{$ns}Drawer-resizeCtrl {\n right: px2rem(-6px);\n top: 50%;\n cursor: ew-resize;\n writing-mode: vertical-lr;\n width: px2rem(12px);\n height: px2rem(24px);\n }\n}\n",".#{$ns}Tooltip {\n position: absolute;\n top: 0;\n left: 0;\n font-family: inherit;\n border-radius: var(--borderRadius);\n min-width: var(--Tooltip-minWidth);\n max-width: var(--Tooltip-maxWidth);\n text-align: left;\n white-space: normal;\n z-index: $zindex-tooltip;\n word-wrap: break-word;\n background: var(--Tooltip-bg);\n border: var(--Tooltip-borderWidth) solid var(--Tooltip-borderColor);\n box-shadow: var(--Tooltip-boxShadow);\n\n &-arrow {\n position: absolute;\n display: block;\n width: var(--Tooltip-arrow-width);\n height: var(--Tooltip-arrow-height);\n margin-left: calc(var(--Tooltip-arrow-width) * -1 / 2);\n left: 50%;\n\n &::before,\n &::after {\n position: absolute;\n display: block;\n content: '';\n border-color: transparent;\n border-style: solid;\n }\n }\n\n &--top {\n margin-top: calc(var(--Tooltip-arrow-height) * -1 - #{px2rem(2px)});\n\n .#{$ns}Tooltip-arrow {\n bottom: calc(\n (var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1\n );\n }\n\n .#{$ns}Tooltip-arrow::before,\n .#{$ns}Tooltip-arrow::after {\n border-width: var(--Tooltip-arrow-height)\n calc(var(--Tooltip-arrow-width) / 2) 0;\n }\n\n .#{$ns}Tooltip-arrow::before {\n bottom: 0;\n border-top-color: var(--Tooltip-arrow-outerColor);\n }\n\n .#{$ns}Tooltip-arrow::after {\n bottom: var(--Tooltip-borderWidth);\n border-top-color: var(--Tooltip-arrow-color);\n }\n }\n\n &--right {\n margin-left: calc(var(--Tooltip-arrow-height) + #{px2rem(2px)});\n\n .#{$ns}Tooltip-arrow {\n left: calc(var(--Tooltip-borderWidth) * -1);\n width: var(--Tooltip-arrow-height);\n height: var(--Tooltip-arrow-width);\n margin-top: calc(var(--Tooltip-arrow-width) / -2);\n top: 50%;\n }\n\n .#{$ns}Tooltip-arrow::before,\n .#{$ns}Tooltip-arrow::after {\n border-width: calc(var(--Tooltip-arrow-width) / 2)\n var(--Tooltip-arrow-height) calc(var(--Tooltip-arrow-width) / 2) 0;\n }\n\n .#{$ns}Tooltip-arrow::before {\n left: 0;\n border-right-color: var(--Tooltip-arrow-outerColor);\n }\n\n .#{$ns}Tooltip-arrow::after {\n left: var(--Tooltip-borderWidth);\n border-right-color: var(--Tooltip-arrow-color);\n }\n }\n\n &--bottom {\n margin-top: calc(var(--Tooltip-arrow-height) + #{px2rem(2px)});\n\n .#{$ns}Tooltip-arrow {\n top: calc(\n (var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1\n );\n }\n\n .#{$ns}Tooltip-arrow::before,\n .#{$ns}Tooltip-arrow::after {\n border-width: 0 calc(var(--Tooltip-arrow-width) / 2)\n var(--Tooltip-arrow-height) calc(var(--Tooltip-arrow-width) / 2);\n }\n\n .#{$ns}Tooltip-arrow::before {\n top: 0;\n border-bottom-color: var(--Tooltip-arrow-outerColor);\n }\n\n .#{$ns}Tooltip-arrow::after {\n top: var(--Tooltip-borderWidth);\n border-bottom-color: var(--Tooltip-arrow-color);\n }\n\n // This will remove the popover-header's border just below the arrow\n .#{$ns}Tooltip-title::before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: var(--Tooltip-arrow-width);\n margin-left: calc(var(--Tooltip-arrow-width) / -2);\n content: '';\n border-bottom: var(--Tooltip-borderWidth) solid var(--Tooltip-title-bg);\n }\n }\n\n &--left {\n margin-left: calc(var(--Tooltip-arrow-height) * -1 - #{px2rem(2px)});\n\n .#{$ns}Tooltip-arrow {\n left: auto;\n right: calc(\n (var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1\n );\n width: var(--Tooltip-arrow-height);\n height: var(--Tooltip-arrow-width);\n margin-top: calc(var(--Tooltip-arrow-width) * -1 / 2);\n top: 50%;\n }\n\n .#{$ns}Tooltip-arrow::before,\n .#{$ns}Tooltip-arrow::after {\n border-width: calc(var(--Tooltip-arrow-width) / 2) 0\n calc(var(--Tooltip-arrow-width) / 2) var(--Tooltip-arrow-height);\n }\n\n .#{$ns}Tooltip-arrow::before {\n right: 0;\n border-left-color: var(--Tooltip-arrow-outerColor);\n }\n\n .#{$ns}Tooltip-arrow::after {\n right: var(--Tooltip-borderWidth);\n border-left-color: var(--Tooltip-arrow-color);\n }\n }\n\n &-title {\n padding: var(--Tooltip-title-paddingY) var(--Tooltip-title-paddingX);\n margin-bottom: 0; // Reset the default from Reboot\n font-size: var(--fontSizeBase);\n color: var(--Tooltip-title-color);\n background: var(--Tooltip-title-bg);\n border-bottom: var(--Tooltip-borderWidth) solid\n var(--Tooltip-title-borderBottom-color);\n border-top-left-radius: calc(\n var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth)\n );\n border-top-right-radius: calc(\n var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth)\n );\n\n &:empty {\n display: none;\n }\n }\n\n &-body {\n color: var(--Tooltip-body-color);\n padding: var(--Tooltip-body-paddingY) var(--Tooltip-body-paddingX);\n }\n}\n\n@keyframes tooltipIn {\n from {\n opacity: 0;\n margin: 0;\n }\n}\n\n[data-tooltip] {\n position: relative;\n\n &:after {\n pointer-events: none;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n position: absolute;\n content: attr(data-tooltip);\n font-size: var(--Tooltip--attr-fontSize);\n line-height: var(--Tooltip--attr-lineHeigt);\n text-align: left;\n white-space: normal;\n width: max-content;\n box-sizing: content-box;\n max-width: 300px;\n background: var(--Tooltip--attr-bg);\n border: var(--Tooltip--attr-borderWidth) solid\n var(--Tooltip--attr-borderColor);\n border-radius: var(--Tooltip--attr-borderRadius);\n box-shadow: var(--Tooltip--attr-boxShadow);\n left: 100%;\n color: var(--Tooltip--attr-color);\n padding: var(--Tooltip--attr-paddingY) var(--Tooltip--attr-paddingX);\n display: none;\n animation-duration: var(--animation-duration);\n animation-fill-mode: both;\n\n @media screen and (min-width: 0\\0) {\n white-space: nowrap;\n max-width: unset;\n }\n }\n\n &:not(.is-disabled):hover:after {\n display: inline-block;\n animation-name: tooltipIn;\n\n opacity: 1;\n z-index: $zindex-tooltip;\n margin: 0 0 0 var(--Tooltip--attr-gap);\n opacity: 1;\n }\n\n &[data-position='bottom']:after {\n left: 50%;\n top: 100%;\n transform: translateX(-50%);\n }\n\n &[data-position='bottom']:hover:after {\n margin: var(--Tooltip--attr-gap) 0 0 0;\n }\n\n &[data-position='left']:after {\n top: 50%;\n right: 100%;\n left: auto;\n transform: translateY(-50%);\n }\n\n &[data-position='left']:hover:after {\n margin: 0 var(--Tooltip--attr-gap) 0 0;\n }\n\n &[data-position='top']:after {\n left: 50%;\n top: auto;\n bottom: 100%;\n transform: translateX(-50%);\n }\n\n &[data-position='top']:hover:after {\n margin: calc(var(--Tooltip--attr-gap) * -1) 0 0 0;\n }\n\n &:hover:active:after {\n content: '';\n display: none !important;\n }\n}\n",".#{$ns}TplField {\n &.is-inline {\n display: inline;\n }\n}\n",".#{$ns}PopOver {\n position: absolute;\n background: var(--PopOver-bg);\n top: 0;\n left: 0;\n z-index: $zindex-popover;\n display: none;\n padding: 0;\n margin: 0;\n font-weight: var(--fontWeightNormal);\n letter-spacing: normal;\n line-height: var(--lineHeightBase);\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n white-space: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n font-size: var(--fontSizeBase);\n box-shadow: var(--boxShadow);\n border: var(--borderWidth) solid var(--borderColor);\n border-radius: var(--borderRadius);\n\n & > * {\n position: relative;\n z-index: 2;\n }\n\n &-overlay {\n position: fixed !important;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1;\n bottom: 0;\n background: transparent;\n }\n\n &-isMobile {\n .#{$ns}PopOver-overlay {\n background: rgba(0, 0, 0, 0.3);\n }\n }\n\n &--leftBottomLeftTop {\n margin-top: px2rem(4px);\n }\n &--leftTopLeftBottom {\n margin-top: px2rem(-4px);\n }\n}\n","@keyframes PopUpIn {\n from {\n height: 0;\n }\n}\n\n@keyframes PopUpOut {\n to {\n height: 0;\n }\n}\n\n@keyframes PopUpOpacityIn {\n from {\n opacity: 0;\n }\n}\n\n@keyframes PopUpOpacityOut {\n to {\n opacity: 0;\n }\n}\n.#{$ns}PopUp {\n width: 100%;\n position: fixed;\n background: var(--PopOver-bg);\n left: 0;\n bottom: 0;\n z-index: $zindex-popover;\n padding: 0;\n margin: 0;\n font-weight: var(--fontWeightNormal);\n letter-spacing: normal;\n line-height: var(--lineHeightBase);\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n white-space: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n font-size: var(--fontSizeBase);\n box-shadow: var(--boxShadow);\n border: var(--borderWidth) solid var(--borderColor);\n border-radius: var(--borderRadius);\n overflow: hidden;\n &.in,\n &.out {\n animation-duration: var(--animation-duration);\n animation-fill-mode: both;\n }\n\n &.in {\n animation-name: PopUpIn;\n .#{$ns}PopUp-overlay{\n animation-name: PopUpOpacityIn;\n }\n }\n\n &.out {\n animation-name: PopUpOut;\n .#{$ns}PopUp-overlay{\n animation-name: PopUpOpacityOut;\n }\n }\n\n &-inner{\n position: relative;\n overflow: hidden;\n height: 100%;\n box-sizing: border-box;\n background: $white;\n padding-top: px2rem(36px);\n }\n\n &-closeWrap{\n width: 100%;\n position: absolute !important;\n left: 0;\n top: 0;\n }\n\n &-close{\n width: px2rem(34px) !important;\n height: px2rem(34px) !important;\n padding: px2rem(12px);\n cursor: pointer;\n }\n\n &-content{\n overflow-y: auto;\n height: 100%;\n display: flex;\n }\n\n & > * {\n position: relative;\n z-index: 2;\n }\n\n &-overlay {\n position: fixed !important;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1;\n bottom: 0;\n background: rgba(0, 0, 0, 0.3);;\n opacity: 1;\n animation-duration: var(--animation-duration);\n animation-fill-mode: both;\n }\n\n &--leftBottomLeftTop {\n margin-top: px2rem(4px);\n }\n &--leftTopLeftBottom {\n margin-top: px2rem(-4px);\n }\n}\n",".#{$ns}PickerColumns {\n position: relative;\n background-color: var(--PickerColumns-bg);\n user-select: none;\n flex: 1;\n overflow: hidden;\n font-size: var(--PickerColumns-option-fontSize);\n\n &-toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: var(--PickerColumns-toolbar-height);\n }\n\n &-cancel,\n &-confirm {\n height: 100%;\n padding: var(--PickerColumns-action-padding);\n font-size: var(--PickerColumns-action-fontSize);\n background-color: transparent;\n border: none;\n cursor: pointer;\n\n &:active {\n opacity: 0.7;\n }\n &:hover {\n background-color: none !important;\n }\n }\n\n &-confirm {\n color: var(--PickerColumns-confirmAction-color);\n }\n\n &-cancel {\n color: var(--PickerColumns-cancelAction-color);\n }\n\n &-title {\n max-width: 50%;\n font-weight: 500;\n font-size: var(--PickerColumns-title-fontSize);\n line-height: var(--PickerColumns-title-lineHeight);\n text-align: center;\n }\n\n &-columns {\n touch-action: none;\n position: relative;\n display: flex;\n cursor: grab;\n }\n\n &-loading {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 3;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--PickerColumns-loadingIcon-color);\n background-color: var(--PickerColumns-loadingMask-color);\n }\n\n &-frame {\n position: absolute;\n top: 50%;\n right: var(--gap-md);\n left: var(--gap-md);\n z-index: 2;\n transform: translateY(-50%);\n pointer-events: none;\n\n &::after {\n position: absolute;\n content: '';\n border-bottom: 1px solid var(--borderColor);\n border-top: 1px solid var(--borderColor);\n top: -50%;\n right: -50%;\n left: -50%;\n bottom: -50%;\n transform: scale(0.5);\n }\n }\n\n \n\n &-mask {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n background-image: linear-gradient(\n 180deg,\n hsla(0, 0%, 100%, 0.9),\n hsla(0, 0%, 100%, 0.4)\n ),\n linear-gradient(0deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4));\n background-repeat: no-repeat;\n background-position: top, bottom;\n transform: translateZ(0);\n pointer-events: none;\n }\n\n &-columnWrapper {\n margin: 0;\n padding: 0;\n list-style: none;\n transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1);\n }\n\n &-columnItem {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--PickerColumns-optionText-color);\n }\n &-columnItem.is-disabled {\n cursor: not-allowed;\n opacity: var(--PickerColumns-optionDisabled-opacity);\n }\n}\n","@keyframes bounceIn {\n from,\n 20%,\n 40%,\n 60%,\n 80%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n 0% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n\n 20% {\n transform: scale3d(1.1, 1.1, 1.1);\n }\n\n 40% {\n transform: scale3d(0.9, 0.9, 0.9);\n }\n\n 60% {\n opacity: 1;\n transform: scale3d(1.03, 1.03, 1.03);\n }\n\n 80% {\n transform: scale3d(0.97, 0.97, 0.97);\n }\n\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n}\n\n@keyframes bounceOut {\n 20% {\n transform: scale3d(0.9, 0.9, 0.9);\n }\n\n 50%,\n 55% {\n opacity: 1;\n transform: scale3d(1.1, 1.1, 1.1);\n }\n\n to {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n}\n\n.#{$ns}Toast {\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: flex-start;\n\n &-wrap {\n pointer-events: none;\n position: fixed;\n z-index: $zindex-toast;\n }\n\n max-width: var(--Toast-width);\n pointer-events: auto;\n margin-bottom: var(--gap-xs);\n\n padding: var(--Toast-paddingY) var(--Toast-paddingX);\n\n box-shadow: var(--Toast-box-shadow);\n border-radius: var(--Toast-borderRadius);\n border: var(--Toast-border-width) solid;\n color: var(--Toast-color);\n position: relative;\n opacity: var(--Toast-opacity);\n opacity: 0;\n transform: translateZ(0);\n\n &.in,\n &.out {\n animation-fill-mode: both;\n animation-duration: var(--animation-duration);\n opacity: 1;\n }\n\n &.in {\n animation-name: bounceIn;\n }\n\n &.out {\n animation-name: bounceOut;\n }\n\n &-close {\n display: inline-flex;\n font-size: var(--fontSizeLg);\n line-height: var(--gap-xl);\n height: var(--gap-xl);\n color: var(--Toast-close-color);\n margin-left: var(--gap-sm);\n opacity: 0.8;\n align-items: center;\n cursor: pointer;\n\n &:hover {\n color: var(--Toast-close--onHover-color);\n opacity: 1;\n }\n\n & > svg {\n top: 0;\n }\n }\n\n &-content {\n flex: 1;\n display: flex;\n flex-flow: column nowrap;\n justify-content: space-between;\n align-items: flex-start;\n\n .#{$ns}Toast-title {\n color: var(--text-color);\n font-size: var(--fontSizeBase);\n font-weight: 500;\n line-height: var(--gap-xl);\n margin-bottom: var(--gap-xs);\n }\n\n .#{$ns}Toast-body {\n font-size: var(--fontSizeSm);\n display: inline-block;\n vertical-align: middle;\n white-space: pre-wrap;\n flex-grow: 1;\n line-height: var(--gap-xl);\n .#{$ns}Html {\n word-break: break-word;\n }\n }\n }\n\n &-icon {\n display: inline-flex;\n text-rendering: auto;\n -webkit-font-smoothing: antialiased;\n vertical-align: middle;\n margin-right: var(--gap-sm);\n height: var(--gap-xl);\n line-height: var(--gap-xl);\n align-items: center;\n\n > svg {\n top: 0;\n width: var(--Toast-icon-width);\n height: var(--Toast-icon-height);\n color: inherit;\n }\n }\n\n // colors\n &--error {\n color: var(--Toast--danger-color);\n border-color: var(--Toast--danger-borderColor);\n background: var(--Toast--danger-bgColor);\n }\n\n &--warning {\n color: var(--Toast--warning-color);\n border-color: var(--Toast--warning-borderColor);\n background: var(--Toast--warning-bgColor);\n }\n\n &--info {\n color: var(--Toast--info-color);\n border-color: var(--Toast--info-borderColor);\n background: var(--Toast--info-bgColor);\n }\n\n &--success {\n color: var(--Toast--success-color);\n border-color: var(--Toast--success-borderColor);\n background: var(--Toast--success-bgColor);\n }\n\n // positions\n &-wrap--topRight {\n top: var(--gap-base);\n right: var(--gap-base);\n }\n\n &-wrap--topCenter {\n top: var(--gap-base);\n left: 50%;\n margin-left: calc(var(--Toast-width) / -2);\n }\n\n &-wrap--topLeft {\n top: var(--gap-base);\n left: var(--gap-base);\n }\n\n &-wrap--bottomLeft {\n left: var(--gap-base);\n bottom: var(--gap-base);\n }\n\n &-wrap--bottomCenter {\n left: 50%;\n margin-left: calc(var(--Toast-width) / -2);\n bottom: var(--gap-base);\n }\n\n &-wrap--bottomRight {\n bottom: var(--gap-base);\n right: var(--gap-base);\n }\n}\n",".#{$ns}Alert {\n font-size: var(--Alert-fontSize);\n box-shadow: var(--Alert-boxShadow);\n padding: var(--Alert-paddingY) var(--Alert-paddingX);\n border: var(--Alert-borderWidth) solid var(--Alert-borderColor);\n border-radius: var(--Alert-borderRadius);\n margin-bottom: var(--Alert-marginBottom);\n position: relative;\n color: var(--Alert-fontColor);\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: flex-start;\n\n &-icon {\n margin-right: #{px2rem(8px)};\n font-size: var(--fontSizeLg);\n }\n\n &-content {\n flex: 1;\n\n .#{$ns}Alert-title {\n color: var(--text-color);\n font-size: var(--fontSizeBase);\n font-weight: 500;\n line-height: #{px2rem(24px)};\n margin-bottom: #{px2rem(4px)};\n }\n\n .#{$ns}Alert-desc {\n line-height: #{px2rem(24px)};\n }\n }\n\n &-close {\n outline: none;\n padding: 0;\n cursor: pointer;\n background: transparent;\n border: 0;\n line-height: 1;\n color: #000;\n text-shadow: 0 1px 0 #fff;\n filter: alpha(opacity=20);\n opacity: 0.2;\n margin-left: #{px2rem(8px)};\n line-height: #{px2rem(24px)};\n\n &:hover {\n color: #000;\n text-decoration: none;\n cursor: pointer;\n filter: alpha(opacity=50);\n opacity: 0.5;\n }\n }\n\n &--danger {\n color: var(--Alert--danger-color);\n background: var(--Alert--danger-bg);\n border-color: var(--Alert--danger-borderColor);\n }\n\n &--info {\n color: var(--Alert--info-color);\n background: var(--Alert--info-bg);\n border-color: var(--Alert--info-borderColor);\n }\n\n &--success {\n color: var(--Alert--success-color);\n background: var(--Alert--success-bg);\n border-color: var(--Alert--success-borderColor);\n }\n\n &--warning {\n color: var(--Alert--warning-color);\n background: var(--Alert--warning-bg);\n border-color: var(--Alert--warning-borderColor);\n }\n}\n",".#{$ns}AppBcn {\n height: px2rem(30px);\n line-height: px2rem(30px);\n font-size: px2rem(12px);\n list-style: none;\n margin: 0;\n padding: 0 0 0 var(--gap-md);\n border-bottom: var(--borderWidth) solid var(--borderColor);\n\n &-item {\n display: inline-block;\n }\n\n &-item + &-item:before {\n padding: 0 5px;\n color: #ccc;\n content: '/\\00a0';\n }\n}\n\n.#{$ns}AppFoldBtn {\n @include icon-color();\n padding: px2rem(10px);\n margin-left: px2rem(-10px);\n cursor: pointer;\n}\n\n.#{$ns}AppLogo-html {\n display: inline-flex;\n vertical-align: middle;\n}\n",".#{$ns}ArrayInput {\n &-placeholder {\n color: var(--text--muted-color);\n padding-top: var(--Form-label-paddingTop);\n }\n\n &-addBtn {\n > svg {\n width: var(--Combo-addBtn-fontSize);\n height: var(--Combo-addBtn-fontSize);\n }\n\n font-size: var(--Combo-addBtn-fontSize);\n\n @include button-size(\n var(--Combo-addBtn-paddingY),\n var(--Combo-addBtn-paddingX),\n var(--Combo-addBtn-fontSize),\n var(--Combo-addBtn-lineHeight),\n var(--Combo-addBtn-borderRadius),\n var(--Combo-addBtn-height)\n );\n\n @include button-variant(\n var(--Combo-addBtn-bg),\n var(--Combo-addBtn-border),\n var(--Combo-addBtn-color),\n var(--Combo-addBtn-onHover-bg),\n var(--Combo-addBtn-onHover-border),\n var(--Combo-addBtn-onHover-color),\n var(--Combo-addBtn-onActive-bg),\n var(--Combo-addBtn-onActive-border),\n var(--Combo-addBtn-onActive-color)\n );\n\n &.is-disabled {\n pointer-events: none;\n opacity: var(--Button-onDisabled-opacity);\n }\n }\n\n &-toolbar {\n margin-top: var(--gap-sm);\n\n &--dnd {\n padding-left: 29px;\n }\n\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n }\n\n &-sortTip {\n color: var(--text--muted-color);\n }\n\n &-item {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n margin-bottom: var(--gap-xs);\n\n > div {\n flex-grow: 1;\n width: 0;\n min-width: 120px;\n margin-right: var(--gap-xs);\n\n &:not(:first-child) {\n margin-left: var(--gap-xs);\n }\n }\n\n &--dragging {\n position: relative;\n opacity: 0.4;\n }\n }\n\n &-itemRemove,\n &-itemDrager {\n margin: 0;\n flex-grow: unset;\n display: inline-block;\n padding: var(--Form-label-paddingTop) var(--gap-xs);\n cursor: pointer;\n\n > svg {\n color: var(--icon-color);\n }\n\n &:hover > svg {\n color: var(--icon-onHover-color);\n }\n }\n\n &-itemDrager {\n cursor: move;\n }\n}\n",".#{$ns}Tabs {\n &-linksContainer {\n position: relative;\n\n &-arrow {\n height: 100%;\n display: flex;\n align-items: center;\n top: 0;\n cursor: pointer;\n position: absolute;\n .iconfont {\n font-size: var(--Remark-icon-fontSize);\n }\n &:hover {\n color: var(--icon-onHover-color);\n }\n }\n &-arrow--left {\n left: 4px;\n }\n &-arrow--right {\n right: 4px;\n }\n &-arrow--disabled {\n .iconfont {\n cursor: not-allowed;\n color: var(--Number-handler-onDisabled-color);\n }\n &:hover {\n color: var(--Number-handler-onDisabled-color);\n }\n }\n &-main {\n overflow-y: auto;\n scrollbar-width: none;\n width: 100%;\n &::-webkit-scrollbar {\n display: none;\n }\n > .#{$ns}Tabs-links {\n white-space: nowrap;\n min-width: 100%;\n display: inline-block;\n }\n }\n }\n .#{$ns}Tabs-linksContainer--overflow {\n padding: 0 20px;\n }\n &-links {\n margin: 0;\n padding: 0;\n border-bottom: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);\n list-style: none;\n user-select: none;\n @include clearfix();\n\n > .#{$ns}Tabs-link {\n margin-bottom: calc(var(--Tabs-borderWidth) * -1);\n display: inline-block;\n position: relative;\n\n > a:first-child {\n font-size: var(--Tabs-linkFontSize);\n outline: none;\n border: var(--Tabs-borderWidth) solid transparent;\n border-top-left-radius: var(--Tabs-borderRadius);\n border-top-right-radius: var(--Tabs-borderRadius);\n color: var(--Tabs-color);\n margin: var(--Tabs-linkMargin);\n padding: var(--Tabs-linkPadding);\n text-decoration: none;\n cursor: pointer;\n display: block;\n }\n\n > .#{$ns}Combo-toolbarBtn {\n position: absolute;\n right: -10px;\n top: -10px;\n z-index: 10;\n display: none;\n }\n\n &:hover > .#{$ns}Combo-toolbarBtn {\n display: block;\n }\n\n &:hover > a:first-child,\n > a:first-child:focus {\n border-color: var(--Tabs-onHover-borderColor);\n text-decoration: none;\n }\n\n &.disabled,\n &.is-disabled {\n cursor: not-allowed;\n\n > a:first-child {\n color: var(--Tabs-onDisabled-color);\n background: transparent;\n border-color: transparent;\n pointer-events: none;\n }\n }\n\n &.active > a:first-child,\n &.is-active > a:first-child {\n color: var(--Tabs-onActive-color);\n background: var(--Tabs-onActive-bg);\n border-color: var(--Tabs-onActive-borderColor);\n border-bottom-color: transparent;\n }\n }\n }\n\n &-content {\n background: var(--Tabs-content-bg);\n border-style: solid;\n border-width: 0 var(--Tabs-borderWidth) var(--Tabs-borderWidth);\n border-color: var(--Tabs-borderColor);\n }\n\n &-pane {\n display: none;\n padding: var(--gap-base);\n opacity: 0;\n transition: opacity var(--animation-duration) linear;\n\n &.is-active {\n display: block;\n }\n\n &.in {\n opacity: 1;\n }\n }\n\n &--line {\n > .#{$ns}Tabs-linksContainer > .#{$ns}Tabs-linksContainer-arrow {\n top: -4px;\n }\n\n > .#{$ns}Tabs-links, > .#{$ns}Tabs-linksContainer > .#{$ns}Tabs-linksContainer-main > .#{$ns}Tabs-links {\n border-bottom-color: var(--Tabs--line-borderColor);\n\n > li {\n > a:first-child {\n border-width: 0 0 var(--Tabs--line-borderWidth) 0;\n padding: var(--Tabs--line-linkPadding);\n margin: var(--Tabs--line-linkMargin);\n\n &:hover,\n &:focus {\n color: var(--primary);\n background: transparent;\n border-color: transparent;\n }\n }\n\n &:last-child {\n > a {\n margin: 0;\n }\n }\n\n &.is-active {\n > a:first-child,\n > a:first-child:hover,\n > a:first-child:focus {\n border-color: var(--Tabs--line-onHover-borderColor);\n color: var(--Tabs--line-onHover-color);\n background: transparent;\n }\n }\n }\n }\n\n > .#{$ns}Tabs-content {\n border-width: 0;\n padding: var(--Tabs--line-content-padding);\n background: var(--Tabs--line-content-bg);\n }\n }\n\n &--card {\n > .#{$ns}Tabs-linksContainer {\n background: var(--Tabs--card-bg);\n }\n > .#{$ns}Tabs-links, > .#{$ns}Tabs-linksContainer > .#{$ns}Tabs-linksContainer-main > .#{$ns}Tabs-links {\n padding: var(--Tabs--card-padding);\n background: var(--Tabs--card-bg);\n border-top: px2rem(1px) solid var(--Tabs--card-borderTopColor);\n\n > li {\n &.is-active {\n > a:first-child,\n > a:first-child:hover,\n > a:first-child:focus {\n border-color: var(--Tabs--card-onActive-borderColor);\n color: var(--primary);\n border-bottom-color: var(--Tabs--card-onActive-bg);\n background: var(--Tabs--card-onActive-bg);\n }\n }\n\n > a:first-child {\n padding: var(--Tabs--card-linkPadding);\n margin: var(--Tabs--card-linkMargin);\n\n &:hover,\n &:focus {\n color: #666;\n background: var(--Tabs--card-onActive-bg);\n border-bottom-color: transparent;\n }\n }\n }\n }\n\n > .#{$ns}Tabs-content {\n border-width: 0;\n }\n }\n\n &--radio {\n > .#{$ns}Tabs-linksContainer > .#{$ns}Tabs-linksContainer-arrow {\n top: -4px;\n }\n > .#{$ns}Tabs-links, > .#{$ns}Tabs-linksContainer > .#{$ns}Tabs-linksContainer-main > .#{$ns}Tabs-links {\n border: 0;\n margin-bottom: px2rem(10px);\n\n > li {\n margin: 0;\n\n > a:first-child {\n border-width: px2rem(1px);\n border-color: var(--Tabs-borderColor);\n font-size: var(--fontSizeSm);\n text-align: center;\n margin: 0;\n padding: 0 px2rem(10px);\n min-width: 68px;\n height: px2rem(30px);\n line-height: px2rem(30px);\n border-radius: 0;\n background: var(--Tabs--radio-bg);\n\n &:hover,\n &:focus {\n color: var(--primary);\n }\n }\n\n &.is-active {\n > a:first-child,\n > a:first-child:hover,\n > a:first-child:focus {\n color: var(--Tabs--radio-bg);\n background: var(--primary);\n border-color: var(--primary);\n position: relative;\n z-index: 1;\n }\n }\n }\n\n > li + li {\n margin-left: -1px;\n }\n }\n\n > .#{$ns}Tabs-content {\n border-top: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);\n }\n }\n\n // todo 第一个选中,有一像素的空隙待修复。\n // 不带眼镜应该看不出来。\n &--tiled {\n > .#{$ns}Tabs-links, > .#{$ns}Tabs-linksContainer > .#{$ns}Tabs-linksContainer-main > .#{$ns}Tabs-links {\n width: 100%;\n display: flex;\n flex-direction: row;\n padding-left: var(--Tabs-borderWidth);\n border-bottom: 0;\n\n > li {\n flex-grow: 1;\n text-align: center;\n margin: 0 0 0 calc(var(--Tabs-borderWidth) * -1);\n\n > a:first-child {\n margin: 0;\n border-radius: 0;\n border-style: solid;\n border-color: var(--Tabs-borderColor);\n border-width: var(--Tabs-borderWidth);\n\n &:hover,\n &:focus {\n position: relative;\n z-index: 1;\n border-color: var(--Tabs-onActive-borderColor);\n color: var(--primary);\n }\n }\n\n &.is-active {\n > a:first-child,\n > a:first-child:hover,\n > a:first-child:focus {\n cursor: default;\n color: var(--primary);\n border-color: var(--Tabs-borderColor);\n border-top-color: var(--primary);\n border-bottom-color: transparent;\n }\n }\n }\n }\n }\n\n &--vertical {\n display: flex;\n min-height: px2rem(200px);\n border: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);\n border-radius: 0;\n\n > .#{$ns}Tabs-links {\n width: var(--Tabs--vertical-width);\n background: var(--Tabs--vertical-onActive-container-bg);\n border: none;\n border-right: var(--Tabs--vertical-onActive-container-borderRight);\n padding-bottom: px2rem(60px);\n\n > li {\n margin: 0 0 0 -1px;\n display: block;\n\n > a:first-child {\n border-color: transparent;\n border-radius: 0;\n border-width: var(--Tabs--vertical-onActive-borderWidth);\n margin: 0;\n\n &:hover,\n &:focus {\n color: var(--primary);\n border-color: transparent;\n }\n }\n\n &.is-active {\n > a:first-child,\n > a:first-child:hover,\n > a:first-child:focus {\n color: var(--Tabs--vertical-onActive-color);\n background: var(--Tabs--vertical-onActive-bg);\n border-color: var(--Tabs--vertical-onActive-border);\n }\n }\n }\n }\n\n > .#{$ns}Tabs-content {\n border: none;\n flex-grow: 1;\n\n > .#{$ns}Tabs-pane {\n height: 100%;\n }\n }\n }\n\n &--chrome {\n > .#{$ns}Tabs-links {\n background: var(--Tabs--chrome-bg);\n border-bottom: 0;\n padding: 0 px2rem(10px);\n padding-top: px2rem(8px);\n display: flex;\n > li {\n position: relative;\n margin-bottom: 0;\n white-space: nowrap;\n min-width: 0;\n max-width: px2rem(250px);\n padding: px2rem(7px) px2rem(20px) px2rem(6px);\n cursor: pointer;\n flex: 1;\n\n > a:first-child {\n background: none;\n border: none;\n position: relative;\n z-index: 5;\n overflow: hidden;\n padding: 0;\n }\n\n &.is-active {\n > a:first-child,\n > a:first-child:hover,\n > a:first-child:focus {\n background: none;\n border: none;\n }\n &:after {\n display: none;\n }\n }\n\n &:after {\n content: '';\n width: 1px;\n height: calc(100% - var(--Tabs--chrome-radius-size) * 2);\n position: absolute;\n right: -2px;\n background: var(--Tabs--chrome-right-boder-color);\n top: var(--Tabs--chrome-radius-size)\n }\n\n &:hover {\n .chrome-tab-background {\n z-index: 3;\n display: block;\n background-color: var(--Tabs--chrome-onHover-bg);\n }\n .chrome-tab-background > svg {\n fill: var(--Tabs--chrome-onHover-bg);\n }\n &:after {\n display: none;\n }\n }\n\n &.is-active {\n .chrome-tab-background {\n display: block;\n background-color: var(--Tabs-onActive-bg);\n }\n .chrome-tab-background > svg {\n fill: var(--Tabs-onActive-bg);\n }\n }\n }\n }\n .chrome-tab-background {\n display: none;\n position: absolute;\n z-index: 4;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n border-radius: var(--Tabs--chrome-radius-size) var(--Tabs--chrome-radius-size) 0 0;\n > svg {\n width: var(--Tabs--chrome-radius-size);\n height: var(--Tabs--chrome-radius-size);\n bottom: 0;\n position: absolute;\n }\n > .chrome-tab-background--right {\n right: calc(var(--Tabs--chrome-radius-size) * -1);\n }\n > .chrome-tab-background--left {\n left: calc(var(--Tabs--chrome-radius-size) * -1);\n }\n }\n }\n\n &-toolbar {\n display: inline-block;\n float: right;\n padding-top: var(--gap-xs);\n }\n}\n",".#{$ns}Nav {\n position: relative;\n .#{$ns}Nav-list {\n list-style: none;\n user-select: none;\n margin: 0;\n padding: 0;\n position: relative;\n\n .#{$ns}Nav-itemIcon {\n margin-right: var(--gap-sm);\n }\n\n img.#{$ns}Nav-itemIcon {\n height: var(--Tabs-linkFontSize);\n vertical-align: middle;\n }\n\n &--tabs {\n border-bottom: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);\n\n .#{$ns}Nav-item {\n margin-bottom: calc(var(--Tabs-borderWidth) * -1);\n display: inline-block;\n position: relative;\n > a {\n font-size: var(--Tabs-linkFontSize);\n display: block;\n outline: none;\n border: var(--Tabs-borderWidth) solid transparent;\n border-top-left-radius: var(--Tabs-borderRadius);\n border-top-right-radius: var(--Tabs-borderRadius);\n color: var(--Tabs-color);\n text-decoration: none;\n margin-right: px2rem(2px);\n padding: var(--gap-sm) var(--gap-xl);\n cursor: pointer;\n }\n\n &:hover > a,\n > a:focus {\n border-color: var(--Tabs-onHover-borderColor);\n text-decoration: none;\n }\n\n &.disabled > a,\n &.is-disabled > a {\n color: var(--Tabs-onDisabled-color);\n background: transparent;\n border-color: transparent;\n pointer-events: none;\n }\n\n &.active > a,\n &.is-active > a {\n color: var(--Tabs-onActive-color);\n background: var(--Tabs-onActive-bg);\n border-color: var(--Tabs-onActive-borderColor);\n border-bottom-color: var(--Tabs-content-bg);\n }\n }\n }\n\n &--stacked {\n min-height: px2rem(50px);\n\n .#{$ns}Nav-item, .#{$ns}Badge {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: stretch;\n width: 100%;\n\n .#{$ns}Nav-itemDrager {\n cursor: move;\n position: absolute;\n left: 0;\n display: none;\n line-height: 0;\n > .icon, > .#{$ns}Badge > .icon {\n color: var(--icon-color);\n\n &:hover {\n color: var(--icon-onHover-color);\n }\n }\n\n svg {\n width: px2rem(16px);\n height: px2rem(16px);\n }\n }\n\n > .#{$ns}Nav-item-badgeText {\n position: absolute;\n top: 0;\n bottom: 0;\n width: px2rem(35px);\n overflow: hidden;\n > span {\n position: absolute;\n top: px2rem(2px);\n left: px2rem(-13px);\n transform: rotate(-45deg);\n width: px2rem(50px);\n font-size: 12px;\n text-align: center;\n color: var(--white);\n background: var(--success)\n }\n }\n\n > .#{$ns}Nav-item-atcions {\n display: flex;\n align-items: center;\n }\n\n > a,\n > .#{$ns}Badge > a {\n display: flex;\n align-items: center;\n outline: none;\n color: var(--Nav-item-color);\n text-decoration: none;\n padding: var(--gap-sm) var(--gap-sm);\n cursor: pointer;\n background: var(--Nav-item-bg);\n border-radius: var(--Nav-item-borderRadius);\n text-overflow: ellipsis;\n flex: 1;\n\n // &::after {\n // border-left: var(--Nav-item-onActive-borderLeft);\n // position: absolute;\n // left: 0;\n // top: 0;\n // content: '';\n // width: 1px;\n // height: 100%;\n // transform: scaleY(0.0001);\n // transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),\n // opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);\n // }\n }\n\n > a:hover,\n > a:focus,\n > a:hover + .#{$ns}Nav-item-atcions,\n > a:focus + .#{$ns}Nav-item-atcions,\n > .#{$ns}Badge > a:hover,\n > .#{$ns}Badge > a:focus,\n > .#{$ns}Badge > a:hover + .#{$ns}Nav-item-atcions,\n > .#{$ns}Badge > a:focus + .#{$ns}Nav-item-atcions\n {\n border-color: var(--Nav-item-onHover-color);\n text-decoration: none;\n background: var(--Nav-item-onHover-bg);\n z-index: 1;\n }\n\n > a:hover > .#{$ns}Nav-itemDrager,\n > a:focus > .#{$ns}Nav-itemDrager,\n > .#{$ns}Badge > a:hover > .#{$ns}Nav-itemDrager,\n > .#{$ns}Badge > a:focus > .#{$ns}Nav-itemDrager {\n display: block;\n }\n\n &.disabled > a,\n &.is-disabled > a,\n &.disabled > .#{$ns}Badge > a,\n &.is-disabled > .#{$ns}Badge > a {\n color: var(--Nav-item-onDisabled-color);\n background: transparent;\n pointer-events: none;\n }\n\n &.active > a,\n &.is-active > .#{$ns}Nav-item-atcions,\n &.is-active > a,\n &.active > .#{$ns}Badge > a,\n &.is-active > .#{$ns}Badge > .#{$ns}Nav-item-atcions,\n &.is-active > .#{$ns}Badge > a {\n color: var(--Nav-item-onActive-color);\n position: relative;\n background: var(--Nav-item-onActive-bg) !important;\n\n &::after {\n transform: scaleY(1);\n }\n }\n\n &.is-unfolded > , &.is-unfolded > .#{$ns}Badge > {\n a .#{$ns}Nav-itemToggler {\n transform: rotate(180deg) scale(0.8);\n }\n\n .#{$ns}Nav-subItems {\n display: block;\n // margin-left: var(--gap-sm);\n }\n }\n\n .#{$ns}Nav-spinner {\n position: absolute;\n right: px2rem(10px);\n top: px2rem(8px);\n }\n\n .#{$ns}Nav-itemToggler {\n // position: absolute;\n // left: 0;\n // top: px2rem(3px);\n float: left;\n margin-right: px2rem(10px);\n height: px2rem(24px);\n text-align: center;\n line-height: px2rem(24px);\n vertical-align: middle;\n cursor: pointer;\n transform: scale(0.8);\n transition: transform var(--animation-duration);\n\n > svg {\n width: 10px;\n height: 10px;\n top: 0;\n }\n }\n\n .#{$ns}Nav-subItems {\n // background: var(--Nav-subNav-bg);\n display: none;\n padding-left: 0;\n list-style: none;\n width: 100%;\n }\n\n .#{$ns}Nav-item {\n font-size: var(--Nav-subItem-fontSize);\n\n // a:before {\n // content: '';\n // display: inline-block;\n // width: px2rem(4px);\n // height: px2rem(4px);\n // background: #ccc;\n // border-radius: px2rem(500px);\n // margin-right: px2rem(8px);\n // vertical-align: middle;\n // }\n\n // &.active > a:before,\n // &.is-active > a:before {\n // background: var(--Nav-subItem-onActiveBeforeBg);\n // }\n }\n }\n }\n }\n .#{$ns}Nav-dropIndicator {\n position: absolute;\n background: var(--Nav-item-onActive-color);\n height: 2px;\n }\n}\n",".#{$ns}Page {\n width: 100%;\n height: 100%;\n background: var(--Page-main-bg);\n\n &-header {\n padding: var(--Page-header-paddingY) var(--Page-header-paddingX);\n }\n\n &-main {\n // background: var(--Page-main-bg);\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n\n &-content {\n padding: var(--Page-content-paddingY) var(--Page-content-paddingX);\n position: relative;\n height: 100%;\n width: 100%;\n }\n\n &-main > &-header {\n border-bottom: var(--borderWidth) solid var(--borderColor);\n // background: var(--Page-header-bg);\n }\n\n &-headerRow {\n // background: var(--Page-header-bg);\n border-bottom: var(--borderWidth) solid var(--borderColor);\n\n display: flex;\n flex-direction: row;\n align-items: center;\n\n .#{$ns}Page-header,\n .#{$ns}Page-toolbar {\n flex-grow: 1;\n min-height: 100%;\n }\n\n .#{$ns}Page-toolbar {\n text-align: right;\n padding-right: var(--gap-base);\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n flex-wrap: wrap;\n }\n }\n\n &-title {\n margin: 0;\n padding: 0;\n color: var(--Page-title-color);\n line-height: var(--Page-title-lineHeight);\n font-size: var(--Page-title-fontSize);\n font-weight: var(--Page-title-fontWeight);\n }\n\n &-body {\n padding: var(--Page-body-padding);\n flex: 1 auto;\n }\n\n &-asideTplWrapper {\n padding: var(--gap-xs);\n }\n\n &-asideResizor {\n position: absolute;\n right: -0.375rem;\n top: 50%;\n cursor: ew-resize;\n writing-mode: vertical-lr;\n width: 0.75rem;\n height: 1.5rem;\n margin-top: -0.75rem;\n border: 0.0625rem solid #dee2e6;\n background-color: #fff;\n border-radius: 0.142rem;\n font-size: 12px;\n line-height: 0.625rem;\n text-align: center;\n user-select: none;\n color: #666;\n\n &:hover {\n color: #000;\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12),\n 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n }\n\n &:after {\n content: '···';\n }\n }\n}\n\n.#{$ns}Page-toolbar {\n > * + * {\n margin-left: var(--gap-xs);\n }\n}\n\n.#{$ns}Page-aside {\n // background: var(--Page-aside-bg);\n}\n\n@include media-breakpoint-up(md) {\n .#{$ns}Page-aside {\n &::before {\n content: '';\n position: absolute;\n width: inherit;\n top: 0;\n bottom: 0;\n z-index: -1;\n background: inherit;\n border: inherit;\n }\n\n width: var(--Page-aside-width);\n border-right: var(--borderWidth) solid var(--borderColor);\n\n &--withWidth {\n min-width: var(--Page-aside-width);\n max-width: var(--Page-aside-maxWidth);\n }\n }\n\n .#{$ns}Page--withSidebar {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n\n > .#{$ns}Page-content {\n width: 0;\n flex-grow: 1;\n }\n }\n}\n",".#{$ns}Remark {\n display: inline-block;\n vertical-align: middle;\n margin-left: var(--Remark-marginLeft);\n > span {\n color: var(--Remark-iconColor);\n font-size: var(--fontSizeSm);\n }\n\n cursor: pointer;\n text-align: center;\n\n &-icon {\n color: var(--Remark-iconColor);\n font-size: var(--Remark-icon-fontSize);\n background: var(--Remark-bg);\n border: var(--Remark-borderWidth) solid var(--Remark-borderColor);\n width: var(--Remark-width);\n height: var(--Remark-width);\n line-height: 1;\n display: inline-flex;\n vertical-align: baseline;\n align-self: center;\n align-items: center;\n justify-content: center;\n font-size: var(--fontSizeSm);\n user-select: none;\n\n > svg {\n width: 100%;\n height: 100%;\n display: block;\n }\n }\n\n > span + .#{$ns}Remark-icon {\n margin-left: var(--gap-xs);\n }\n\n &:hover > &-icon {\n color: var(--Remark-onHover-iconColor);\n background: var(--Remark-onHover-bg);\n border-color: var(--Remark-onHover-borderColor);\n }\n\n > svg {\n width: calc(var(--Remark-width) - #{px2rem(2px)});\n height: calc(var(--Remark-width) - #{px2rem(2px)});\n color: var(--Remark-iconColor);\n }\n\n &:hover > svg {\n color: var(--Remark-onHover-iconColor);\n }\n}\n",".#{$ns}Chart {\n min-width: 300px;\n min-height: 300px;\n position: relative;\n\n &-placeholder {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &-content {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n }\n}\n",".#{$ns}Video {\n min-width: 200px;\n\n &-cursor {\n position: absolute;\n border: 2px solid var(--info);\n transition: all var(--animation-duration) ease-out;\n }\n\n &-frameList {\n .#{$ns}Video-frameItem {\n cursor: pointer;\n }\n }\n\n &-frameLabel {\n text-align: center;\n }\n\n .video-react-paused .video-react-big-play-button.big-play-button-hide {\n display: block;\n }\n\n &-player {\n position: relative;\n }\n\n &-error {\n position: absolute;\n display: block;\n width: 100%;\n padding: 5px 10px;\n color: var(--danger);\n background: rgba(255, 255, 255, 0.4);\n text-align: center;\n top: 0;\n }\n}\n","@mixin input-range {\n -webkit-appearance: none;\n outline: none;\n border: none;\n padding: 0;\n background: none;\n\n &::-webkit-slider-runnable-track {\n background: var(--Audio-track-bg);\n height: var(--Audio-track-height);\n border-radius: var(--Audio-track-borderRadius);\n border: var(--Audio-track-border);\n }\n\n &::-webkit-slider-thumb {\n -webkit-appearance: none !important;\n border-radius: 100%;\n cursor: pointer;\n background: var(--Audio-thumb-bg);\n width: var(--Audio-thumb-width);\n height: var(--Audio-thumb-height);\n margin-top: var(--Audio-thumb-marginTop);\n }\n}\n\n@mixin svg {\n width: var(--Audio-svg-width);\n height: var(--Audio-svg-height);\n position: relative;\n top: var(--Audio-svg-top);\n}\n\n.#{$ns}Audio-original {\n display: none;\n}\n\n.#{$ns}Audio--inline {\n display: inline-block;\n}\n\n.#{$ns}Audio {\n box-sizing: border-box;\n height: var(--Audio-height);\n line-height: var(--Audio-lineHeight);\n border: var(--Audio-border);\n padding-left: var(--Audio-item-margin);\n overflow: hidden;\n\n &-controls {\n display: flex;\n flex-direction: row;\n align-items: center;\n }\n\n &-rates {\n width: var(--Audio-rate-width);\n height: var(--Audio-rate-height);\n text-align: center;\n background: var(--Audio-rate-bg);\n cursor: pointer;\n margin-right: var(--Audio-item-margin);\n }\n\n &-rateControl {\n margin-right: var(--Audio-item-margin);\n\n &::after {\n clear: both;\n content: '';\n }\n\n .#{$ns}Audio-rateControlItem {\n width: var(--Audio-rate-width);\n height: var(--Audio-rate-height);\n background: var(--Audio-rate-bg);\n cursor: pointer;\n text-align: center;\n float: left;\n box-sizing: border-box;\n border-right: var(--Audio-rateControlItem-borderRight);\n }\n }\n\n &-play {\n width: var(--Audio-play-width);\n cursor: pointer;\n margin-right: var(--Audio-item-margin);\n\n svg {\n @include svg();\n }\n }\n\n &-times {\n min-width: var(--Audio-times-width);\n margin-right: var(--Audio-item-margin);\n cursor: default;\n flex-shrink: 0;\n }\n\n &-process {\n flex: auto;\n cursor: pointer;\n min-width: var(--Audio-process-minWidth);\n margin-right: var(--Audio-item-margin);\n\n input[type='range'] {\n @include input-range();\n }\n }\n\n &-volume {\n width: var(--Audio-volume-width);\n height: var(--Audio-volume-height);\n line-height: var(--Audio-volume-lineHeight);\n cursor: pointer;\n margin-right: var(--Audio-item-margin);\n\n svg {\n @include svg();\n }\n }\n\n &-volumeControl {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: var(--Audio-volumeControl-width);\n height: var(--Audio-volume-height);\n line-height: var(--Audio-volume-lineHeight);\n margin-right: var(--Audio-item-margin);\n\n input[type='range'] {\n @include input-range();\n }\n\n .#{$ns}Audio-volumeControlIcon {\n margin-right: var(--Audio-item-margin);\n cursor: pointer;\n }\n\n svg {\n @include svg();\n }\n }\n}\n",".#{$ns}Panel {\n margin-bottom: var(--Panel-marginBottom);\n background: var(--Panel-bg);\n border: var(--Panel-border);\n border-radius: var(--Panel-borderRadius);\n -webkit-box-shadow: var(--Panel-boxShadow);\n box-shadow: var(--Panel-boxShadow);\n\n &-fixedBottom {\n position: absolute;\n background: var(--white);\n z-index: -1;\n opacity: 0;\n bottom: 999999px;\n box-shadow: var(--Panel-fixedBottom-boxShadow);\n border-top: var(--Panel-fixedBottom-borderTop);\n\n &.in {\n position: fixed;\n bottom: 0;\n z-index: $zindex-affix;\n opacity: 1;\n }\n }\n\n /* 主题 */\n &--default {\n border-color: var(--borderColor);\n\n > .#{$ns}Panel-heading {\n background: var(--Panel--default-bg);\n color: var(--Panel--default-color);\n\n .badge {\n color: var(--Panel--default-badgeColor);\n background: var(--Panel--default-badgeBg);\n }\n }\n\n > .#{$ns}Panel-heading {\n border-color: var(--Panel--default-headingBorderColor);\n }\n }\n\n &--primary {\n border-color: var(--primary);\n\n > .#{$ns}Panel-heading {\n background: var(--primary);\n color: var(--white);\n\n .badge {\n color: var(--primary);\n background: var(--white);\n }\n }\n\n > .#{$ns}Panel-heading,\n > .#{$ns}Panel-footer {\n border-color: var(--primary);\n }\n }\n\n &--success {\n border-color: var(--success);\n\n > .#{$ns}Panel-heading {\n background: var(--success);\n color: var(--white);\n\n .badge {\n color: var(--success);\n background: var(--white);\n }\n }\n\n > .#{$ns}Panel-heading,\n > .#{$ns}Panel-footer {\n border-color: var(--success);\n }\n }\n\n &--info {\n border-color: var(--info);\n\n > .#{$ns}Panel-heading {\n background: var(--info);\n color: var(--white);\n\n .badge {\n color: var(--info);\n background: var(--white);\n }\n }\n\n > .#{$ns}Panel-heading,\n > .#{$ns}Panel-footer {\n border-color: var(--info);\n }\n }\n\n &--warning {\n border-color: var(--warning);\n\n > .#{$ns}Panel-heading {\n background: var(--warning);\n color: var(--white);\n\n .badge {\n color: var(--warning);\n background: var(--white);\n }\n }\n\n > .#{$ns}Panel-heading,\n > .#{$ns}Panel-footer {\n border-color: var(--warning);\n }\n }\n\n &--danger {\n border-color: var(--danger);\n\n > .#{$ns}Panel-heading {\n background: var(--danger);\n color: var(--white);\n\n .badge {\n color: var(--danger);\n background: var(--white);\n }\n }\n\n > .#{$ns}Panel-heading,\n > .#{$ns}Panel-footer {\n border-color: var(--danger);\n }\n }\n\n /* 子组件 */\n &-heading {\n padding: var(--Panel-headingPadding);\n border-bottom: var(--Panel-headingBorderBottom);\n border-radius: var(--Panel-headingBorderRadius);\n }\n\n &-title {\n margin-top: var(--Panel-titleMarginTop);\n margin-bottom: var(--Panel-titleMarginBottom);\n font-size: var(--Panel-titleFontSize);\n color: var(--Panel-titleColor);\n }\n\n &-body {\n padding: var(--Panel-bodyPadding);\n }\n\n &-footer {\n border-color: var(--Panel-footerBorderColor);\n border-radius: var(--Panel-footerBorderRadius);\n background: var(--Panel-footerBg);\n padding: var(--Panel-footerPadding);\n border-style: solid;\n border-width: var(--Panel-borderWidth) 0 0 0;\n clear: both;\n\n .#{$ns}Button + .#{$ns}Button {\n margin-left: var(--Panel-footerButtonMarginLeft);\n }\n }\n\n &-btnToolbar {\n @include clearfix();\n text-align: var(--Panel-btnToolbarTextAlign);\n\n .#{$ns}Button {\n margin-left: var(--Panel-footerButtonMarginLeft);\n }\n\n &:empty {\n display: none;\n }\n }\n}\n",".#{$ns}Service {\n position: relative;\n}\n",".#{$ns}Sparkline {\n display: inline-block;\n line-height: 1;\n vertical-align: middle;\n\n &-line {\n stroke: var(--Sparkline-line-color);\n stroke-width: 1px;\n }\n\n &-area {\n fill: var(--Sparkline-area-color);\n }\n\n &--clickable {\n cursor: pointer;\n }\n}\n","@keyframes rotate {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(359deg);\n }\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(1turn);\n }\n}\n\n.is-spin {\n animation: spin 2s linear infinite;\n}\n\n.#{$ns}Spinner-overlay {\n position: absolute;\n z-index: 10;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(--Spinner-overlay-bg);\n transition: ease-out opacity var(--animation-duration);\n\n opacity: 0;\n\n &.in {\n opacity: 1;\n }\n}\n\n.#{$ns}Spinner {\n width: var(--Spinner-width);\n height: var(--Spinner-height);\n transform: translateZ(0);\n display: inline-block;\n background: var(--Spinner-bg);\n background-size: 100%;\n\n &--lg {\n width: var(--Spinner--lg-width);\n height: var(--Spinner--lg-height);\n }\n\n &--sm {\n width: var(--Spinner--sm-width);\n height: var(--Spinner--sm-height);\n }\n\n transition: ease-out all var(--animation-duration);\n\n &--icon {\n background: transparent;\n animation: spin 2s linear infinite;\n width: 16px; // reload 那个 icon 必须用这个高宽\n height: 16px;\n svg.icon {\n width: 16px;\n height: 16px;\n top: 0;\n }\n }\n}\n\n// 当启用 overlay 的时候,应该是居中模式。\n.#{$ns}Spinner--overlay {\n position: absolute;\n z-index: 11;\n top: 50%;\n left: 50%;\n transform: translate3d(-50%, -50%, 0);\n}\n\n.#{$ns}Spinner--overlay.#{$ns}Spinner--lg {\n width: var(--Spinner--lg-width);\n height: var(--Spinner--lg-height);\n line-height: var(--Spinner--lg-height);\n}\n\n@include media-breakpoint-up(md) {\n .#{$ns}Layout .#{$ns}Page-body > .#{$ns}Spinner-overlay {\n left: var(--Layout-aside-width);\n }\n\n .#{$ns}Layout--folded .#{$ns}Page-body > .#{$ns}Spinner-overlay {\n left: var(--Layout-aside--folded-width);\n }\n}\n",".#{$ns}ButtonGroup {\n position: relative;\n display: inline-flex;\n vertical-align: middle;\n\n > .#{$ns}Button {\n position: relative;\n flex: 0 1 auto;\n }\n\n > .#{$ns}Button {\n @include hover {\n z-index: 1;\n }\n\n &:focus,\n &:active,\n &.active,\n &.is-active {\n z-index: 1;\n }\n }\n\n .#{$ns}Button + .#{$ns}Button,\n .#{$ns}Button + .#{$ns}ButtonGroup,\n .#{$ns}ButtonGroup + .#{$ns}Button,\n .#{$ns}ButtonGroup + .#{$ns}ButtonGroup {\n margin-left: calc(var(--Button-borderWidth) * -1);\n }\n\n &--block {\n display: block;\n }\n}\n\n.#{$ns}ButtonToolbar {\n display: inline-flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: center;\n\n .#{$ns}ButtonGroup {\n margin-left: var(--gap-xs);\n margin-top: var(--gap-xs);\n width: auto;\n }\n}\n\n.#{$ns}ButtonGroup {\n > .#{$ns}Button:first-child {\n margin-left: 0;\n }\n\n // cxd的ButtonGroup的is-active和:active样式不一样,这里做个兼容\n .#{$ns}Button--primary.is-active {\n color: var(--ButtonGroup--primary-isActive-color);\n background: var(--ButtonGroup--primary-isActive-bg);\n }\n\n > .#{$ns}Button:not(:last-child),\n > .#{$ns}ButtonGroup:not(:last-child) > .#{$ns}Button {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n > .#{$ns}Button:not(:first-child),\n > .#{$ns}ButtonGroup:not(:first-child) > .#{$ns}Button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n}\n\n.#{$ns}ButtonGroup--vertical {\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n\n .#{$ns}Button,\n .#{$ns}ButtonGroup {\n width: 100%;\n }\n\n > .#{$ns}Button + .#{$ns}Button,\n > .#{$ns}Button + .#{$ns}ButtonGroup,\n > .#{$ns}ButtonGroup + .#{$ns}Button,\n > .#{$ns}ButtonGroup + .#{$ns}ButtonGroup {\n margin-top: calc(var(--Button-borderWidth) * -1);\n margin-left: 0;\n }\n\n > .#{$ns}Button:not(:last-child),\n > .#{$ns}ButtonGroup:not(:last-child) > .#{$ns}Button {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n > .#{$ns}Button:not(:first-child),\n > .#{$ns}ButtonGroup:not(:first-child) > .btn {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n}\n\n.#{$ns}ButtonGroup--tiled {\n display: flex;\n\n .#{$ns}Button,\n .#{$ns}ButtonGroup {\n flex-grow: 1;\n text-align: center;\n }\n}\n",".#{$ns}DropDown {\n position: relative;\n display: inline-block;\n\n &-caret {\n margin-left: var(--DropDown-caret-marginLeft);\n display: inline-block;\n vertical-align: top;\n transition: transform var(--animation-duration) ease;\n\n > svg {\n width: px2rem(10px);\n height: px2rem(10px);\n top: 0.125em;\n }\n }\n\n &.is-opened &-caret {\n transform: rotate(180deg);\n }\n\n &.is-actived {\n .#{$ns}Button {\n color: var(--link-color);\n }\n }\n\n &--block {\n display: block;\n\n .#{$ns}Button {\n display: block;\n }\n }\n\n &-menu {\n position: absolute;\n z-index: $zindex-dropdown;\n top: 100%;\n left: 0;\n margin: px2rem(1px) 0 0;\n background: var(--DropDown-menu-bg);\n list-style: none;\n padding: var(--DropDown-menu-paddingY) var(--DropDown-menu-paddingX);\n border: var(--DropDown-menu-borderWidth) solid\n var(--DropDown-menu-borderColor);\n border-radius: var(--DropDown-menu-borderRadius);\n box-shadow: var(--DropDown-menu-boxShadow);\n min-width: var(--DropDown-menu-minWidth);\n text-align: left;\n }\n\n &--alignRight &-menu {\n left: auto;\n right: 0;\n }\n\n &-menuItem,\n &-menu > li {\n padding: var(--DropDown-menuItem-paddingY) var(--DropDown-menuItem-paddingX);\n white-space: nowrap;\n box-sizing: border-box;\n height: var(--DropDown-menu-height);\n vertical-align: middle;\n user-select: none;\n color: var(--DropDown-menuItem-color);\n text-decoration: var(--link-decoration);\n\n &:hover {\n background: var(--DropDown-menuItem-onHover-bg);\n color: var(--DropDown-menuItem-onHover-color);\n }\n\n &.is-active {\n background: var(--DropDown-menuItem-onHover-bg);\n color: var(--DropDown-menuItem-onActive-color);\n }\n\n &:not(.is-disabled),\n &:not(.disabled) {\n cursor: pointer;\n }\n\n &.is-disabled {\n cursor: not-allowed;\n // pointer-events: none;\n color: var(--DropDown-menuItem-onDisabled-color);\n filter: grayscale(80%);\n }\n\n &.#{$ns}DropDown-divider {\n height: px2rem(1px);\n margin: px2rem(9px) 0;\n overflow: hidden;\n background: var(--DropDown-menu-borderColor);\n padding: 0;\n }\n }\n\n &-menu > li a {\n color: inherit;\n display: block;\n text-decoration: none;\n }\n\n &-popover {\n border: none;\n box-shadow: none;\n }\n\n > .#{$ns}Button {\n min-width: unset;\n }\n}\n",".#{$ns}Each {\n &-placeholder {\n color: var(--text--muted-color);\n text-align: left;\n padding: var(--gap-sm);\n }\n}\n","\n.#{$ns}ScheduleCalendar {\n &-icon {\n position: absolute;\n bottom: var(--Calendar-icon-bottom);\n left: 50%;\n transform: translateX(-50%);\n display: block;\n width: var(--Calendar-icon-width);\n height: var(--Calendar-icon-height);\n border-radius: 50%;\n z-index: 10;\n }\n &-action {\n display: block;\n padding: 0;\n width: 100%;\n height: 100%;\n border: none;\n background: transparent;\n color: inherit;\n &:not(:disabled):not(.is-disabled):hover {\n color: inherit;\n background: transparent;\n border-color: transparent;\n }\n }\n .rdtDay {\n position: relative;\n }\n\n &-text-overflow {\n white-space:nowrap;\n overflow:hidden;\n text-overflow:ellipsis;\n position: absolute;\n width: 100%;\n }\n}\n\n.#{$ns}ScheduleCalendar-large {\n width: 100%;\n\n .rdtPicker {\n width: 100%;\n table {\n border-collapse: collapse;\n border-spacing: 0;\n td {\n border: var(--Calendar-borderWidth) solid var(--borderColor);\n }\n }\n }\n\n .rdtDay {\n height: var(--Calendar-rdt-day);\n vertical-align: top;\n }\n\n .#{$ns}ScheduleCalendar-large-day-wrap {\n position: absolute;\n top: 0;\n left: 0;\n min-width: 100%;\n height: 100%;\n .#{$ns}ScheduleCalendar-large-schedule-content {\n position: relative;\n z-index: 10;\n border-radius: var(--borderRadius);\n text-align: left;\n padding: var(--Calendar-schedule-content-padding);\n height: var(--Calendar-schedule-content-height);\n color: var(--Calendar-schedule-content-color);\n }\n }\n\n .#{$ns}ScheduleCalendar-action {\n z-index: 20;\n position: relative;\n }\n}\n",".#{$ns}Collapse {\n border: var(--Collapse-border);\n padding: 0;\n line-height: px2rem(20px);\n\n &-header {\n font-size: var(--Collapse-header-fontSize);\n font-weight: var(--Collapse-header-fontWeight);\n color: var(--text--loud-color);\n padding: var(--Collapse-header-padding);\n margin: 0;\n cursor: pointer;\n background: var(--Collapse-header-bg);\n\n &-wrapper {\n display: inline-flex;\n flex-direction: var(--Collapse-header-wrapper-direction);\n }\n\n &-tpl {\n margin-right: px2rem(8px);\n }\n\n &:hover {\n background: var(--Collapse-header-onHover-bg);\n }\n }\n\n &-arrow {\n display: inline-block;\n width: px2rem(16px);\n text-align: center;\n margin-right: var(--gap-sm);\n\n &:before {\n content: '';\n position: relative;\n display: inline-block;\n width: px2rem(6px);\n height: px2rem(6px);\n top: px2rem(-2px);\n border-color: var(--text-color);\n border-style: solid;\n border-width: px2rem(1px) px2rem(1px) 0 0;\n transform: rotate(45deg);\n transform-origin: 50% 50%;\n }\n }\n\n &-icon-tranform {\n display: inline-block;\n width: px2rem(16px);\n text-align: center;\n margin-right: var(--gap-xs);\n }\n\n .#{$ns}TplField {\n display: inline-block;\n }\n\n &.is-active &-arrow:before {\n transform: rotate(135deg);\n transform-origin: 50% 30%;\n }\n &.is-active &-icon-tranform {\n transform: rotate(90deg);\n }\n\n &--disabled &-header {\n cursor: not-allowed;\n user-select: none;\n color: var(--text--muted-color);\n &:hover {\n background-color: var(--Collapse-header-bg-disabled-color);\n }\n }\n\n &--disabled &-arrow:before {\n border-color: var(--text--muted-color);\n }\n\n // title 显示在底部的模式\n &--title-bottom &-header {\n text-align: center;\n font-size: var(--fontSizeBase);\n border-top: var(--Collapse-header-collapsed-borderTop);\n border-bottom: var(--Collapse-header-collapsed-borderBottom);\n }\n\n &--title-bottom.is-collapsed &-header {\n border-top: none;\n }\n\n &--title-bottom &-arrow:before {\n top: px2rem(-4px);\n transform: rotate(135deg);\n }\n\n &--title-bottom.is-active &-arrow:before {\n top: 0;\n transform: rotate(-45deg);\n }\n\n &-contentWrapper {\n transition: height var(--animation-duration) ease;\n &.in,\n &.out {\n height: 0;\n overflow: hidden;\n }\n }\n &-content {\n padding: var(--Collapse-content-padding);\n color: var(--body-color);\n font-size: var(--Collapse-content-fontSize);\n font-weight: var(--Collapse-content-fontWeight);\n }\n}\n",".#{$ns}CollapseGroup {\n\n .#{$ns}Collapse:not(:last-child) {\n border-bottom: none;\n }\n\n &.icon-position-right {\n .#{$ns}Collapse-header {\n .#{$ns}Collapse-arrow {\n float: right;\n }\n }\n }\n \n}",".#{$ns}ColorField {\n display: inline-block;\n\n &-previewIcon {\n display: inline-block;\n vertical-align: middle;\n width: px2rem(16px);\n height: px2rem(16px);\n box-shadow: var(--boxShadowSm);\n background: #ccc;\n }\n\n &-value {\n display: inline-block;\n margin-left: 10px;\n vertical-align: middle;\n }\n}\n",".#{$ns}CBGroup {\n font-size: var(--fontSizeSm);\n\n &-toolbar {\n display: flex;\n flex-direction: row;\n padding-bottom: 10px;\n\n .#{$ns}Button {\n transition: padding var(--animation-duration);\n min-width: unset;\n\n svg {\n width: 10px;\n height: 10px;\n top: 0;\n margin-right: 5px;\n }\n }\n\n &:not(:hover)\n .#{$ns}CBGroup-toolbarCondition\n .#{$ns}Button:not(.is-active) {\n width: 0;\n padding: 0;\n overflow: hidden;\n opacity: 0;\n margin: 0;\n border: 0;\n }\n\n .#{$ns}CBGroup-toolbarConditionAdd {\n transition: opacity var(--animation-duration);\n display: flex;\n align-items: center;\n margin-left: var(--gap-base);\n\n .#{$ns}CBDelete {\n margin-left: var(--gap-xs);\n }\n }\n &:not(:hover) .#{$ns}CBGroup-toolbarConditionAdd {\n opacity: 0;\n }\n }\n\n &-field,\n &-operator {\n position: relative;\n display: inline-block;\n margin: px2rem(3px);\n vertical-align: middle;\n }\n\n &-fieldCaret,\n &-operatorCaret {\n transition: transform var(--animation-duration) ease-out;\n margin: 5px;\n display: flex;\n color: var(--Form-select-caret-iconColor);\n &:hover {\n color: var(--Form-select-caret-onHover-iconColor);\n }\n\n > svg {\n width: px2rem(10px);\n height: px2rem(10px);\n top: 0;\n }\n }\n\n &-fieldInput.is-active &-fieldCaret,\n &-operatorInput.is-active &-operatorCaret {\n transform: rotate(180deg);\n }\n\n &-placeholder {\n color: var(--text--muted-color);\n position: relative;\n margin-left: 30px;\n padding: 10px;\n background: rgba(0, 0, 0, 0.03);\n border-radius: 5px;\n\n &:before {\n position: absolute;\n content: '';\n top: -10px;\n left: -30px;\n width: var(--gap-md);\n border-left: solid 1px var(--borderColor);\n bottom: 0;\n }\n\n &:after {\n position: absolute;\n content: '';\n top: 50%;\n width: var(--gap-md);\n left: -30px;\n border-top: solid 1px var(--borderColor);\n }\n\n &:last-child {\n &:before {\n border-bottom-left-radius: 5px;\n border-bottom: solid 1px var(--borderColor);\n bottom: 50%;\n }\n\n &:after {\n display: none;\n }\n }\n }\n}\n\n.#{$ns}CBDelete {\n @include icon-color();\n cursor: pointer;\n margin-left: auto;\n transition: opacity var(--animation-duration);\n}\n\n.#{$ns}CBGroupOrItem {\n position: relative;\n margin-left: px2rem(30px);\n\n & + & {\n margin-top: px2rem(10px);\n }\n\n &-body {\n display: flex;\n padding: 2px 7px;\n border-radius: 5px;\n flex-direction: row;\n align-items: center;\n position: relative;\n\n background: rgba(0, 0, 0, 0.03);\n transition: all var(--animation-duration) ease-out;\n\n > .#{$ns}CBGroup {\n margin: 3px;\n }\n }\n\n &-body:not(:hover) .#{$ns}CBDelete {\n opacity: 0;\n }\n\n &.is-dragging {\n display: none;\n }\n\n &.is-ghost > &-body:before {\n position: absolute;\n z-index: 2;\n content: '';\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba($info, 0.2);\n }\n\n &-dragbar {\n cursor: move;\n width: 20px;\n margin-left: -5px;\n opacity: 0.6;\n text-align: center;\n transition: opacity var(--animation-duration) ease-out;\n @include icon-color();\n }\n\n .#{$ns}CBGroup {\n flex-grow: 1;\n }\n\n &:hover > &-body {\n background: rgba(0, 0, 0, 0.05);\n }\n\n &:hover > &-body > &-dragbar {\n opacity: 1;\n }\n\n &:before {\n position: absolute;\n content: '';\n top: -10px;\n left: -30px;\n width: 20px;\n border-left: solid 1px var(--borderColor);\n bottom: 0;\n }\n\n &:after {\n position: absolute;\n content: '';\n top: 50%;\n width: 20px;\n left: -30px;\n border-top: solid 1px var(--borderColor);\n }\n\n &:last-child {\n &:before {\n border-bottom-left-radius: 5px;\n border-bottom: solid 1px var(--borderColor);\n bottom: 50%;\n }\n\n &:after {\n display: none;\n }\n }\n}\n\n.#{$ns}CBInputSwitch {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n // margin: px2rem(3px);\n cursor: pointer;\n > a {\n @include icon-color();\n }\n\n svg {\n width: px2rem(10px);\n height: px2rem(10px);\n }\n}\n\n.#{$ns}CBFunc {\n display: inline-block;\n vertical-align: middle;\n margin: px2rem(3px);\n\n &-select {\n display: inline-block;\n position: relative;\n }\n\n &-error {\n color: var(--danger);\n }\n\n &-args {\n display: inline-block;\n > span {\n display: inline-block;\n padding: 0 5px;\n color: var(--info);\n }\n\n > div {\n display: inline-block;\n }\n }\n}\n\n.#{$ns}CBValue {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n margin: px2rem(3px);\n}\n\n.#{$ns}CBFormula {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n margin: px2rem(3px);\n\n &-label {\n background: var(--ResultBox-value-bg);\n color: var(--text--muted-color);\n display: block;\n font-size: var(--fontSizeSm);\n align-self: center;\n margin: -5px 5px -5px -8px;\n padding: 5px;\n border-radius: 5px;\n user-select: none;\n }\n}\n\n.#{$ns}CBSeprator {\n width: 20px;\n text-align: center;\n display: inline-block;\n user-select: none;\n}\n","// 为了提示用户这不是系统菜单。\n@keyframes contextMenuInSpecial {\n from {\n transform: scale3d(1, 1, 1);\n }\n\n 50% {\n transform: scale3d(1.05, 1.05, 1.05);\n }\n\n to {\n transform: scale3d(1, 1, 1);\n }\n}\n\n@keyframes contextMenuIn {\n from {\n opacity: 0;\n }\n}\n\n@keyframes contextMenuOut {\n to {\n opacity: 0;\n }\n}\n\n.#{$ns}ContextMenu {\n z-index: $zindex-contextmenu;\n position: fixed;\n left: 0;\n top: 0;\n // pointer-events: none;\n\n &-menu {\n position: absolute;\n z-index: $zindex-contextmenu;\n\n &.in,\n &.out {\n // opacity: 1;\n // transform: translateY(0) scale(1);\n animation-duration: var(--animation-duration);\n animation-fill-mode: both;\n }\n\n &.in {\n animation-name: contextMenuInSpecial;\n animation-duration: var(--animation-duration);\n }\n\n &.out {\n animation-name: contextMenuOut;\n }\n\n display: block;\n position: absolute;\n\n margin: 0;\n padding: 4px 0 5px;\n\n background: rgba(239, 239, 239, 0.95);\n box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.34);\n\n color: rgba(0, 0, 0, 0.75);\n font-family: -apple-system, Lucida Grande;\n font-size: var(--fontSizeMd);\n line-height: 1.1;\n\n &::before {\n display: block;\n position: absolute;\n content: '';\n top: -1px;\n left: -1px;\n bottom: -1px;\n right: -1px;\n\n border-radius: 4px;\n border: 1px solid rgba(0, 0, 0, 0.125);\n z-index: -1;\n }\n }\n\n &-divider {\n border: none;\n height: 1px;\n background: rgba(0, 0, 0, 0.1);\n margin: 6px 1px 5px;\n padding: 0;\n }\n\n &-list {\n list-style: none;\n margin: 0;\n padding: 0;\n width: 185px;\n }\n\n &-item {\n position: relative;\n\n > a {\n white-space: nowrap;\n display: block;\n padding: 0 20px;\n border-top: 1px solid rgba(0, 0, 0, 0);\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n color: inherit;\n }\n\n &:not(.is-disabled):hover > a {\n text-decoration: none;\n color: #fff;\n background: -webkit-linear-gradient(top, #648bf5, #2866f2);\n background: linear-gradient(to bottom, #648bf5 0%, #2866f2 100%);\n border-top: 1px solid #5a82eb;\n border-bottom: 1px solid #1758e7;\n cursor: pointer;\n }\n\n &.is-disabled > a {\n color: #999;\n pointer-events: none;\n }\n\n &.has-child > a::after {\n content: '';\n width: 0;\n height: 0;\n border-width: 4px 7px;\n border-style: solid;\n border-color: transparent transparent transparent rgba(0, 0, 0, 0.75);\n text-shadow: 0px 4px 9px rgba(0, 0, 0, 0.34);\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%);\n }\n\n &.has-child:hover > a::after {\n border-color: transparent transparent transparent #fff;\n }\n }\n\n &-itemIcon {\n margin-right: 5px;\n }\n\n &-subList {\n display: none;\n list-style: none;\n }\n\n &-item:hover > &-subList {\n display: block;\n animation-duration: var(--animation-duration);\n animation-fill-mode: both;\n animation-name: contextMenuIn;\n\n display: block;\n position: absolute;\n left: 100%;\n top: -3px;\n\n margin: 0;\n padding: 4px 0 5px;\n\n background: rgba(239, 239, 239, 0.95);\n box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.34);\n border-radius: 7px;\n\n color: rgba(0, 0, 0, 0.75);\n font-family: -apple-system, Lucida Grande;\n font-size: var(--fontSizeMd);\n line-height: 1.1;\n\n &::before {\n display: block;\n position: absolute;\n content: '';\n top: -1px;\n left: -1px;\n bottom: -1px;\n right: -1px;\n\n border-radius: 4px;\n border: 1px solid rgba(0, 0, 0, 0.125);\n z-index: -1;\n }\n }\n\n &--left &-item:hover > &-subList {\n left: auto;\n right: 100%;\n }\n\n &-cursor {\n position: absolute;\n width: 1px;\n height: 1px;\n z-index: -1;\n }\n\n &-overlay {\n position: fixed !important;\n z-index: $zindex-contextmenu - 1;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: transparent;\n pointer-events: none;\n }\n}\n",".#{$ns}Wizard {\n @include clearfix();\n\n position: relative;\n\n &,\n &-tabs {\n padding: 0;\n\n .#{$ns}Badge {\n display: inline-block;\n width: var(--Wizard-badge-size);\n height: var(--Wizard-badge-size);\n font-size: var(--Wizard-badge-fontSize);\n line-height: var(--Wizard-badge-size);\n color: var(--Wizard-badge-color);\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n background: var(--Wizard-badge-bg);\n border-radius: var(--Wizard-badge-borderRadius); // font-weight: 700;\n text-shadow: 0 px2rem(1px) 0 rgba(0, 0, 0, 0.2);\n margin-right: var(--Wizard-badge-marginRight);\n border: var(--Wizard-badge-border);\n box-sizing: content-box;\n\n // &--primary {\n // background: var(--primary);\n // }\n\n // &--secondary {\n // background: var(--secondary);\n // }\n\n // &--success {\n // background: var(--success);\n // }\n\n // &--info {\n // background: var(--info);\n // }\n\n // &--warning {\n // background: var(--warning);\n // }\n\n // &--danger {\n // background: var(--danger);\n // }\n\n // &--light {\n // background: var(--light);\n // }\n\n // &--dark {\n // background: var(--dark);\n // }\n &.is-active {\n color: var(--white);\n background: var(--Wizard-badge-onActive-backgroundColor);\n }\n &.is-complete {\n color: var(--white);\n background: var(--Wizard-badge-onComplete-backgroundColor);\n }\n }\n\n ul li.active {\n color: var(--info);\n }\n\n .#{$ns}Panel-footer > .#{$ns}Form-group,\n .#{$ns}Panel-footer > .btn {\n margin-left: var(--gap-xs);\n }\n\n > ul.nav {\n padding: 0;\n margin: 0;\n border: var(--borderWidth) solid var(--borderColor);\n\n li {\n position: relative;\n float: left;\n padding: 0 var(--gap-md) 0 px2rem(25px);\n margin: 0;\n color: #999999;\n cursor: pointer;\n height: var(--Wizard-steps-height);\n line-height: var(--Wizard-steps-height);\n\n a {\n border: 0 none !important;\n background: transparent !important;\n color: inherit;\n display: inline;\n padding: 0;\n\n div {\n display: inline;\n }\n }\n\n &:first-child {\n padding-left: var(--gap-md);\n border-radius: px2rem(4px) 0 0 0;\n }\n\n &:before,\n &:after {\n content: '';\n position: absolute;\n right: px2rem(-10px);\n border: var(--gap-md) solid transparent;\n border-right: 0;\n border-left: px2rem(10px) solid var(--borderColor);\n border-left-color: rgba(0, 0, 0, 0.05);\n z-index: 1;\n bottom: 0;\n }\n\n &:after {\n right: px2rem(-9px);\n border-left-color: var(--Wizard-steps-bg);\n z-index: 2;\n }\n\n &.is-active {\n color: var(--Wizard-steps-li-onActive-color);\n background: #fff;\n }\n\n &.is-active:after {\n border-left-color: #fff;\n }\n }\n\n // .Badge {\n // margin-right: px2rem(4px);\n // }\n }\n }\n\n &-steps {\n font-size: var(--fontSizeBase);\n padding: var(--Wizard-steps-padding);\n background: var(--Wizard-steps-bg);\n border-bottom: var(--Wizard-steps-borderWidth) solid var(--borderColor);\n text-align: var(--Wizard-steps-textAlign);\n @include clearfix();\n\n ul {\n display: var(--Wizard-steps-ulDisplay);\n padding: 0;\n margin: 0;\n list-style: none outside none;\n\n li {\n position: relative;\n float: left;\n padding: 0 var(--gap-md) 0 px2rem(25px);\n margin: 0;\n color: #999999;\n cursor: default;\n height: var(--Wizard-steps-height);\n line-height: var(--Wizard-steps-height);\n\n &:first-child {\n padding-left: var(--gap-md);\n border-radius: px2rem(4px) 0 0 0;\n }\n\n &:before,\n &:after {\n font-family: var(--Wizard-steps-liVender);\n content: var(--Wizard-steps-liAfterContent);\n position: absolute;\n bottom: 0;\n right: px2rem(-10px);\n border: $Wizard-steps-liAfterBorder;\n border-right: 0;\n border-left: px2rem(10px) solid var(--borderColor);\n border-left-color: rgba(0, 0, 0, 0.05);\n z-index: 2;\n }\n\n &:after {\n right: px2rem(-9px);\n border-left-color: var(--Wizard-steps-bg);\n z-index: 2;\n }\n\n &.is-active {\n color: var(--Wizard-steps-li-onActive-color);\n background: var(--Wizard-steps-li-onActive-bg);\n }\n\n &.is-active:after {\n border-left-color: var(--Wizard-steps-li-onActive-arrow-bg);\n }\n\n &.is-complete,\n &.is-complete:hover {\n color: var(--Wizard-steps-li-onActive-color);\n cursor: pointer;\n }\n }\n\n // .Badge {\n // margin-right: px2rem(4px);\n // }\n }\n }\n\n &-stepContent {\n padding: var(--Wizard-stepsContent-padding);\n\n & .Step-pane {\n display: none;\n\n &.is-active {\n display: inherit;\n }\n }\n }\n\n &--vertical {\n > .#{$ns}Wizard-step {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n border-bottom: none;\n\n > .#{$ns}Wizard-steps {\n height: auto;\n min-width: 40px;\n margin-right: 30px;\n margin-bottom: px2rem(30px); // padding: 0;\n background: none;\n border-bottom: none;\n\n li {\n background: var(--Wizard-steps-bg);\n }\n\n ul li {\n height: px2rem(40px);\n line-height: px2rem(40px);\n position: relative;\n float: none;\n border-bottom: var(--borderWidth) solid var(--borderColor);\n padding-left: var(--gap-md);\n\n &.is-active {\n background: #fff;\n }\n }\n }\n\n > .#{$ns}Wizard-stepContent {\n flex-grow: 1;\n width: 0;\n }\n\n > .#{$ns}Wizard-footer {\n width: 100%;\n }\n }\n }\n}\n",".#{$ns}Crud {\n position: relative;\n\n &.is-loading > &-body {\n // 弹框中,blur 效果变成白班,先去掉。\n // -webkit-filter: blur(5px);\n // filter: blur(5px);\n }\n\n &-selection {\n margin-bottom: var(--gap-base);\n }\n\n &-selectionLabel {\n display: inline-block;\n vertical-align: top;\n margin-top: var(--gap-xs);\n }\n\n &-value {\n cursor: pointer;\n vertical-align: middle;\n user-select: none;\n line-height: calc(\n var(--Form-input-lineHeight) * var(--Form-input-fontSize) - #{px2rem(2px)}\n );\n display: inline-block;\n font-size: var(--Form-selectValue-fontSize);\n color: var(--Form-selectValue-color);\n background: var(--Form-selectValue-bg);\n border: px2rem(1px) solid var(--Form-selectValue-borderColor);\n border-radius: 2px;\n margin-right: var(--gap-xs);\n margin-top: var(--gap-xs);\n\n &:hover {\n background: var(--Form-selectValue-onHover-bg);\n }\n\n &.is-disabled {\n pointer-events: none;\n opacity: var(--Button-onDisabled-opacity);\n }\n }\n\n &-valueIcon {\n cursor: pointer;\n border-right: px2rem(1px) solid var(--Form-selectValue-borderColor);\n padding: 1px 5px;\n\n &:hover {\n background: var(--Form-selectValue-onHover-bg);\n }\n }\n\n &-valueLabel {\n padding: 0 var(--gap-xs);\n }\n\n &-selectionClear {\n display: inline-block;\n cursor: pointer;\n user-select: none;\n margin-left: var(--gap-xs);\n margin-top: var(--gap-xs);\n vertical-align: middle;\n }\n\n &-toolbar-item {\n margin-left: var(--Crud-toolbar-gap);\n margin-top: var(--Crud-toolbar-gap);\n line-height: var(--Crud-toolbar-lineHeight);\n height: var(--Crud-toolbar-height);\n vertical-align: middle;\n display: inline-flex;\n align-items: center;\n\n &--left {\n float: left;\n }\n\n &--right {\n float: right;\n }\n }\n\n &-actions {\n > * + .#{$ns}Button,\n > * + .#{$ns}ButtonGroup,\n > * + .#{$ns}ButtonToolbar {\n margin-left: var(--Crud-toolbar-gap);\n }\n }\n\n &-statistics {\n line-height: var(--Crud-toolbar-height);\n vertical-align: middle;\n }\n\n &-pageSwitch {\n .#{$ns}Select {\n margin-left: var(--Crud-toolbar-gap);\n }\n }\n\n &-pager {\n align-self: flex-start;\n }\n\n &-filter {\n margin-bottom: var(--gap-base);\n }\n}\n\n@include media-breakpoint-up(sm) {\n .#{$ns}Crud {\n &-toolbar {\n margin-left: calc(var(--Crud-toolbar-gap) * -1);\n margin-top: calc(var(--Crud-toolbar-gap) * -1);\n flex-basis: 0;\n flex-grow: 1;\n @include clearfix();\n }\n\n &-toolbar-item {\n margin-left: var(--Crud-toolbar-gap);\n line-height: var(--Crud-toolbar-lineHeight);\n height: var(--Crud-toolbar-height);\n vertical-align: middle;\n\n &--left {\n float: left;\n }\n\n &--right {\n float: right;\n }\n }\n\n &-actions {\n > * + .#{$ns}Button,\n > * + .#{$ns}Button--disabled-wrap {\n margin-left: var(--Crud-toolbar-gap);\n }\n }\n }\n}\n",".#{$ns}Table {\n position: relative;\n\n border-radius: var(--Table-borderRadius);\n margin-bottom: var(--gap-md);\n\n .#{$ns}Form-control > & {\n margin-bottom: var(--gap-sm);\n }\n\n &-fixedLeft,\n &-fixedRight {\n position: absolute;\n background: var(--Table-bg);\n z-index: var(--Table-fixed-zIndex);\n top: auto;\n box-shadow: none;\n }\n\n &-fixedLeft {\n // 还是改成默认不显示,footable 展示的时候,配置 固定列还没修复\n left: 0;\n top: -999999px;\n\n &.in {\n box-shadow: var(--Table-fixedLeft-boxShadow);\n top: auto;\n }\n\n & > .#{$ns}Table-table {\n > thead > tr > th:last-child,\n > tbody > tr > td:last-child {\n padding-right: var(--TableCell-paddingX);\n }\n\n // > thead > tr > th:last-child {\n // border-right: var(--Table-thead-borderWidth) solid var(--Table-thead-borderColor);\n // }\n }\n }\n\n &-fixedRight {\n // 还是改成默认不显示,footable 展示的时候,配置 固定列还没修复\n right: 0;\n top: -999999px;\n\n &.in {\n box-shadow: var(--Table-fixedRight-boxShadow);\n top: auto;\n }\n\n & > .#{$ns}Table-table {\n > thead > tr > th:first-child,\n > tbody > tr > td:first-child {\n padding-left: var(--TableCell-paddingX);\n }\n\n // > thead > tr > th:first-child {\n // border-left: var(--Table-thead-borderWidth) solid var(--Table-thead-borderColor);\n // }\n }\n }\n\n &-fixedTop {\n position: absolute;\n background: var(--Table-bg);\n z-index: -1;\n opacity: 0;\n box-shadow: var(--Table-fixedTop-boxShadow);\n\n // box-sizing: content-box;\n // padding: var(--gap-base) var(--gap-base) 0 var(--gap-base);\n // margin: calc(var(--gap-base) * -1) calc(var(--gap-base) * -1) 0\n // calc(var(--gap-base) * -1);\n // > * {\n // box-sizing: border-box;\n // }\n\n &.in {\n position: fixed;\n opacity: 1;\n z-index: $zindex-affix;\n }\n\n > .#{$ns}Table-fixedLeft,\n > .#{$ns}Table-fixedRight {\n z-index: $zindex-affix + 10;\n // box-shadow: none;\n background: transparent;\n }\n\n &.is-fakeHide {\n > .#{$ns}Table-fixedLeft,\n > .#{$ns}Table-fixedRight,\n > .#{$ns}Table-wrapper {\n visibility: hidden;\n position: absolute;\n }\n }\n }\n\n &-heading {\n background: var(--Table-heading-bg);\n padding: calc(\n (\n var(--Table-heading-height) - var(--Table-fontSize) *\n var(--lineHeightBase)\n ) / 2\n )\n var(--gap-sm);\n }\n\n &--unsaved &-heading {\n background: var(--Table--unsaved-heading-bg);\n color: var(--Table--unsaved-heading-color);\n }\n\n &-wrapper {\n overflow: hidden;\n }\n\n &-placeholder {\n color: var(--text--muted-color);\n text-align: center;\n height: var(--Table-placeholder-height);\n background: transparent !important;\n\n &:hover {\n color: var(--text--muted-color);\n background: transparent !important;\n }\n\n > td {\n vertical-align: middle !important;\n text-align: center;\n }\n }\n\n &-searchableForm {\n background: var(--Table-searchableForm-backgroundColor);\n border-radius: var(--Table-searchableForm-borderRadius);\n\n &-footer {\n padding: var(--Panel-footerPadding);\n clear: both;\n }\n\n &-checkbox {\n & > div > .#{$ns}CheckboxControl {\n padding-top: 0;\n }\n }\n }\n\n &-header {\n padding: var(--Table-toolbar-marginY) var(--Table-toolbar-marginX);\n\n > * + .#{$ns}Button,\n > * + .#{$ns}ButtonGroup,\n > * + .#{$ns}ButtonToolbar {\n margin-left: var(--Crud-toolbar-gap);\n }\n }\n\n &-toolbar {\n @include clearfix();\n display: flex;\n margin: 0 var(--Table-toolbar-marginX) var(--Table-toolbar-marginY);\n flex-wrap: wrap;\n\n .#{$ns}DropDown {\n &-menuItem {\n height: auto;\n\n .#{$ns}Checkbox {\n display: flex;\n align-items: center;\n }\n }\n }\n }\n\n &-header + &-toolbar {\n padding-top: 0;\n }\n\n &-contentWrap {\n position: relative;\n margin-bottom: var(--Table-toolbar-marginY);\n }\n\n &-actions {\n display: inline-block;\n\n > * {\n margin-right: var(--Crud-toolbar-gap);\n }\n }\n\n &-content {\n min-height: 0.01%;\n overflow-x: auto;\n transform: translateZ(0);\n\n th {\n position: relative;\n }\n }\n\n &-content-colDragLine {\n position: absolute;\n width: 7px;\n top: 0;\n bottom: 0;\n right: -4px;\n cursor: col-resize;\n user-select: none;\n opacity: 0.5;\n z-index: $zindex-top;\n &:hover {\n background: var(--primary);\n }\n }\n\n &-table {\n width: 100%;\n min-width: 100%;\n margin-bottom: 0;\n font-size: var(--Table-fontSize);\n color: var(--Table-color);\n background: var(--Table-bg);\n border-spacing: 0;\n border-collapse: collapse;\n border: var(--Table-borderWidth) solid var(--Table-borderColor);\n\n & th,\n & td {\n text-align: left;\n }\n\n & th.text-center,\n & td.text-center,\n & th[colspan],\n & td[colspan] {\n text-align: center;\n }\n\n & th.text-right,\n & td.text-right {\n text-align: right;\n }\n\n &--withCombine {\n > thead > tr > th,\n > tbody > tr > td {\n &:first-child {\n padding-left: var(--TableCell-paddingX) !important;\n }\n\n &:last-child {\n padding-right: var(--TableCell-paddingX) !important;\n }\n }\n\n // reset\n > tbody > tr {\n @if $Table-strip-bg !=transparent {\n &.#{$ns}Table-tr--odd {\n background: transparent;\n }\n }\n\n &:hover {\n background: transparent;\n }\n\n > td {\n vertical-align: middle;\n }\n\n > td:not(:last-child) {\n border-right: var(--Table-borderWidth) solid var(--Table-borderColor);\n }\n }\n }\n\n &--checkOnItemClick {\n > tbody > tr {\n cursor: pointer;\n }\n }\n\n > thead > tr {\n > th {\n background: var(--Table-thead-bg);\n padding: var(--TableCell-paddingY) var(--TableCell-paddingX);\n\n &:first-child {\n padding-left: var(--TableCell--edge-paddingX);\n }\n\n &:last-child {\n padding-right: var(--TableCell--edge-paddingX);\n .#{$ns}Table-content-colDragLine {\n // 避免出现横向滚动条\n width: 4px;\n right: 0;\n }\n }\n\n &:not(:last-child) {\n border-right: var(--Table-thead-borderWidth) solid\n var(--Table-thead-borderColor);\n }\n border-bottom: var(--Table-thead-borderWidth) solid\n var(--Table-thead-borderColor);\n\n font-size: var(--Table-thead-fontSize);\n color: var(--Table-thead-color);\n font-weight: var(--fontWeightNormal);\n white-space: nowrap;\n\n // .#{$ns}TableCell--title {\n // display: flex;\n // align-items: center;\n // }\n .#{$ns}Remark {\n margin-left: var(--gap-xs);\n }\n }\n }\n\n > thead > tr + tr {\n border-top: var(--Table-borderWidth) solid var(--Table-borderColor);\n }\n\n > thead > tr {\n border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor);\n }\n\n > tbody > tr {\n position: relative;\n\n & + tr {\n border-top: var(--Table-borderWidth) solid var(--Table-borderColor);\n > th {\n border-top: var(--Table-thead-borderWidth) solid\n var(--Table-thead-borderColor);\n }\n }\n\n > th {\n background: var(--Table-thead-bg);\n // font-size: var(--Table-thead-fontSize);\n color: var(--Table-thead-color);\n font-weight: var(--fontWeightNormal);\n white-space: nowrap;\n border-right: var(--Table-thead-borderWidth) solid\n var(--Table-thead-borderColor);\n }\n\n > td,\n > th {\n padding: var(--TableCell-paddingY) var(--TableCell-paddingX);\n\n &:first-child {\n padding-left: var(--TableCell--edge-paddingX);\n }\n\n &:last-child {\n padding-right: var(--TableCell--edge-paddingX);\n }\n }\n\n @if var(--Table-strip-bg) !=transparent {\n background: transparent;\n\n &.#{$ns}Table-tr--odd {\n background: var(--Table-strip-bg);\n }\n }\n\n &.#{$ns}Table-tr--hasItemAction:hover {\n cursor: pointer;\n }\n\n &:hover,\n &.is-hovered {\n background: var(--Table-onHover-bg);\n border-color: var(--Table-onHover-borderColor);\n color: var(--Table-onHover-color);\n\n & + tr {\n border-color: var(--Table-onHover-borderColor);\n }\n }\n\n &.is-checked {\n background: var(--Table-onChecked-bg);\n border-color: var(--Table-onChecked-borderColor);\n color: var(--Table-onChecked-color);\n\n & + tr {\n border-color: var(--Table-onChecked-borderColor);\n }\n }\n\n &.is-moved,\n &.is-modified {\n background: var(--Table-onModified-bg);\n border-color: var(--Table-onModified-borderColor);\n color: var(--Table-onModified-color);\n\n & + tr {\n border-color: var(--Table-onModified-borderColor);\n }\n }\n\n &.is-summary {\n background: var(--Table-thead-bg);\n color: var(--Table-thead-color);\n font-weight: var(--fontWeightNormal);\n }\n\n &.bg-light {\n @include color-variant($light, 2%, 3%, 3%, 5%);\n color: $text-color;\n }\n\n &.bg-dark {\n @include color-variant($dark, 5%, 10%, 5%, 10%);\n @include font-variant($dark);\n }\n\n &.bg-black {\n @include color-variant($black, 5%, 10%, 5%, 10%);\n @include font-variant($black);\n }\n\n &.bg-primary {\n @include color-variant($primary, 5%, 10%, 5%, 10%);\n @include font-variant($primary);\n }\n\n &.bg-success {\n @include color-variant($success, 5%, 10%, 5%, 10%);\n @include font-variant($success);\n }\n\n &.bg-info {\n @include color-variant($info, 5%, 10%, 5%, 10%);\n @include font-variant($info);\n }\n\n &.bg-warning {\n @include color-variant($warning, 5%, 10%, 5%, 10%);\n @include font-variant($warning);\n }\n\n &.bg-danger {\n @include color-variant($danger, 5%, 10%, 5%, 10%);\n @include font-variant($danger);\n }\n\n &.is-dragging {\n opacity: var(--Table-onDragging-opacity);\n }\n }\n\n @for $i from 2 through 10 {\n tr.#{$ns}Table-tr--#{$i}th.is-expanded {\n .#{$ns}Table-expandCell:before {\n right: px2rem(7px) + px2rem(-18px) * ($i - 1);\n }\n }\n\n tr.#{$ns}Table-tr--#{$i}th {\n .#{$ns}Table-expandBtn {\n position: relative;\n right: -(px2rem(18px)) * ($i - 1);\n }\n\n .#{$ns}Table-expandCell + td {\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: px2rem(1px);\n top: 0;\n bottom: 0;\n left: px2rem(-8px) + px2rem(18px) * ($i - 2);\n height: auto;\n background: var(--Table-tree-borderColor);\n }\n\n &::after {\n content: '';\n position: absolute;\n height: px2rem(1px);\n top: 50%;\n left: px2rem(-8px) + px2rem(18px) * ($i - 2);\n width: px2rem(10px);\n background: var(--Table-tree-borderColor);\n }\n\n padding-left: px2rem(18px) * $i - px2rem(18px);\n }\n }\n\n tr.#{$ns}Table-tr--#{$i}th.is-expandable {\n .#{$ns}Table-expandCell + td {\n padding-left: px2rem(18px) * ($i - 1);\n }\n }\n\n tr.#{$ns}Table-tr--#{$i}th.is-last:not(.is-expanded) {\n .#{$ns}Table-expandCell + td {\n &::before {\n height: 50%;\n bottom: auto;\n }\n }\n }\n }\n\n > thead > tr > th.#{$ns}Table-checkCell,\n > tbody > tr > td.#{$ns}Table-checkCell {\n border-right: 0;\n width: px2rem(1px);\n padding-right: var(--TableCell-paddingX);\n white-space: nowrap;\n\n .#{$ns}Checkbox {\n margin: 0;\n }\n }\n\n > thead > tr > th.#{$ns}Table-expandCell,\n > tbody > tr > td.#{$ns}Table-expandCell {\n border-right: 0;\n width: px2rem(1px);\n padding-right: 0;\n }\n\n > thead > tr > th.#{$ns}Table-dragCell,\n > tbody > tr > td.#{$ns}Table-dragCell {\n border-right: 0;\n width: px2rem(1px);\n padding-right: 0;\n cursor: move;\n > svg {\n vertical-align: middle;\n }\n }\n\n > tbody > tr > td.#{$ns}Table-expandCell {\n position: relative;\n\n @for $i from 1 through 7 {\n .#{$ns}Table-divider-#{$i} {\n position: absolute;\n width: px2rem(1px);\n top: 0;\n bottom: 0;\n height: 100%;\n background: var(--Table-tree-borderColor);\n right: px2rem(7px) + px2rem(-18px) * ($i - 1);\n }\n }\n }\n\n > tbody > tr.is-expanded > td.#{$ns}Table-expandCell {\n // position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: px2rem(1px);\n top: 50%;\n bottom: 0;\n right: px2rem(7px);\n height: auto;\n background: var(--Table-tree-borderColor);\n }\n }\n\n > thead > tr > th.#{$ns}TableCell--sortable {\n padding-right: calc(\n var(--TableCell-paddingX) + var(--TableCell-sortBtn-width)\n );\n position: relative;\n }\n\n > thead > tr > th.#{$ns}TableCell--searchable {\n padding-right: calc(\n var(--TableCell-paddingX) + var(--TableCell-searchBtn-width)\n );\n position: relative;\n }\n\n > thead > tr > th.#{$ns}TableCell--filterable {\n padding-right: calc(\n var(--TableCell-paddingX) + var(--TableCell-filterBtn-width)\n );\n position: relative;\n }\n }\n\n &Cell-sortBtn {\n cursor: pointer;\n width: var(--TableCell-sortBtn-width);\n height: var(--gap-md);\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: calc(var(--TableCell-paddingX) - var(--TableCell-sortBtn-width) / 2);\n top: 50%;\n transform: translateY(-50%);\n color: var(--icon-color);\n\n &:hover {\n color: var(--icon-onHover-color);\n }\n\n &--up > svg,\n &--down > svg,\n &--default > svg {\n color: inherit;\n width: 12px;\n height: 12px;\n }\n\n &--up,\n &--down,\n &--default {\n display: none;\n position: absolute;\n z-index: 2;\n font-style: normal;\n\n &.is-active {\n display: inline-block;\n }\n }\n\n &--default {\n &.is-active {\n color: var(--text--muted-color);\n &:hover {\n color: var(--text-color);\n }\n }\n }\n &--up,\n &--down {\n &.is-active {\n color: var(--TableCell-sortBtn--onActive-color);\n }\n }\n }\n\n &Cell-searchBtn {\n cursor: pointer;\n // width: var(--TableCell-searchBtn-width);\n position: absolute;\n right: var(--gap-xs);\n top: 50%;\n transform: translateY(-50%);\n color: var(--text--muted-color);\n\n svg.icon {\n width: 12px;\n height: 12px;\n }\n\n &:hover {\n color: var(--text-color);\n }\n &.is-active {\n color: var(--TableCell-searchBtn--onActive-color);\n }\n }\n\n &Cell-searchPopOver {\n border: none;\n min-width: px2rem(320px);\n max-width: px2rem(640px);\n\n .#{$ns}Panel {\n margin: 0;\n }\n }\n\n &Cell-filterBtn {\n cursor: pointer;\n width: var(--TableCell-filterBtn-width);\n position: absolute;\n right: calc(\n var(--TableCell-paddingX) - var(--TableCell-filterBtn-width) / 2\n );\n top: 50%;\n transform: translateY(-50%);\n color: var(--text--muted-color);\n\n svg.icon {\n width: 12px;\n height: 12px;\n }\n\n &:hover {\n color: var(--text-color);\n }\n\n &.is-active {\n color: var(--TableCell-filterBtn--onActive-color);\n }\n\n .#{$ns}Remark {\n display: inline;\n }\n }\n\n &Cell-filterPopOver {\n border: none;\n width: px2rem(160px);\n\n .#{$ns}DropDown-menu {\n margin: 0;\n padding: 0;\n border-radius: 0;\n\n .#{$ns}DropDown-divider {\n height: var(--TableCell-filterPopOver-dropDownItem-height);\n line-height: var(--TableCell-filterPopOver-dropDownItem-height);\n padding: var(--TableCell-filterPopOver-dropDownItem-padding);\n background: var(--white);\n margin: 0;\n\n &:hover {\n background: var(--light);\n color: var(--primary);\n }\n\n &.is-selected {\n background: var(--light);\n color: var(--primary);\n }\n\n .#{$ns}Checkbox {\n width: 100%;\n margin: 0;\n }\n }\n }\n }\n\n &-itemActions-wrap {\n position: absolute;\n width: 100%;\n z-index: calc(var(--Table-fixed-zIndex) + 1);\n left: 0;\n top: 0;\n min-height: 30px;\n pointer-events: none;\n box-shadow: var(--Table-onHover-boxShadow);\n }\n\n &-itemActions {\n pointer-events: all;\n position: absolute;\n // background: var(--Table-onHover-bg);\n background: linear-gradient(\n 90deg,\n rgba(var(--Table-onHover-bg-rgb), 0) 0%,\n rgba(var(--Table-onHover-bg-rgb), 1) 20%,\n rgba(var(--Table-onHover-bg-rgb), 1) 100%\n );\n top: var(--Table-borderWidth);\n bottom: 0;\n right: 0;\n padding-left: px2rem(80px);\n padding-right: var(--TableCell-paddingX);\n display: flex;\n align-items: center;\n\n a {\n cursor: pointer;\n padding: var(--gap-xs) var(--gap-sm);\n color: var(--link-color);\n text-decoration: var(--link-decoration);\n\n &:hover {\n color: var(--link-onHover-color);\n text-decoration: var(--link-onHover-decoration);\n }\n\n &.is-disabled {\n pointer-events: none;\n opacity: var(--Button-onDisabled-opacity);\n color: var(--text--muted-color);\n }\n }\n }\n\n &-dragTip {\n color: var(--text--loud-color);\n clear: both;\n margin-top: var(--gap-xs);\n width: 100%;\n color: var(--info);\n }\n\n &-footTable {\n position: relative;\n width: 100%;\n border-spacing: 0;\n border-collapse: collapse;\n margin-bottom: 0;\n background: transparent;\n\n > tbody > tr > th {\n width: px2rem(120px);\n text-align: right;\n padding: var(--TableCell-paddingY) var(--TableCell-paddingX);\n }\n\n > tbody > tr > td {\n word-break: break-all;\n padding: var(--TableCell-paddingY) var(--TableCell-paddingX);\n }\n\n > tbody > tr:not(:first-child) {\n border-top: var(--Table-borderWidth) solid\n var(--Table-tbody-borderTopColor);\n }\n }\n\n &-expandBtn {\n position: relative;\n z-index: 1;\n color: var(--Table-expandBtn-color);\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: px2rem(14px);\n line-height: 1;\n height: 16px;\n\n > svg {\n display: inline-block;\n text-align: center;\n cursor: pointer;\n transition: transform ease-in-out var(--animation-duration),\n top ease-in-out var(--animation-duration);\n position: relative;\n transform-origin: 50% 50%;\n width: px2rem(10px);\n height: px2rem(10px);\n top: 0;\n }\n\n &.is-active > svg {\n transform: rotate(90deg);\n }\n\n &:hover {\n text-decoration: none;\n }\n }\n\n &-dragBtn {\n margin-right: var(--gap-xs);\n display: inline-block;\n visibility: hidden;\n cursor: move;\n color: var(--icon-color);\n\n &:hover {\n text-decoration: none;\n color: var(--icon-onHover-color);\n }\n > svg {\n vertical-align: -2px;\n }\n }\n\n &-table > tbody > tr:hover .#{$ns}Table-dragBtn,\n &-table > tbody > tr.is-dragging .#{$ns}Table-dragBtn,\n &-table > tbody > tr.is-drop-allowed .#{$ns}Table-dragBtn {\n visibility: visible;\n }\n\n .fake-hide {\n visibility: hidden;\n position: absolute;\n }\n\n &-badge {\n position: absolute;\n top: 0;\n left: 0;\n }\n\n &--autoFillHeight {\n margin-bottom: 0;\n > .#{$ns}Table-contentWrap {\n > .#{$ns}Table-content table {\n border-top: none; // 不然会导致拖动时顶部露出内容\n }\n > .#{$ns}Table-content table thead {\n position: sticky; // 简单实现表头吸顶效果,不考虑 IE 11 不然太麻烦\n top: 0;\n z-index: 1; // 由于 badge 导致 tbody 里 tr 的 position: relative 了\n }\n }\n > .#{$ns}Table-fixedTop {\n display: none;\n }\n > .#{$ns}Table-footToolbar {\n margin-bottom: 0;\n }\n }\n}\n\n.#{$ns}InputTable-toolbar {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-between;\n}\n\n.#{$ns}InputTable-pager {\n margin-left: auto;\n}\n\n.#{$ns}OperationField {\n margin: px2rem(-3px);\n\n > .#{$ns}Button,\n > .#{$ns}Button--disabled-wrap > .#{$ns}Button {\n margin: px2rem(3px);\n }\n\n > .#{$ns}Button--disabled-wrap > .#{$ns}Button--link {\n padding: 0;\n }\n\n > .#{$ns}Button--link {\n padding: 0;\n margin-right: px2rem(10px);\n }\n}\n",".#{$ns}ColumnToggler {\n position: relative;\n display: inline-block;\n\n &-caret {\n margin-left: var(--DropDown-caret-marginLeft);\n display: inline-block;\n vertical-align: top;\n transition: transform var(--animation-duration) ease;\n\n > svg {\n width: px2rem(10px);\n height: px2rem(10px);\n top: 0.125em;\n }\n }\n\n &.is-opened &-caret {\n transform: rotate(180deg);\n }\n\n &.is-actived > .#{$ns}Button {\n color: var(--link-color);\n }\n\n &--block {\n display: block;\n\n .#{$ns}Button {\n display: block;\n }\n }\n\n &-menu {\n position: absolute;\n z-index: $zindex-dropdown;\n top: 100%;\n left: 0;\n margin: px2rem(1px) 0 0;\n background: var(--DropDown-menu-bg);\n list-style: none;\n padding: var(--DropDown-menu-paddingY) var(--DropDown-menu-paddingX);\n border: var(--DropDown-menu-borderWidth) solid\n var(--DropDown-menu-borderColor);\n border-radius: var(--DropDown-menu-borderRadius);\n box-shadow: var(--DropDown-menu-boxShadow);\n min-width: var(--DropDown-menu-minWidth);\n text-align: left;\n }\n\n &--alignRight &-menu {\n left: auto;\n right: 0;\n }\n\n &-menuItem,\n &-menu > li {\n padding: var(--DropDown-menuItem-paddingY) var(--DropDown-menuItem-paddingX);\n white-space: nowrap;\n box-sizing: border-box;\n height: var(--DropDown-menu-height);\n vertical-align: middle;\n user-select: none;\n color: var(--link-color);\n text-decoration: var(--link-decoration);\n\n &:hover {\n background: var(--DropDown-menuItem-onHover-bg);\n color: var(--DropDown-menuItem-onHover-color);\n }\n\n &.is-active {\n color: var(--DropDown-menuItem-onActive-color);\n }\n\n &:not(.is-disabled),\n &:not(.disabled) {\n cursor: pointer;\n }\n\n &.is-disabled {\n cursor: not-allowed;\n // pointer-events: none;\n color: var(--DropDown-menuItem-onDisabled-color);\n filter: grayscale(80%);\n }\n\n &.#{$ns}DropDown-divider {\n height: px2rem(1px);\n margin: px2rem(9px) 0;\n overflow: hidden;\n background: var(--DropDown-menu-borderColor);\n padding: 0;\n }\n }\n\n &-menu > li a {\n color: inherit;\n display: block;\n text-decoration: none;\n }\n\n &-popover {\n border: none;\n box-shadow: none;\n }\n\n > .#{$ns}Button {\n min-width: unset;\n }\n\n @mixin flex-layout($direction: row) {\n display: flex;\n flex-flow: $direction nowrap;\n justify-content: space-between;\n align-items: center;\n }\n\n &-modal {\n @include flex-layout(column);\n width: px2rem(400px);\n padding: var(--ColumnToggler-lineHeight);\n margin-top: calc(50vh - 100px);\n border-radius: var(--ColumnToggler-borderRadius);\n background: var(--ColumnToggler-backgroundColor);\n box-shadow: 0 4px 5px 0 rgba(21, 26, 38, 0.06),\n 0 1px 10px 0 rgba(21, 26, 38, 0.05), 0 2px 4px -1px rgba(21, 26, 38, 0.04);\n\n &-header {\n width: 100%;\n @include flex-layout();\n\n a,\n span {\n display: inline-block;\n }\n\n .#{$ns}ColumnToggler-modal-title {\n opacity: 0.95;\n font-size: var(--fontSizeMd);\n color: var(--ColumnToggler-title-fontColor);\n line-height: var(--ColumnToggler-lineHeight);\n font-weight: bold;\n }\n }\n\n &-content {\n padding: 0;\n width: 100%;\n list-style: none;\n margin: px2rem(8px) 0;\n\n .#{$ns}ColumnToggler-menuItem {\n color: var(--ColumnToggler-title-fontColor);\n background: var(--ColumnToggler-item-backgroundColor);\n border-radius: px2rem(2px);\n font-size: var(--fontSizeSm);\n padding: px2rem(4px) px2rem(8px);\n height: var(--ColumnToggler-lineHeight);\n width: calc((100% - 24px) / 3);\n float: left;\n margin: px2rem(4px);\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n\n &:hover {\n background: var(--ColumnToggler-item-backgroundColor-onHover);\n }\n\n &--dragging {\n border: 1px solid var(--link-color);\n }\n\n label {\n > i {\n height: var(--fontSizeLg);\n width: var(--fontSizeLg);\n vertical-align: top;\n }\n }\n\n &-dragBar {\n margin-left: 0;\n margin-right: var(--gap-xs);\n cursor: move;\n color: #d8d8d8;\n }\n }\n }\n\n &-footer {\n width: 100%;\n @include flex-layout();\n\n .#{$ns}ColumnToggler-modeSelect {\n color: var(--ColumnToggler-fontColor);\n font-size: var(--fontSizeSm);\n\n &.is-actived {\n color: var(--link-color);\n }\n }\n\n & > div {\n @include flex-layout();\n\n &:first-child {\n justify-content: flex-start;\n\n a {\n display: inline-block;\n }\n }\n\n &:last-child {\n justify-content: flex-end;\n\n button {\n width: 72px;\n }\n }\n }\n }\n }\n}\n\n.#{$ns}ColumnToggler-tooltip {\n border: none;\n\n .#{$ns}Tooltip-arrow::before {\n border-top-color: transparent;\n }\n}\n",".#{$ns}List {\n position: relative;\n\n &-items {\n border-radius: var(--List-borderRadius);\n border: var(--List-borderWidth) solid var(--List-borderColor);\n background: var(--List-bg);\n margin-bottom: var(--gap-sm);\n }\n\n &-toolbar {\n @include clearfix();\n display: flex;\n flex-wrap: wrap;\n margin: 0 var(--List-toolbar-marginX) var(--List-toolbar-marginY);\n }\n\n &-actions {\n display: inline-block;\n\n > * {\n margin-right: var(--Crud-toolbar-gap);\n }\n }\n\n &-header {\n padding: var(--List-toolbar-marginY) var(--List-toolbar-marginX);\n\n > * + .#{$ns}Button,\n > * + .#{$ns}ButtonGroup,\n > * + .#{$ns}ButtonToolbar {\n margin-left: var(--Crud-toolbar-gap);\n }\n }\n\n &-header + &-toolbar {\n padding-top: 0;\n }\n\n &-heading {\n padding: var(--gap-xs) 0;\n }\n\n &-fixedTop {\n position: absolute;\n background: var(--white);\n z-index: -1;\n opacity: 0;\n box-shadow: var(--List-fixedTop-boxShadow);\n // padding: var(--gap-sm);\n\n &.in {\n position: fixed;\n opacity: 1;\n z-index: $zindex-affix;\n }\n\n .#{$ns}Cards-toolbar {\n margin-bottom: 0;\n }\n\n &:empty {\n display: none;\n }\n }\n\n &--unsaved &-heading {\n background: var(--List--unsaved-heading-bg);\n color: var(--List--unsaved-heading-color);\n padding: var(--gap-xs) var(--gap-sm);\n margin-bottom: var(--gap-sm);\n }\n\n &-dragTip {\n width: 100%;\n color: var(--info);\n clear: both;\n margin-top: var(--gap-xs);\n }\n\n &-placeholder {\n color: var(--text--muted-color);\n text-align: center;\n min-height: var(--List-placeholder-height);\n line-height: var(--List-placeholder-height);\n }\n}\n\n.#{$ns}ListGroup {\n max-width: px2rem(400px);\n display: flex;\n flex-direction: column;\n\n &-item {\n position: relative;\n display: block;\n padding: var(--ListItem-paddingY) var(--ListItem-paddingX);\n margin-bottom: px2rem(-1px);\n background: var(--white);\n border: var(--ListItem-borderWidth) solid var(--List-borderColor);\n\n &:first-child {\n border-top-left-radius: var(--borderRadius);\n border-top-right-radius: var(--borderRadius);\n }\n\n &:last-child {\n border-bottom-left-radius: var(--borderRadius);\n border-bottom-right-radius: var(--borderRadius);\n margin-bottom: 0;\n }\n\n &:hover {\n // todo\n z-index: 1;\n }\n\n &.is-active {\n // todo\n z-index: 2;\n }\n\n &.is-disabled {\n color: var(--text--muted-color);\n }\n }\n\n &--expanded {\n .#{$ns}ListGroup-item {\n border-radius: var(--borderRadius);\n\n margin-bottom: var(--gap-sm);\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n }\n}\n\n.#{$ns}ListItem {\n @include clearfix();\n\n & + & {\n border-top: var(--ListItem-borderWidth) solid var(--ListItem-borderColor);\n }\n\n position: relative;\n display: block;\n padding: var(--ListItem-paddingY) var(--ListItem-paddingX);\n\n &:nth-child(even) {\n background: var(--ListItem--strip-bg);\n }\n\n &-checkBtn {\n float: left;\n margin-right: var(--gap-sm);\n }\n\n &-dragBtn {\n cursor: move;\n float: left;\n margin-right: var(--gap-sm);\n }\n\n &-actions {\n float: right;\n }\n\n &--actions-at-left &-actions {\n float: left;\n margin-right: var(--gap-base);\n }\n\n &-title {\n margin: 0;\n padding: 0;\n font-size: var(--fontSizeBase);\n color: var(--text--loud-color);\n font-weight: var(--fontWeightNormal);\n }\n\n &-content {\n overflow: hidden;\n }\n\n &-field {\n position: relative;\n display: flex;\n flex-wrap: nowrap;\n }\n\n &-fieldValue {\n position: relative;\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &-fieldLabel {\n width: px2rem(150px);\n color: var(--text--muted-color);\n }\n\n &.is-checked {\n background: var(--ListItem-onChecked-bg);\n border-color: var(--ListItem-onChecked-borderColor);\n color: var(--ListItem-onChecked-color);\n\n + .#{$ns}ListItem {\n border-color: var(--ListItem-onChecked-borderColor);\n }\n\n .#{$ns}ListItem-fieldLabel {\n color: var(--ListItem-onChecked-fieldLabel-color);\n }\n }\n\n &.is-modified,\n &.is-moved {\n background: var(--ListItem-onModified-bg);\n border-color: var(--ListItem-onModified-borderColor);\n color: var(--ListItem-onModified-color);\n\n + .#{$ns}ListItem {\n border-color: var(--ListItem-onModified-borderColor);\n }\n\n .#{$ns}ListItem-fieldLabel {\n color: var(--ListItem-onModified-fieldLabel-color);\n }\n }\n\n &.is-dragging {\n opacity: var(--ListItem-onDragging-opacity);\n }\n\n &--hasItemAction {\n cursor: pointer;\n }\n &--hasItemAction:hover {\n color: var(--ListMenu-item--onHover-color);\n background: var(--ListMenu-item--onHover-bg);\n }\n}\n",".#{$ns}Cards {\n &-toolbar {\n @include clearfix();\n margin: 0 var(--Cards-toolbar-marginX) var(--Cards-toolbar-marginY);\n }\n\n &-actions {\n display: inline-block;\n\n > * {\n margin-right: var(--Crud-toolbar-gap);\n }\n }\n\n &-heading {\n padding: var(--gap-xs) 0;\n }\n\n &-header {\n padding: var(--Cards-toolbar-marginY) var(--Cards-toolbar-marginX);\n\n > * + .#{$ns}Button,\n > * + .#{$ns}ButtonGroup,\n > * + .#{$ns}ButtonToolbar {\n margin-left: var(--Crud-toolbar-gap);\n }\n }\n\n &-header + &-toolbar {\n padding-top: 0;\n }\n\n &-fixedTop {\n position: absolute;\n background: var(--white);\n z-index: -1;\n opacity: 0;\n box-shadow: var(--Cards-fixedTop-boxShadow);\n padding: var(--gap-sm);\n\n &.in {\n position: fixed;\n opacity: 1;\n z-index: $zindex-affix;\n }\n\n .#{$ns}Cards-toolbar {\n margin-bottom: 0;\n }\n\n &:empty {\n display: none;\n }\n }\n\n &--unsaved &-heading {\n background: var(--Cards--unsaved-heading-bg);\n color: var(--Cards--unsaved-heading-color);\n padding: var(--gap-xs) var(--gap-sm);\n margin-bottom: var(--gap-sm);\n }\n\n &-dragTip {\n width: 100%;\n color: var(--info);\n clear: both;\n margin-top: var(--gap-xs);\n }\n\n &-placeholder {\n background: var(--white);\n color: var(--text--muted-color);\n text-align: center;\n height: var(--Cards-placeholder-height);\n line-height: var(--Cards-placeholder-height);\n\n border: var(--Card-borderWidth) solid var(--Card-borderColor);\n border-radius: var(--Card-borderRadius);\n }\n\n &-body > div {\n display: flex;\n }\n\n &--masonry {\n display: block;\n\n &:after {\n content: none;\n }\n\n column-gap: 0;\n column-fill: initial;\n\n > div {\n width: 100%;\n float: none;\n break-inside: avoid;\n max-width: unset;\n display: inline-block;\n flex: unset;\n }\n }\n}\n\n@include media-breakpoint-up(sm) {\n .#{$ns}Cards--masonrySm1 {\n column-count: 12;\n }\n\n .#{$ns}Cards--masonrySm2 {\n column-count: 6;\n }\n\n .#{$ns}Cards--masonrySm3 {\n column-count: 4;\n }\n\n .#{$ns}Cards--masonrySm4 {\n column-count: 3;\n }\n\n .#{$ns}Cards--masonrySm6 {\n column-count: 2;\n }\n\n .#{$ns}Cards--masonrySm12 {\n column-count: 1;\n }\n\n .#{$ns}Cards-toolbar {\n display: flex;\n flex-wrap: wrap;\n }\n}\n\n@include media-breakpoint-up(md) {\n .#{$ns}Cards--masonryMd1 {\n column-count: 12;\n }\n\n .#{$ns}Cards--masonryMd2 {\n column-count: 6;\n }\n\n .#{$ns}Cards--masonryMd3 {\n column-count: 4;\n }\n\n .#{$ns}Cards--masonryMd4 {\n column-count: 3;\n }\n\n .#{$ns}Cards--masonryMd6 {\n column-count: 2;\n }\n\n .#{$ns}Cards--masonryMd12 {\n column-count: 1;\n }\n}\n\n@include media-breakpoint-up(lg) {\n .#{$ns}Cards--masonryLg1 {\n column-count: 12;\n }\n\n .#{$ns}Cards--masonryLg2 {\n column-count: 6;\n }\n\n .#{$ns}Cards--masonryLg3 {\n column-count: 4;\n }\n\n .#{$ns}Cards--masonryLg4 {\n column-count: 3;\n }\n\n .#{$ns}Cards--masonryLg6 {\n column-count: 2;\n }\n\n .#{$ns}Cards--masonryLg12 {\n column-count: 1;\n }\n}\n",".#{$ns}Card {\n background: var(--Card-bg);\n border: var(--Card-borderWidth) solid var(--Card-borderColor);\n border-radius: var(--Card-borderRadius);\n margin-bottom: var(--gap-base);\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n\n &--link {\n cursor: pointer;\n }\n\n &-title {\n color: var(--text-color);\n font-size: var(--fontSizeMd);\n font-weight: var(--fontWeightMd);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &-subTitle {\n // white-space: nowrap;\n max-height: calc(var(--fontSizeBase) * var(--lineHeightBase) * 2);\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--text--muted-color);\n\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n }\n\n &-title + &-subTitle {\n margin-top: var(--gap-xs);\n }\n\n &-dragBtn {\n display: inline-block;\n cursor: pointer;\n padding: 0 var(--gap-sm);\n }\n\n &-heading {\n display: flex;\n padding: var(--gap-md);\n flex: 1 0 auto;\n }\n\n &-avtar {\n float: left;\n margin-right: var(--gap-base);\n max-width: px2rem(200px);\n\n img {\n max-width: 100%;\n }\n }\n\n &-avtarText {\n flex-shrink: 0;\n background: var(--primary);\n color: var(--white);\n width: 50px;\n height: 50px;\n line-height: 50px;\n text-align: center;\n vertical-align: middle;\n border-radius: 500px;\n float: left;\n margin-right: var(--gap-base);\n font-size: var(--fontSizeXl);\n text-transform: uppercase();\n }\n\n &-meta {\n display: block;\n flex-grow: 1;\n height: 100%;\n position: relative;\n }\n &-meta + &-toolbar {\n margin-left: var(--gap-md);\n }\n &-toolbar {\n line-height: normal;\n text-align: right;\n }\n &-highlight {\n background: var(--success);\n width: px2rem(8px);\n height: px2rem(8px);\n border-radius: 100%;\n display: inline-block;\n margin: 0 var(--gap-sm);\n }\n\n &-body {\n padding: var(--gap-md);\n flex: 1 0 auto;\n }\n\n &-heading + &-body {\n padding-top: 0;\n }\n\n &-field {\n position: relative;\n display: flex;\n flex-wrap: nowrap;\n }\n\n &-fieldValue {\n position: relative;\n flex-basis: 0;\n flex-grow: 1;\n width: 0;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n &-fieldLabel {\n width: px2rem(60px);\n color: var(--text--muted-color);\n }\n\n &-actions {\n border-top: var(--Card-borderWidth) solid var(--Card-actions-borderColor);\n display: flex;\n flex-direction: row;\n width: 100%;\n table-layout: fixed;\n white-space: nowrap;\n\n > a {\n background: transparent;\n flex-grow: 1;\n border-color: var(--Card-actions-borderColor);\n border-style: solid;\n border-width: 0 var(--Card-borderWidth) 0 0;\n color: var(--text-color);\n text-align: center;\n line-height: px2rem(40px);\n font-size: var(--Card-actions-fontSize);\n\n &:not(.is-disabled) {\n cursor: pointer;\n\n &:hover {\n background: var(--Card-actions-onHover-bg);\n color: var(--Card-actions-onHover-color);\n text-decoration: none;\n }\n }\n\n &:last-child {\n border: none;\n }\n\n &.is-disabled {\n color: var(--text--muted-color);\n\n &:hover {\n text-decoration: none;\n }\n }\n }\n }\n\n &.is-checked {\n background: var(--Card-onChecked-bg);\n border-color: var(--Card-onChecked-borderColor);\n color: var(--Card-onChecked-color);\n\n .#{$ns}Card-actions,\n .#{$ns}Card-actions > a {\n border-color: var(--Card-onChecked-borderColor);\n color: var(--Card-onChecked-color);\n }\n\n .#{$ns}Card-fieldLabel {\n color: var(--Card-onChecked-fieldLabel-color);\n }\n\n .#{$ns}Card-actions > a:hover {\n background: var(--Card-actions-onChecked-onHover-bg);\n color: var(--Card-actions-onChecked-onHover-color);\n }\n }\n\n &.is-modified,\n &.is-moved {\n background: var(--Card-onModified-bg);\n border-color: var(--Card-onModified-borderColor);\n color: var(--Card-onModified-color);\n\n .#{$ns}Card-actions,\n .#{$ns}Card-actions > a {\n border-color: var(--Card-onModified-borderColor);\n color: var(--Card-onModified-color);\n }\n\n .#{$ns}Card-fieldLabel {\n color: var(--Card-onModified-fieldLabel-color);\n }\n\n .#{$ns}Card-actions > a:hover {\n background: var(--Card-onModified-onHover-bg);\n color: var(--Card-onModified-onHover-color);\n }\n }\n\n .is-dragging > & {\n opacity: var(--Card-onDragging-opacity);\n }\n\n &-footer-wrapper {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n &-actions-wrapper {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex-wrap: wrap;\n }\n &-checkbox {\n margin: 0 var(--gap-sm) !important;\n }\n &-secondary {\n max-width: 12.5rem;\n color: var(--Card-secondary-color);\n padding: 0 var(--gap-md);\n font-size: var(--fontSizeMd);\n font-weight: var(--fontWeightBase);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n &-secondary + &-actions-wrapper {\n .#{$ns}Card-actions {\n margin-left: unset;\n border: none;\n width: unset;\n }\n .#{$ns}Card-actions > a {\n border: none;\n }\n }\n &-multiMedia--top,\n &-multiMedia--bottom,\n &-multiMedia--left,\n &-multiMedia--right {\n .#{$ns}Card-actions-wrapper {\n .#{$ns}Card-actions {\n margin-left: unset;\n border: none;\n width: unset;\n }\n .#{$ns}Card-actions > a {\n border: none;\n }\n }\n }\n &-multiMedia--top {\n display: block;\n .#{$ns}Card-multiMedia-img {\n border-bottom-left-radius: unset;\n border-bottom-right-radius: unset;\n }\n }\n &-multiMedia--bottom {\n display: flex;\n flex-direction: column-reverse;\n .#{$ns}Card-actions {\n border-bottom: var(--Card-borderWidth) solid\n var(--Card-actions-borderColor);\n }\n .#{$ns}Card-multiMedia-img {\n border-top-left-radius: unset;\n border-top-right-radius: unset;\n }\n }\n &-multiMedia--top,\n &-multiMedia--bottom {\n .#{$ns}Card-body {\n padding-bottom: var(--gap-md);\n }\n }\n &-multiMedia--left {\n display: flex;\n align-items: center;\n\n .#{$ns}Card-actions {\n margin-left: var(--gap-md);\n border-left: var(--Card-borderWidth) solid var(--Card-actions-borderColor);\n }\n\n .#{$ns}Card-multiMedia-img,\n .#{$ns}Card-multiMedia-video {\n margin: var(--gap-md) 0 var(--gap-md) var(--gap-md);\n }\n }\n &-multiMedia--right {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-direction: row-reverse;\n\n .#{$ns}Card-actions {\n margin-right: var(--gap-md);\n border-right: var(--Card-borderWidth) solid\n var(--Card-actions-borderColor);\n }\n\n .#{$ns}Card-multiMedia-img,\n .#{$ns}Card-multiMedia-video {\n margin: var(--gap-md) var(--gap-md) var(--gap-md) 0;\n }\n }\n &-multiMedia-flex {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n &-multiMedia-img {\n display: block;\n width: 100%;\n height: auto;\n object-fit: cover;\n border-radius: var(--Card-borderRadius);\n }\n &-multiMedia-video {\n width: px2rem(180px);\n height: px2rem(120px);\n .#{$ns}Video {\n width: 100%;\n height: 100%;\n min-width: unset;\n border-radius: var(--Card-borderRadius);\n overflow: hidden;\n .#{$ns}Video-player {\n width: 100%;\n height: 100%;\n .video-react {\n width: 100%;\n height: 100%;\n padding-top: unset !important;\n }\n }\n }\n }\n}\n",".#{$ns}Field-quickEditBtn {\n color: var(--QuickEdit-iconColor);\n margin-left: var(--gap-xs);\n display: inline-block;\n vertical-align: text-top;\n cursor: pointer;\n opacity: 0.6;\n\n &:hover {\n color: var(--QuickEdit-onHover-iconColor);\n opacity: 1;\n }\n}\n\n.#{$ns}Field--quickEditable {\n outline: none;\n position: relative;\n\n &:focus {\n position: relative;\n\n &:after {\n content: '';\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n z-index: 1;\n border: var(--QuickEdit-onFocus-borderWidth) dashed\n var(--QuickEdit-onFocus-borderColor);\n }\n }\n\n &:hover .#{$ns}Field-quickEditBtn {\n visibility: visible;\n }\n}\n\n.#{$ns}QuickEdit-popover {\n min-width: px2rem(320px);\n max-width: px2rem(640px);\n\n .#{$ns}Panel {\n margin-bottom: 0;\n border: none;\n }\n}\n",".#{$ns}Field-popOverBtn {\n color: var(--PopOverAble-iconColor);\n margin-left: var(--gap-xs);\n display: inline-block;\n cursor: pointer;\n opacity: 0.6;\n vertical-align: middle;\n\n &:hover {\n color: var(--PopOverAble-onHover-iconColor);\n opacity: 1;\n }\n}\n\n.#{$ns}Field--popOverAble {\n outline: none;\n position: relative;\n}\n\n.#{$ns}PopOverAble-popover {\n min-width: px2rem(320px);\n max-width: px2rem(640px);\n\n .#{$ns}Panel {\n margin-bottom: 0;\n border: none;\n }\n}\n\n.#{$ns}PopOverAble--fixed {\n position: fixed;\n\n > * {\n margin-bottom: 0;\n }\n}\n\n.#{$ns}PopOverAble--fixed-center {\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.#{$ns}PopOverAble--fixed-left-top {\n top: 0;\n left: 0;\n}\n\n.#{$ns}PopOverAble--fixed-right-top {\n top: 0;\n right: 0;\n}\n\n.#{$ns}PopOverAble--fixed-left-bottom {\n bottom: 0;\n left: 0;\n}\n\n.#{$ns}PopOverAble--fixed-right-bottom {\n bottom: 0;\n right: 0;\n}\n",".#{$ns}Progress {\n &-line {\n display: inline-block;\n width: 100%;\n margin-right: calc(-2em + -8px);\n padding-right: calc(2em + 8px);\n\n &-inter {\n height: 10px;\n background-color: var(--Progress-bar-backgroundColor);\n overflow: hidden;\n border-radius: var(--Progress-borderRadius);\n }\n\n &-no-label {\n padding-right: 0;\n margin-right: 0;\n }\n\n &-text {\n display: inline-block;\n width: 2em;\n margin-left: 8px;\n color: var(--text-color);\n font-size: var(--fontSizeXs);\n white-space: nowrap;\n text-align: left;\n word-break: normal;\n .icon {\n font-size: 15px;\n }\n }\n\n &-bar {\n float: left;\n width: 0;\n height: 100%;\n font-size: 12px;\n line-height: 10px;\n text-align: center;\n background: var(--primary);\n transition: width var(--animation-duration) ease;\n\n &--stripe {\n background-image: linear-gradient(\n 45deg,\n rgba(255, 255, 255, 0.15) 25%,\n transparent 25%,\n transparent 50%,\n rgba(255, 255, 255, 0.15) 50%,\n rgba(255, 255, 255, 0.15) 75%,\n transparent 75%,\n transparent\n );\n background-size: 2rem 2rem;\n }\n\n &--animate {\n position: relative;\n transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;\n &::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: var(--Progress-animate-backgroundColor);\n border-radius: 10px;\n opacity: 0;\n animation: progress-bar-active 2.4s cubic-bezier(0.23, 1, 0.32, 1)\n infinite;\n content: '';\n }\n }\n &--stripe-animate {\n animation: progress-bar-stripes 1s linear infinite;\n }\n }\n }\n\n &-circle {\n width: 120px;\n height: 120px;\n position: relative;\n &-text {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n margin: 0;\n padding: 0;\n color: var(--text-color);\n font-size: 1em;\n line-height: 1;\n white-space: normal;\n text-align: center;\n transform: translate(-50%, -50%);\n .icon {\n font-size: 1.2em;\n }\n }\n .bg-warning-circle {\n &-path {\n stroke: var(--warning);\n }\n }\n .bg-danger-circle {\n &-path {\n stroke: var(--danger);\n }\n }\n .bg-info-circle {\n &-path {\n stroke: var(--info);\n }\n }\n .bg-success-circle {\n &-path {\n stroke: var(--success);\n }\n }\n .bg-primary-circle {\n &-path {\n stroke: var(--primary);\n }\n }\n }\n}\n\n@keyframes progress-bar-active {\n 0% {\n transform: translateX(-100%) scaleX(0);\n opacity: 0.1;\n }\n\n 20% {\n transform: translateX(-100%) scaleX(0);\n opacity: 0.5;\n }\n\n 100% {\n transform: translateX(0) scaleX(1);\n opacity: 0;\n }\n}\n\n@keyframes progress-bar-stripes {\n from {\n background-position: 2rem 0;\n }\n to {\n background-position: 0 0;\n }\n}\n",".#{$ns}Property {\n > table {\n width: 100%;\n border-collapse: collapse;\n\n > thead > tr > th {\n padding: var(--gap-sm);\n background: var(--Property-title-bg);\n border: 1px solid var(--borderColor);\n }\n\n > tbody > tr {\n background: var(--background);\n\n > td,\n > th {\n border: 1px solid var(--borderColor);\n padding: var(--gap-sm);\n\n .#{$ns}Form-item:last-child {\n margin-bottom: 0;\n }\n }\n > th {\n background: var(--Property-label-bg);\n }\n }\n }\n\n &--simple {\n > table {\n > thead > tr > th {\n background: transparent;\n border: none;\n }\n\n > tbody > tr {\n background: transparent;\n }\n\n > tbody > tr > td,\n > tbody > tr > th {\n border: none;\n }\n }\n }\n}\n",".#{$ns}Field-copyBtn {\n color: var(--Copyable-iconColor);\n margin-left: var(--gap-xs);\n display: inline-block;\n cursor: pointer;\n\n &:hover {\n color: var(--Copyable-onHover-iconColor);\n }\n}\n",".#{$ns}Divider {\n margin: var(--gap-base) calc(var(--gap-base) * -1);\n border-bottom: var(--borderWidth) var(--Divider-borderStyle)\n var(--borderColor);\n height: px2rem(2px);\n font-size: 0;\n\n &--solid {\n border-bottom-style: solid;\n }\n}\n",".#{$ns}Pagination {\n display: inline-block;\n padding: 0;\n margin: 0 0 px2rem(-10px);\n border-radius: px2rem(4px);\n\n > li {\n display: inline;\n\n > a,\n > span {\n user-select: none;\n cursor: pointer;\n position: relative;\n float: left;\n text-decoration: none;\n min-width: var(--Pagination-minWidth);\n height: var(--Pagination-height);\n border: 0;\n line-height: var(--Pagination-height);\n padding: var(--Pagination-padding);\n text-align: center;\n color: #666666;\n border-radius: 0;\n margin-left: 0;\n font-size: var(--Pagination-fontSize);\n }\n\n > a:hover,\n > span:hover,\n > a:focus,\n > span:focus {\n background: transparent;\n color: var(--primary);\n }\n }\n\n > li.is-disabled {\n > span,\n > a {\n cursor: not-allowed;\n }\n\n > a,\n > span,\n > a:hover,\n > span:hover,\n > a:focus,\n > span:focus {\n color: #cccccc;\n }\n }\n\n > li.is-active {\n > a,\n > span,\n > a:hover,\n > span:hover,\n > a:focus,\n > span:focus {\n background: var(--Pagination-onActive-backgroundColor);\n color: var(--Pagination-onActive-color);\n border: var(--Pagination-onActive-border);\n border-radius: var(--borderRadius);\n }\n }\n\n &-prev {\n > span {\n cursor: pointer;\n }\n }\n\n &-ellipsis {\n > a > span {\n position: relative;\n top: px2rem(-4px);\n }\n }\n\n &-next {\n > span {\n cursor: pointer;\n }\n }\n\n &-inputGroup {\n display: inline-flex;\n flex-wrap: nowrap;\n align-items: center;\n\n input {\n width: px2rem(50px);\n height: var(--Pagination-height);\n border: var(--borderWidth) solid var(--borderColor);\n border-radius: var(--borderRadius);\n padding: var(--gap-xs) px2rem(10px);\n margin: 0 px2rem(10px);\n text-align: center;\n\n &:focus,\n &:hover {\n outline: none;\n border: var(--borderWidth) solid var(--primary);\n }\n }\n }\n}\n\n.#{$ns}PaginationWrapper-pager {\n &:first-child {\n margin-bottom: var(--gap-sm);\n }\n\n text-align: right;\n}\n",".#{$ns}Wrapper {\n &--xs {\n padding: var(--gap-xs);\n }\n\n &--sm {\n padding: var(--gap-sm);\n }\n\n &--md {\n padding: var(--gap-md);\n }\n\n &--lg {\n padding: var(--gap-lg);\n }\n\n &--xl {\n padding: var(--gap-xl);\n }\n}\n",".#{$ns}StatusField {\n vertical-align: middle;\n white-space: nowrap;\n display: inline-flex;\n flex-wrap: nowrap;\n flex-direction: row;\n align-items: center;\n\n &-label {\n font-size: var(--fontSizeSm);\n margin-left: var(--gap-xs);\n }\n\n @keyframes animation-rolling_red {\n 0% {\n transform: translateX(0);\n }\n\n 50% {\n transform: translateX(20px);\n }\n\n 100% {\n transform: translateX(0);\n }\n }\n\n @keyframes animation-rolling_blue {\n 0% {\n transform: translateX(0);\n }\n\n 50% {\n transform: translateX(-20px);\n }\n\n 100% {\n transform: translateX(0);\n }\n }\n\n svg.#{$ns}Status-icon {\n width: var(--Satus-icon-width);\n height: var(--Satus-icon-height);\n top: 0;\n }\n\n .#{$ns}Status-icon {\n &.rolling {\n width: 30px;\n height: 10px;\n display: inline-block;\n vertical-align: middle;\n position: relative;\n\n &::before {\n content: '';\n display: inline-block;\n border: 5px solid var(--danger);\n border-radius: 500px;\n position: absolute;\n top: 0;\n left: 0;\n animation: animation-rolling_red 2s;\n animation-iteration-count: infinite;\n }\n\n &::after {\n content: '';\n display: inline-block;\n border: 5px solid var(--primary);\n border-radius: 500px;\n position: absolute;\n top: 0;\n left: 20px;\n\n animation: animation-rolling_blue 2s;\n animation-iteration-count: infinite;\n }\n }\n\n &.icon-warning {\n color: var(--warning);\n }\n }\n\n .#{$ns}Status-icon.rolling + &-label {\n color: var(--warning);\n }\n\n .#{$ns}Status-icon.icon-success + &-label {\n color: var(--success);\n }\n\n .#{$ns}Status-icon.icon-fail + &-label {\n color: var(--danger);\n }\n\n .#{$ns}Status-icon.icon-warning + &-label {\n color: var(--warning);\n }\n}\n","@mixin arrow-control {\n width: 10%;\n min-width: var(--Carousel-arrowControl-width);\n height: 100%;\n cursor: pointer;\n top: 0;\n bottom: 0;\n position: absolute;\n transition-duration: var(--Carousel-transitionDuration);\n svg {\n position: absolute;\n top: 50%;\n left: 50%;\n right: 50%;\n transform: translate(-50%, -50%);\n width: var(--Carousel-svg-width);\n height: var(--Carousel-svg-height);\n }\n}\n\n.#{$ns}Carousel {\n min-width: var(--Carousel-minWidth);\n height: var(--Carousel-height);\n position: relative;\n display: block;\n background: var(--Carousel-bg);\n\n &.#{$ns}Carousel--light {\n .#{$ns}Carousel-dot {\n background: var(--Carousel--light-control);\n }\n\n svg {\n fill: var(--Carousel--light-control);\n }\n\n .#{$ns}Carousel-item {\n .title,\n .description {\n color: var(--Carousel--light-control);\n }\n }\n }\n\n &.#{$ns}Carousel--dark {\n .#{$ns}Carousel-dot {\n background: var(--Carousel--dark-control);\n }\n\n svg {\n fill: var(--Carousel--dark-control);\n }\n\n .#{$ns}Carousel-item {\n .title,\n .description {\n color: var(--Carousel--dark-control);\n }\n }\n }\n\n &-container {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n .#{$ns}Carousel-item {\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n transition-duration: var(--Carousel-transitionDuration);\n transition-timing-function: ease-out;\n transition-property: transform, opacity;\n\n &.fade {\n opacity: 0;\n }\n\n &.fade.in {\n opacity: 1;\n }\n\n &.slide {\n transform: translateX(100%);\n }\n\n &.slide.in {\n transform: translateX(0);\n }\n\n &.slide.out {\n transform: translateX(-100%);\n }\n\n &.slideRight {\n transform: translateX(-100%);\n }\n\n &.slideRight.in {\n transform: translateX(0);\n }\n\n &.slideRight.out {\n transform: translateX(100%);\n }\n\n .title {\n position: absolute;\n bottom: var(--Carousel-imageTitle-bottom);\n text-align: center;\n width: 100%;\n opacity: 0.8;\n }\n\n .description {\n position: absolute;\n bottom: var(--Carousel-imageDescription-bottom);\n text-align: center;\n width: 100%;\n opacity: 0.8;\n }\n\n .image {\n width: 100%;\n height: 100%;\n background-size: cover;\n }\n }\n }\n\n &-image {\n width: 100%;\n height: 100%;\n }\n\n &-image .#{$ns}Image-origin {\n height: 100%;\n width: 100%;\n }\n\n &-dotsControl {\n position: absolute;\n bottom: 0px;\n width: 100%;\n z-index: 100;\n text-align: center;\n\n .#{$ns}Carousel-dot {\n display: inline-block;\n height: var(--Carousel-dot-width);\n width: var(--Carousel-dot-height);\n border-radius: var(--Carousel-dot-borderRadius);\n margin: var(--Carousel-dot-margin);\n transition-duration: var(--Carousel-transitionDuration);\n opacity: 0.3;\n\n &.is-active {\n opacity: 1;\n }\n }\n }\n\n .#{$ns}Carousel-leftArrow {\n @include arrow-control;\n display: none;\n left: 0;\n }\n\n .#{$ns}Carousel-rightArrow {\n @include arrow-control;\n display: none;\n right: 0;\n }\n\n &:hover {\n .#{$ns}Carousel-leftArrow {\n display: block;\n }\n .#{$ns}Carousel-rightArrow {\n display: block;\n }\n }\n\n &-arrowsControl {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 100;\n text-align: center;\n }\n}\n","@keyframes disappear {\n to {\n opacity: 0;\n }\n}\n\n@keyframes appear {\n from {\n opacity: 0;\n }\n}\n\n.#{$ns}ImageGallery {\n display: flex;\n flex-direction: column;\n background: transparent;\n border: none;\n border-radius: 0;\n max-width: 1010px !important;\n\n &-close {\n position: absolute;\n right: 0;\n top: 0;\n color: rgba(255, 255, 255, 0.8);\n cursor: pointer;\n\n &:hover {\n color: #fff;\n }\n\n > svg {\n width: px2rem(16px);\n height: px2rem(16px);\n }\n }\n\n &-title {\n height: px2rem(30px);\n vertical-align: top;\n line-height: px2rem(30px);\n font-size: px2rem(12px);\n color: var(--white);\n text-align: center;\n }\n\n &-main {\n background: #000;\n flex-basis: 0;\n flex-grow: 1;\n height: 0;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n user-select: none;\n\n > img {\n display: block;\n max-width: 100%;\n max-height: 100%;\n }\n }\n\n &-prevBtn,\n &-nextBtn {\n > svg {\n width: px2rem(48px);\n height: px2rem(48px);\n }\n\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n cursor: pointer;\n color: #999;\n text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px;\n\n &:hover {\n color: #fff;\n text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px;\n }\n animation-name: disappear;\n animation-delay: var(--animation-duration);\n animation-duration: var(--animation-duration);\n animation-fill-mode: both;\n\n &.is-disabled {\n pointer-events: none;\n }\n }\n\n &-main:hover &-prevBtn,\n &-main:hover &-nextBtn {\n animation-name: appear;\n animation-delay: 0s;\n animation-duration: var(--animation-duration);\n }\n\n &-prevBtn {\n left: var(--gap-md);\n }\n\n &-nextBtn {\n right: var(--gap-md);\n }\n\n &-footer {\n height: px2rem(74px);\n background: #222;\n display: flex;\n flex-direction: row;\n user-select: none;\n }\n\n &-prevList,\n &-nextList {\n width: var(--gap-md);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n background: rgba(0, 0, 0, 0.3);\n color: #fff;\n\n &.is-disabled {\n background: rgba(0, 0, 0, 0.3);\n color: rgba(255, 255, 255, 0.1);\n pointer-events: none;\n }\n\n &:hover {\n background: rgba(0, 0, 0, 1);\n color: #fff;\n }\n }\n\n &-itemsWrap {\n flex-grow: 1;\n flex-basis: 0;\n width: 0;\n overflow: hidden;\n align-items: center;\n justify-content: center;\n display: flex;\n }\n\n &-items {\n display: inline-block;\n white-space: nowrap;\n }\n\n &-item {\n margin: 10px 5px;\n width: 54px;\n height: 54px;\n display: inline-flex;\n position: relative;\n border: 1px solid #666;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n\n > img {\n display: block;\n max-width: 100%;\n max-height: 100%;\n }\n\n @supports (object-fit: cover) {\n > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n }\n\n &:after {\n position: absolute;\n content: '';\n display: block;\n background: rgba(0, 0, 0, 0.5);\n z-index: 1;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n }\n\n &:hover {\n border: 1px solid #e5e5e5;\n &:after {\n display: none;\n }\n }\n\n &.is-active {\n border: 1px solid var(--primary);\n &:after {\n display: none;\n }\n }\n }\n}\n","@use 'sass:math';\n\n.#{$ns}Images {\n display: flex;\n flex-wrap: wrap;\n margin: calc(var(--gap-xs) * -1);\n\n &-item {\n display: flex;\n margin: var(--gap-xs);\n }\n}\n\n.#{$ns}Image {\n border: var(--borderWidth) solid var(--borderColor);\n\n &--thumb {\n display: inline-block;\n padding: var(--gap-xs);\n }\n\n &-thumbWrap {\n position: relative;\n height: 100%;\n }\n\n &-image {\n display: block;\n }\n\n &--original &-image {\n max-width: 100%;\n max-height: 100%;\n width: auto;\n margin: auto;\n }\n\n &-thumb {\n width: px2rem(110px);\n height: px2rem(110px);\n position: relative;\n overflow: hidden;\n\n > img {\n position: absolute;\n left: 50%;\n top: 50%;\n max-height: 100%;\n width: auto;\n transform: translate(-50%, -50%);\n }\n }\n\n &-info {\n padding: 5px 10px;\n }\n\n &--thumb &-info {\n width: px2rem(110px);\n padding: 0;\n }\n\n &-thumb--4-3 {\n height: px2rem(math.div(110px * 3, 4));\n }\n\n &-thumb--16-9 {\n height: px2rem(math.div(110px * 9, 16));\n }\n\n &-thumb--fixed-size {\n min-width: px2rem(110px);\n min-height: px2rem(110px);\n width: 100%;\n padding: 0;\n height: 100%;\n }\n\n &-thumb--fixed-size &-thumb {\n width: 100%;\n height: 100%;\n\n > img {\n width: auto;\n height: 100%;\n }\n }\n\n &-thumb--w-full > img {\n width: 100%;\n height: auto;\n }\n\n @supports (object-fit: contain) {\n &-thumb--contain > img {\n position: static;\n width: 100% !important;\n height: 100% !important;\n transform: translate(0, 0);\n top: 0;\n left: 0;\n object-fit: contain;\n }\n\n &-origin--contain > img {\n width: 100% !important;\n height: 100% !important;\n object-fit: contain;\n }\n }\n\n @supports (object-fit: cover) {\n &-thumb--cover > img {\n position: static;\n width: 100% !important;\n height: 100% !important;\n transform: translate(0, 0);\n top: 0;\n left: 0;\n object-fit: cover;\n }\n\n &-origin--cover > img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover;\n }\n }\n\n &-caption {\n font-size: var(--fontSizeSm);\n }\n\n &-title {\n font-size: var(--fontSizeBase);\n color: var(--text--loud-color);\n }\n\n &-overlay {\n background: rgba(8, 14, 26, 0.5);\n position: absolute;\n width: 100%;\n height: 100%;\n display: none;\n top: 0;\n left: 0;\n\n justify-content: center;\n align-items: center;\n align-content: center;\n flex-wrap: wrap;\n color: #fff;\n\n > div {\n width: 100%;\n text-align: center;\n margin-bottom: 5px;\n }\n\n > a {\n cursor: pointer;\n color: #fff;\n display: inline-block;\n padding: 0 5px;\n line-height: 1;\n font-size: px2rem(16px);\n }\n }\n\n &-origin:hover &-overlay,\n &-thumbWrap:hover &-overlay {\n display: flex;\n }\n}\n\n.#{$ns}ImageField--thumb {\n display: inline-block;\n position: relative;\n @include clearfix();\n // margin-bottom: var(--gap-md);\n}\n\n.#{$ns}ImagesField {\n position: relative;\n @include clearfix();\n}\n",".#{$ns}InputBox {\n @include input-input();\n @include input-border();\n\n &--inline {\n display: inline-flex;\n }\n\n > input[readonly] {\n cursor: inherit;\n }\n\n &.is-error {\n border-color: var(--Form-input-onError-borderColor);\n background: var(--Form-input-onError-bg);\n }\n\n &.is-focused {\n border-color: var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n background: var(--Form-input-onFocused-bg);\n }\n\n &.is-clickable:hover {\n border-color: var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n cursor: pointer;\n }\n\n &.is-error.is-focused {\n border-color: var(--Form-input-onError-borderColor);\n }\n\n &.is-disabled {\n color: var(--text--muted-color);\n background: var(--Form-input-onDisabled-bg);\n border-color: var(--Form-input-onDisabled-borderColor);\n }\n\n &-clear {\n @include input-clear();\n }\n\n > svg {\n display: inline-block;\n width: 14px;\n color: var(--icon-color);\n }\n\n > a {\n cursor: pointer;\n }\n}\n",".#{$ns}ResultBox {\n @include input-input();\n @include input-border();\n flex-wrap: wrap;\n padding: 0 px2rem(3px);\n min-height: var(--Form-input-height);\n align-items: center;\n\n &.is-error {\n border-color: var(--Form-input-onError-borderColor);\n background: var(--Form-input-onError-bg);\n }\n\n &.is-focused,\n &.is-active,\n &:focus {\n outline: none;\n border-color: var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n background: var(--Form-input-onFocused-bg);\n }\n\n &.is-clickable:not(.is-disabled) {\n cursor: pointer;\n\n &:hover {\n border-color: var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n background: var(--Form-input-onFocused-bg);\n }\n }\n\n &.is-error.is-focused {\n border-color: var(--Form-input-onError-borderColor);\n }\n\n &.is-disabled {\n color: var(--text--muted-color);\n background: var(--Form-input-onDisabled-bg);\n border-color: var(--Form-input-onDisabled-borderColor);\n pointer-events: none;\n }\n\n &-singleValue {\n padding: 0 calc(var(--Form-input-paddingX) - #{px2rem(3px)});\n display: inline-block;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &-clear {\n @include input-clear();\n width: px2rem(26px);\n height: px2rem(26px);\n margin: 0 px2rem(-2px);\n margin-left: auto;\n\n &:hover {\n background: var(--ResultBox-value-bg);\n }\n\n > svg {\n width: px2rem(12px);\n height: px2rem(12px);\n }\n }\n\n > svg {\n display: inline-block;\n width: px2rem(14px);\n color: var(--icon-color);\n }\n\n > a {\n cursor: pointer;\n }\n\n &-value {\n background: var(--ResultBox-value-bg);\n color: var(--ResultBox-value-color);\n font-size: var(--Form-input-fontSize);\n padding: 0 var(--gap-xs);\n min-height: px2rem(24px);\n flex-wrap: nowrap;\n display: inline-flex;\n align-items: center;\n margin: 2px 3px;\n user-select: none;\n\n > a {\n cursor: pointer;\n margin-left: var(--gap-xs);\n color: var(--ResultBox-icon-color);\n &:hover {\n color: var(--ResultBox-icon--onHover-color);\n }\n\n > svg {\n width: px2rem(10px);\n height: px2rem(10px);\n }\n }\n\n &:hover {\n background: var(--ResultBox-value--onHover-bg);\n }\n\n &.is-disabled {\n pointer-events: none;\n color: var(--ResultBox-value--onDisabled-color);\n\n > a {\n color: var(--ResultBox-icon--onDisabled-color);\n }\n }\n }\n\n &-placeholder {\n color: var(--Form-input-placeholderColor);\n user-select: none;\n margin-left: 8px;\n }\n\n > input {\n padding-left: 8px;\n min-height: 24px;\n }\n}\n",".#{$ns}SearchBox {\n display: inline-flex;\n flex-direction: row;\n\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-input-fontSize);\n flex-wrap: nowrap;\n align-items: center;\n justify-content: flex-end;\n\n height: 30px;\n width: 30px;\n padding: 0 8px;\n\n transition: all var(--animation-duration) ease-in-out;\n border: var(--Form-input-borderWidth) solid transparent;\n border-radius: var(--Form-input-borderRadius);\n\n &:hover {\n background: var(--Form-input-onHover-bg);\n }\n\n &.is-active {\n background: var(--Form-input-bg);\n border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);\n width: 150px;\n > input {\n flex-grow: 1;\n }\n }\n\n &-activeBtn,\n &-searchBtn,\n &-cancelBtn {\n cursor: pointer;\n color: var(--icon-color);\n\n &:hover {\n color: var(--icon-onHover-color);\n }\n }\n\n &.is-disabled &-activeBtn,\n &.is-disabled &-searchBtn,\n &.is-disabled &-cancelBtn {\n color: var(--icon-onDisabled-color);\n pointer-events: none;\n }\n\n > input {\n outline: none;\n border: none;\n background: transparent;\n color: var(--Form-input-color);\n\n width: 0;\n height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));\n\n &::placeholder {\n color: var(--Form-input-placeholderColor);\n user-select: none;\n }\n }\n\n height: 30px;\n}\n",".#{$ns}ListMenu {\n background: var(--ListMenu-item-bg);\n min-width: px2rem(200px);\n border: var(--ListMenu-borderWidth) solid var(--ListMenu-bordrColor);\n border-radius: var(--ListMenu-borderRadius);\n\n &-groupLabel {\n font-size: var(--fontSizeXs);\n color: var(--text--muted-color);\n padding: calc(\n (\n var(--ListMenu-item-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize) - var(--gap-sm)\n ) / 2\n )\n 0 0 calc(var(--Form-select-paddingX) - var(--gap-xs));\n }\n\n &-group:not(:first-child) > &-groupLabel {\n border-top: px2rem(1px) solid var(--ListMenu-divider-color);\n }\n\n &-item {\n display: flex;\n min-height: var(--ListMenu-item-height);\n color: var(--ListMenu-item-color);\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-input-fontSize);\n cursor: pointer;\n padding: calc(\n (\n var(--ListMenu-item-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--Form-select-paddingX);\n\n &.is-active {\n color: var(--ListMenu-item--onActive-color);\n background: var(--ListMenu-item--onActive-bg);\n }\n\n // &:hover,\n &.is-highlight {\n color: var(--ListMenu-item--onHover-color);\n background: var(--ListMenu-item--onHover-bg);\n }\n\n &.is-disabled {\n color: var(--ListMenu-item--onDisabled-color);\n background: var(--ListMenu-item--onDisabled-bg);\n }\n }\n\n &-placeholder {\n display: block;\n min-height: var(--ListMenu-item-height);\n color: var(--text--muted-color);\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-input-fontSize);\n cursor: pointer;\n padding: calc(\n (\n var(--ListMenu-item-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--Form-select-paddingX);\n }\n}\n\n.#{$ns}PopOver > .#{$ns}ListMenu {\n border-color: var(--listMenu--onActive-borderColor);\n}\n",".#{$ns}Log {\n background: var(--Log-bg);\n color: var(--Log-color);\n padding: var(--Log-padding);\n overflow-y: auto;\n font-family: var(--fontFamilyMonospace);\n &-line {\n padding: var(--Log-line-padding);\n white-space: pre-wrap;\n word-wrap: break-word;\n // bootstrap 会修改这些,覆盖掉\n code {\n color: inherit;\n background: inherit;\n }\n &:hover {\n background: var(--Log-line--onHover-bg);\n }\n }\n\n .ansi-bold {\n font-weight: 700;\n }\n\n .ansi-italic {\n font-style: italic;\n }\n\n .ansi-underline {\n text-decoration: underline;\n }\n\n .ansi-black-fg,\n .ansi-bright-black-fg {\n color: #4e4e4e;\n }\n\n .ansi-red-fg,\n .ansi-bright-red-fg {\n color: #ff6c60;\n }\n\n .ansi-green-fg,\n .ansi-bright-green-fg {\n color: #0a0;\n }\n\n .ansi-yellow-fg,\n .ansi-bright-yellow-fg {\n color: #ffffb6;\n }\n\n .ansi-blue-fg,\n .ansi-bright-blue-fg {\n color: #96cbfe;\n }\n\n .ansi-magenta-fg,\n .ansi-bright-magenta-fg {\n color: #ff73fd;\n }\n\n .ansi-cyan-fg,\n .ansi-bright-cyan-fg {\n color: #5ff;\n }\n\n .ansi-white-fg,\n .ansi-bright-white-fg {\n color: #eee;\n }\n\n .ansi-grey-fg,\n .ansi-bright-grey-fg {\n color: #969696;\n }\n\n .ansi-black-bg {\n background-color: #4e4e4e;\n }\n\n .ansi-red-bg {\n background-color: #ff6c60;\n }\n\n .ansi-green-bg {\n background-color: #0a0;\n }\n\n .ansi-yellow-bg {\n background-color: #ffffb6;\n }\n\n .ansi-blue-bg {\n background-color: #96cbfe;\n }\n\n .ansi-magenta-bg {\n background-color: #ff73fd;\n }\n\n .ansi-cyan-bg {\n background-color: #0aa;\n }\n\n .ansi-white-bg {\n background-color: #eee;\n }\n}\n",".#{$ns}JsonField {\n &-nodeValue {\n white-space: normal;\n word-break: break-all;\n overflow-wrap: break-word;\n }\n}\n",".#{$ns}Icon {\n height: var(--fontSizeBase);\n vertical-align: middle;\n}\n",".#{$ns}Steps {\n display: flex;\n list-style: none;\n padding: 0;\n\n .#{$ns}StepsItem {\n flex: 1;\n overflow: hidden;\n padding: 0 px2rem(20px);\n height: auto;\n line-height: px2rem(32px);\n &-container {\n &Icon {\n vertical-align: top;\n display: inline-block;\n padding-right: px2rem(10px);\n .#{$ns}StepsItem-icon {\n display: inline-block;\n width: px2rem(30px);\n height: px2rem(30px);\n line-height: px2rem(28px);\n border-radius: 50%;\n font-size: var(--Steps-icon-fontsize);\n text-align: center;\n }\n }\n &Wrapper {\n display: inline-block;\n position: relative;\n .#{$ns}StepsItem-body {\n .#{$ns}StepsItem-title {\n font-size: var(--Steps-title-fontsize);\n color: var(--Steps-title-color);\n padding-right: px2rem(20px);\n position: relative;\n display: inline-block;\n > span {\n display: inline-block;\n }\n &:after {\n content: '';\n position: absolute;\n right: 0;\n top: px2rem(16px);\n height: 1px;\n left: 100%;\n width: 9999px;\n padding-right: px2rem(10px);\n background-color: var(--Steps-line-bg);\n }\n }\n .#{$ns}StepsItem-title.is-success {\n &:after {\n background-color: var(--Steps-line-success-bg);\n }\n }\n .#{$ns}StepsItem-subTitle {\n padding-left: px2rem(10px);\n font-size: var(--Steps-sub-title-fontsize);\n color: var(--Steps-sub-title-color);\n }\n .#{$ns}StepsItem-description {\n max-width: px2rem(140px);\n white-space: nowrap;\n }\n }\n }\n }\n &:last-child {\n flex: none;\n .#{$ns}StepsItem-title {\n &:after {\n display: none;\n }\n }\n }\n }\n\n &--vertical {\n flex-direction: column;\n .#{$ns}StepsItem {\n padding: px2rem(5px) 0;\n min-height: 75px;\n &-container {\n &Icon > .#{$ns}StepsItem-icon {\n position: relative;\n &:after {\n content: '';\n position: absolute;\n right: 0;\n top: px2rem(35px);\n height: 9999px;\n left: px2rem(14px);\n width: 1px;\n background-color: var(--Steps-line-bg);\n }\n }\n &Wrapper > .#{$ns}StepsItem-body > .#{$ns}StepsItem-title {\n &:after {\n display: none;\n }\n }\n }\n &:last-child {\n flex: none;\n .#{$ns}StepsItem-icon {\n &:after {\n display: none;\n }\n }\n }\n }\n }\n\n .#{$ns}StepsItem.is-wait {\n .#{$ns}StepsItem-icon {\n background-color: var(--white);\n color: var(--Steps-bg);\n border: 1px solid var(--Steps-bg);\n }\n }\n .#{$ns}StepsItem.is-error {\n .#{$ns}StepsItem-icon {\n background-color: var(--Steps-status-error);\n color: var(--white);\n border: 1px solid var(--Steps-status-error);\n }\n .#{$ns}StepsItem-title,\n .#{$ns}StepsItem-subTitle,\n .#{$ns}StepsItem-description {\n color: var(--Steps-status-error);\n }\n }\n .#{$ns}StepsItem.is-finish,\n .#{$ns}StepsItem.is-process {\n .#{$ns}StepsItem-icon {\n background-color: var(--Steps-status-success);\n color: var(--white);\n border: 1px solid var(--Steps-status-success);\n }\n }\n}\n\n\n.#{$ns}Steps-mobile.#{$ns}Steps--horizontal {\n .#{$ns}StepsItem {\n\n &-container {\n &Wrapper {\n .#{$ns}StepsItem-body {\n .#{$ns}StepsItem-title {\n &::after {\n display: none !important;\n }\n }\n }\n\n .#{$ns}StepsItem-body{\n .#{$ns}StepsItem-title {\n .#{$ns}StepsItem-subTitle {\n padding-left: px2rem(5px);\n }\n }\n }\n }\n\n &Icon {\n position: relative;\n display: block;\n\n &:after {\n content: '';\n position: absolute;\n right: 0;\n top: px2rem(15px);\n height: 1px;\n left: px2rem(40px);\n width: 99999px;\n background-color: var(--Steps-line-bg);\n }\n }\n\n &Icon.is-success {\n &:after {\n background-color: var(--Steps-line-success-bg);\n }\n }\n }\n\n &:last-child {\n flex: 1;\n\n .#{$ns}StepsItem-container {\n &Icon {\n &:after {\n display: none !important;\n }\n }\n }\n }\n }\n}",".#{$ns}Portlet {\n border: var(--Portlet-borderWidth) var(--Portlet-borderStyle) var(--Portlet-borderColor);\n border-radius: var(--Portlet-borderRadius);\n\n padding: var(--gap-base);\n\n &-tab.unactive-select {\n .is-active {\n a:first-child,\n &:hover > a:first-child,\n > a:first-child:focus {\n border: none !important;\n color: inherit !important;\n cursor: auto !important;\n }\n }\n }\n\n &-tab.no-divider {\n .#{$ns}Tabs-links {\n border-bottom: none;\n }\n }\n\n .#{$ns}Tabs-pane {\n padding: unset;\n }\n\n &-toolbar {\n display: inline-flex;\n float: right;\n justify-content: flex-end;\n\n .#{$ns}Button {\n margin-left: calc(var(--gap-xs));\n }\n }\n\n &-header-desc {\n height: 100%;\n overflow: hidden;\n position: relative;\n margin-left: var(--gap-base);\n }\n}\n\n.#{$ns}Portlet.no-header {\n .#{$ns}Portlet-tab .#{$ns}Tabs-links {\n display: none;\n }\n}",".u-hairline::after {\n position: absolute;\n box-sizing: border-box;\n content: ' ';\n pointer-events: none;\n top: -50%;\n right: -50%;\n bottom: -50%;\n left: -50%;\n border: 0 solid var(--borderColorLight);\n z-index: 1;\n transform: scale(0.5);\n}\n\n.#{$ns}GridNav {\n display: flex;\n flex-wrap: wrap;\n\n &-top {\n position: relative;\n\n &::after {\n border-top-width: px2rem(1px);\n }\n }\n}\n\n.#{$ns}GridNavItem {\n position: relative;\n box-sizing: border-box;\n\n &--square {\n height: 0;\n position: relative;\n }\n\n &-icon {\n width: var(--rv-grid-item-icon-size);\n }\n\n &-text {\n color: var(--text-color);\n font-size: var(--fontSizeSm);\n line-height: 1.5;\n word-break: break-all;\n flex-shrink: 0;\n }\n\n &-icon + &-text {\n margin-top: px2rem(8px);\n }\n\n &-image {\n display: inline-block;\n\n svg,\n img {\n max-width: 100%;\n display: block;\n width: 60%;\n margin: 0 auto;\n }\n }\n\n &-content {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n height: 100%;\n padding: var(--gap-md) var(--gap-sm);\n background-color: var(--white);\n position: relative;\n\n .#{$ns}Badge-text {\n z-index: 10;\n }\n\n &--border::after {\n border-width: 0 var(--borderWidth) var(--borderWidth) 0;\n }\n\n &--square {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n }\n\n &--center {\n align-items: center;\n justify-content: center;\n }\n\n &--horizontal {\n flex-direction: row;\n\n .#{$ns}GridNavItem-text {\n margin: 0 0 0 var(--gap-sm);\n }\n }\n\n &--reverse {\n flex-direction: column-reverse;\n\n .#{$ns}GridNavItem-text {\n margin: 0 0 var(--gap-sm);\n }\n }\n\n &--horizontal &--reverse {\n flex-direction: row-reverse;\n\n .#{$ns}GridNavItem-text {\n margin: 0 var(--gap-sm) 0 0;\n }\n }\n\n &--surround {\n &::after {\n border-width: var(--borderWidth);\n }\n }\n\n &--clickable {\n cursor: pointer;\n }\n }\n}\n","%fieldSetBase {\n position: relative;\n\n &:after {\n content: '';\n pointer-events: none;\n border: 1px solid var(--borderColor);\n position: absolute;\n z-index: 0;\n top: 11px;\n left: 0;\n bottom: 0;\n right: 0;\n }\n\n > legend {\n position: absolute;\n top: 0;\n left: 0;\n display: inline-block;\n border: 0;\n width: auto;\n z-index: 1;\n background: var(--Fieldset-legend-bgColor);\n border-left: 0 !important;\n }\n\n .collapse {\n position: relative;\n }\n}\n\nfieldset.#{$ns}Collapse {\n margin-bottom: var(--Form-item-gap);\n > legend {\n font-weight: var(--fontWeightNormal);\n padding: var(--gap-xs) 0;\n font-size: var(--fontSizeMd);\n color: var(--text--loud-color);\n border-left: var(--primary) px2rem(4px) solid;\n line-height: 1.2;\n margin: var(--gap-base) 0;\n padding: 0 0 0 14px;\n cursor: pointer;\n border-bottom: none !important;\n background: transparent;\n display: flex;\n flex-direction: row;\n // width: 100%;\n &:hover {\n background: transparent;\n }\n }\n\n &--xs {\n @extend %fieldSetBase;\n padding: 20px 5px 5px 5px;\n\n > legend {\n left: 5px;\n font-size: var(--fontSizeXs);\n padding: 0 3px;\n margin: 0 0 0 -3px;\n }\n\n &:after {\n top: 6px;\n }\n }\n\n &--sm {\n @extend %fieldSetBase;\n\n padding: 25px 10px 10px 10px;\n\n > legend {\n left: 10px;\n font-size: var(--fontSizeSm);\n padding: 0 5px;\n margin: 0 0 0 -5px;\n }\n\n &:after {\n top: 6px;\n }\n }\n\n &--base {\n @extend %fieldSetBase;\n\n padding: 30px var(--gap-md) var(--gap-md) var(--gap-md);\n\n > legend {\n left: var(--gap-md);\n font-size: var(--fontSizeBase);\n padding: 0 8px;\n margin: 0 0 0 -8px;\n }\n\n &:after {\n top: 7px;\n }\n }\n\n &--md {\n @extend %fieldSetBase;\n padding: 30px 20px 20px 20px;\n\n > legend {\n left: 20px;\n font-size: var(--fontSizeMd);\n padding: 0 10px;\n margin: 0 0 0 -10px;\n }\n\n &:after {\n top: 7px;\n }\n }\n\n &--lg {\n @extend %fieldSetBase;\n padding: 40px 30px 30px 30px;\n\n > legend {\n left: 30px;\n font-size: var(--fontSizeLg);\n padding: 0 var(--gap-md);\n margin: 0 0 0 calc(var(--gap-md) * -1);\n }\n\n &:after {\n top: 9px;\n }\n }\n}\n","@use 'sass:math';\n\n.#{$ns}Form-groupColumn {\n margin-bottom: var(--gap-sm);\n}\n\n@include media-breakpoint-up(md) {\n .#{$ns}Form-group {\n margin-bottom: var(--Form-item-gap);\n\n &:last-child {\n margin-bottom: 0;\n }\n\n .#{$ns}Form-value > & {\n margin-bottom: var(--Form-input-marginBottom);\n }\n\n &--hor {\n display: flex;\n flex-wrap: wrap;\n margin-left: calc(var(--Form-group-gutterWidth) / -2);\n margin-right: calc(var(--Form-group-gutterWidth) / -2);\n align-items: flex-start;\n\n &.v-middle {\n align-items: center;\n }\n\n &.v-bottom {\n align-items: flex-end;\n }\n\n > * {\n padding-left: calc(var(--Form-group-gutterWidth) / 2);\n padding-right: calc(var(--Form-group-gutterWidth) / 2);\n }\n\n > .#{$ns}Form-item--inline {\n margin-right: 0;\n }\n\n > .#{$ns}Form-item,\n > div > .#{$ns}Form-item {\n margin-bottom: 0;\n }\n\n .#{$ns}Form-input > .#{$ns}Form-group {\n margin-bottom: 0;\n }\n }\n\n &--lg {\n margin-left: calc(var(--Form-group--lg-gutterWidth) / -2);\n margin-right: calc(var(--Form-group--lg-gutterWidth) / -2);\n\n > * {\n padding-left: calc(var(--Form-group--lg-gutterWidth) / 2);\n padding-left: calc(var(--Form-group--lg-gutterWidth) / 2);\n }\n }\n\n &--md {\n margin-left: calc(var(--Form-group--md-gutterWidth) / -2);\n margin-right: calc(var(--Form-group--md-gutterWidth) / -2);\n\n > * {\n padding-left: calc(var(--Form-group--md-gutterWidth) / 2);\n padding-right: calc(var(--Form-group--md-gutterWidth) / 2);\n }\n }\n\n &--sm {\n margin-left: calc(var(--Form-group--sm-gutterWidth) / -2);\n margin-right: calc(var(--Form-group--sm-gutterWidth) / -2);\n\n > * {\n padding-left: calc(var(--Form-group--sm-gutterWidth) / 2);\n padding-right: calc(var(--Form-group--sm-gutterWidth) / 2);\n }\n }\n\n &--xs {\n margin-left: calc(var(--Form-group--xs-gutterWidth) / -2);\n margin-right: calc(var(--Form-group--xs-gutterWidth) / -2);\n\n > * {\n padding-left: calc(var(--Form-group--xs-gutterWidth) / 2);\n padding-right: calc(var(--Form-group--xs-gutterWidth) / 2);\n }\n }\n }\n\n .#{$ns}Form-groupColumn {\n flex-basis: 0;\n flex-grow: 1;\n width: 100%;\n max-width: 100%;\n margin-bottom: 0;\n }\n\n @for $i from (1) through $Form--horizontal-columns {\n .#{$ns}Form-groupColumn--#{$i} {\n flex: 0 0 percentage(math.div($i, $Form--horizontal-columns));\n max-width: percentage(math.div($i, $Form--horizontal-columns));\n min-height: 1px;\n }\n }\n\n .#{$ns}Form-groupColumn--auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%;\n min-height: 1px;\n }\n}\n",".#{$ns}InputGroup {\n display: inline-flex;\n flex-wrap: nowrap;\n\n &.#{$ns}Form-control--sizeXs,\n &.#{$ns}Form-control--sizeSm,\n &.#{$ns}Form-control--sizeMd,\n &.#{$ns}Form-control--sizeLg {\n display: inline-flex;\n }\n\n &-addOn,\n & .#{$ns}Form-control {\n display: inline-block;\n white-space: nowrap;\n }\n\n &-addOn {\n background: var(--InputGroup-addOn-bg);\n border: var(--InputGroup-addOn-borderWidth) solid\n var(--InputGroup-addOn-borderColor);\n line-height: calc(\n var(--InputGroup-height) - var(--InputGroup-paddingY) * 2 -\n var(--InputGroup-addOn-borderWidth) * 2\n );\n height: var(--InputGroup-height);\n box-sizing: border-box;\n padding: var(--InputGroup-paddingY) var(--InputGroup-paddingX);\n\n &:not(:last-child) {\n border-right: 0;\n }\n\n &:first-child {\n border-top-left-radius: var(--InputGroup-addOn-borderRadius);\n border-bottom-left-radius: var(--InputGroup-addOn-borderRadius);\n }\n\n &:last-child {\n border-top-right-radius: var(--InputGroup-addOn-borderRadius);\n border-bottom-right-radius: var(--InputGroup-addOn-borderRadius);\n }\n }\n\n &-btn {\n .#{$ns}Button {\n border-radius: 0;\n border: var(--InputGroup-button-borderWidth) solid\n var(--InputGroup-button-borderColor);\n }\n\n &:not(:last-child) .#{$ns}Button {\n border-right: 0;\n }\n\n &:first-child .#{$ns}Button {\n border-top-left-radius: var(--InputGroup-button-borderRadius);\n border-bottom-left-radius: var(--InputGroup-button-borderRadius);\n }\n\n &:last-child .#{$ns}Button {\n border-top-right-radius: var(--InputGroup-button-borderRadius);\n border-bottom-right-radius: var(--InputGroup-button-borderRadius);\n }\n }\n\n .#{$ns}TextControl-input {\n flex-basis: 0;\n flex-grow: 1;\n display: inline-flex;\n\n &:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n &:not(:last-child) {\n border-right-width: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n .#{$ns}SelectControl {\n .#{$ns}Select {\n background: var(--InputGroup-select-bg);\n border: var(--InputGroup-select-borderWidth) solid\n var(--InputGroup-select-borderColor);\n color: var(--InputGroup-select-color);\n }\n\n &:not(:last-child) .#{$ns}Select {\n border-right: 0;\n }\n\n &:first-child .#{$ns}Select {\n border-top-left-radius: var(--InputGroup-select-borderRadius);\n border-bottom-left-radius: var(--InputGroup-select-borderRadius);\n }\n\n &:last-child .#{$ns}Select {\n border-top-right-radius: var(--InputGroup-select-borderRadius);\n border-bottom-right-radius: var(--InputGroup-select-borderRadius);\n }\n\n &:not(:first-child) .#{$ns}Select {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n &:not(:last-child) .#{$ns}Select {\n border-right-width: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n .#{$ns}Select-arrow {\n color: var(--InputGroup-select-arrowColor);\n }\n\n &.is-focused {\n .#{$ns}InputGroup-addOn,\n .#{$ns}TextControl-input,\n .#{$ns}Select,\n .#{$ns}InputGroup-btn .#{$ns}Button {\n border-color: var(--InputGroup-addOn-onFocused-borderColor);\n }\n\n .#{$ns}Select {\n background: var(--InputGroup-select-onFocused-bg);\n }\n\n .#{$ns}Select {\n color: var(--InputGroup-select-onFocused-color);\n }\n\n .#{$ns}Select-arrow {\n color: var(--InputGroup-select-onFocused-arrowColor);\n }\n\n .#{$ns}InputGroup-addOn {\n color: var(--primary);\n }\n }\n}\n\n.#{$ns}InputGroup:not(.is-inline) {\n display: flex;\n}\n",".#{$ns}TextControl {\n @include input-text();\n\n &-placeholder {\n color: var(--Form-input-placeholderColor);\n user-select: none;\n position: absolute;\n left: var(--Form-input-paddingX);\n top: var(--Form-input-paddingY);\n margin-top: calc(2 * var(--Form-input-borderWidth));\n line-height: var(--Form-input-lineHeight);\n }\n\n // &-valueWrap {\n // flex-grow: 1;\n // line-height: 1;\n // flex-wrap: wrap;\n // display: flex;\n\n // > input {\n // display: inline-block;\n // width: auto;\n // vertical-align: middle;\n // }\n // }\n\n &--withAddOn {\n display: flex;\n flex-wrap: nowrap;\n\n @include media-breakpoint-up(sm) {\n &.#{$ns}Form-control--sizeXs,\n &.#{$ns}Form-control--sizeSm,\n &.#{$ns}Form-control--sizeMd,\n &.#{$ns}Form-control--sizeLg {\n display: inline-flex;\n\n > .#{$ns}TextControl-input {\n min-width: unset;\n }\n }\n }\n }\n\n &--withAddOn > &-input {\n flex-basis: 1;\n flex-grow: 1;\n min-width: 0;\n\n border-radius: 0;\n\n &:first-child {\n border-top-left-radius: var(--Form-input-borderRadius);\n border-bottom-left-radius: var(--Form-input-borderRadius);\n }\n\n &:last-child {\n border-top-right-radius: var(--Form-input-borderRadius);\n border-bottom-right-radius: var(--Form-input-borderRadius);\n }\n\n @if var(--Form-input-addOnDividerBorderWidth) ==0 {\n &:not(:last-child) {\n border-right-width: 0;\n }\n }\n }\n\n &-addOn {\n display: flex;\n align-items: center;\n justify-content: center;\n padding-left: px2rem(10px);\n padding-right: px2rem(10px);\n background: var(--Form-input-addOnBg);\n color: var(--Form-input-addOnColor);\n border-color: var(--Form-input-borderColor);\n border-style: solid;\n border-width: px2rem(1px) 0;\n\n &:first-child {\n border-left-width: px2rem(1px);\n }\n\n &:last-child {\n border-right-width: px2rem(1px);\n border-top-right-radius: var(--Form-input-borderRadius);\n border-bottom-right-radius: var(--Form-input-borderRadius);\n }\n }\n\n &--withAddOn > &-button {\n > .#{$ns}Button {\n position: relative;\n border-radius: 0;\n margin-left: px2rem(-1px);\n border: var(--InputGroup-button-borderWidth) solid\n var(--InputGroup-button-borderColor);\n }\n\n &:not(:last-child) .#{$ns}Button {\n border-right: 0;\n }\n\n &:first-child .#{$ns}Button {\n @if var(--InputGroup-button-borderRadius) {\n border-top-left-radius: var(--InputGroup-button-borderRadius);\n border-bottom-left-radius: var(--InputGroup-button-borderRadius);\n }\n }\n\n &:last-child .#{$ns}Button {\n @if var(--InputGroup-button-borderRadius) {\n border-top-right-radius: var(--InputGroup-button-borderRadius);\n border-bottom-right-radius: var(--InputGroup-button-borderRadius);\n }\n }\n }\n\n &--withAddOn.is-focused > &-button .#{$ns}Button {\n border-color: var(--Form-input-onFocused-borderColor);\n }\n\n &--withAddOn.is-error > &-addOn {\n border-color: var(--Form-input-onError-borderColor);\n }\n\n &--withAddOn.is-focused > &-addOn {\n border-color: var(--Form-input-onFocused-borderColor);\n color: var(--Form-input-onFocus-addOnColor);\n box-shadow: var(--Form-input-boxShadow);\n }\n\n &--withAddOn.is-disabled > &-addOn {\n color: var(--text--muted-color);\n }\n\n &--withAddOn.is-inline {\n display: inline-block;\n\n @include media-breakpoint-up(sm) {\n &.#{$ns}Form-control--sizeXs,\n &.#{$ns}Form-control--sizeSm,\n &.#{$ns}Form-control--sizeMd,\n &.#{$ns}Form-control--sizeLg {\n > .#{$ns}TextControl-input {\n min-width: 100%;\n }\n }\n }\n }\n\n &-input--withAC {\n position: relative;\n flex-wrap: wrap;\n\n input {\n width: auto;\n // color: var(--Form-input-placeholderColor);\n }\n }\n\n &-sugs {\n position: absolute;\n background: var(--Form-select-menu-bg);\n color: var(--Form-select-menu-color);\n border: var(--Form-input-borderWidth) solid\n var(--Form-input-onFocused-borderColor);\n left: px2rem(-1px);\n right: px2rem(-1px);\n top: 100%;\n z-index: 10;\n max-height: px2rem(300px);\n overflow: auto;\n }\n\n &-sugItem {\n padding: calc(\n (\n var(--Form-selectOption-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize) - #{px2rem(2px)}\n ) / 2\n )\n px2rem(12px);\n\n svg {\n width: px2rem(16px);\n margin-top: px2rem(4px);\n float: right;\n fill: var(--Form-input-onHover-iconColor);\n }\n\n &:not(.is-disabled) {\n cursor: pointer;\n }\n\n &.is-highlight {\n color: var(--Form-select-menu-onHover-color);\n background: var(--Form-select-menu-onHover-bg);\n }\n }\n\n &-value {\n user-select: none;\n line-height: calc(\n var(--Form-input-lineHeight) * var(--Form-input-fontSize)\n );\n vertical-align: middle;\n display: inline-block;\n }\n\n &-input--multiple {\n height: auto;\n min-height: var(--Form-input-height);\n padding: calc(var(--Form-input-paddingY) - #{px2rem(2px)})\n calc(var(--Form-input-paddingX) - #{px2rem(3px)});\n }\n\n &-input--multiple &-placeholder {\n margin-top: 0;\n }\n\n &-input--multiple > input {\n margin-top: 2px;\n }\n\n &-input--multiple &-valueWrap {\n white-space: normal;\n\n margin-bottom: calc(var(--gap-xs) * -1);\n\n > input {\n margin-bottom: var(--gap-xs);\n }\n }\n\n &-input--multiple &-value {\n white-space: nowrap;\n line-height: calc(\n var(--Form-input-lineHeight) * var(--Form-input-fontSize) - #{px2rem(2px)}\n );\n font-size: var(--Form-selectValue-fontSize);\n color: var(--Form-selectValue-color);\n background: var(--Form-selectValue-bg);\n border: px2rem(1px) solid var(--Form-selectValue-borderColor);\n border-radius: px2rem(2px);\n margin: 2px 3px;\n }\n\n &-valueIcon {\n cursor: pointer;\n border-right: px2rem(1px) solid var(--Form-selectValue-borderColor);\n padding: 1px 5px;\n\n &:hover {\n background: var(--Form-selectValue-onHover-bg);\n }\n }\n\n &-input--multiple &-valueLabel {\n padding: 0 var(--gap-xs);\n }\n\n &-counter {\n color: var(--text--muted-color);\n }\n\n .has-error--maxLength &-counter {\n color: var(--danger);\n }\n\n // yunshe4.0\n &-input {\n &:hover {\n border-color: var(--Form-input-onHover-borderColor);\n }\n }\n}\n\n.#{$ns}TextControl.is-disabled {\n &-input input {\n color: var(--Form-input-onDisabled-color);\n }\n}\n",".#{$ns}TextareaControl {\n position: relative;\n\n > textarea {\n @include input-border();\n\n border: 1px solid var(--Form-input-borderColor);\n border-radius: var(--Form-input-borderRadius);\n background: var(--Form-input-bg);\n padding: var(--Form-input-paddingY) var(--Form-input-paddingX);\n font-size: var(--Form-input-fontSize);\n display: block;\n width: 100%;\n line-height: var(--Form-input-lineHeight);\n outline: none;\n resize: none;\n\n &::placeholder {\n color: var(--Form-input-placeholderColor);\n }\n\n // yunshe4.0\n &:hover {\n border-color: var(--Form-input-onHover-borderColor);\n }\n }\n\n & > textarea:focus,\n &.is-focused > textarea {\n border-color: var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n\n // yunshe4.0\n &:hover {\n border-color: var(--Form-input-onFocused-borderColor);\n }\n }\n\n &.is-disabled > textarea,\n & > textarea[disabled] {\n background: $gray200;\n color: var(--text--muted-color);\n }\n\n &.is-error {\n > textarea {\n border-color: var(--Form-input-onError-borderColor);\n }\n }\n\n &-counter {\n position: absolute;\n right: var(--Form-input-paddingX);\n bottom: var(--Form-input-paddingY);\n font-size: var(--fontSizeSm);\n padding: 0 5px;\n border-radius: 3px;\n color: #fff;\n background: rgba(0, 0, 0, 0.6);\n\n &.is-empty {\n color: #666;\n background: rgba(0, 0, 0, 0.4);\n }\n }\n\n .has-error--maxLength &-counter {\n background: var(--danger);\n }\n}\n",".#{$ns}Checkbox {\n margin: 0 var(--gap-sm) 0 0;\n font-weight: var(--fontWeightNormal);\n user-select: none;\n pointer-events: none;\n\n input {\n position: absolute;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n pointer-events: none;\n }\n\n &:hover input:not(:disabled) + i {\n border-color: var(--Checkbox-onHover-color);\n // box-shadow: 0 0 px2rem(1px) var(--Checkbox-onHover-color) inset;\n }\n\n > i {\n cursor: pointer;\n line-height: 1;\n background: var(--Checkbox-gb);\n display: inline-block;\n vertical-align: middle;\n position: relative;\n pointer-events: all;\n\n + span {\n pointer-events: all;\n margin-left: var(--Checkbox-gap);\n cursor: pointer;\n\n > a {\n // float: right;\n margin-left: var(--gap-xs);\n display: none;\n }\n\n &:empty {\n display: none;\n }\n }\n\n &:before {\n content: '';\n position: absolute;\n left: 50%;\n top: 50%;\n width: 0px;\n height: 0px;\n background: transparent;\n transition: all var(--animation-duration);\n transform-origin: 50% 50%;\n transform: translate(-50%, -50%);\n }\n }\n\n &:hover > i + span > a {\n display: inline-block;\n }\n\n &--checkbox {\n padding-left: var(--Checkbox-size);\n\n input {\n margin-left: calc(var(--Checkbox-size) * -1);\n\n &:checked + i {\n border-color: var(--Checkbox-onHover-color);\n\n &:before {\n width: var(--Checkbox-inner-size);\n height: var(--Checkbox-inner-size);\n background: var(--Checkbox-onHover-color);\n }\n }\n\n &[disabled] + i {\n border-color: var(--Checkbox-onDisabled-color);\n cursor: not-allowed;\n\n &:before {\n width: var(--Checkbox-inner-size);\n height: calc(var(--Checkbox-inner-size) / 2);\n background: var(--Checkbox-onDisabled-bg);\n }\n }\n\n &[disabled] + i + span {\n cursor: not-allowed;\n color: var(--text--muted-color);\n }\n }\n\n > i {\n width: var(--Checkbox-size);\n height: var(--Checkbox-size);\n border: px2rem(1px) solid var(--Checkbox-color);\n border-radius: var(--Checkbox-borderRadius);\n margin-left: calc(var(--Checkbox-size) * -1);\n }\n }\n\n &--full.#{$ns}Checkbox--checkbox {\n &:not(:disabled) + i:hover {\n border-color: var(--Checkbox-color);\n }\n\n input {\n &:checked + i {\n border-color: var(--Checkbox-onHover-color);\n background: var(--Checkbox-onHover-color);\n\n &:before {\n width: var(--Checkbox--full-inner-size);\n height: calc(var(--Checkbox--full-inner-size) / 2);\n border-color: var(--Checkbox-gb);\n }\n }\n\n &[disabled] + i {\n border-color: var(--Checkbox-onDisabled-color);\n background: var(--Checkbox-onDisabled-bg);\n }\n\n &[disabled]:checked + i {\n &:before {\n border-color: var(--Checkbox-onDisabled-color);\n }\n }\n\n &:checked[disabled] + i {\n border-color: var(--Checkbox-onDisabled-color);\n background: var(--Checkbox-onDisabled-bg);\n }\n }\n\n > i {\n position: relative;\n cursor: pointer;\n\n &:before {\n content: '';\n position: absolute;\n left: 50%;\n top: 50%;\n width: 0;\n height: 0;\n border-color: transparent;\n transition: width var(--animation-duration),\n height var(--animation-duration), transform var(--animation-duration);\n border-width: 0 0 px2rem(2px) px2rem(2px);\n transform: translate(-50%, -60%) rotate(-40deg);\n border-style: solid;\n }\n }\n }\n\n &--radio {\n padding-left: var(--Radio-size);\n\n input {\n margin-left: calc(var(--Radio-size) * -1);\n\n &:checked + i {\n border-color: var(--Radio-onHover-color);\n\n &:before {\n width: var(--Radio-inner-size);\n height: var(--Radio-inner-size);\n background: var(--Radio-onHover-color);\n border-radius: 50%;\n }\n }\n\n &[disabled] + i {\n border-color: var(--Radio-onDisabled-color);\n background: var(--Radio-onDisabled-bg);\n cursor: not-allowed;\n\n &:before {\n background: var(--Radio-onDisabled-color);\n }\n }\n\n &[disabled] + i + span {\n cursor: not-allowed;\n color: var(--text--muted-color);\n }\n\n &:focus + i {\n box-shadow: var(--Radio-onFocus-boxShadow);\n }\n }\n\n > i {\n cursor: pointer;\n width: var(--Radio-size);\n height: var(--Radio-size);\n border: px2rem(1px) solid var(--Radio-color);\n margin-left: calc(var(--Radio-size) * -1);\n margin-top: px2rem(-2px);\n border-radius: 50%;\n }\n }\n\n &--sm {\n padding-left: var(--Checkbox--sm-size);\n\n input {\n margin-left: calc(var(--Checkbox--sm-size) * -1);\n\n &:checked + i {\n &:before {\n width: var(--Checkbox--sm-inner-size);\n height: var(--Checkbox--sm-inner-size);\n }\n }\n }\n\n > i {\n width: var(--Checkbox--sm-size);\n height: var(--Checkbox--sm-size);\n margin-left: calc(var(--Checkbox--sm-size) * -1);\n margin-top: 0;\n\n + span {\n margin-left: var(--gap-xs);\n }\n }\n }\n\n &--sm.#{$ns}Checkbox--full {\n input[type='checkbox'] {\n &:checked + i {\n &:before {\n width: var(--Checkbox--sm--full-inner-size);\n height: calc(var(--Checkbox--sm--full-inner-size) / 2);\n }\n }\n }\n }\n\n &-desc {\n color: var(--text--muted-color);\n margin-left: var(--Checkbox-gap);\n margin-top: var(--gap-xs);\n pointer-events: all;\n }\n}\n\n.#{$ns}CheckboxControl,\n.#{$ns}RadiosControl,\n.#{$ns}CheckboxesControl {\n padding-top: calc(\n (var(--Form-input-height) - var(--Checkbox-size)) / 2 - 3px\n ); // 3px 是空白的高度\n}\n\n.#{$ns}RadiosControl,\n.#{$ns}CheckboxesControl {\n .#{$ns}Checkbox {\n display: block;\n margin-bottom: var(--Form-label-paddingTop);\n }\n\n &.is-inline .#{$ns}Checkbox {\n display: inline-block;\n margin-right: var(--gap-md);\n }\n}\n\n.#{$ns}RadiosControl-group,\n.#{$ns}CheckboxesControl-group {\n &:not(:first-child) {\n margin-top: px2rem(10px);\n }\n\n .#{$ns}RadiosControl-groupLabel,\n .#{$ns}CheckboxesControl-groupLabel {\n display: block;\n font-size: var(--fontSizeSm);\n color: #999;\n }\n}\n",".#{$ns}Selection {\n > .#{$ns}Checkbox {\n display: block;\n height: var(--Form-input-height);\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-input-fontSize);\n padding: calc(\n (\n var(--Form-input-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--gap-sm)\n calc(\n (\n var(--Form-input-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n calc(var(--gap-sm) + var(--Checkbox-size));\n }\n\n &--inline > .#{$ns}Checkbox {\n display: inline-block;\n }\n\n &-addBtn {\n display: block;\n cursor: pointer;\n\n &:hover {\n text-decoration: none;\n }\n\n > svg {\n width: px2rem(14px);\n height: px2rem(14px);\n margin-right: var(--Checkbox-gap);\n }\n }\n}\n\n.#{$ns}GroupedSelection {\n max-height: px2rem(300px);\n overflow: auto;\n user-select: none;\n\n &-group:not(:first-child) > &-itemLabel {\n border-top: px2rem(1px) solid var(--ListMenu-divider-color);\n }\n\n &-group > &-itemLabel {\n font-size: var(--fontSizeSm);\n padding: var(--gap-xs) var(--gap-xs);\n color: var(--text--muted-color);\n }\n\n &-item {\n display: flex;\n height: var(--Form-input-height);\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-input-fontSize);\n padding: calc(\n (\n var(--Form-input-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--gap-sm);\n flex-direction: row;\n\n > .#{$ns}Checkbox {\n margin-right: 0;\n }\n cursor: pointer;\n user-select: none;\n\n &.is-active {\n color: var(--Form-select-menu-onActive-color);\n background: var(--Form-select-menu-onActive-bg);\n }\n\n &:hover {\n background: var(--Tree-item-onHover-bg);\n }\n\n &.is-disabled {\n pointer-events: none;\n color: var(--text--muted-color);\n }\n }\n\n &-group > &-items > &-item {\n padding-left: var(--gap-base);\n }\n\n &-itemLabel {\n flex-grow: 1;\n\n span {\n white-space: nowrap; // 避免在条件组合中折行\n }\n }\n\n &-placeholder {\n @include checkboxes-placeholder();\n }\n}\n\n.#{$ns}TableSelection {\n .#{$ns}Table-content {\n border-top: var(--Table-borderWidth) solid var(--Table-borderColor);\n }\n\n .#{$ns}Table-table > thead > tr > th,\n .#{$ns}Table-table > tbody > tr > td {\n font-size: var(--fontSizeSm);\n padding-top: var(--gap-xs);\n padding-bottom: px2rem(6px);\n vertical-align: middle;\n }\n\n .#{$ns}Table-table > thead > tr > th {\n padding-top: px2rem(6px);\n }\n\n .#{$ns}Table-table > thead > tr > th:first-child,\n .#{$ns}Table-table > tbody > tr > td:first-child {\n padding-left: px2rem(10px);\n padding-right: 0;\n }\n\n .#{$ns}Table-table > thead > tr > th:last-child,\n .#{$ns}Table-table > tbody > tr > td:last-child {\n padding-right: var(--gap-md);\n }\n\n .#{$ns}Table-table > tbody > tr {\n cursor: pointer;\n }\n\n .#{$ns}Table-table > tbody > tr.is-active {\n color: var(--Form-select-menu-onActive-color);\n background: var(--Form-select-menu-onActive-bg);\n }\n}\n\n.#{$ns}TreeSelection {\n .#{$ns}Table-expandBtn {\n color: var(--icon-color);\n margin-right: 5px;\n }\n\n &-sublist {\n position: relative;\n margin: 0 0 0 px2rem(35px);\n display: none;\n\n &:before {\n width: 1px;\n content: '';\n display: block;\n position: absolute;\n top: calc(var(--gap-xs) * -1);\n bottom: calc(var(--Form-input-height) / 2);\n left: -19px;\n border-left: dashed 1px var(--icon-color);\n }\n }\n\n &-item {\n position: relative;\n }\n &-item.is-expanded > &-sublist {\n display: block;\n }\n\n &-item:not(:last-child) > &-sublist:before {\n bottom: 0;\n }\n\n &-sublist &-item:before {\n height: 1px;\n content: '';\n display: block;\n position: absolute;\n top: calc(var(--Form-input-height) / 2);\n width: 19px;\n left: -19px;\n border-top: dashed 1px var(--icon-color);\n }\n\n &-itemInner {\n display: flex;\n align-items: center;\n height: var(--Form-input-height);\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-input-fontSize);\n padding: calc(\n (\n var(--Form-input-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--gap-sm);\n flex-direction: row;\n\n > .#{$ns}Checkbox {\n margin-right: 0;\n margin-left: var(--gap-sm);\n }\n cursor: pointer;\n user-select: none;\n\n position: relative;\n & > * {\n position: relative;\n z-index: 2;\n }\n\n &:hover:after {\n position: absolute;\n content: '';\n z-index: 1;\n top: 0;\n right: 0;\n bottom: 0;\n left: -99999px;\n background: var(--Tree-item-onHover-bg);\n }\n\n &.is-active {\n color: var(--Form-select-menu-onActive-color);\n }\n\n &.is-disabled {\n pointer-events: none;\n color: var(--text--muted-color);\n }\n }\n\n &-itemLabel {\n flex-grow: 1;\n }\n\n &-placeholder {\n @include checkboxes-placeholder();\n }\n}\n\n.#{$ns}ChainedSelection {\n display: flex;\n flex-direction: row;\n\n &-col {\n flex-grow: 1;\n min-width: 150px;\n }\n\n &-col:not(:last-child) {\n border-right: 1px solid var(--borderColor);\n }\n\n &-subTitle {\n font-size: var(--fontSizeSm);\n padding: var(--gap-xs) var(--gap-xs);\n color: var(--text--muted-color);\n }\n\n &-item {\n display: flex;\n height: var(--Form-input-height);\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-input-fontSize);\n padding: calc(\n (\n var(--Form-input-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--gap-sm);\n flex-direction: row;\n\n > .#{$ns}Checkbox {\n margin-right: 0;\n }\n cursor: pointer;\n user-select: none;\n\n &.is-active {\n color: var(--Form-select-menu-onActive-color);\n background: var(--Form-select-menu-onActive-bg);\n }\n\n &:hover {\n background: var(--Tree-item-onHover-bg);\n }\n\n &.is-disabled {\n pointer-events: none;\n color: var(--text--muted-color);\n }\n }\n\n &-itemLabel {\n flex-grow: 1;\n }\n\n &-placeholder {\n @include checkboxes-placeholder();\n }\n}\n\n.#{$ns}AssociatedSelection {\n display: flex;\n flex-direction: row;\n\n &-left,\n &-right {\n flex-grow: 1;\n width: 0;\n min-height: px2rem(200px);\n max-height: px2rem(400px);\n overflow: auto;\n }\n\n &-left {\n border-right: 1px solid var(--borderColor);\n }\n\n &-reload {\n text-align: center;\n color: var(--info);\n margin: 20px 0 0;\n\n &.is-clickable {\n cursor: pointer;\n }\n }\n\n &-box {\n line-height: var(--Form-input-lineHeight);\n font-size: var(--fontSizeSm);\n color: var(--text--muted-color);\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n\n > p {\n text-align: center;\n margin: 10px 0 20px;\n color: var(--text--muted-color);\n }\n }\n}\n",".#{$ns}CityPicker {\n .#{$ns}Select {\n margin-right: var(--gap-xs);\n margin-bottom: var(--gap-xs);\n }\n\n &-input {\n outline: none;\n vertical-align: top;\n // margin-left: var(--gap-xs);\n border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);\n border-radius: var(--Form-input-borderRadius);\n // height: var(--Form-input-height);\n line-height: var(--Form-input-lineHeight);\n padding: var(--Form-input-paddingY) var(--Form-input-paddingX);\n font-size: var(--Form-input-fontSize);\n\n &::placeholder {\n color: var(--Form-input-placeholderColor);\n user-select: none;\n }\n\n &:focus {\n border-color: var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n background: var(--Form-input-onFocused-bg);\n }\n }\n}\n\n.#{$ns}Form-item--inline > .#{$ns}Form-value > .#{$ns}CityPicker {\n display: inline-block;\n}\n",".#{$ns}Switch {\n cursor: pointer;\n position: relative;\n display: inline-block;\n height: var(--Switch-height);\n min-width: var(--Switch-width);\n overflow: hidden;\n border-radius: px2rem(30px);\n background: var(--Switch-bgColor);\n margin: 0;\n vertical-align: middle;\n text-align: left;\n\n &.is-disabled {\n cursor: not-allowed;\n opacity: 0.4;\n }\n\n .text {\n margin: 0 px2rem(7px) 0 px2rem(25px);\n color: var(--Switch-valueColor);\n text-indent: calc(var(--Switch-width) / 2);\n text-transform: uppercase;\n font-size: var(--fontSizeSm);\n line-height: var(--Switch-height);\n font-style: normal;\n font-weight: bold;\n transition: all var(--animation-duration);\n\n > svg {\n width: var(--fontSizeSm);\n height: var(--fontSizeSm);\n margin-top: calc((var(--Switch-height) - var(--fontSizeSm)) / 2);\n }\n }\n\n .slider {\n &:before {\n content: '';\n position: absolute;\n background: var(--white);\n width: calc(var(--Switch-height) - #{px2rem(2px)});\n top: px2rem(1px);\n bottom: px2rem(1px);\n left: px2rem(1px);\n border-radius: 50%;\n transition: margin-left var(--animation-duration);\n }\n }\n\n &.is-checked {\n background: var(--Switch-onActive-bgColor);\n\n .slider::before {\n left: auto;\n right: px2rem(1px);\n border-width: 0;\n }\n\n .text {\n margin: 0 25px 0 7px;\n color: var(--white);\n text-indent: var(--gap-xs); // todo\n }\n }\n\n &.is-checked.is-disabled {\n .slider:before {\n color: var(--Switch-onDisabled-color);\n }\n\n .text {\n color: var(--Switch-onDisabled-color);\n }\n }\n\n input {\n position: absolute;\n opacity: 0;\n }\n}\n\n.#{$ns}Switch-option {\n vertical-align: middle;\n margin-left: var(--Switch-gap);\n\n &:first-child {\n margin-left: 0;\n margin-right: var(--Switch-gap);\n }\n\n &:empty {\n display: none;\n }\n}\n\n.#{$ns}SwitchControl {\n padding-top: calc((var(--Form-input-height) - var(--Switch-height)) / 2);\n\n &.is-inline {\n display: inline-block;\n }\n}\n",".#{$ns}Number {\n margin: 0;\n padding: 0;\n line-height: var(--Form-input-height);\n font-size: var(--Form-input-fontSize);\n height: var(--Form-input-height);\n display: inline-block;\n vertical-align: middle;\n background: var(--Number-bg);\n border: var(--Number-borderWidth) solid var(--Number-borderColor);\n border-radius: var(--Number-borderRadius);\n\n @include input-border();\n &.no-steps > &-handler-wrap {\n display: none;\n }\n\n &-focused {\n border-color: var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n }\n\n &-handler {\n text-align: center;\n overflow: hidden;\n display: block;\n touch-action: none;\n\n &-active {\n background: #ddd;\n }\n }\n\n &-handler-up-inner,\n &-handler-down-inner {\n user-select: none;\n -webkit-user-select: none;\n display: inline-block;\n }\n\n &:hover {\n border-color: var(--Form-input-onFocused-borderColor);\n\n .#{$ns}Number-handler-up,\n .#{$ns}Number-handler-wrap {\n border-color: var(--Form-input-onFocused-borderColor);\n }\n }\n\n &-disabled:hover {\n border-color: var(--Form-input-borderColor);\n\n .#{$ns}Number-handler-up,\n .#{$ns}Number-handler-wrap {\n border-color: var(--Form-input-borderColor);\n }\n }\n\n &-input-wrap {\n overflow: hidden;\n height: 100%;\n }\n\n &-input {\n width: 100%;\n background: transparent;\n text-align: left;\n vertical-align: top;\n outline: 0;\n -moz-appearance: textfield;\n line-height: calc(var(--Form-input-height) - var(--Number-borderWidth) * 2);\n height: 100%;\n transition: all var(--animation-duration) ease;\n border: 0;\n border-radius: var(--Form-input-borderRadius);\n padding: 0 var(--Form-input-paddingX);\n }\n\n &-handler {\n background: var(--Number-handler-bg);\n color: var(--Number-handler-color);\n font-family: var(--Number-handler-fontFamily);\n font-size: var(--Number-handler-fontSize);\n\n &:hover {\n background: var(--Number-handler-onHover-bg);\n color: var(--Number-handler-onHover-color);\n }\n\n &:hover:active {\n background: var(--Number-handler-onActive-bg);\n }\n }\n\n &-handler-up {\n &-inner {\n transform: var(--Number-handler--up-transform);\n\n &:after {\n content: var(--Number-handler--up-content);\n }\n }\n }\n\n &-handler-down {\n &-inner {\n &:after {\n content: var(--Number-handler--down-content);\n }\n }\n }\n\n @if $Number-handler-mode==vertical {\n &-handler-wrap {\n float: right;\n border-left: px2rem(1px) solid var(--Form-input-borderColor);\n width: var(--Number-handler-width);\n height: 100%;\n }\n\n &-handler {\n line-height: calc((var(--Form-input-height) - #{px2rem(6px)}) / 2);\n height: calc(\n (var(--Form-input-height) - var(--Number-borderWidth) * 2) / 2\n );\n }\n\n &-handler-up {\n border-bottom: var(--Number-handler-borderBottom);\n padding-top: px2rem(1px);\n }\n } @else {\n position: relative;\n\n &-input {\n text-align: center;\n }\n\n &-handler-up,\n &-handler-down {\n position: absolute;\n width: var(--Number-handler-width);\n height: 100%;\n top: 0;\n }\n\n &-handler-down {\n left: 0;\n }\n\n &-handler-up {\n right: 0;\n }\n }\n\n &-handler-down-disabled,\n &-handler-up-disabled {\n background: var(--Number-handler-onDisabled-bg);\n pointer-events: none;\n color: var(--Number-handler-onDisabled-color);\n }\n\n &-disabled {\n .#{$ns}Number-input {\n opacity: 0.72;\n cursor: not-allowed;\n background: var(--Number-onDisabled-bg);\n }\n\n .#{$ns}Number-handler {\n opacity: 0.72;\n\n &:hover {\n color: var(--text--muted-color);\n border-color: var(--Form-input-borderColor);\n }\n }\n }\n}\n\n.#{$ns}NumberControl:not(.is-inline) > .#{$ns}Number {\n display: block;\n}\n\n.#{$ns}Number--borderHalf,\n.#{$ns}Number--borderNone {\n .#{$ns}Number-handler-wrap {\n border-left: none;\n }\n}\n\n.#{$ns}NumberControl--withUnit {\n display: flex;\n .#{$ns}Number {\n flex-grow: 1;\n }\n .#{$ns}Select {\n border-left: 0;\n }\n}\n",".#{$ns}Select {\n display: inline-flex;\n vertical-align: middle;\n text-align: left;\n outline: none;\n position: relative;\n font-size: var(--Form-input-fontSize);\n border: var(--Form-select-borderWidth) solid var(--Form-select-borderColor);\n background: var(--Form-select-bg);\n border-radius: var(--Form-select-borderRadius);\n min-height: var(--Form-selectOption-height);\n $paddingY: calc(\n (\n var(--Form-selectOption-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize) - var(--Form-select-borderWidth) * 2\n ) / 2\n );\n padding: $paddingY 0 $paddingY var(--Form-select-paddingX);\n cursor: pointer;\n color: var(--Form-select-color);\n\n &:hover {\n background: var(--Form-select-onHover-bg);\n border-color: var(--Form-select-onHover-borderColor);\n\n .#{$ns}Select-arrow:before {\n color: var(--Form-select-caret-onHover-iconColor);\n }\n }\n\n &.is-disabled {\n color: var(--text--muted-color);\n background: var(--Form-input-onDisabled-bg);\n border-color: var(--Form-input-onDisabled-borderColor);\n }\n\n &:focus {\n box-shadow: var(--Form-select-onFocus-boxShadow);\n }\n\n @include input-border();\n\n &-valueWrap {\n user-select: none;\n position: relative;\n flex-grow: 1;\n line-height: 1;\n // width: 0;\n max-width: 100%;\n }\n &-valuesNoWrap {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n line-height: px2rem(20px);\n }\n &-placeholder {\n color: var(--Form-select-placeholderColor);\n line-height: var(--Form-input-lineHeight);\n user-select: none;\n white-space: nowrap;\n }\n\n &-value {\n line-height: calc(\n var(--Form-input-lineHeight) * var(--Form-input-fontSize)\n );\n white-space: nowrap;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n &--multi {\n height: auto;\n min-height: var(--Form-selectOption-height);\n\n .#{$ns}Select-valueWrap {\n margin-bottom: calc(var(--gap-xs) * -1);\n\n > input {\n display: inline-block;\n width: px2rem(100px);\n margin-bottom: var(--gap-xs);\n }\n }\n .#{$ns}Select-values + .#{$ns}Select-input {\n transform: translateY(0);\n }\n\n .#{$ns}Select-value {\n position: static;\n white-space: normal;\n user-select: none;\n line-height: calc(\n var(--Form-input-lineHeight) * var(--Form-input-fontSize) - #{px2rem(\n 2px\n )}\n );\n display: inline-block;\n vertical-align: middle;\n font-size: var(--Form-selectValue-fontSize);\n color: var(--Form-selectValue-color);\n background: var(--Form-selectValue-bg);\n border: px2rem(1px) solid var(--Form-selectValue-borderColor);\n border-radius: px2rem(2px);\n margin-right: var(--gap-xs);\n margin-bottom: var(--gap-xs);\n }\n\n .#{$ns}Select-valueLabel {\n padding: 0 var(--gap-xs);\n }\n }\n &-valueIcon {\n cursor: pointer;\n border-right: px2rem(1px) solid var(--Form-selectValue-borderColor);\n padding: 1px 5px;\n\n &:hover {\n background: var(--Form-selectValue-onHover-bg);\n }\n\n &.is-disabled {\n pointer-events: none;\n display: none;\n cursor: not-allowed;\n background: var(--Form-selectValue-onDisable-bg);\n }\n }\n\n &-arrow {\n margin-right: var(--gap-xs);\n // margin-left: var(--gap-xs);\n width: var(--gap-md);\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n\n > svg {\n transition: transform var(--animation-duration);\n display: inline-block;\n color: var(--Form-select-caret-iconColor);\n width: 10px;\n height: 10px;\n top: 0;\n }\n }\n\n &.is-opened &-arrow > svg {\n transform: rotate(180deg);\n }\n\n &-menu {\n max-height: px2rem(300px);\n overflow: auto;\n user-select: none;\n .#{$ns}Checkbox--sm > i {\n margin-top: px2rem(-3px);\n }\n }\n &--longlist {\n overflow: hidden;\n max-height: max-content;\n }\n &-input {\n cursor: pointer;\n outline: none;\n border: none;\n margin: 0 var(--Form-select-paddingX);\n height: var(--Form-select-search-height);\n font-size: var(--Form-select-input-fontSize);\n border-bottom: 1px solid var(--borderColor);\n display: flex;\n align-items: center;\n\n // &.is-focused {\n // border-color: var(--Form-input-onFocused-borderColor);\n // }\n\n > svg {\n fill: #999;\n width: px2rem(14px);\n min-width: px2rem(14px);\n height: px2rem(14px);\n margin-right: var(--gap-xs);\n }\n\n > input {\n outline: none;\n border: none;\n flex-grow: 1;\n background: transparent;\n position: relative;\n top: 0.125em;\n }\n }\n\n &-option {\n cursor: pointer;\n min-width: px2rem(120px);\n padding: calc(\n (\n var(--Form-select-menu-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--Form-select-paddingX);\n\n &.is-active {\n color: var(--Form-select-menu-onActive-color);\n background: var(--Form-select-menu-onActive-bg);\n }\n\n &.is-highlight {\n color: var(--Form-select-menu-onHover-color);\n background: var(--Form-select-menu-onHover-bg);\n }\n\n &.is-disabled {\n color: var(--Form-select-menu-onDisabled-color);\n background: var(--Form-select-menu-onDisabled-bg);\n }\n\n &--placeholder {\n color: var(--Form-input-placeholderColor);\n }\n\n > label {\n display: block;\n }\n\n > a {\n float: right;\n margin-left: var(--gap-xs);\n display: none;\n }\n\n &.is-highlight > a {\n display: block;\n }\n }\n\n &-noResult {\n color: var(--Form-select-placeholderColor);\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-select-input-fontSize);\n user-select: none;\n padding: calc(\n (\n var(--Form-select-menu-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--Form-select-paddingX);\n }\n\n &-option-hl {\n color: var(--danger);\n }\n\n &-addBtn {\n display: block;\n cursor: pointer;\n padding: calc(\n (\n var(--Form-select-menu-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--Form-select-paddingX);\n\n &:hover {\n text-decoration: none;\n }\n\n > svg {\n width: px2rem(14px);\n height: px2rem(14px);\n margin-right: var(--Checkbox-gap);\n }\n }\n\n &.is-focused,\n &.is-opened {\n border-color: var(--Form-input-onFocused-borderColor);\n color: var(--Form-select-onFocused-color);\n }\n\n &-spinner {\n line-height: calc(\n var(--Form-input-lineHeight) * var(--Form-input-fontSize)\n );\n }\n\n &-clear {\n padding: px2rem(3px);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2;\n\n svg {\n fill: var(--Form-input-iconColor);\n width: px2rem(10px);\n height: px2rem(10px);\n top: 0;\n }\n\n &:hover svg {\n fill: var(--Form-input-onHover-iconColor);\n }\n }\n}\n\n.#{$ns}Select-popover {\n margin-top: calc(var(--Form-select-outer-borderWidth) * -1);\n\n background: var(--Form-select-menu-bg);\n color: var(--Form-select-menu-color);\n border: var(--Form-select-outer-borderWidth) solid\n var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-select-outer-boxShadow);\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n min-width: px2rem(100px);\n\n // PopOver 上已经配置了,这个要是配置就会覆盖,所以先干掉好了\n // z-index: 10;\n\n &.#{$ns}PopOver--leftTopLeftBottom {\n margin-top: calc(\n (var(--Form-select-popoverGap) - var(--Form-select-outer-borderWidth)) *\n -1\n );\n }\n}\n\n.#{$ns}SelectControl {\n &:not(.is-inline) > .#{$ns}Select {\n display: flex;\n }\n\n &.is-error > .#{$ns}Select {\n border-color: var(--Form-input-onError-borderColor);\n background: var(--Form-input-onError-bg);\n }\n}\n\n// 需要能撑开\n@include media-breakpoint-up(sm) {\n .#{$ns}Form-control--sizeXs > .#{$ns}Select,\n .#{$ns}Form-control--sizeSm > .#{$ns}Select,\n .#{$ns}Form-control--sizeMd > .#{$ns}Select,\n .#{$ns}Form-control--sizeLg > .#{$ns}Select {\n min-width: 100%;\n max-width: 100%;\n display: inline-flex !important;\n\n .#{$ns}Select-valueWrap {\n width: 0; // ! 没有这个会撑开。\n }\n }\n}\n",".#{$ns}Selections {\n height: 100%;\n min-width: px2rem(200px);\n position: relative;\n display: flex;\n flex-direction: column;\n\n &-title {\n height: var(--Form-input-height);\n background: var(--Table-thead-bg);\n font-size: var(--Form-input-fontSize);\n padding: calc(\n (\n var(--Form-input-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--gap-sm);\n }\n\n &-placeholder {\n color: var(--Form-input-placeholderColor);\n text-align: center;\n width: 100%;\n flex-basis: var(--Form-input-height);\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n font-size: var(--Form-input-fontSize);\n }\n\n &-items {\n flex-grow: 1;\n }\n\n &-item {\n display: flex;\n flex-direction: row;\n height: var(--Form-input-height);\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-input-fontSize);\n padding: calc(\n (\n var(--Form-input-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--gap-sm);\n\n > label {\n flex-basis: px2rem(50px);\n flex-grow: 1;\n }\n\n > .#{$ns}Selections-dragbar {\n width: var(--gap-lg);\n position: relative;\n left: calc(var(--gap-xs) * -1);\n color: var(--icon-color);\n cursor: move;\n }\n\n &--dragging {\n > * {\n opacity: 0.2;\n }\n }\n }\n\n &-delBtn {\n color: var(--icon-color);\n cursor: pointer;\n\n &:hover {\n color: var(--icon-onHover-color);\n }\n\n > svg {\n width: 12px;\n height: 12px;\n }\n }\n}\n",".#{$ns}ListControl {\n &-items {\n display: block;\n margin: calc(var(--ListControl-gutterWidth) / -2);\n\n &:empty {\n display: none;\n }\n }\n\n &-item {\n position: relative;\n user-select: none;\n font-size: var(--ListControl-fontSize);\n display: inline-block;\n vertical-align: middle;\n margin: calc(var(--ListControl-gutterWidth) / 2);\n border: var(--ListControl-item-borderWidth) solid\n var(--ListControl-item-borderColor);\n background: var(--ListControl-item-bg);\n padding: var(--ListControl-item-paddingY) var(--ListControl-item-paddingX);\n color: var(--ListControl-item-color);\n transition: var(--ListControl-item-transition);\n max-width: calc(#{px2rem(200px)} + 2 * var(--ListControl-item-paddingX));\n border-radius: var(--ListControl-item-borderRadius);\n\n &:not(.is-disabled) {\n cursor: pointer;\n }\n\n .b-inherit {\n border-color: var(--ListControl-item-color);\n }\n\n @include hover {\n background: var(--ListControl-item-onHover-bg);\n border-color: var(--ListControl-item-onHover-borderColor);\n color: var(--ListControl-item-onHover-color);\n\n .b-inherit {\n border-color: var(--ListControl-item-onHover-borderColor);\n }\n }\n\n &:hover:active,\n &.is-active {\n background: var(--ListControl-item-onActive-bg);\n border-color: var(--ListControl-item-onActive-borderColor);\n color: var(--ListControl-item-onActive-color);\n\n &:hover {\n background: var(--ListControl-item-onActive-onHover-bg);\n }\n\n .b-inherit {\n border-color: var(--ListControl-item-onActive-color);\n }\n\n &:before {\n content: '';\n position: absolute;\n width: px2rem(14px);\n height: px2rem(14px);\n background: var(--ListControl-item-onActive-before-bg);\n right: 0;\n bottom: 0;\n }\n\n &:after {\n content: '';\n position: absolute;\n width: px2rem(10px);\n height: var(--gap-xs);\n border-color: var(--ListControl-item-onActive-after-borderColor);\n border-style: solid;\n border-width: 0 0 px2rem(2px) px2rem(2px);\n right: px2rem(1px);\n bottom: var(--gap-xs);\n transform: rotate(-40deg);\n }\n }\n\n &.is-disabled {\n pointer-events: none;\n opacity: var(--ListControl-item-onDisabled-opacity);\n border-color: var(--ListControl-item-onDisabled-borderColor);\n\n &:before {\n background: var(--ListControl-item-onDisabled-color);\n }\n\n background: var(--ListControl-item-onDisabled-bg);\n color: var(--ListControl-item-onDisabled-color);\n\n .b-inherit {\n border-color: var(--ListControl-item-onDisabled-borderColor);\n }\n }\n }\n\n &-itemImage {\n margin: calc(var(--ListControl-item-paddingY) * -1)\n calc(var(--ListControl-item-paddingX) * -1);\n\n img {\n display: block;\n max-width: 100%;\n }\n }\n\n &-itemLabel {\n text-align: center;\n }\n\n &-itemImage + &-itemLabel {\n margin-top: var(--ListControl-item-paddingY);\n }\n\n &-placeholder {\n color: var(--Form-input-placeholderColor);\n }\n}\n",".#{$ns}LocationPicker {\n position: relative;\n display: inline-flex;\n flex-wrap: nowrap;\n border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor);\n font-size: var(--DatePicker-fontSize);\n padding: var(--DatePicker-paddingY) var(--DatePicker-paddingX);\n height: var(--DatePicker-height);\n outline: none;\n white-space: nowrap;\n color: var(--DatePicker-color);\n background: var(--DatePicker-bg);\n border-radius: var(--LocationPicker-borderRadius);\n\n &:not(.is-disabled) {\n cursor: pointer;\n\n &:hover {\n background: var(--DatePicker-onHover-bg);\n border-color: var(--DatePicker-onHover-borderColor);\n\n .#{$ns}DatePicker-toggler:before {\n color: var(--DatePicker-onHover-iconColor);\n }\n }\n }\n\n &.is-focused,\n &.is-active {\n border-color: var(--DatePicker-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n }\n\n &.is-disabled {\n background: $gray200;\n\n > #{$ns}LocationPicker-input {\n color: var(--text--muted-color);\n }\n }\n\n &-placeholder {\n color: var(--DatePicker-placeholderColor);\n user-select: none;\n margin-right: var(--gap-base);\n flex-basis: 0;\n flex-grow: 1;\n }\n\n &-value {\n margin-right: var(--gap-base);\n flex-basis: 0;\n flex-grow: 1;\n }\n\n &-toggler {\n cursor: pointer;\n color: var(--DatePicker-iconColor);\n\n &:hover {\n color: var(--DatePicker-onHover-iconColor);\n }\n }\n\n &-clear {\n display: inline-block;\n @include input-clear();\n line-height: 1;\n margin-right: var(--gap-xs);\n }\n}\n\n.#{$ns}LocationControl {\n position: relative;\n width: 100%;\n}\n\n.#{$ns}LocationControl:not(.is-inline) > .#{$ns}LocationPicker {\n display: flex;\n}\n\n.#{$ns}LocationPicker-popover {\n min-width: 320px;\n width: 100%;\n max-width: 100%;\n margin-top: -1px;\n border-color: var(--Form-input-onFocused-borderColor);\n}\n\n.#{$ns}MapPicker {\n &-search {\n padding: 5px 10px;\n }\n\n &-map {\n display: block;\n width: 100%;\n height: 200px;\n }\n\n &-item {\n padding: 10px 10px;\n position: relative;\n border-top: 1px solid var(--borderColor);\n\n > svg {\n position: absolute;\n right: 20px;\n top: 50%;\n transform: translateY(-50%);\n }\n }\n\n &-itemTitle {\n font-size: var(--fontSizeBase);\n }\n\n &-itemDesc {\n font-size: var(--fontSizeSm);\n }\n\n &-sugItem {\n cursor: pointer;\n padding: calc(\n (\n var(--Form-select-menu-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--Form-select-paddingX);\n\n &:hover {\n color: var(--Form-select-menu-onActive-color);\n background: var(--Form-select-menu-onActive-bg);\n }\n }\n}\n\n.tangram-suggestion-main {\n display: none !important;\n}\n",".#{$ns}MatrixControl {\n &-error {\n margin-bottom: 0;\n }\n}\n",".#{$ns}ColorPicker {\n position: relative;\n display: inline-flex;\n flex-wrap: nowrap;\n white-space: nowrap;\n border: var(--ColorPicker-borderWidth) solid var(--ColorPicker-borderColor);\n font-size: var(--ColorPicker-fontSize);\n padding: var(--ColorPicker-paddingY) var(--ColorPicker-paddingX);\n background: var(--ColorPicker-bg);\n color: var(--ColorPicker-color);\n border-radius: var(--borderRadius);\n\n &-popup{\n height: 80vh;\n }\n\n &:not(.is-disabled) {\n cursor: pointer;\n\n &:hover {\n background: var(--ColorPicker-onHover-bg);\n border-color: var(--ColorPicker-onHover-borderColor);\n }\n }\n\n &-input {\n border: 0;\n background: transparent;\n outline: none;\n width: 100%;\n flex-basis: 0;\n flex-grow: 1;\n padding: 0;\n margin: 0;\n height: calc(var(--ColorPicker-fontSize) * var(--ColorPicker-lineHeight));\n\n &::placeholder {\n color: var(--ColorPicker-placeholderColor);\n }\n }\n\n &.is-focused {\n border-color: var(--ColorPicker-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n }\n\n &.is-disabled {\n background: var(--ColorPicker-onDisabled-bg);\n color: var(--ColorPicker-onDisabled-color);\n pointer-events: none;\n\n > .#{$ns}ColorPicker-input {\n color: var(--ColorPicker-onDisabled-color);\n\n &::placeholder {\n color: var(--ColorPicker-onDisabled-color);\n }\n }\n }\n\n &-preview {\n display: flex;\n align-items: center;\n margin-right: var(--gap-sm);\n cursor: pointer;\n }\n\n &-previewIcon {\n display: block;\n width: px2rem(16px);\n height: px2rem(16px);\n box-shadow: var(--boxShadowSm);\n }\n\n &-clear {\n @include input-clear();\n display: inline-block;\n line-height: 1;\n }\n\n &-arrow {\n margin-right: var(--gap-xs);\n // margin-left: var(--gap-xs);\n width: var(--gap-md);\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n\n > svg {\n transition: transform var(--animation-duration);\n display: inline-block;\n color: var(--Form-select-caret-iconColor);\n width: 10px;\n height: 10px;\n top: 0;\n }\n }\n\n &.is-opened &-arrow > svg {\n transform: rotate(180deg);\n }\n}\n\n.#{$ns}ColorPicker-popover {\n border: none;\n box-shadow: none;\n}\n\n.#{$ns}ColorControl:not(.is-inline) > .#{$ns}ColorPicker {\n display: flex;\n}\n\n// override\n\n.sketch-picker {\n border: none !important;\n border-radius: var(--borderRadius) !important;\n box-shadow: var(--ColorPicker-boxShadow) !important;\n}\n",".#{$ns}DatePicker {\n position: relative;\n display: inline-flex;\n flex-wrap: nowrap;\n border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor);\n font-size: var(--DatePicker-fontSize);\n padding: var(--DatePicker-paddingY) var(--DatePicker-paddingX);\n height: var(--DatePicker-height);\n outline: none;\n white-space: nowrap;\n color: var(--DatePicker-color);\n background: var(--DatePicker-bg);\n border-radius: var(--DatePicker-borderRadius);\n\n @include input-border();\n\n &:not(.is-disabled) {\n cursor: pointer;\n\n &:hover {\n background: var(--DatePicker-onHover-bg);\n border-color: var(--DatePicker-onHover-borderColor);\n\n .#{$ns}DatePicker-toggler:before {\n color: var(--DatePicker-onHover-iconColor);\n }\n }\n }\n\n &.is-focused {\n border-color: var(--DatePicker-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n }\n\n &.is-disabled {\n background: $gray200;\n\n > .#{$ns}DatePicker-input {\n color: var(--text--muted-color);\n }\n }\n\n &-placeholder {\n color: var(--DatePicker-placeholderColor);\n user-select: none;\n margin-right: var(--gap-base);\n min-width: px2rem(50px);\n flex-basis: 0;\n flex-grow: 1;\n }\n\n &-value {\n margin-right: var(--gap-base);\n flex-basis: 0;\n flex-grow: 1;\n }\n\n &-toggler {\n cursor: pointer;\n color: var(--DatePicker-iconColor);\n display: inline-flex;\n align-items: center;\n\n &:hover {\n color: var(--DatePicker-onHover-iconColor);\n }\n }\n\n &-clear {\n display: inline-block;\n @include input-clear();\n line-height: 1;\n margin-right: var(--gap-xs);\n }\n}\n\n.#{$ns}DateControl:not(.is-inline) > .#{$ns}DatePicker {\n display: flex;\n}\n\n.#{$ns}DatePicker-shortcuts {\n margin: 0;\n background: var(--Calendar-shortcuts-bg);\n padding: calc(\n (\n var(--Calendar-shortcuts-height) - var(--Calendar-fontSize) *\n var(--lineHeightBase)\n ) / 2\n )\n var(--gap-sm);\n list-style: none;\n width: px2rem(250px);\n\n & + .rdt .rdtPicker {\n padding-top: 0;\n }\n}\n\n.#{$ns}DatePicker-shortcut {\n display: inline-block;\n margin-right: var(--gap-sm);\n\n a {\n font-size: var(--Calendar-fontSize);\n cursor: pointer;\n color: var(--Calendar-shortcut-color);\n text-decoration: var(--Calendar-shortcut-decoration);\n\n &:hover {\n color: var(--Calendar-shortcut-onHover-color);\n text-decoration: var(--Calendar-shortcut-onHover-decoration);\n }\n }\n}\n\n.#{$ns}DatePicker-popover {\n margin: px2rem(2px) 0 0;\n\n &.#{$ns}PopOver--leftTopLeftBottom,\n &.#{$ns}PopOver--rightTopRightBottom {\n margin: px2rem(-2px) 0 0;\n }\n}\n\n.#{$ns}DatePicker-popup {\n height: 80vh;\n}\n// override third-party styles\n.rdt {\n user-select: none;\n font-size: var(--Calendar-fontSize);\n color: var(--Calendar-color);\n\n .rdtPicker {\n margin-top: 0;\n padding: var(--gap-sm);\n background: transparent;\n border: none;\n\n .dow {\n color: var(--Calendar-wLabel-color);\n font-weight: normal;\n }\n\n td.rdtDay,\n td.rdtHour,\n td.rdtMinute,\n td.rdtSecond,\n .rdtTimeToggle {\n background: var(--Calendar-cell-bg);\n\n &:hover {\n background: var(--Calendar-cell-onHover-bg);\n }\n }\n\n td.rdtBetween {\n background: var(--Calendar-cell-onBetween-bg);\n }\n\n td.rdtToday:before {\n border-bottom-color: var(--Calendar-cell-onActive-bg);\n }\n\n td.rdtActive.rdtToday:before {\n border-bottom-color: var(--Calendar-cell-bg);\n }\n\n td.rdtActive,\n td.rdtActive:hover {\n background: var(--Calendar-cell-onActive-bg);\n }\n\n td.rdtDisabled,\n td.rdtDisabled:hover {\n background: var(--Calendar-cell-onDisabled-bg);\n }\n }\n\n thead tr:first-child th {\n cursor: default;\n font-weight: normal;\n border-bottom: none;\n }\n\n thead tr:first-child th:hover {\n background: transparent;\n }\n\n tfoot {\n border-top: 0;\n\n td {\n padding-top: var(--gap-xs);\n text-align: left;\n\n span {\n width: 10px;\n display: inline-block;\n text-align: center;\n }\n\n .rdtActions {\n margin-top: var(--gap-sm);\n text-align: right;\n }\n }\n }\n}\n\n.#{$ns}CalendarInputWrapper {\n display: inline-block;\n position: relative;\n .#{$ns}CalendarInput-sugs {\n list-style: none;\n position: absolute;\n background: var(--Form-select-menu-bg);\n color: var(--Form-select-menu-color);\n border: var(--Form-input-borderWidth) solid\n var(--Form-input-onFocused-borderColor);\n left: px2rem(-1px);\n right: px2rem(-1px);\n top: 100%;\n z-index: 10;\n max-height: px2rem(200px);\n overflow: auto;\n &Item {\n padding-left: 4px;\n &.is-highlight,\n &:hover {\n color: var(--Form-select-menu-onHover-color);\n background: var(--Form-select-menu-onHover-bg);\n }\n }\n }\n}\n\n.#{$ns}CalendarInput {\n outline: none;\n width: 40px;\n font-size: var(--Calendar-input-fontSize);\n color: var(--Calendar-input-color);\n border: 1px solid var(--Calendar-input-borderColor);\n border-radius: var(--Calendar-input-borderRadius);\n height: var(--Calendar-input-height);\n line-height: var(--Calendar-input-lineHeight);\n padding: var(--Calendar-input-paddingY) var(--Calendar-input-paddingX);\n box-shadow: none;\n\n &:focus {\n border-color: var(--Calendar-input-onFocused-borderColor);\n box-shadow: none;\n }\n}\n\n.#{$ns}CalendarTime {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n\n.#{$ns}CalendarCounter {\n &-btn {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 25px;\n text-align: center;\n color: var(--Button--primary-bg);\n\n &:hover {\n color: var(--Button--primary-onActive-bg);\n }\n\n > svg {\n width: 16px;\n height: 16px;\n }\n\n &--up > svg {\n transform: rotate(-90deg);\n }\n\n &--down > svg {\n transform: rotate(90deg);\n }\n }\n\n &-sep {\n width: var(--gap-md);\n text-align: center;\n }\n\n &--daypart {\n margin-left: 10px;\n }\n\n &--daypart &-value {\n height: 30px;\n display: flex;\n align-items: center;\n padding: 0 5px;\n }\n}\n\n.rdtBtn {\n line-height: var(--Calendar-btn-lineHeight);\n padding: var(--Calendar-btn-paddingY) var(--Calendar-btn-paddingX);\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n user-select: none;\n cursor: pointer;\n text-decoration: none;\n font-size: var(--Calendar-btn-fontSize);\n border: 1px solid var(--Calendar-btn-border);\n\n &:hover {\n text-decoration: none;\n }\n\n &.is-disabled {\n border-color: var(--Button-onDisabled-borderColor);\n opacity: 0.6;\n pointer-events: none;\n }\n\n .fa,\n .iconfont {\n font-size: var(--fontSizeSm);\n }\n\n @include button-variant(\n var(--Calendar-btn-bg),\n var(--Calendar-btn-border),\n var(--Calendar-btn-color),\n var(--Calendar-btn-onHover-bg),\n var(--Calendar-btn-onHover-border),\n var(--Calendar-btn-onHover-color),\n var(--Calendar-btn-onActive-bg),\n var(--Calendar-btn-onActive-border),\n var(--Calendar-btn-onActive-color)\n );\n\n border-radius: var(--Calendar-btn-borderRadius);\n\n & + .rdtBtn {\n margin-left: var(--gap-xs);\n }\n\n &Cancel {\n @include button-variant(\n var(--Calendar-btnCancel-bg),\n var(--Calendar-btnCancel-border),\n var(--Calendar-btnCancel-color),\n var(--Calendar-btnCancel-onHover-bg),\n var(--Calendar-btnCancel-onHover-border),\n var(--Calendar-btnCancel-onHover-color),\n var(--Calendar-btnCancel-onActive-bg),\n var(--Calendar-btnCancel-onActive-border),\n var(--Calendar-btnCancel-onActive-color)\n );\n }\n}\n\n.rdtBtnPrev:before,\n.rdtBtnNext:before {\n display: inline-block;\n color: inherit;\n font-style: normal;\n line-height: 1;\n}\n\n.rdtPrev,\n.rdtNext {\n cursor: pointer !important;\n width: var(--gap-md);\n padding: 0;\n color: #999;\n font-size: var(--fontSizeXl);\n text-decoration: none;\n font-family: auto;\n font-weight: normal;\n\n &:hover {\n text-decoration: none;\n color: #000;\n }\n}\n\n.rdtSwitch {\n text-align: center;\n color: #000;\n cursor: pointer;\n font-weight: normal;\n\n &:hover {\n color: var(--link-onHover-color);\n text-decoration: none;\n }\n}\n\n.rdtHeader {\n display: table;\n table-layout: fixed;\n border-collapse: separate;\n width: 100%;\n // padding: 0 10px;\n\n > * {\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n }\n\n .rdtSwitch + .rdtSwitch {\n margin-left: var(--gap-xs);\n }\n}\n\ntd.rdtMonth,\ntd.rdtYear,\ntd.rdtQuarter {\n width: px2rem(50px);\n height: px2rem(40px);\n\n > span {\n height: px2rem(24px);\n display: block;\n }\n\n &.rdtBetween {\n background: transparent !important;\n\n > span {\n background: var(--Calendar-cell-onBetween-bg);\n }\n }\n\n &:hover,\n &.rdtActive {\n background: transparent !important;\n\n > span {\n background: var(--info);\n color: var(--white);\n }\n }\n\n &.rdtDisabled {\n background: transparent !important;\n\n > span {\n background: #edf1f2;\n color: #999;\n }\n }\n}\n\n.#{$ns}DateCalendar {\n display: inline-block;\n border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor);\n background: var(--DatePicker-bg);\n border-radius: var(--DatePicker-borderRadius);\n}\n",".#{$ns}DateRangePicker {\n position: relative;\n display: inline-flex;\n flex-wrap: nowrap;\n border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor);\n font-size: var(--DatePicker-fontSize);\n padding: var(--DatePicker-paddingY) var(--DatePicker-paddingX);\n height: var(--DatePicker-height);\n outline: none;\n border-radius: var(--DatePicker-borderRadius);\n\n color: var(--DatePicker-color);\n background: var(--DatePicker-bg);\n\n @include input-border();\n\n &:not(.is-disabled) {\n cursor: pointer;\n\n &:hover {\n background: var(--DatePicker-onHover-bg);\n border-color: var(--DatePicker-onHover-borderColor);\n\n .#{$ns}DateRangePicker-toggler {\n color: var(--DatePicker-onHover-iconColor);\n }\n }\n }\n\n &.is-focused {\n border-color: var(--DatePicker-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n }\n\n &.is-disabled {\n background: $gray200;\n\n > .#{$ns}DateRangePicker-input {\n color: var(--text--muted-color);\n }\n }\n\n &-placeholder {\n color: var(--DatePicker-placeholderColor);\n user-select: none;\n margin-right: var(--gap-base);\n flex-basis: 0;\n flex-grow: 1;\n }\n\n &-value {\n margin-right: var(--gap-base);\n flex-basis: 0;\n flex-grow: 1;\n }\n\n &-toggler {\n cursor: pointer;\n color: var(--DatePicker-iconColor);\n display: inline-flex;\n align-items: center;\n\n &:hover {\n color: var(--DatePicker-onHover-iconColor);\n }\n }\n\n &-clear {\n @include input-clear();\n display: inline-block;\n line-height: 1;\n margin-right: var(--gap-xs);\n }\n}\n\n.#{$ns}DateRangePicker-wrap {\n width: auto;\n padding: var(--gap-sm);\n}\n\n.#{$ns}DateRangePicker-start,\n.#{$ns}DateRangePicker-end {\n display: inline-block;\n vertical-align: top;\n\n .rdtPicker {\n padding: 0;\n box-shadow: none;\n border: none;\n }\n}\n\n.#{$ns}DateRangePicker-end {\n margin-top: 20px;\n}\n\n.#{$ns}DateRangePicker-rangers {\n margin: 0 0 var(--gap-sm);\n padding: 0;\n list-style: none;\n}\n\n.#{$ns}DateRangePicker-ranger {\n display: inline-block;\n margin-right: var(--gap-sm);\n\n a {\n cursor: pointer;\n }\n}\n\n.#{$ns}DateRangePicker-actions {\n text-align: right;\n margin-top: var(--gap-sm);\n}\n\n.#{$ns}DateRangeControl:not(.is-inline) > .#{$ns}DateRangePicker {\n display: flex;\n}\n\n.#{$ns}DateRangePicker-popover {\n margin: px2rem(2px) 0 0;\n\n &.#{$ns}PopOver--leftTopLeftBottom,\n &.#{$ns}PopOver--rightTopRightBottom {\n margin: px2rem(-2px) 0 0;\n }\n}\n\n.#{$ns}DateRangePicker-popup {\n height: 90vh;\n}\n\n@include media-breakpoint-up(sm) {\n .#{$ns}DateRangePicker-wrap {\n white-space: nowrap;\n }\n\n .#{$ns}DateRangePicker-end {\n margin-top: 0;\n margin-left: var(--gap-sm);\n }\n}\n\n.#{$ns}DateRangeCalendar {\n display: inline-block;\n border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor);\n background: var(--DatePicker-bg);\n border-radius: var(--DatePicker-borderRadius);\n}\n",".#{$ns}ImageControl {\n position: relative;\n\n &-dropzone {\n outline: none;\n }\n\n &-addBtn {\n margin: 0;\n width: px2rem(120px);\n height: px2rem(120px);\n display: inline-flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border: var(--borderWidth) solid var(--borderColor);\n border-radius: var(--ImageControl-addBtn-borderRadius);\n cursor: pointer;\n margin-right: var(--gap-base);\n\n @include button-variant(\n var(--ImageControl-addBtn-bg),\n var(--ImageControl-addBtn-border),\n var(--ImageControl-addBtn-color),\n var(--ImageControl-addBtn-onHover-bg),\n var(--ImageControl-addBtn-onHover-border),\n var(--ImageControl-addBtn-onHover-color),\n var(--ImageControl-addBtn-onActive-bg),\n var(--ImageControl-addBtn-onActive-border),\n var(--ImageControl-addBtn-onActive-color)\n );\n\n > svg {\n width: px2rem(24px);\n height: px2rem(24px);\n top: 0;\n margin-bottom: px2rem(8px);\n }\n\n &.is-disabled {\n pointer-events: none;\n border: px2rem(1px) solid var(--ImageControl-addBtn-onDisabled-border);\n background: var(--ImageControl-addBtn-onDisabled-bg);\n color: var(--ImageControl-addBtn-onDisabled-color);\n }\n }\n\n &-pasteTip {\n pointer-events: none;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n position: absolute;\n font-size: var(--Tooltip--attr-fontSize);\n line-height: var(--Tooltip--attr-lineHeigt);\n text-align: left;\n white-space: nowrap;\n background: var(--Tooltip--attr-bg);\n border: var(--Tooltip--attr-borderWidth) solid\n var(--Tooltip--attr-borderColor);\n border-radius: var(--Tooltip--attr-borderRadius);\n box-shadow: var(--Tooltip--attr-boxShadow);\n left: 100%;\n color: var(--Tooltip--attr-color);\n padding: var(--Tooltip--attr-paddingY) var(--Tooltip--attr-paddingX);\n margin: 30px 0 0 var(--Tooltip--attr-gap);\n }\n\n &-dropzone:focus &-addBtn {\n border-color: var(--ImageControl-addBtn-onHover-border);\n background: var(--ImageControl-addBtn-onHover-bg);\n color: var(--ImageControl-addBtn-onHover-color);\n }\n\n &-item {\n border: var(--borderWidth) solid var(--borderColor);\n border-radius: var(--ImageControl-addBtn-borderRadius);\n vertical-align: top;\n padding: var(--gap-xs);\n display: inline-block;\n margin-right: var(--gap-base);\n margin-bottom: var(--gap-base);\n position: relative;\n width: px2rem(120px);\n }\n\n &-image {\n width: 100%;\n height: 100%;\n padding: 0;\n border: none;\n display: block;\n }\n\n &-itemClear {\n position: absolute;\n cursor: pointer;\n\n color: #999;\n top: 5px;\n right: 5px;\n line-height: 1;\n\n > svg {\n top: 0;\n width: 10px;\n height: 10px;\n }\n }\n\n &-itemInfo {\n display: inline-flex;\n width: 110px;\n height: 110px;\n justify-content: center;\n align-items: center;\n align-content: center;\n flex-wrap: wrap;\n\n > p {\n width: 100%;\n text-align: center;\n font-size: 12px;\n margin-bottom: 5px;\n }\n }\n\n &-progress {\n width: 70px;\n height: 5px;\n background: #ebebeb;\n }\n\n &-progressValue {\n height: 5px;\n border-radius: var(--ImageControl-progress-borderRadius);\n display: block;\n background: var(--info);\n min-width: 10%;\n transition: ease-out width var(--animation-duration);\n }\n\n &-item.is-invalid &-itemClear {\n display: none;\n }\n\n &-item.is-invalid:hover &-itemClear {\n display: block;\n }\n\n &-retryBtn {\n margin: 0;\n width: px2rem(110px);\n height: px2rem(110px);\n display: inline-flex;\n cursor: pointer;\n justify-content: center;\n align-items: center;\n align-content: center;\n flex-wrap: wrap;\n color: #666;\n\n &:hover {\n color: #333;\n text-decoration: none;\n }\n\n > p {\n width: 100%;\n text-align: center;\n color: var(--danger);\n margin: 10px 0 0;\n }\n }\n\n &-errorMsg {\n color: var(--danger);\n margin: 5px 0 0;\n }\n\n &-uploadBtn {\n margin-top: 5px;\n }\n\n &-cropperWrapper {\n position: relative;\n\n img {\n max-width: 100%;\n max-height: 400px;\n }\n }\n\n &-croperToolbar {\n display: inline-flex;\n width: 50px;\n position: absolute;\n right: 0;\n bottom: 0;\n flex-direction: column;\n align-items: flex-end;\n\n > a {\n color: #fff;\n padding: 2px 5px;\n cursor: pointer;\n font-size: 20px;\n\n .icon-retry {\n polygon {\n fill: #fff;\n }\n\n path {\n stroke: #fff;\n }\n }\n }\n }\n\n &-acceptTip {\n height: 120px;\n color: #999;\n border: 2px dashed var(--borderColor);\n\n // &.is-accept {\n border-color: var(--info);\n background: #f3f9fe;\n // }\n\n border-radius: var(--borderRadius);\n\n line-height: 120px;\n text-align: center;\n }\n\n &-fixed-size {\n width: 100%;\n height: 100%;\n padding: 0;\n }\n\n &-fixed-size &-itemOverlay {\n width: 100%;\n height: 100%;\n }\n}\n",".#{$ns}FileControl {\n &-templateInfo {\n display: block;\n margin-bottom: var(--gap-base);\n padding: var(--Button-paddingY) var(--Button-paddingX);\n cursor: pointer;\n\n > svg {\n margin-right: var(--gap-xs);\n }\n }\n\n &-dropzone {\n outline: none;\n }\n\n &-selectBtn {\n display: inline-flex;\n align-items: center;\n margin-right: 10px;\n\n > svg {\n width: px2rem(14px);\n height: px2rem(14px);\n }\n }\n\n // &-dropzone:focus {\n // .#{$ns}FileControl-selectBtn {\n // background: var(--Button--default-onHover-bg);\n // border-color: var(--Button--default-onHover-border);\n // color: var(--Button--default-onHover-color);\n // }\n\n // &:after {\n // content: '当前状态接受从剪切板中粘贴文件。';\n // color: var(--text--muted-color);\n // font-size: 11px;\n // margin-top: 10px;\n // }\n // }\n\n &-description {\n color: #999;\n font-size: 12px;\n }\n\n &-list {\n list-style: none;\n margin: 10px 0;\n padding: 0;\n\n > li {\n color: #333;\n font-size: 12px;\n\n &:hover {\n color: #108cee;\n background: #f3f3f3;\n }\n }\n }\n\n &-itemInfo {\n padding: 0px 6px;\n line-height: 26px;\n height: auto;\n\n span {\n word-break: break-all;\n }\n\n &.is-invalid {\n color: #999;\n }\n\n > svg:first-child {\n margin-right: 10px;\n }\n\n > svg:not(:first-child) {\n margin-left: 10px;\n width: px2rem(16px);\n height: px2rem(16px);\n top: var(--gap-xs);\n }\n }\n\n &-itemInfoText {\n white-space: nowrap;\n max-width: 170px;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n vertical-align: middle;\n }\n\n &-clear {\n float: right;\n color: #999;\n display: none;\n cursor: pointer;\n\n &:hover {\n color: #333;\n }\n }\n\n &-list:empty {\n display: none;\n }\n\n &-list > li:hover &-clear {\n display: block;\n }\n\n &-progressInfo {\n display: inline-flex;\n height: 20px;\n padding: 0 6px;\n transform: translateY(-3px);\n width: 100%;\n align-items: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n > span {\n display: inline-block;\n padding: 0 4px 0 10px;\n font-size: 12px;\n }\n\n > svg {\n display: inline-block;\n margin: 0 4px 0 10px;\n width: 14px;\n height: 14px;\n top: 0;\n }\n }\n\n &-progress {\n height: 5px;\n flex: 1;\n background: #ebebeb;\n\n > span {\n display: block;\n background: var(--info);\n border-radius: var(--FileControl-progress-borderRadius);\n height: 100%;\n min-width: 10%;\n transition: ease-out width var(--animation-duration);\n }\n }\n\n &-acceptTip {\n height: 120px;\n color: #999;\n border: 2px dashed var(--info);\n border-radius: var(--borderRadius);\n background: #f3f9fe;\n line-height: 120px;\n text-align: center;\n }\n\n &-sum {\n font-size: var(--fontSizeSm);\n\n > a {\n cursor: pointer;\n }\n }\n}\n","// Excel 上传的配置,基于 https://react-dropzone.js.org/\n\n.#{$ns}ExcelControl {\n &-container {\n display: flex;\n flex-direction: column;\n font-family: sans-serif;\n cursor: pointer;\n }\n\n &-container > p {\n font-size: 1rem;\n }\n\n &-container > em {\n font-size: 0.8rem;\n }\n\n &-dropzone {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: var(--gap-md);\n border-width: 2px;\n border-radius: 2px;\n border-color: #eeeeee;\n border-style: dashed;\n background-color: #fafafa;\n color: #bdbdbd;\n outline: none;\n transition: border 0.24s ease-in-out;\n }\n\n &-dropzone:focus {\n border-color: var(--primary);\n }\n\n &-dropzone.disabled {\n opacity: 0.6;\n }\n}\n",".#{$ns}EditorControl {\n min-height: px2rem(200px);\n max-height: px2rem(400px);\n\n > .#{$ns}MonacoEditor,\n > .#{$ns}MonacoEditor > .monaco-diff-editor {\n min-height: px2rem(198px);\n }\n\n overflow: visible;\n height: auto;\n border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);\n max-width: 100%;\n box-sizing: content-box;\n\n &.is-error {\n border-color: var(--Form-input-onError-borderColor);\n }\n\n &.is-focused {\n border-color: var(--Form-input-onFocused-borderColor);\n }\n\n .#{$ns}MonacoEditor {\n position: relative;\n\n &-header {\n position: absolute;\n right: px2rem(14px);\n top: 0;\n padding: 0;\n width: px2rem(18px);\n height: px2rem(18px);\n z-index: 5;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n background: var(--Modal-header-bg);\n box-sizing: border-box;\n }\n\n &-fullscreen {\n cursor: pointer;\n color: var(--Modal-close-color);\n line-height: inherit;\n text-decoration: none;\n text-align: center;\n vertical-align: middle;\n\n &:hover {\n color: var(--Model-close-onHover-color);\n\n svg {\n fill: var(--Model-close-onHover-color);\n }\n }\n }\n }\n\n &--sm {\n min-height: 100px;\n\n > .#{$ns}MonacoEditor {\n min-height: 100px;\n }\n }\n\n &--md {\n min-height: 250px;\n\n > .#{$ns}MonacoEditor {\n min-height: 250px;\n }\n }\n\n &--lg {\n min-height: 300px;\n\n > .#{$ns}MonacoEditor {\n min-height: 300px;\n }\n }\n\n &--xl {\n min-height: 400px;\n\n > .#{$ns}MonacoEditor {\n min-height: 400px;\n }\n }\n\n &--xxl {\n min-height: 500px;\n\n > .#{$ns}MonacoEditor {\n min-height: 500px;\n }\n }\n}\n\n.monaco-inputbox > .wrapper {\n padding: 0;\n}\n\n.is-fullscreen {\n margin: 0 !important;\n position: fixed !important;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 2147483630 !important;\n width: auto !important;\n}\n\n// @media (min-width: 768px) {\n\n// .amis-editor-control.form-contorl-inline,\n// .form-group-inline .amis-editor-control {\n// display: inline-block;\n// width: 280px;\n// }\n// }\n",".fr-popup {\n z-index: $zindex-popover !important;\n}\n\n.#{$ns}RichTextControl {\n > .tox-tinymce {\n border: 0;\n }\n\n > textarea {\n width: 100%;\n }\n\n min-height: px2rem(200px);\n height: auto;\n border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);\n width: 100%;\n\n @include input-border();\n\n .fr-toolbar.fr-top {\n box-shadow: none;\n border: 0;\n position: relative;\n }\n\n .fr-box.fr-basic.fr-top:not(.fr-fullscreen) .fr-wrapper {\n min-height: 150px;\n max-height: 400px;\n box-shadow: none;\n overflow: auto;\n border: none;\n }\n\n .second-toolbar {\n border: none;\n }\n\n .fr-toolbar .fr-command.fr-btn,\n .fr-popup .fr-command.fr-btn {\n color: var(--Button--default-color);\n }\n\n .fr-toolbar .fr-command.fr-btn.fr-active,\n .fr-popup .fr-command.fr-btn.fr-active {\n color: var(--info);\n background: var(--Form-select-onHover-bg);\n }\n\n .fr-desktop .fr-command:hover,\n .fr-desktop .fr-command:focus {\n background: var(--Form-select-onHover-bg);\n }\n\n .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,\n .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {\n background: var(--Form-select-onHover-bg);\n }\n\n .fr-command.fr-btn\n + .fr-dropdown-menu\n .fr-dropdown-wrapper\n .fr-dropdown-content\n ul.fr-dropdown-list\n li\n a.fr-active {\n background: var(--info);\n color: #fff;\n }\n\n &.is-focused {\n border: var(--Form-input-borderWidth) solid\n var(--Form-input-onFocused-borderColor);\n }\n\n .fr-box.fr-basic .fr-element {\n min-height: 150px;\n }\n\n .fr-sticky-dummy {\n position: absolute;\n }\n\n &.is-disabled {\n border-color: var(--Form-input-onDisabled-borderColor);\n pointer-events: none;\n opacity: 0.6;\n\n .fr-box.fr-basic.fr-top .fr-wrapper {\n border-color: var(--Form-input-onDisabled-borderColor);\n }\n }\n\n // &.amis-rich-text-control-md {\n // .fr-box.fr-basic .fr-element,\n // .fr-box.fr-basic.fr-top .fr-wrapper {\n // min-height: 250px;\n // }\n // }\n\n // &.amis-rich-text-control-lg {\n // .fr-box.fr-basic .fr-element,\n // .fr-box.fr-basic.fr-top .fr-wrapper {\n // min-height: 300px;\n // }\n // }\n}\n\n// @media (min-width: 768px) {\n\n// .amis-rich-text-control.form-contorl-inline,\n// .form-group-inline .amis-rich-text-control {\n// display: inline-block;\n// width: 280px;\n// }\n// }\n",".tox-tinymce-aux {\n z-index: $zindex-top;\n}\n.tox-fullscreen .tox.tox-tinymce-aux {\n z-index: $zindex-top;\n}\n",".#{$ns}RangeControl {\n position: relative;\n @include clearfix();\n\n padding-top: 1rem;\n padding-bottom: 1.1rem;\n\n &--withInput {\n .#{$ns}InputRange {\n width: calc(100% - 120px);\n }\n\n .#{$ns}InputRange-label--mid {\n left: calc(50% - 60px);\n }\n\n &.is-multiple {\n .#{$ns}InputRange {\n width: calc(100% - 210px);\n }\n }\n }\n\n .#{$ns}InputRange {\n &-input {\n font-size: var(--fontSizeSm);\n position: absolute;\n right: px2rem(26px);\n top: px2rem(12px);\n height: px2rem(30px);\n\n input {\n padding: px2rem(10px);\n width: px2rem(74px);\n height: 100%;\n\n &:focus {\n outline: none;\n border: var(--borderWidth) solid var(--info);\n }\n }\n\n &-separator {\n display: inline-block;\n padding: 0 5px;\n }\n }\n\n &-unit {\n position: absolute;\n right: px2rem(10px);\n top: px2rem(7px);\n }\n\n &-clear {\n position: absolute;\n top: px2rem(18px);\n right: 0;\n cursor: pointer;\n\n svg {\n height: px2rem(16px);\n width: px2rem(16px);\n fill: #999;\n }\n }\n }\n}\n\n.#{$ns}InputRange {\n height: var(--InputRange-slider-height);\n position: relative;\n width: 100%;\n\n // slider\n &-slider {\n appearance: none;\n background: var(--InputRange-slider-bg);\n border: var(--InputRange-slider-border);\n // border-radius: 100%;\n cursor: pointer;\n display: block;\n width: var(--InputRange-slider-width);\n height: var(--InputRange-slider-height);\n margin-left: calc(var(--InputRange-slider-width) / -2);\n margin-top: calc(\n var(--InputRange-slider-height) / -2 + var(--InputRange-track-height) / -2\n );\n outline: none;\n position: absolute;\n z-index: 2;\n top: 50%;\n transition: var(--InputRange-slider-transition);\n\n &:active {\n transform: var(--InputRange-slider-onActive-transform);\n }\n\n &:focus {\n box-shadow: var(--InputRange-slider-onFocus-boxShadow);\n }\n\n .input-range--disabled & {\n background: var(--InputRange-slider-onDisabled-bg);\n border: var(--InputRange-slider-onDisabled-border);\n box-shadow: none;\n transform: none;\n }\n\n &:before {\n content: '||';\n color: #fff;\n display: block;\n line-height: px2rem(22px);\n text-align: center;\n }\n }\n\n &-sliderContainer {\n transition: var(--InputRange-sliderContainer-transition);\n }\n\n // label\n &-label {\n color: var(--InputRange-label-color);\n font-size: var(--InputRange-label-fontSize);\n transform: translateZ(0);\n white-space: nowrap;\n }\n\n &-label--min,\n &-label--max,\n &-label--mid {\n bottom: var(--InputRange-label-positionBottom);\n position: absolute;\n }\n\n &-label--mid {\n left: 50%;\n bottom: calc(var(--gap-xs) * -1);\n transform: translateX(-50%);\n }\n\n &-label--max {\n right: 0;\n }\n\n &-label--value {\n position: absolute;\n display: var(--InputRange-label--value-display);\n top: var(--InputRange-label--value-positionTop);\n left: var(--InputRange-label--value-positionLeft);\n }\n\n // label Container\n\n // &-labelContainer {\n // left: -50%;\n // position: relative;\n // .#{$ns}InputRange-label--max & {\n // left: 50%;\n // }\n // }\n\n // track\n &-track {\n background: var(--InputRange-track-bg);\n // border-radius: 0;\n cursor: pointer;\n display: block;\n height: var(--InputRange-track-height);\n position: relative;\n transition: var(--InputRange-track-transition);\n\n .#{$ns}InputRange.is-disabled & {\n background: var(--InputRange-track-onDisabled-bg);\n }\n\n &.is-active {\n background: var(--InputRange-track-onActive-bg);\n }\n }\n\n &-track--background {\n left: 0.5rem;\n margin-top: calc(-0.5 * var(--InputRange-track-height));\n position: absolute;\n right: 0.5rem;\n top: 50%;\n\n &::before,\n &::after {\n content: '';\n width: 0.5rem;\n height: 100%;\n position: absolute;\n top: 0;\n background: inherit;\n z-index: 1;\n }\n\n &::before {\n left: -0.5rem;\n }\n\n &::after {\n right: -0.5rem;\n }\n }\n\n &-track--active {\n background: var(--InputRange-track-onActive-bg);\n }\n}\n",".#{$ns}RepeatControl {\n .repeat-btn {\n width: px2rem(80px);\n }\n\n .Select {\n display: inline-block;\n min-width: 100px;\n }\n\n .input-range {\n margin-top: 0;\n }\n\n // .InputRange-label--value {\n // top: -25px;\n\n // .InputRange-labelContainer {\n // font-size: 14px;\n // }\n // }\n\n // .InputRange-slider {\n // z-index: 2;\n // }\n\n // .InputRange-track--active, .InputRange-slider {\n // background: #23b7e5;\n // border-color: #23b7e5;\n // }\n}\n\n@media (min-width: 768px) {\n .repeat-control.form-contorl-inline,\n .form-group-inline .repeat-control {\n display: inline-block;\n min-width: 280px;\n width: auto;\n }\n}\n",".#{$ns}TreeControl {\n border: 1px solid var(--Form-input-borderColor);\n padding: 6px 12px;\n border-radius: 2px;\n max-height: 300px;\n overflow: auto;\n\n &.h-full {\n max-height: none;\n overflow: visible;\n }\n\n &.no-border {\n border: 0;\n }\n}\n\n.#{$ns}Tree {\n &-list,\n &-sublist {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n &-sublist {\n margin-left: var(--Tree-indent);\n }\n\n &-sublist.is-folded {\n display: none;\n }\n\n &-item {\n line-height: var(--Tree-itemHeight);\n position: relative;\n\n > div {\n &:hover {\n text-decoration: none;\n\n > .#{$ns}Tree-item-icons {\n visibility: visible;\n }\n }\n\n > span > svg {\n display: inline-block;\n cursor: pointer;\n position: relative;\n top: 2px;\n width: px2rem(16px);\n height: px2rem(16px);\n margin-left: var(--gap-xs);\n }\n }\n }\n\n &.is-disabled {\n pointer-events: none;\n }\n\n &.is-draggable {\n position: relative;\n }\n\n &--outline &-sublist &-item--isLeaf {\n &:before {\n position: absolute;\n top: -8px;\n left: calc((var(--Tree-indent) - 5px) * -1);\n bottom: 0px;\n border-left: 1px solid var(--borderColor);\n content: '';\n }\n }\n\n &-rootItem {\n line-height: var(--Tree-itemHeight);\n }\n\n &-item > div:hover > .#{$ns}Tree-item-icons,\n &-rootItem > div:hover > .#{$ns}Tree-item-icons {\n visibility: visible;\n }\n\n &-itemLabel {\n display: flex;\n align-items: center;\n position: relative;\n\n & > * {\n position: relative;\n z-index: 2;\n }\n\n &:hover:after {\n position: absolute;\n content: '';\n z-index: 1;\n background: var(--Tree-item-onHover-bg);\n top: 0;\n right: 0;\n bottom: 0;\n left: -99999px;\n }\n }\n\n &.is-draggable &-itemLabel:hover::after {\n display: none;\n }\n\n &-item-icons {\n visibility: hidden;\n transition: visibility var(--animation-duration) ease;\n display: inline-block;\n vertical-align: top;\n height: var(--Tree-itemHeight);\n line-height: var(--Tree-itemHeight);\n padding-right: var(--gap-xs);\n\n > a {\n display: inline-block;\n vertical-align: middle;\n margin-left: var(--gap-xs);\n cursor: pointer;\n\n > svg {\n $svgSize: px2rem(12px);\n width: $svgSize;\n height: $svgSize;\n top: 0;\n }\n }\n }\n\n &-itemInput {\n padding-left: var(--Tree-itemArrowWidth);\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n\n > a {\n display: inline-block;\n cursor: pointer;\n margin-left: var(--gap-sm);\n color: var(--icon-color);\n\n &:hover {\n color: var(--icon-onHover-color);\n text-decoration: none;\n }\n }\n\n > input {\n flex-grow: 1;\n width: 100%;\n outline: none;\n background: var(--Form-input-bg);\n border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);\n border-radius: var(--Form-input-borderRadius);\n line-height: var(--Form-input-lineHeight);\n padding: calc(\n (\n var(--Tree-inputHeight) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize) - #{px2rem(2px)}\n ) / 2\n )\n var(--Form-input-paddingX);\n font-size: var(--Form-input-fontSize);\n\n &::placeholder {\n color: var(--Form-input-placeholderColor);\n user-select: none;\n }\n\n &:focus {\n border-color: var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n background: var(--Form-input-onFocused-bg);\n }\n }\n }\n\n &-addTopBtn {\n cursor: pointer;\n height: var(--Tree-itemHeight);\n line-height: var(--Tree-itemHeight);\n display: block;\n\n &:hover {\n text-decoration: none;\n }\n\n &.is-disabled {\n pointer-events: none;\n color: var(--text--muted-color);\n }\n\n > svg {\n $svgSize: px2rem(14px);\n width: $svgSize;\n height: $svgSize;\n top: $svgSize * 0.125;\n margin-right: var(--gap-xs);\n }\n }\n\n &-itemArrow {\n cursor: pointer;\n width: var(--Tree-itemArrowWidth);\n display: inline-flex;\n margin-right: var(--gap-xs);\n\n // &:before {\n // font-style: normal;\n // font-family: $Tree-arrowVendor;\n // content: $Tree-unfoldedArrowContent;\n // }\n > svg {\n width: var(--Tree-itemArrowWidth);\n height: var(--Tree-itemArrowWidth);\n display: block;\n transition: transform var(--animation-duration);\n top: 0;\n transform: rotate(90deg);\n }\n\n &.is-folded > svg {\n transform: rotate(0deg);\n }\n }\n\n &-itemArrowPlaceholder {\n display: inline-block;\n width: calc(var(--Tree-itemArrowWidth) + var(--gap-xs));\n }\n\n &-itemDrager {\n cursor: move;\n color: var(--icon-color);\n }\n\n &-spinner {\n margin-right: var(--gap-xs);\n }\n\n &-itemIcon {\n display: inline-flex;\n margin-right: var(--gap-xs);\n }\n\n &-rootIcon,\n &-folderIcon,\n &-leafIcon {\n > svg {\n top: 0;\n width: px2rem(14px);\n height: px2rem(14px);\n }\n }\n\n &-itemLabel {\n user-select: none;\n\n &.is-checked,\n &.is-children-checked {\n color: var(--Tree-itemLabel--onChecked-color);\n }\n\n &.is-disabled {\n color: var(--text--muted-color);\n }\n\n > .#{$ns}Checkbox {\n display: inline-flex;\n align-self: center;\n }\n }\n\n &-itemText {\n cursor: pointer;\n flex: 1 auto;\n line-height: var(--lineHeightBase);\n padding: px2rem(4px) 0;\n }\n\n &-placeholder {\n color: var(--text--muted-color);\n }\n\n &-dropIndicator {\n position: absolute;\n height: px2rem(2px);\n background-color: var(--Tree-itemLabel--onChecked-color);\n border-radius: px2rem(1px);\n z-index: 1;\n\n &::after {\n position: absolute;\n top: px2rem(-3px);\n left: px2rem(-6px);\n width: px2rem(8px);\n height: px2rem(8px);\n background-color: transparent;\n border: px2rem(2px) solid var(--Tree-itemLabel--onChecked-color);\n border-radius: 50%;\n content: '';\n }\n\n &--hover {\n border-radius: 0;\n background-color: var(--Tree-item-onHover-bg);\n\n &::after {\n display: none;\n }\n }\n }\n}\n",".#{$ns}TreeSelectControl {\n position: relative;\n\n > .#{$ns}TreeSelect-popover {\n width: 100%;\n }\n}\n\n.#{$ns}TreeSelect {\n @include input-text();\n outline: none;\n\n &.is-opened {\n border-color: var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n background: var(--Form-input-onFocused-bg);\n }\n\n &-popup {\n height: 80vh;\n }\n}\n\n.#{$ns}TreeSelect-popover {\n background: transparent;\n border: none;\n box-shadow: none;\n\n > .#{$ns}Tree {\n background: var(--TreeSelect-popover-bg);\n border: var(--Form-input-borderWidth) solid\n var(--Form-input-onFocused-borderColor);\n padding: var(--gap-xs) var(--Form-input-paddingX);\n border-radius: 0;\n margin-top: -1px;\n max-height: 400px;\n overflow: auto;\n }\n}\n",".#{$ns}Combo {\n &-placeholder {\n color: var(--text--muted-color);\n padding-top: var(--Form-label-paddingTop);\n }\n\n &-toolbarBtn {\n line-height: var(--Combo-toolbarBtn-lineHeight);\n height: var(--Combo-toolbarBtn-height);\n color: var(--Combo-toolbarBtn-color);\n padding: var(--Combo-toolbarBtn-paddingY) var(--Combo-toolbarBtn-paddingX);\n cursor: pointer;\n\n &:hover {\n color: var(--Combo-toolbarBtn-onHover-color);\n }\n }\n\n &-setNullBtn {\n margin-top: var(--gap-xs);\n display: inline-block;\n }\n\n &-addBtn {\n > svg {\n width: var(--Combo-addBtn-fontSize);\n height: var(--Combo-addBtn-fontSize);\n }\n\n font-size: var(--Combo-addBtn-fontSize);\n\n @include button-size(\n var(--Combo-addBtn-paddingY),\n var(--Combo-addBtn-paddingX),\n var(--Combo-addBtn-fontSize),\n var(--Combo-addBtn-lineHeight),\n var(--Combo-addBtn-borderRadius),\n var(--Combo-addBtn-height)\n );\n\n @include button-variant(\n var(--Combo-addBtn-bg),\n var(--Combo-addBtn-border),\n var(--Combo-addBtn-color),\n var(--Combo-addBtn-onHover-bg),\n var(--Combo-addBtn-onHover-border),\n var(--Combo-addBtn-onHover-color),\n var(--Combo-addBtn-onActive-bg),\n var(--Combo-addBtn-onActive-border),\n var(--Combo-addBtn-onActive-color)\n );\n\n &.is-disabled {\n pointer-events: none;\n opacity: var(--Button-onDisabled-opacity);\n }\n }\n\n &-delBtn {\n color: var(--icon-color);\n cursor: pointer;\n\n &:hover {\n color: var(--icon-onHover-color);\n }\n }\n\n &-tab-delBtn {\n color: var(--icon-color);\n cursor: pointer;\n margin-left: var(--gap-sm);\n display: inline-block;\n\n > svg {\n width: px2rem(11px);\n height: px2rem(11px);\n }\n\n &:hover {\n color: var(--icon-onHover-color);\n }\n }\n\n &-items {\n &:empty {\n display: none;\n\n + .#{$ns}Combo-toolbar {\n padding-top: calc(\n (var(--Form-input-height) - var(--Combo-addBtn-height)) / 2\n );\n }\n }\n\n margin-bottom: var(--Combo-items-marginBottom);\n }\n\n &-item {\n background: var(--Page-main-bg);\n }\n\n &-itemDrager {\n cursor: move;\n\n > a {\n color: var(--icon-color);\n\n &:hover {\n color: var(--icon-onHover-color);\n }\n }\n\n svg {\n width: px2rem(16px);\n height: px2rem(16px);\n }\n }\n\n &--hor {\n .#{$ns}Combo-item {\n display: flex;\n flex-wrap: nowrap;\n }\n\n .#{$ns}Combo-item + .#{$ns}Combo-item {\n margin-top: var(--Combo--horizontal-item-gap);\n }\n\n .#{$ns}Combo-itemInner {\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .#{$ns}Combo-itemTag {\n margin-right: var(--gap-sm);\n\n label {\n color: var(--info);\n margin-right: var(--gap-sm);\n }\n }\n\n .#{$ns}Combo-delBtn {\n margin-left: var(--gap-xs);\n display: flex;\n white-space: nowrap;\n align-items: flex-start;\n padding-top: var(--Form-label-paddingTop);\n\n &.is-disabled {\n pointer-events: none;\n opacity: var(--Button-onDisabled-opacity);\n }\n }\n\n &.is-draggable .#{$ns}Combo-toolbar {\n padding-left: px2rem(24px);\n }\n\n .#{$ns}Combo-itemDrager {\n padding: var(--Combo--horizontal-dragger-top) px2rem(6px) 0 0;\n display: flex;\n align-items: center;\n }\n }\n\n // &--ver {\n // .#{$ns}Combo-item {\n // background: var(--white);\n // }\n // }\n\n &--ver:not(&--noBorder) {\n @include clearfix();\n > .#{$ns}Combo-items {\n margin: calc(var(--Combo--vertical-item-gap) * -2)\n calc(var(--Combo--vertical-item-gap) * -2) 0\n calc(var(--Combo--vertical-item-gap) * -2);\n\n > .#{$ns}Combo-placeholder {\n margin: calc(var(--Combo--vertical-item-gap) * 2);\n }\n }\n\n .#{$ns}Combo-itemTag {\n text-align: right;\n\n label {\n color: var(--info);\n margin-right: var(--gap-sm);\n }\n }\n\n // 不严格点会命中 combo 里面嵌套 combo 的情况,so sad.\n > .#{$ns}Combo-item,\n > .#{$ns}Combo-items > .#{$ns}Combo-item {\n border: var(--Combo--vertical-item-borderWidth) dashed\n var(--Combo--vertical-item-borderColor);\n padding: var(--Combo--vertical-item-paddingY)\n var(--Combo--vertical-item-paddingX);\n position: relative;\n }\n\n > .#{$ns}Combo-items > .#{$ns}Combo-item {\n margin: calc(var(--Combo--vertical-item-gap) * 2);\n }\n\n > .#{$ns}Combo-items > .#{$ns}Combo-item > .#{$ns}Combo-delBtn {\n position: absolute;\n opacity: 0;\n top: var(--gap-xs);\n right: var(--gap-xs);\n }\n\n &:not(.is-disabled) > .#{$ns}Combo-item:hover,\n &:not(.is-disabled) > .#{$ns}Combo-items > .#{$ns}Combo-item:hover {\n border-color: var(--Combo--vertical-item-onHover-borderColor);\n // border-style: solid;\n\n > .#{$ns}Combo-delBtn {\n opacity: 1;\n }\n }\n\n > .#{$ns}Combo-items > .#{$ns}Combo-item > .#{$ns}Combo-itemDrager {\n position: absolute;\n top: var(--Combo--horizontal-dragger-top);\n left: px2rem(-30px);\n display: flex;\n align-items: center;\n }\n\n &.is-draggable {\n > .#{$ns}Combo-items > .#{$ns}Combo-item {\n margin-left: px2rem(35px);\n }\n > .#{$ns}Combo-toolbar {\n padding-left: px2rem(25px);\n }\n }\n }\n\n &-item--dragging {\n position: relative;\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n z-index: 5;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.1);\n }\n }\n}\n\n.#{$ns}ComboTabs > .#{$ns}Tabs-links {\n @include clearfix();\n .#{$ns}Tabs-link {\n > a {\n word-break: break-all;\n }\n }\n}\n\n.#{$ns}ComboTabs-addLink {\n float: right;\n > a svg {\n margin-right: var(--gap-xs);\n }\n}\n\n.#{$ns}Combo-dragableTip {\n color: var(--text--muted-color);\n font-size: var(--fontSizeSm);\n margin-left: var(--gap-xs);\n\n &:empty {\n display: none;\n }\n}\n\n.#{$ns}ComboControl.is-inline {\n .#{$ns}Combo--hor .#{$ns}Combo-itemInner {\n flex-grow: unset;\n flex-basis: unset;\n }\n\n .#{$ns}Combo--ver .#{$ns}Combo-item {\n display: inline-block;\n min-width: var(--Form-control-widthBase);\n }\n}\n\n@include media-breakpoint-up(sm) {\n .#{$ns}Combo-form .#{$ns}Form-item:last-child {\n margin-bottom: 0;\n }\n}\n",".#{$ns}SubForm {\n &-values {\n margin: 2px -3px;\n\n &:empty {\n display: none;\n }\n }\n\n &-value {\n background: var(--ResultBox-value-bg);\n color: var(--ResultBox-value-color);\n font-size: var(--Form-input-fontSize);\n padding: 0 var(--gap-xs);\n min-height: px2rem(24px);\n flex-wrap: nowrap;\n display: inline-flex;\n align-items: center;\n margin: 2px 3px;\n user-select: none;\n\n &Label {\n color: inherit;\n }\n\n &Del,\n &Edit,\n &DragBar {\n cursor: pointer;\n margin-left: var(--gap-xs);\n color: var(--ResultBox-icon-color);\n &:hover {\n color: var(--ResultBox-icon--onHover-color);\n }\n\n > svg {\n width: px2rem(12px);\n height: px2rem(12px);\n }\n }\n\n &DragBar {\n margin-left: 0;\n margin-right: var(--gap-xs);\n cursor: move;\n }\n\n &:hover {\n background: var(--ResultBox-value--onHover-bg);\n }\n\n &.is-disabled {\n pointer-events: none;\n color: var(--ResultBox-value--onDisabled-color);\n\n > a {\n color: var(--ResultBox-icon--onDisabled-color);\n }\n }\n\n &--dragging {\n position: relative;\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n z-index: 5;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.1);\n }\n }\n }\n\n &-addBtn {\n width: auto;\n min-width: auto;\n font-weight: var(--fontWeightNormal);\n color: var(--Button--link-color);\n text-decoration: var(--link-decoration);\n border: none;\n height: auto;\n padding: 0 4px;\n display: inline-flex;\n align-items: center;\n\n @include hover-focus {\n color: var(--Button--link-onHover-color);\n text-decoration: var(--link-onHover-decoration);\n box-shadow: none;\n }\n\n > svg {\n width: 12px;\n height: 12px;\n margin-right: 4px !important;\n top: 0;\n }\n\n &:disabled,\n &.is-disabled {\n color: var(--text--muted-color);\n pointer-events: none;\n background: transparent;\n }\n }\n\n &-placeholder {\n color: var(--Form-input-placeholderColor);\n user-select: none;\n padding: 4px;\n }\n}\n",".#{$ns}ChainedSelectControl {\n .#{$ns}Select {\n margin-right: var(--gap-xs);\n }\n}\n",".#{$ns}Picker {\n @include input-text();\n outline: none;\n\n &.is-focus > &-input {\n border-color: var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n background: var(--Form-input-onFocused-bg);\n }\n\n &.is-disabled {\n pointer-events: none;\n opacity: var(--Button-onDisabled-opacity);\n }\n\n &-placeholder {\n color: var(--Form-input-placeholderColor);\n user-select: none;\n position: absolute;\n // margin-top: 2 * var(--Form-input-borderWidth);\n line-height: var(--Form-input-lineHeight);\n }\n\n &-input {\n min-height: var(--Form-input-height);\n height: auto;\n }\n\n .#{$ns}Picker-values {\n display: inline;\n }\n\n &-valueWrap {\n flex-grow: 1;\n position: relative;\n\n > input {\n width: 1rem;\n display: inline-block;\n }\n }\n\n .#{$ns}Picker-valueWrap {\n margin-bottom: calc(var(--gap-xs) * -1);\n line-height: 1;\n }\n\n .#{$ns}Picker-value {\n cursor: pointer;\n user-select: none;\n white-space: nowrap;\n vertical-align: middle;\n line-height: calc(\n var(--Form-input-lineHeight) * var(--Form-input-fontSize) - #{px2rem(2px)}\n );\n display: inline-block;\n font-size: var(--Form-selectValue-fontSize);\n color: var(--Form-selectValue-color);\n background: var(--Form-selectValue-bg);\n border: px2rem(1px) solid var(--Form-selectValue-borderColor);\n border-radius: 2px;\n margin-right: var(--gap-xs);\n margin-bottom: var(--gap-xs);\n }\n\n .#{$ns}Picker-valueIcon {\n cursor: pointer;\n border-right: px2rem(1px) solid var(--Form-selectValue-borderColor);\n padding: 1px 5px;\n\n &:hover {\n background: var(--Form-selectValue-onHover-bg);\n }\n }\n\n .#{$ns}Picker-valueLabel {\n padding: 0 var(--gap-xs);\n }\n\n &-btn {\n cursor: pointer;\n color: var(--Picker-iconColor);\n\n &:hover {\n color: var(--Picker-onHover-iconColor);\n }\n }\n\n &-clear {\n display: inline-block;\n @include input-clear();\n line-height: 1;\n margin-right: var(--gap-xs);\n }\n}\n\n.#{$ns}PickerControl.is-inline {\n .#{$ns}Picker {\n display: inline-block;\n min-width: px2rem(150px);\n }\n}\n",".#{$ns}QrCode {\n min-height: var(--Form-input-height);\n padding: px2rem(7px) 0;\n}\n",".#{$ns}TagControl {\n position: relative;\n\n &-input.is-focused {\n border-radius: 0;\n }\n\n &-input.is-disabled {\n border-style: dashed;\n background: transparent;\n }\n\n &.is-inline {\n display: inline-block;\n }\n\n > .#{$ns}TagControl-popover {\n // box-shadow: none;\n padding: 0;\n border: none;\n width: 100%;\n margin-top: calc(\n var(--Form-select-popoverGap) - var(--Form-select-outer-borderWidth)\n );\n\n &.#{$ns}PopOver--leftBottomLeftTop {\n top: 100% !important;\n }\n\n &.#{$ns}PopOver--leftTopLeftBottom {\n top: auto !important;\n bottom: 100% !important;\n }\n }\n\n &-sug {\n margin-top: var(--Form-input-marginBottom);\n\n &Tip {\n color: var(--TagControl-sugTip-color);\n margin-bottom: var(--Form-input-marginBottom);\n }\n\n &Item {\n margin-right: var(--gap-sm);\n margin-bottom: var(--gap-sm);\n display: inline-block;\n font-size: var(--TagControl-sugBtn-fontSize);\n cursor: pointer;\n user-select: none;\n border: var(--TagControl-sugBtn-borderWidth) solid transparent;\n\n @include button-size(\n var(--TagControl-sugBtn-paddingY),\n var(--TagControl-sugBtn-paddingX),\n var(--TagControl-sugBtn-fontSize),\n var(--TagControl-sugBtn-lineHeight),\n var(--TagControl-sugBtn-borderRadius),\n var(--TagControl-sugBtn-height)\n );\n\n @include button-variant(\n var(--TagControl-sugBtn-bg),\n var(--TagControl-sugBtn-border),\n var(--TagControl-sugBtn-color),\n var(--TagControl-sugBtn-onHover-bg),\n var(--TagControl-sugBtn-onHover-border),\n var(--TagControl-sugBtn-onHover-color),\n var(--TagControl-sugBtn-onActive-bg),\n var(--TagControl-sugBtn-onActive-border),\n var(--TagControl-sugBtn-onActive-color)\n );\n\n &.is-disabled {\n pointer-events: none;\n opacity: var(--Button-onDisabled-opacity);\n }\n }\n }\n}\n\n.#{$ns}TagControl-popover {\n &.#{$ns}PopOver--leftBottomLeftTop > .#{$ns}ListMenu {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n &.#{$ns}PopOver--leftTopLeftBottom > .#{$ns}ListMenu {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n}\n",".#{$ns}Rating {\n position: relative;\n overflow: hidden;\n display: block;\n float: left;\n font-size: px2rem(24px);\n color: var(--dark);\n cursor: pointer;\n\n &.is-active {\n color: var(--Rating-onActive-color);\n }\n\n &.is-disabled {\n cursor: not-allowed;\n pointer-events: none;\n }\n\n &-half:before {\n position: absolute;\n overflow: hidden;\n display: block;\n z-index: 1;\n top: 0;\n left: 0;\n width: 50%;\n content: attr(data-forhalf);\n color: var(--Rating-onActive-color);\n }\n}\n\n.#{$ns}RatingControl {\n position: relative;\n overflow: hidden;\n}\n",".#{$ns}Transfer {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n min-height: px2rem(300px);\n position: relative;\n\n &--inline {\n display: inline-flex;\n flex-wrap: nowrap;\n }\n\n &-title {\n display: flex;\n align-items: center;\n background: var(--Transfer-title-bg);\n height: px2rem(30px);\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-input-fontSize);\n padding: calc(\n (\n #{px2rem(30px)} - var(--Form-input-lineHeight) * var(--Form-input-fontSize)\n ) / 2\n )\n var(--gap-sm);\n flex-direction: row;\n border-radius: var(--borderRadius) var(--borderRadius) 0 0;\n\n &--light {\n background: transparent;\n }\n\n > span {\n flex-grow: 1;\n }\n }\n\n &-select,\n &-result {\n width: 0;\n min-width: px2rem(200px);\n max-height: px2rem(400px);\n flex-grow: 1;\n border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);\n display: flex;\n flex-direction: column;\n border-radius: var(--borderRadius);\n }\n\n &-select > &-selection,\n &-result > &-value {\n flex-grow: 1;\n max-height: 100%;\n overflow: auto;\n position: relative; // 貌似不加 relative 会有 bug。\n }\n\n &-search + &-selection {\n border-top: 1px solid var(--borderColor);\n }\n\n &-selection .#{$ns}ListSelection-placeholder {\n height: 100%;\n display: flex;\n align-items: center;\n text-align: center;\n justify-content: center;\n }\n\n &-search {\n padding: var(--gap-sm);\n }\n\n &-mid {\n min-width: px2rem(10px);\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n &-arrow {\n width: 40px;\n height: 30px;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid var(--borderColor);\n margin: 0 10px;\n color: var(--icon-color);\n\n > svg {\n top: 0;\n width: 14px;\n height: 14px;\n }\n }\n\n &-checkAll,\n &-clearAll {\n user-select: none;\n cursor: pointer;\n\n &.is-disabled {\n pointer-events: none;\n color: var(--text--muted-color);\n }\n }\n}\n\n.#{$ns}TabsTransfer {\n .#{$ns}Transfer-title {\n height: 40px;\n }\n\n // .#{$ns}Transfer-result {\n // flex-grow: unset;\n // }\n\n &-placeholder {\n @include checkboxes-placeholder();\n }\n\n &-tab {\n padding: 0;\n overflow: auto;\n }\n\n &-tabs {\n display: flex;\n flex-direction: column;\n height: 100%;\n\n > .#{$ns}Tabs-links {\n border-top: 0 none;\n padding: 5px 0 0 5px;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n align-items: center;\n\n > .#{$ns}Tabs-link > a:first-child {\n font-size: 12px;\n padding: 7px 8px;\n }\n\n .#{$ns}TabsTransfer-tabsMid {\n flex-grow: 1;\n }\n\n > .#{$ns}SearchBox {\n margin: -5px 5px 0 10px;\n\n &.is-active {\n width: 150px;\n margin-right: 10px;\n padding-left: 10px;\n }\n }\n }\n\n > .#{$ns}Tabs-content {\n flex-grow: 1;\n min-height: 0;\n position: relative;\n padding: 5px 0 0;\n\n > .#{$ns}Tabs-pane {\n position: relative;\n height: 100%;\n\n &.is-active {\n display: flex;\n flex-direction: column;\n\n > .#{$ns}Transfer-selection {\n flex-grow: 1;\n max-height: 100%;\n overflow: auto;\n }\n }\n }\n }\n }\n}\n\n.#{$ns}TransferControl {\n position: relative;\n\n &.is-inline {\n display: inline-block;\n }\n}\n\n.#{$ns}TransferPicker {\n &-icon {\n transition: transform var(--animation-duration) ease-out;\n margin: 5px 5px 5px auto;\n display: flex;\n color: var(--Form-select-caret-iconColor);\n &:hover {\n color: var(--Form-select-caret-onHover-iconColor);\n }\n\n > svg {\n width: px2rem(12px);\n height: px2rem(12px);\n top: 0;\n }\n }\n}\n\n.#{$ns}TransferDropDown {\n &-icon {\n transition: transform var(--animation-duration) ease-out;\n margin: 5px 5px 5px auto;\n display: flex;\n color: var(--Form-select-caret-iconColor);\n &:hover {\n color: var(--Form-select-caret-onHover-iconColor);\n }\n\n > svg {\n width: px2rem(10px);\n height: px2rem(10px);\n top: 0;\n }\n }\n\n &.is-active &-icon {\n transform: rotate(180deg);\n }\n}\n.#{$ns}TransferDropDown-content {\n min-height: px2rem(200px);\n display: flex;\n flex-direction: column;\n\n & > .#{$ns}Transfer-selection {\n flex-grow: 1;\n max-height: 100%;\n overflow: auto;\n position: relative; // 貌似不加 relative 会有 bug。\n }\n}\n",".#{$ns}NestedSelectControl {\n position: relative;\n}\n\n.#{$ns}NestedSelect {\n position: relative;\n @include input-border();\n &-optionArrowRight {\n display: inline-block;\n padding-right: px2rem(10px);\n\n svg {\n width: px2rem(12px);\n height: px2rem(12px);\n fill: var(--Form-input-iconColor);\n }\n }\n\n &-menuOuter {\n display: flex;\n }\n\n &-noResult {\n width: px2rem(160px);\n padding: 0 var(--gap-xs);\n color: var(--Form-select-placeholderColor);\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-select-input-fontSize);\n user-select: none;\n padding: calc(\n (\n var(--Form-select-menu-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--Form-select-paddingX);\n }\n\n &-menu {\n width: px2rem(160px);\n height: px2rem(175px); // 高度写死,否则有可能会上下闪动\n background: var(--Form-select-menu-bg);\n color: var(--Form-select-menu-color);\n border: var(--Form-select-outer-borderWidth) solid\n var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-select-outer-boxShadow);\n overflow-y: auto;\n overflow-x: hidden;\n\n &:not(:first-child) {\n border-left: 0;\n }\n\n .#{$ns}NestedSelect-option {\n position: relative;\n padding-left: var(--gap-md);\n min-height: var(--Form-input-height);\n line-height: var(--Form-input-height);\n cursor: pointer;\n display: flex;\n\n > .#{$ns}NestedSelect-optionLabel {\n flex: 1;\n\n &.is-disabled {\n cursor: not-allowed;\n color: var(--text--muted-color);\n }\n }\n\n &.is-active {\n color: var(--Form-select-menu-onActive-color);\n background: var(--Form-select-menu-onActive-bg);\n }\n\n &:hover {\n color: var(--Form-select-menu-onHover-color);\n background: var(--Form-select-menu-onHover-bg);\n }\n\n &:hover > .#{$ns}NestedSelect-childrenOuter {\n display: block;\n }\n\n &.checkall {\n border-bottom: px2rem(1px) solid #eceff8;\n }\n }\n }\n}\n",".#{$ns}IconPickerControl {\n @include input-text();\n\n &-placeholder {\n color: var(--Form-input-placeholderColor);\n user-select: none;\n position: absolute;\n left: var(--Form-input-paddingX);\n top: var(--Form-input-paddingY);\n margin-top: calc(2 * var(--Form-input-borderWidth));\n line-height: var(--Form-input-lineHeight);\n }\n\n &-valueWrap {\n flex-grow: 1;\n line-height: 1;\n white-space: nowrap;\n\n > input {\n display: inline-block;\n width: auto;\n vertical-align: middle;\n }\n }\n\n &-input--withAC {\n position: relative;\n flex-wrap: wrap;\n\n > input {\n width: auto;\n }\n }\n\n &-sugsPanel {\n position: absolute;\n background: var(--Form-select-menu-bg);\n color: var(--Form-select-menu-color);\n border: var(--Form-input-borderWidth) solid\n var(--Form-input-onFocused-borderColor);\n left: px2rem(-1px);\n right: px2rem(-1px);\n top: 100%;\n z-index: 10;\n height: auto;\n }\n\n &-tabs {\n background: var(--IconPicker-tabs-bg);\n }\n\n &-tab {\n display: inline-block;\n padding: var(--IconPicker-tab-padding);\n height: var(--IconPicker-tab-height);\n line-height: var(--IconPicker-tab-lineHeight);\n cursor: pointer;\n text-align: center;\n font-size: var(--fontSizeSm);\n user-select: none;\n\n &.active {\n background: var(--IconPicker-tab-onActive-bg);\n }\n }\n\n &-sugs {\n position: relative;\n padding: var(--IconPicker-padding);\n max-height: var(--IconPicker-content-maxHeight);\n overflow-y: auto;\n }\n\n &-sugItem {\n display: inline-block;\n width: var(--IconPicker-sugItem-width);\n height: var(--IconPicker-sugItem-height);\n text-align: center;\n line-height: var(--IconPicker-sugItem-lineHeight);\n cursor: pointer;\n\n &:hover {\n background: var(--Form-select-menu-onHover-bg);\n }\n\n &.is-active {\n color: var(--white);\n background: var(--Form-select-menu-onActive-color);\n }\n }\n\n &-value {\n user-select: none;\n line-height: calc(\n var(--Form-input-lineHeight) * var(--Form-input-fontSize)\n );\n vertical-align: middle;\n display: inline-block;\n\n > i {\n display: inline-block;\n margin-right: var(--IconPicker-selectedIcon-marginRight);\n }\n }\n}\n","@use 'sass:math';\n\n.#{$ns}Form {\n font-size: var(--Form-fontSize);\n position: relative;\n\n // 一般是快速编辑里的最后一个输入框\n &--quickEdit > div:last-of-type {\n margin-bottom: 0;\n }\n\n &--inline {\n > .#{$ns}Button {\n margin-bottom: calc(var(--Form-item-gap) / 2);\n margin-right: calc(var(--Form-item-gap) / 2);\n }\n\n > .#{$ns}PlainField {\n display: inline-block;\n padding-top: var(--Form-input-paddingY);\n // padding-bottom: var(--Form-input-paddingY);\n }\n }\n}\n\n.#{$ns}Form-static {\n min-height: var(--Form-input-height);\n padding-top: var(--Form-label-paddingTop);\n padding-bottom: var(--Form-label-paddingTop);\n margin-bottom: 0;\n\n .#{$ns}Form-item--inline > .#{$ns}Form-value > & {\n display: inline-block;\n vertical-align: top;\n }\n\n &--borderFull {\n border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);\n border-radius: var(--Form-input-borderRadius);\n padding: var(--Form-input-paddingY) var(--Form-input-paddingX);\n }\n\n &--borderHalf {\n border-bottom: var(--Form-input-borderWidth) solid\n var(--Form-input-borderColor);\n border-radius: var(--Form-input-borderRadius);\n padding: var(--Form-input-paddingY) var(--Form-input-paddingX);\n }\n}\n\n.#{$ns}Form-label {\n font-weight: var(--fontWeightNormal);\n margin-bottom: var(--gap-xs);\n position: relative;\n\n > span {\n position: relative;\n }\n}\n\n.#{$ns}Form-star {\n color: var(--danger);\n font-size: var(--fontSizeXs);\n line-height: 1;\n}\n\n.#{$ns}Form-feedback {\n color: var(--danger);\n margin: var(--Form-input-marginBottom) 0 0;\n padding-left: var(--gap-base);\n font-size: var(--fontSizeSm);\n}\n\n.#{$ns}Form-description {\n display: block;\n color: var(--Form-description-color);\n margin: var(--Form-input-marginBottom) 0 0;\n font-size: var(--Form-description-fontSize);\n}\n\n.#{$ns}Form-hint {\n display: inline-block;\n margin-left: var(--gap-sm);\n padding-top: var(--Form-input-paddingY);\n vertical-align: top;\n}\n\n.#{$ns}Form-item {\n margin-bottom: var(--Form-item-gap);\n\n &:last-child {\n margin-bottom: 0;\n }\n\n .#{$ns}Grid-form > &:last-child {\n margin-bottom: 0;\n }\n\n .#{$ns}Form--inline > &--inline {\n &:last-child {\n margin-right: 0;\n margin-bottom: 0;\n }\n }\n\n .#{$ns}Form-remark {\n padding-top: var(--Form-label-paddingTop);\n vertical-align: top;\n }\n\n &--inline {\n margin-bottom: calc(var(--Form-item-gap) / 2);\n margin-right: calc(var(--Form-item-gap) / 2);\n }\n\n &--horizontal {\n > .#{$ns}Form-label {\n text-align: var(--Form--horizontal-label-align);\n white-space: var(--Form--horizontal-label-whiteSpace);\n }\n }\n\n &--normal {\n > .#{$ns}Form-label {\n display: block;\n\n .#{$ns}Form-star {\n position: absolute;\n left: px2rem(-6px);\n top: px2rem(3px);\n }\n }\n }\n\n &.is-error > .#{$ns}Form-label {\n color: var(--danger);\n }\n}\n\n.#{$ns}Form-placeholder {\n color: var(--Form-input-placeholderColor);\n}\n\n.#{$ns}Form-caption {\n display: inline-block;\n line-height: var(--Form-input-height);\n height: var(--Form-input-height);\n margin-left: px2rem(10px);\n}\n\n@include media-breakpoint-up(sm) {\n .#{$ns}Form-label {\n display: inline-block;\n max-width: 100%;\n }\n\n .#{$ns}Form-control--sizeXs {\n // min-width: var(--Form-control-widthXs);\n // width: auto;\n width: var(--Form-control-widthXs);\n max-width: 100%;\n display: inline-block;\n vertical-align: top;\n\n // 非常难受,number 类型的 input 不能设置size\n &.#{$ns}NumberControl {\n width: var(--Form-control-widthXs);\n }\n }\n\n .#{$ns}Form-control--sizeSm {\n width: var(--Form-control-widthSm);\n max-width: 100%;\n display: inline-block;\n vertical-align: top;\n\n // 非常难受,number 类型的 input 不能设置size\n &.#{$ns}NumberControl {\n width: var(--Form-control-widthSm);\n }\n }\n\n .#{$ns}Form-control--sizeMd {\n width: var(--Form-control-widthMd);\n max-width: 100%;\n display: inline-block;\n vertical-align: top;\n }\n\n .#{$ns}Form-control--sizeLg {\n width: var(--Form-control-widthLg);\n max-width: 100%;\n display: inline-block;\n vertical-align: top;\n\n // 非常难受,number 类型的 input 不能设置size\n &.#{$ns}NumberControl {\n width: var(--Form-control-widthLg);\n }\n }\n\n .#{$ns}Form-item {\n &--horizontal {\n display: flex;\n flex-wrap: nowrap;\n margin-left: calc(var(--Form--horizontal-gutterWidth) / 2 * -1);\n margin-right: calc(var(--Form--horizontal-gutterWidth) / 2 * -1);\n\n > * {\n padding-left: calc(var(--Form--horizontal-gutterWidth) / 2);\n padding-right: calc(var(--Form--horizontal-gutterWidth) / 2);\n }\n\n > .#{$ns}Form-value {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n min-width: 0;\n }\n\n .#{$ns}Form-itemColumn--xs,\n .#{$ns}Form-itemColumn--sm,\n .#{$ns}Form-itemColumn--normal,\n .#{$ns}Form-itemColumn--auto,\n .#{$ns}Form-itemColumn--md,\n .#{$ns}Form-itemColumn--lg {\n flex-grow: unset;\n flex-basis: unset;\n }\n\n > .#{$ns}Form-label {\n padding-top: var(--Form-label-paddingTop);\n margin-bottom: 0;\n flex-shrink: 0;\n\n .#{$ns}Form-star {\n position: absolute;\n left: px2rem(-6px);\n top: px2rem(3px);\n }\n }\n\n .#{$ns}Form-itemColumn--xs {\n width: var(--Form--horizontal-label-widthXs);\n }\n\n .#{$ns}Form-itemColumn--sm {\n width: var(--Form--horizontal-label-widthSm);\n }\n\n .#{$ns}Form-itemColumn--normal {\n width: var(--Form--horizontal-label-widthBase);\n }\n\n .#{$ns}Form-itemColumn--md {\n width: var(--Form--horizontal-label-widthMd);\n }\n\n .#{$ns}Form-itemColumn--lg {\n width: var(--Form--horizontal-label-widthLg);\n }\n\n .#{$ns}Form-itemColumn--auto {\n width: auto;\n }\n\n @for $i from (1) through $Form--horizontal-columns {\n .#{$ns}Form-itemColumn--#{$i} {\n flex: 0 0 percentage(math.div($i, $Form--horizontal-columns));\n max-width: percentage(math.div($i, $Form--horizontal-columns));\n min-height: 1px;\n }\n }\n }\n\n &--inline {\n display: inline-block;\n vertical-align: top;\n\n > .#{$ns}Form-label {\n padding-top: var(--Form-label-paddingTop);\n margin-bottom: 0;\n margin-right: calc(var(--Form-item-gap) / 2);\n\n .#{$ns}Form-star {\n position: absolute;\n left: px2rem(-6px);\n top: px2rem(3px);\n }\n }\n\n > .#{$ns}Form-value {\n display: inline-block;\n vertical-align: top;\n\n > .#{$ns}Button--link {\n padding-top: var(--Form-label-paddingTop);\n }\n\n > .#{$ns}Form-control {\n vertical-align: top;\n display: inline-block;\n }\n\n > .#{$ns}Form-control.#{$ns}InputGroup {\n display: inline-flex;\n }\n\n > .#{$ns}TextControl--withAddOn {\n display: inline-flex;\n }\n }\n }\n }\n\n .#{$ns}Form-row {\n display: flex;\n flex-wrap: wrap;\n\n margin-left: calc(var(--Form-row-gutterWidth) / -2);\n margin-right: calc(var(--Form-row-gutterWidth) / -2);\n align-items: flex-start;\n\n > * {\n padding-left: calc(var(--Form-row-gutterWidth) / 2);\n padding-right: calc(var(--Form-row-gutterWidth) / 2);\n }\n }\n\n .#{$ns}Form-col {\n flex-basis: 0;\n flex-grow: 1;\n flex-shrink: 1;\n }\n\n .#{$ns}Form-rowInner {\n display: flex;\n flex-wrap: nowrap;\n\n > .#{$ns}Form-label {\n display: inline-block;\n vertical-align: top;\n padding-top: var(--Form-label-paddingTop);\n padding-right: var(--Form-row-gutterWidth);\n }\n\n > .#{$ns}Form-control {\n flex-basis: 0;\n flex-grow: 1;\n\n // &:not(.#{$ns}Form-control--withSize) {\n // width: var(--Form-control-widthBase);\n // }\n }\n }\n}\n\n.#{$ns}Form--quickEdit {\n min-width: var(--Form-control-widthSm);\n}\n\n.#{$ns}Form--column {\n display: flex;\n flex-wrap: wrap;\n margin-left: calc(var(--Form-group-gutterWidth) / -2);\n margin-right: calc(var(--Form-group-gutterWidth) / -2);\n > .#{$ns}Form-item {\n flex-grow: 1;\n padding-left: calc(var(--Form-group-gutterWidth) / 2);\n padding-right: calc(var(--Form-group-gutterWidth) / 2);\n }\n}\n\n.#{$ns}Form--column-2 > .#{$ns}Form-item {\n width: 50%;\n}\n\n.#{$ns}Form--column-3 > .#{$ns}Form-item {\n width: 33%;\n}\n\n.#{$ns}Form--column-4 > .#{$ns}Form-item {\n width: 25%;\n}\n\n.#{$ns}Form--column-5 > .#{$ns}Form-item {\n width: 20%;\n}\n\n.#{$ns}Form--column-6 > .#{$ns}Form-item {\n width: 16.6%;\n}\n\n.#{$ns}Form--column-7 > .#{$ns}Form-item {\n width: 14.2%;\n}\n\n.#{$ns}Form--column-8 > .#{$ns}Form-item {\n width: 12.5%;\n}\n\n.#{$ns}Form-column-9 > .#{$ns}Form-item {\n width: 11.1%;\n}\n\n.#{$ns}Form-column-10 > .#{$ns}Form-item {\n width: 10%;\n}\n",".#{$ns}AnchorNav {\n display: flex;\n height: px2rem(400px);\n\n &--vertical {\n .#{$ns}AnchorNav-link-wrap {\n margin: 0;\n padding: 0;\n width: var(--Tabs--vertical-width);\n border-right: var(--AnchorNav-links-container-borderRight);\n padding-bottom: px2rem(60px);\n\n > .#{$ns}AnchorNav-link {\n position: relative;\n display: block;\n\n > a {\n display: block;\n border: var(--Tabs-borderWidth) solid transparent;\n border-width: var(--AnchorNav-onActive-borderWidth);\n color: var(--Tabs-color);\n padding: var(--Tabs-linkPadding);\n font-size: var(--Tabs-linkFontSize);\n outline: none;\n text-align: right;\n text-decoration: none;\n cursor: pointer;\n margin: 0;\n\n &:hover {\n color: var(--primary);\n }\n }\n\n &.is-active {\n > a,\n > a:hover {\n color: var(--Tabs--vertical-onActive-color);\n border-color: var(--Tabs--vertical-onActive-border);\n }\n }\n }\n }\n }\n\n &--horizontal {\n flex-direction: column;\n .#{$ns}AnchorNav-link-wrap {\n user-select: none;\n margin: 0px;\n padding: 0px;\n border-bottom: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);\n list-style: none;\n\n > .#{$ns}AnchorNav-link {\n margin-bottom: calc(var(--Tabs-borderWidth) * -1);\n display: inline-block;\n position: relative;\n\n > a:first-child {\n font-size: var(--Tabs-linkFontSize);\n outline: 0;\n border: var(--Tabs-borderWidth) solid transparent;\n border-width: 0 0 var(--Tabs--line-borderWidth) 0;\n border-top-left-radius: var(--Tabs-borderRadius);\n border-top-right-radius: var(--Tabs-borderRadius);\n color: var(--Tabs-color);\n margin: var(--Tabs-linkMargin);\n padding: var(--Tabs-linkPadding);\n text-decoration: none;\n cursor: pointer;\n display: block;\n\n &:hover,\n &:focus {\n color: var(--primary);\n background: transparent;\n border-color: transparent;\n }\n }\n\n &:last-child {\n > a {\n margin: 0;\n }\n }\n\n &.is-active {\n > a:first-child,\n > a:first-child:hover,\n > a:first-child:focus {\n font-size: var(--Tabs-linkFontSize);\n border-width: 0 0 var(--Tabs--line-borderWidth) 0;\n border-color: var(--Tabs--line-onHover-borderColor);\n color: var(--Tabs--line-onHover-color);\n background: transparent;\n }\n }\n }\n }\n }\n\n &-section-wrap {\n border: none;\n flex-grow: 1;\n overflow: auto;\n scroll-behavior: smooth;\n background: var(--Tabs-content-bg);\n\n > .#{$ns}AnchorNav-section {\n display: block;\n padding: var(--gap-base);\n }\n }\n}\n",".#{$ns}Markdown {\n strong {\n font-weight: bolder;\n }\n\n img {\n border-style: none;\n }\n\n svg:not(:root) {\n overflow: hidden;\n }\n\n button:-moz-focusring,\n [type='button']:-moz-focusring,\n [type='reset']:-moz-focusring,\n [type='submit']:-moz-focusring {\n outline: 1px dotted ButtonText;\n }\n\n [type='checkbox'] {\n box-sizing: border-box;\n padding: 0;\n }\n\n table {\n border-spacing: 0;\n border-collapse: collapse;\n }\n\n table td,\n table th {\n padding: 0;\n }\n\n hr {\n height: 0;\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n border-bottom: 1px solid #ddd;\n }\n\n hr::before {\n display: table;\n content: '';\n }\n\n hr::after {\n display: table;\n clear: both;\n content: '';\n }\n\n p {\n margin-top: 0;\n margin-bottom: 10px;\n }\n\n blockquote {\n margin: 0;\n }\n\n ul,\n ol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n }\n\n ol ol,\n ul ol {\n list-style-type: lower-roman;\n }\n\n ul ul ol,\n ul ol ol,\n ol ul ol,\n ol ol ol {\n list-style-type: lower-alpha;\n }\n\n dd {\n margin-left: 0;\n }\n\n p,\n blockquote,\n ul,\n ol,\n dl,\n table,\n pre {\n margin-top: 0;\n margin-bottom: 16px;\n }\n\n hr {\n height: 4px;\n padding: 0;\n margin: 16px 0;\n background-color: #e7e7e7;\n border: 0 none;\n }\n\n ul:not(.dropdown-menu):not(.nav),\n ol {\n padding-left: 2em;\n }\n\n ul ul,\n ul ol,\n ol ol,\n ol ul {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n li > p {\n margin-top: 16px;\n }\n\n dl {\n padding: 0;\n }\n\n dl dt {\n padding: 0;\n margin-top: 16px;\n font-size: 1em;\n font-style: italic;\n font-weight: bold;\n }\n\n dl dd {\n padding: 0 16px;\n margin-bottom: 16px;\n }\n\n blockquote {\n padding: 0 15px;\n color: #777;\n border-left: 4px solid #ddd;\n }\n\n blockquote > :first-child {\n margin-top: 0;\n }\n\n blockquote > :last-child {\n margin-bottom: 0;\n }\n\n table {\n display: block;\n width: 100%;\n overflow: auto;\n word-break: normal;\n }\n\n table th {\n font-weight: bold;\n }\n\n table th,\n table td {\n padding: 6px 13px;\n border: 1px solid #ddd;\n }\n\n table tr {\n background-color: #fff;\n border-top: 1px solid #ccc;\n }\n\n table tr:nth-child(2n) {\n background-color: #f8f8f8;\n }\n\n @media (min-width: 1200px) {\n img {\n max-width: 800px;\n }\n }\n\n code {\n padding: 0;\n padding-top: 0.2em;\n padding-bottom: 0.2em;\n margin: 0;\n background-color: rgba(0, 0, 0, 0.04);\n border-radius: 3px;\n }\n\n code:before,\n code:after {\n letter-spacing: -0.2em;\n content: '\\00a0';\n }\n\n pre > code {\n padding: 0;\n margin: 0;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0;\n }\n\n .highlight {\n margin-bottom: 16px;\n }\n\n .highlight pre,\n pre {\n padding: 16px;\n overflow: auto;\n line-height: 1.45;\n background-color: #f7f7f7;\n border-radius: 3px;\n }\n\n .highlight pre {\n margin-bottom: 0;\n word-break: normal;\n }\n\n pre {\n word-wrap: normal;\n }\n\n pre code {\n display: inline;\n max-width: initial;\n padding: 0;\n margin: 0;\n overflow: initial;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0;\n }\n\n pre code:before,\n pre code:after {\n content: normal;\n }\n\n kbd {\n display: inline-block;\n padding: 3px 5px;\n line-height: 10px;\n color: #555;\n vertical-align: middle;\n background-color: #fcfcfc;\n border: solid 1px #ccc;\n border-bottom-color: #bbb;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #bbb;\n }\n\n hr {\n border-bottom-color: #eee;\n }\n}\n",".#{$ns}Link {\n &.is-disabled {\n cursor: not-allowed;\n color: var(--text--muted-color);\n }\n}\n",".#{$ns}MappingField {\n margin-right: var(--gap-xs);\n &:last-child {\n margin-right: 0;\n }\n}\n",".#{$ns}FormulaEditor {\n overflow: visible;\n max-width: 100%;\n box-sizing: content-box;\n\n &-header {\n width: 100%;\n height: px2rem(40px);\n line-height: px2rem(40px);\n padding-left: px2rem(10px);\n box-sizing: border-box;\n background: #f3f8fb;\n }\n\n &-editor {\n min-height: px2rem(238px);\n max-height: px2rem(320px);\n height: auto;\n border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);\n }\n\n &.is-error &-editor {\n border-color: var(--Form-input-onError-borderColor);\n }\n\n &.is-focused &-editor {\n border-color: var(--Form-input-onFocused-borderColor);\n }\n\n &-settings {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n justify-content: space-between;\n max-height: px2rem(350px);\n margin: 0 -5px;\n\n > div {\n flex: 1;\n padding: 0 5px;\n display: flex;\n flex-direction: column;\n\n > h3 {\n padding: 10px 0;\n margin: 0;\n flex-shrink: 0;\n }\n\n > div {\n flex: 1;\n min-height: 0;\n }\n }\n }\n\n .cm-field,\n .cm-func {\n border-radius: 2px;\n color: #fff;\n margin: 0 1px;\n padding: 0 2px;\n }\n .cm-field {\n background: #007bff;\n }\n .cm-func {\n background: #17a2b8;\n }\n}\n\n.#{$ns}FormulaFuncList {\n display: flex;\n flex-direction: column;\n\n & > &-searchBox {\n display: flex;\n width: auto;\n flex-shrink: 0;\n margin-bottom: px2rem(8px);\n }\n\n &-columns {\n flex: 1;\n min-height: 0;\n overflow: auto;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n\n > div:first-child {\n min-width: 200px;\n flex-shrink: 0;\n }\n }\n &-funcItem {\n padding: 0 10px;\n cursor: pointer;\n\n &.is-active {\n color: var(--primary);\n }\n }\n &-groupTitle {\n padding: 5px 0;\n background: transparent;\n }\n &-groupBody {\n > div {\n padding: 5px 0;\n }\n }\n &-funcDetail {\n padding: 10px 20px;\n }\n}\n\n.#{$ns}FormulaPicker {\n &-icon {\n margin-left: auto;\n }\n}\n","/*\n * utilities\n */\n\n// background\n\n.bg-light {\n @include color-variant($light, 2%, 3%, 3%, 5%);\n color: $text-color;\n}\n\n.bg-dark {\n @include color-variant($dark, 5%, 10%, 5%, 10%);\n @include font-variant($dark);\n}\n\n.bg-black {\n @include color-variant($black, 5%, 10%, 5%, 10%);\n @include font-variant($black);\n}\n\n.bg-primary {\n @include color-variant($primary, 5%, 10%, 5%, 10%);\n @include font-variant($primary);\n}\n\n.bg-success {\n @include color-variant($success, 5%, 10%, 5%, 10%);\n @include font-variant($success);\n}\n\n.bg-info {\n @include color-variant($info, 5%, 10%, 5%, 10%);\n @include font-variant($info);\n}\n\n.bg-warning {\n @include color-variant($warning, 5%, 10%, 5%, 10%);\n @include font-variant($warning);\n}\n\n.bg-danger {\n @include color-variant($danger, 5%, 10%, 5%, 10%);\n @include font-variant($danger);\n}\n\n.bg-white {\n @include color-variant($white, 5%, 10%, 5%, 10%);\n color: $text-color;\n}\n\n.bg-none {\n background: none !important;\n}\n\n.cursor-pointer {\n cursor: pointer;\n}\n\n// text colors\n@include text-wariant($primary, primary);\n@include text-wariant($info, info);\n@include text-wariant($success, success);\n@include text-wariant($warning, warning);\n@include text-wariant($danger, danger);\n@include text-wariant($dark, dark);\n@include text-wariant($white, white);\n@include text-wariant($black, black);\n\n.text-muted {\n color: var(--text--muted-color);\n}\n\n.text-loud {\n color: var(--text--loud-color);\n}\n\n.clearfix {\n @include clearfix();\n}\n\n.pos-rlt {\n position: relative;\n}\n\n.pos-stc {\n position: static !important;\n}\n\n.pos-abt {\n position: absolute;\n}\n\n.pos-fix {\n position: fixed;\n}\n\n.show {\n visibility: visible;\n}\n\n.line {\n // width: 100%; 不要设置 100%, 否则跟 pull-in 配合使用时候,宽度为不对。\n height: 2px;\n margin: 10px 0;\n font-size: 0;\n overflow: hidden;\n}\n\n.line-xs {\n margin: 0;\n}\n\n.line-lg {\n margin-top: 15px;\n margin-bottom: 15px;\n}\n\n.line-dashed {\n border-style: dashed !important;\n background: transparent;\n border-width: 0;\n}\n\n.no-line {\n border-width: 0;\n}\n\n.no-border,\n.no-borders {\n border-color: transparent;\n border-width: 0;\n}\n\n.no-b-t {\n border-top-width: 0;\n}\n\n.no-b-r {\n border-right-width: 0;\n}\n\n.no-b-b {\n border-bottom-width: 0;\n}\n\n.no-b-l {\n border-left-width: 0;\n}\n\n.no-radius {\n border-radius: 0;\n}\n\n.block {\n display: block;\n}\n\n.block.hide {\n display: none;\n}\n\n.inline {\n display: inline-block;\n}\n\n.none {\n display: none;\n}\n\n.pull-none {\n float: none;\n}\n\n.pull-right {\n float: right;\n}\n\n.pull-left {\n float: left;\n}\n\n.rounded {\n border-radius: 500px;\n}\n\n.clear {\n display: block;\n overflow: hidden;\n}\n\n.no-bg {\n background: transparent;\n color: inherit;\n}\n\n.no-select {\n user-select: none;\n}\n\n.l-h {\n line-height: var(--lineHeightBase);\n}\n\n.l-h-0x {\n line-height: 0;\n}\n\n.l-h-1x {\n line-height: 1.2;\n}\n\n.l-h-2x {\n line-height: 2em;\n}\n\n.l-s-1x {\n letter-spacing: 1;\n}\n\n.l-s-2x {\n letter-spacing: 2;\n}\n\n.l-s-3x {\n letter-spacing: 3;\n}\n\n.font-normal {\n font-weight: normal;\n}\n\n.font-thin {\n font-weight: 300;\n}\n\n.font-bold {\n font-weight: 700;\n}\n\n.text-5x {\n font-size: 5em;\n}\n\n.text-4x {\n font-size: 4em;\n}\n\n.text-3x {\n font-size: 3em;\n}\n\n.text-2x {\n font-size: 2em;\n}\n\n.text-xl {\n font-size: var(--fontSizeXl) !important;\n}\n\n.text-lg {\n font-size: var(--fontSizeLg) !important;\n}\n\n.text-md {\n font-size: var(--fontSizeMd) !important;\n}\n\n.text-base {\n font-size: var(--fontSizeBase) !important;\n}\n\n.text-sm {\n font-size: var(--fontSizeSm) !important;\n}\n\n.text-xs {\n font-size: var(--fontSizeXs) !important;\n}\n\n.text-xxs {\n text-indent: -9999px;\n}\n\n.text-ellipsis {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.text-u-c {\n text-transform: uppercase;\n}\n\n.text-l-t {\n text-decoration: line-through;\n}\n\n.text-u-l {\n text-decoration: underline;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-right {\n text-align: right;\n}\n\n.box-shadow {\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);\n}\n\n.box-shadow-lg {\n box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05);\n}\n\n.text-shadow {\n font-size: 170px;\n text-shadow: 0 1px 0 var(--borderColor), 0 2px 0 var(--borderColorLight),\n 0 5px 10px rgba(0, 0, 0, 0.125), 0 10px 20px rgba(0, 0, 0, 0.2);\n}\n\n.no-shadow {\n box-shadow: none !important;\n}\n\n.wrapper-xs {\n padding: 5px;\n}\n\n.wrapper-sm {\n padding: 10px;\n}\n\n.wrapper {\n padding: 15px;\n}\n\n.wrapper-md {\n padding: 20px;\n}\n\n.wrapper-lg {\n padding: 30px;\n}\n\n.wrapper-xl {\n padding: 50px;\n}\n\n.padder-lg {\n padding-left: 30px;\n padding-right: 30px;\n}\n\n.padder-md {\n padding-left: 20px;\n padding-right: 20px;\n}\n\n.padder {\n padding-left: 15px;\n padding-right: 15px;\n}\n\n.padder-v-xs {\n padding-top: 5px;\n padding-bottom: 5px;\n}\n\n.padder-v-sm {\n padding-top: 10px;\n padding-bottom: 10px;\n}\n\n.padder-v {\n padding-top: 15px;\n padding-bottom: 15px;\n}\n\n.padder-v-md {\n padding-top: 20px;\n padding-bottom: 20px;\n}\n\n.padder-v-lg {\n padding-top: 30px;\n padding-bottom: 30px;\n}\n\n.no-padder {\n padding: 0 !important;\n}\n\n.pull-in {\n margin-left: -15px;\n margin-right: -15px;\n}\n\n.pull-in-md {\n margin-left: -20px;\n margin-right: -20px;\n}\n\n.pull-in-sm {\n margin-left: -10px;\n margin-right: -10px;\n}\n\n.pull-out {\n margin: -10px -15px;\n}\n\n.b {\n border: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.b-a {\n border: 1px solid var(--borderColor);\n}\n\n.b-t {\n border-top: 1px solid var(--borderColor);\n}\n\n.b-t-none {\n border-top-width: 0;\n}\n\n.b-r {\n border-right: 1px solid var(--borderColor);\n}\n\n.b-r-none {\n border-right-width: 0;\n}\n\n.b-b {\n border-bottom: 1px solid var(--borderColor);\n}\n\n.b-b-none {\n border-bottom-width: 0;\n}\n\n.b-l {\n border-left: 1px solid var(--borderColor);\n}\n\n.b-l-none {\n border-left-width: 0;\n}\n\n.b-light {\n border-color: var(--light);\n}\n\n.b-dark {\n border-color: var(--dark);\n}\n\n.b-black {\n border-color: var(--dark);\n}\n\n.b-primary {\n border-color: var(--primary);\n}\n\n.b-success {\n border-color: var(--success);\n}\n\n.b-info {\n border-color: var(--info);\n}\n\n.b-warning {\n border-color: var(--warning);\n}\n\n.b-danger {\n border-color: var(--danger);\n}\n\n.b-white {\n border-color: #fff;\n}\n\n.b-dashed {\n border-style: dashed !important;\n}\n\n.b-l-light {\n border-left-color: var(--light);\n}\n\n.b-l-dark {\n border-left-color: var(--dark);\n}\n\n.b-l-black {\n border-left-color: var(--dark);\n}\n\n.b-l-primary {\n border-left-color: var(--primary);\n}\n\n.b-l-success {\n border-left-color: var(--success);\n}\n\n.b-l-info {\n border-left-color: var(--info);\n}\n\n.b-l-warning {\n border-left-color: var(--warning);\n}\n\n.b-l-danger {\n border-left-color: var(--danger);\n}\n\n.b-l-white {\n border-left-color: #fff;\n}\n\n.b-l-2x {\n border-left-width: 2px;\n}\n\n.b-l-3x {\n border-left-width: 3px;\n}\n\n.b-l-4x {\n border-left-width: 4px;\n}\n\n.b-l-5x {\n border-left-width: 5px;\n}\n\n.b-2x {\n border-width: 2px;\n}\n\n.b-3x {\n border-width: 3px;\n}\n\n.b-4x {\n border-width: 4px;\n}\n\n.b-5x {\n border-width: 5px;\n}\n\n.r {\n border-radius: var(--borderRadius) var(--borderRadius) var(--borderRadius)\n var(--borderRadius);\n}\n\n.r-2x {\n border-radius: var(--borderRadiusMd);\n}\n\n.r-3x {\n border-radius: var(--borderRadiusLg);\n}\n\n.r-l {\n border-radius: var(--borderRadius) 0 0 var(--borderRadius);\n}\n\n.r-r {\n border-radius: 0 var(--borderRadius) var(--borderRadius) 0;\n}\n\n.r-t {\n border-radius: var(--borderRadius) var(--borderRadius) 0 0;\n}\n\n.r-b {\n border-radius: 0 0 var(--borderRadius) var(--borderRadius);\n}\n\n.m-xxs {\n margin: 2px 4px;\n}\n\n.m-xs {\n margin: 5px;\n}\n\n.m-sm {\n margin: 10px;\n}\n\n.m {\n margin: 15px;\n}\n\n.m-md {\n margin: 20px;\n}\n\n.m-lg {\n margin: 30px;\n}\n\n.m-xl {\n margin: 50px;\n}\n\n.m-n,\n.m-none {\n margin: 0 !important;\n}\n\n.m-l-none {\n margin-left: 0 !important;\n}\n\n.m-l-xs {\n margin-left: 5px;\n}\n\n.m-l-sm {\n margin-left: 10px;\n}\n\n.m-l {\n margin-left: 15px;\n}\n\n.m-l-md {\n margin-left: 20px;\n}\n\n.m-l-lg {\n margin-left: 30px;\n}\n\n.m-l-xl {\n margin-left: 40px;\n}\n\n.m-l-xxl {\n margin-left: 50px;\n}\n\n.m-l-n-xxs {\n margin-left: -1px;\n}\n\n.m-l-n-xs {\n margin-left: -5px;\n}\n\n.m-l-n-sm {\n margin-left: -10px;\n}\n\n.m-l-n {\n margin-left: -15px;\n}\n\n.m-l-n-md {\n margin-left: -20px;\n}\n\n.m-l-n-lg {\n margin-left: -30px;\n}\n\n.m-l-n-xl {\n margin-left: -40px;\n}\n\n.m-l-n-xxl {\n margin-left: -50px;\n}\n\n.m-t-none {\n margin-top: 0 !important;\n}\n\n.m-t-xxs {\n margin-top: 1px;\n}\n\n.m-t-xs {\n margin-top: 5px;\n}\n\n.m-t-sm {\n margin-top: 10px;\n}\n\n.m-t {\n margin-top: 15px;\n}\n\n.m-t-md {\n margin-top: 20px;\n}\n\n.m-t-lg {\n margin-top: 30px;\n}\n\n.m-t-xl {\n margin-top: 40px;\n}\n\n.m-t-xxl {\n margin-top: 50px;\n}\n\n.m-t-n-xxs {\n margin-top: -1px;\n}\n\n.m-t-n-xs {\n margin-top: -5px;\n}\n\n.m-t-n-sm {\n margin-top: -10px;\n}\n\n.m-t-n {\n margin-top: -15px;\n}\n\n.m-t-n-md {\n margin-top: -20px;\n}\n\n.m-t-n-lg {\n margin-top: -30px;\n}\n\n.m-t-n-xl {\n margin-top: -40px;\n}\n\n.m-t-n-xxl {\n margin-top: -50px;\n}\n\n.m-r-none {\n margin-right: 0 !important;\n}\n\n.m-r-xxs {\n margin-right: 1px;\n}\n\n.m-r-xs {\n margin-right: 5px;\n}\n\n.m-r-sm {\n margin-right: 10px;\n}\n\n.m-r {\n margin-right: 15px;\n}\n\n.m-r-md {\n margin-right: 20px;\n}\n\n.m-r-lg {\n margin-right: 30px;\n}\n\n.m-r-xl {\n margin-right: 40px;\n}\n\n.m-r-xxl {\n margin-right: 50px;\n}\n\n.m-r-n-xxs {\n margin-right: -1px;\n}\n\n.m-r-n-xs {\n margin-right: -5px;\n}\n\n.m-r-n-sm {\n margin-right: -10px;\n}\n\n.m-r-n {\n margin-right: -15px;\n}\n\n.m-r-n-md {\n margin-right: -20px;\n}\n\n.m-r-n-lg {\n margin-right: -30px;\n}\n\n.m-r-n-xl {\n margin-right: -40px;\n}\n\n.m-r-n-xxl {\n margin-right: -50px;\n}\n\n.m-b-none {\n margin-bottom: 0 !important;\n}\n\n.m-b-xxs {\n margin-bottom: 1px;\n}\n\n.m-b-xs {\n margin-bottom: 5px;\n}\n\n.m-b-sm {\n margin-bottom: 10px;\n}\n\n.m-b {\n margin-bottom: 15px;\n}\n\n.m-b-md {\n margin-bottom: 20px;\n}\n\n.m-b-lg {\n margin-bottom: 30px;\n}\n\n.m-b-xl {\n margin-bottom: 40px;\n}\n\n.m-b-xxl {\n margin-bottom: 50px;\n}\n\n.m-b-n-xxs {\n margin-bottom: -1px;\n}\n\n.m-b-n-xs {\n margin-bottom: -5px;\n}\n\n.m-b-n-sm {\n margin-bottom: -10px;\n}\n\n.m-b-n {\n margin-bottom: -15px;\n}\n\n.m-b-n-md {\n margin-bottom: -20px;\n}\n\n.m-b-n-lg {\n margin-bottom: -30px;\n}\n\n.m-b-n-xl {\n margin-bottom: -40px;\n}\n\n.m-b-n-xxl {\n margin-bottom: -50px;\n}\n\n.p-xxs {\n padding: 2px 4px;\n}\n\n.p-xs {\n padding: 5px;\n}\n\n.p-sm {\n padding: 10px;\n}\n\n.p {\n padding: 15px;\n}\n\n.p-md {\n padding: 20px;\n}\n\n.p-lg {\n padding: 30px;\n}\n\n.p-xl {\n padding: 50px;\n}\n\n.p-n,\n.p-none {\n padding: 0 !important;\n}\n\n.p-l-none {\n padding-left: 0 !important;\n}\n\n.p-l-xs {\n padding-left: 5px;\n}\n\n.p-l-sm {\n padding-left: 10px;\n}\n\n.p-l {\n padding-left: 15px;\n}\n\n.p-l-md {\n padding-left: 20px;\n}\n\n.p-l-lg {\n padding-left: 30px;\n}\n\n.p-l-xl {\n padding-left: 40px;\n}\n\n.p-l-xxl {\n padding-left: 50px;\n}\n\n.p-t-none {\n padding-top: 0 !important;\n}\n\n.p-t-xxs {\n padding-top: 1px;\n}\n\n.p-t-xs {\n padding-top: 5px;\n}\n\n.p-t-sm {\n padding-top: 10px;\n}\n\n.p-t {\n padding-top: 15px;\n}\n\n.p-t-md {\n padding-top: 20px;\n}\n\n.p-t-lg {\n padding-top: 30px;\n}\n\n.p-t-xl {\n padding-top: 40px;\n}\n\n.p-t-xxl {\n padding-top: 50px;\n}\n\n.p-t-n-xxs {\n padding-top: -1px;\n}\n\n.p-r-none {\n padding-right: 0 !important;\n}\n\n.p-r-xxs {\n padding-right: 1px;\n}\n\n.p-r-xs {\n padding-right: 5px;\n}\n\n.p-r-sm {\n padding-right: 10px;\n}\n\n.p-r {\n padding-right: 15px;\n}\n\n.p-r-md {\n padding-right: 20px;\n}\n\n.p-r-lg {\n padding-right: 30px;\n}\n\n.p-r-xl {\n padding-right: 40px;\n}\n\n.p-r-xxl {\n padding-right: 50px;\n}\n\n.p-b-none {\n padding-bottom: 0 !important;\n}\n\n.p-b-xxs {\n padding-bottom: 1px;\n}\n\n.p-b-xs {\n padding-bottom: 5px;\n}\n\n.p-b-sm {\n padding-bottom: 10px;\n}\n\n.p-b {\n padding-bottom: 15px;\n}\n\n.p-b-md {\n padding-bottom: 20px;\n}\n\n.p-b-lg {\n padding-bottom: 30px;\n}\n\n.p-b-xl {\n padding-bottom: 40px;\n}\n\n.p-b-xxl {\n padding-bottom: 50px;\n}\n\n.avatar {\n position: relative;\n display: block;\n border-radius: 500px;\n white-space: nowrap;\n\n & img {\n border-radius: 500px;\n width: 100%;\n }\n\n & i {\n position: absolute;\n left: 0;\n top: 0;\n width: 10px;\n height: 10px;\n margin: 2px;\n border-width: 2px;\n border-style: solid;\n border-radius: 100%;\n\n &.right {\n left: auto;\n right: 0;\n }\n\n &.bottom {\n left: auto;\n top: auto;\n bottom: 0;\n right: 0;\n }\n\n &.left {\n top: auto;\n bottom: 0;\n }\n\n &.on {\n background: var(--success);\n }\n\n &.off {\n background: var(--text--muted-color);\n }\n\n &.busy {\n background: var(--danger);\n }\n\n &.away {\n background: var(--warning);\n }\n }\n\n &.thumb-md i {\n width: 12px;\n height: 12px;\n margin: 3px;\n }\n\n &.thumb-sm i {\n margin: 1px;\n }\n\n &.thumb-xs i {\n margin: 0;\n }\n}\n\n.w-1x {\n width: 1em;\n}\n\n.w-2x {\n width: 2em;\n}\n\n.w-3x {\n width: 3em;\n}\n\n.w-xxs {\n width: 60px;\n}\n\n.h-xxs {\n height: 60px;\n}\n\n.w-xs {\n width: 90px;\n}\n\n.h-xs {\n height: 90px;\n}\n\n.w-ssm {\n width: 120px;\n}\n\n.w-sm {\n width: 150px;\n}\n\n.h-sm {\n height: 150px;\n}\n\n.h-ssm {\n height: 120px;\n}\n\n.w {\n width: 200px;\n}\n\n.h {\n height: 200px;\n}\n\n.w-md {\n width: 240px;\n}\n\n.h-md {\n height: 240px;\n}\n\n.w-lg {\n width: 280px;\n}\n\n.h-lg {\n height: 280px;\n}\n\n.w-xl {\n width: 320px;\n}\n\n.h-xl {\n height: 320px;\n}\n\n.w-xxl {\n width: 360px;\n}\n\n.h-xxl {\n height: 360px;\n}\n\n.w-xxxl {\n width: 420px;\n}\n\n.h-xxxl {\n height: 420px;\n}\n\n.w-full {\n width: 100%;\n}\n\n.w-auto {\n width: auto;\n}\n\n.h-auto {\n height: auto;\n}\n\n.h-full {\n height: 100%;\n}\n\n.no-grow {\n flex-grow: unset !important;\n flex-basis: unset !important;\n}\n\n.nowrap {\n white-space: nowrap;\n flex-wrap: nowrap;\n}\n\n@include media-breakpoint-up(sm) {\n .#{$ns}Form-col {\n &.w,\n &.w-xs,\n &.w-sm,\n &.w-md,\n &.w-lg {\n flex-basis: unset;\n flex-grow: unset;\n }\n }\n}\n\n.thumb-xl {\n width: 128px;\n display: inline-block;\n}\n\n.thumb-lg {\n width: 96px;\n display: inline-block;\n}\n\n.thumb-md {\n width: 64px;\n display: inline-block;\n}\n\n.thumb {\n width: 50px;\n display: inline-block;\n}\n\n.thumb-sm {\n width: 40px;\n display: inline-block;\n}\n\n.thumb-xs {\n width: 34px;\n display: inline-block;\n}\n\n.thumb-xxs {\n width: 30px;\n display: inline-block;\n}\n\n.thumb-wrapper {\n padding: 2px;\n border: 1px solid var(--borderColor);\n}\n\n.thumb,\n.thumb-xxs,\n.thumb-xs,\n.thumb-sm,\n.thumb-md,\n.thumb-lg,\n.thumb-btn,\n.thumb-xl {\n & img {\n height: auto;\n max-width: 100%;\n vertical-align: middle;\n }\n}\n\n.img-full {\n width: 100%;\n\n & img {\n width: 100%;\n }\n}\n\n.v-top {\n vertical-align: top !important;\n align-self: flex-start;\n}\n\n.v-middle {\n vertical-align: middle !important;\n align-self: center;\n}\n\n.v-bottom {\n vertical-align: bottom !important;\n align-self: flex-end;\n}\n\n.scrollable {\n overflow-x: hidden;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n\n &.hover {\n &,\n & > .cell-inner {\n overflow-y: hidden !important;\n }\n\n &:hover,\n &:focus,\n &:active {\n overflow: visible;\n overflow-y: auto;\n\n & > .cell-inner {\n overflow-y: auto !important;\n }\n }\n }\n\n .smart & {\n &,\n & > .cell-inner {\n overflow-y: auto !important;\n }\n }\n}\n\n.scroll-x,\n.scroll-y {\n overflow: hidden;\n -webkit-overflow-scrolling: touch;\n}\n\n.scroll-y {\n overflow-y: auto;\n}\n\n.scroll-x {\n overflow-x: auto;\n}\n\n.hover-action {\n display: none;\n}\n\n.hover-rotate {\n transition: all var(--animation-duration) ease-in-out\n var(--animation-duration);\n}\n\n.hover-anchor:hover,\n.hover-anchor:focus,\n.hover-anchor:active {\n & > .hover-action {\n display: inherit;\n }\n\n & > .hover-rotate {\n transform: rotate(90deg);\n }\n}\n\n.backdrop {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1050;\n\n &.fade {\n opacity: 0;\n }\n\n &.in {\n opacity: 0.8;\n }\n}\n\n.col-xs-2-4,\n.col-sm-2-4,\n.col-md-2-4,\n.col-lg-2-4,\n.col-xs-1-5,\n.col-sm-1-5,\n.col-md-1-5,\n.col-lg-1-5 {\n position: relative;\n min-height: 1px;\n padding-right: 15px;\n padding-left: 15px;\n}\n\n// 5/12 = 2.4\n.col-xs-2-4 {\n width: 20%;\n float: left;\n}\n\n// 8 / 12 = 1.5\n.col-xs-1-5 {\n width: 12.5%;\n float: left;\n}\n\n.invisible {\n position: absolute !important;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n.invisible2 {\n visibility: hidden;\n}\n\n.hbox {\n display: table;\n table-layout: fixed;\n border-spacing: 0;\n width: 100%;\n height: 100%;\n\n & > .col {\n display: table-cell;\n vertical-align: top;\n height: 100%;\n float: none;\n }\n}\n\n.vbox {\n display: table;\n border-spacing: 0;\n position: relative;\n width: 100%;\n height: 100%;\n min-height: 240px;\n\n & .row-row {\n display: table-row;\n height: 100%;\n\n & .cell {\n position: relative;\n height: 100%;\n width: 100%;\n\n .ie & {\n display: table-cell;\n overflow: auto;\n\n & .cell-inner {\n overflow: visible !important;\n }\n }\n\n & .cell-inner {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n -webkit-overflow-scrolling: touch;\n overflow: auto;\n }\n }\n }\n}\n\n.word-break {\n white-space: normal;\n word-break: break-all;\n word-wrap: break-word;\n}\n\n.white-space-pre {\n white-space: pre;\n}\n\n//\n// Labels\n// --------------------------------------------------\n\n.label {\n display: inline;\n padding: 0.2em 0.6em 0.3em;\n font-size: 75%;\n font-weight: 700;\n line-height: 1;\n color: var(--label-color);\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n border-radius: 0.25em;\n\n // Empty labels collapse automatically (not available in IE8)\n &:empty {\n display: none;\n }\n\n // Quick fix for labels in buttons\n .btn & {\n position: relative;\n top: -1px;\n }\n}\na.label {\n &:hover,\n &:focus {\n color: var(--label-link--hover-color);\n text-decoration: none;\n cursor: pointer;\n }\n}\n\n// Colors\n// Contextual variations (linked labels get darker on :hover)\n\n.label-default {\n @include label-variant(var(--label--default-bg));\n}\n\n.label-primary {\n @include label-variant(var(--label--primary-bg));\n}\n\n.label-success {\n @include label-variant(var(--label--success-bg));\n}\n\n.label-info {\n @include label-variant(var(--label--info-bg));\n}\n\n.label-warning {\n @include label-variant(var(--label--warning-bg));\n}\n\n.label-danger {\n @include label-variant(var(--label--danger-bg));\n}\n\n@keyframes apearSensor {\n from {\n opacity: 0;\n }\n}\n\n@media (min-width: 768px) {\n .col-sm-2-4 {\n width: 20%;\n float: left;\n }\n\n .col-sm-1-5 {\n width: 12.5%;\n float: left;\n }\n}\n\n@media (min-width: 992px) {\n .col-md-2-4 {\n width: 20%;\n float: left;\n }\n\n .col-md-1-5 {\n width: 12.5%;\n float: left;\n }\n}\n\n@media (min-width: 1200px) {\n .col-lg-2-4 {\n width: 20%;\n float: left;\n }\n\n .col-lg-1-5 {\n width: 12.5%;\n float: left;\n }\n}\n\n// sm\n@media (min-width: 768px) and (max-width: 991px) {\n .hidden-sm.show {\n display: inherit !important;\n }\n\n .no-m-sm {\n margin: 0 !important;\n }\n\n .no-padder-sm {\n padding: 0 !important;\n }\n}\n\n.visible-xs {\n display: none;\n}\n\n/*phone*/\n@media (max-width: 767px) {\n .visible-xs {\n display: block !important;\n }\n\n .hidden-xs {\n display: none !important;\n }\n\n .w-auto-xs {\n width: auto;\n }\n\n .shift {\n display: none !important;\n }\n\n .shift.in {\n display: block !important;\n }\n\n .row-2 [class*='col'] {\n width: 50%;\n float: left;\n }\n\n .row-2 .col-0 {\n clear: none;\n }\n\n .row-2 li:nth-child(odd) {\n clear: left;\n margin-left: 0;\n }\n\n .text-center-xs {\n text-align: center;\n }\n\n .text-left-xs {\n text-align: left;\n }\n\n .text-right-xs {\n text-align: right;\n }\n\n .no-border-xs {\n border-width: 0;\n }\n\n .pull-none-xs {\n float: none !important;\n }\n\n .pull-right-xs {\n float: right !important;\n }\n\n .pull-left-xs {\n float: left !important;\n }\n\n .dropdown-menu.pull-none-xs {\n left: 0;\n }\n\n .hidden-xs.show {\n display: inherit !important;\n }\n\n .wrapper-lg,\n .wrapper-md {\n padding: 15px;\n }\n\n .padder-lg,\n .padder-md {\n padding-left: 15px;\n padding-right: 15px;\n }\n\n .no-m-xs {\n margin: 0 !important;\n }\n\n .no-padder-xs {\n padding: 0 !important;\n }\n}\n"]}
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../scss/themes/_antd-colors.scss","../scss/_properties.scss","../scss/themes/_antd-variables.scss","../scss/base/_reset.scss","../scss/base/_normalize.scss","../scss/base/_typography.scss","../scss/base/_common.scss","../scss/layout/_layout.scss","../scss/_variables.scss","../scss/_mixins.scss","../scss/layout/_grid.scss","../scss/layout/_aside.scss","../scss/layout/_hbox.scss","../scss/layout/_vbox.scss","../scss/components/_button.scss","../scss/components/_avatar.scss","../scss/components/_breadcrumb.scss","../scss/components/_badge.scss","../scss/components/_modal.scss","../scss/components/_drawer.scss","../scss/components/_tooltip.scss","../scss/components/_tpl.scss","../scss/components/_popover.scss","../scss/components/_popup.scss","../scss/components/_picker-columns.scss","../scss/components/_toast.scss","../scss/components/_alert.scss","../scss/components/_app.scss","../scss/components/_array-input.scss","../scss/components/_tabs.scss","../scss/components/_nav.scss","../scss/components/_page.scss","../scss/components/_remark.scss","../scss/components/_chart.scss","../scss/components/_video.scss","../scss/components/_audio.scss","../scss/components/_panel.scss","../scss/components/_service.scss","../scss/components/_sparkline.scss","../scss/components/_spinner.scss","../scss/components/_button-group.scss","../scss/components/_dropdown.scss","../scss/components/_each.scss","../scss/components/_calendar.scss","../scss/components/_collapse.scss","../scss/components/_collapse-group.scss","../scss/components/_color.scss","../scss/components/_condition-builder.scss","../scss/components/_context-menu.scss","../scss/components/_wizard.scss","../scss/components/_crud.scss","../scss/components/_table.scss","../scss/components/_column-toggler.scss","../scss/components/_list.scss","../scss/components/_cards.scss","../scss/components/_card.scss","../scss/components/_quick-edit.scss","../scss/components/_popoverable.scss","../scss/components/_progress.scss","../scss/components/_property.scss","../scss/components/_copyable.scss","../scss/components/_divider.scss","../scss/components/_pagination.scss","../scss/components/_wrapper.scss","../scss/components/_status.scss","../scss/components/_carousel.scss","../scss/components/_image-gallery.scss","../scss/components/_images.scss","../scss/components/_input-box.scss","../scss/components/_result-box.scss","../scss/components/_search-box.scss","../scss/components/_list-menu.scss","../scss/components/_log.scss","../scss/components/_json.scss","../scss/components/_icon.scss","../scss/components/_steps.scss","../scss/components/_portlet.scss","../scss/components/_grid-nav.scss","../scss/components/form/_fieldset.scss","../scss/components/form/_group.scss","../scss/components/form/_input-group.scss","../scss/components/form/_text.scss","../scss/components/form/_textarea.scss","../scss/components/form/_checks.scss","../scss/components/form/_selection.scss","../scss/components/form/_city.scss","../scss/components/_city-area.scss","../scss/components/form/_switch.scss","../scss/components/form/_number.scss","../scss/components/form/_select.scss","../scss/components/form/_result-list.scss","../scss/components/form/_list.scss","../scss/components/form/_location.scss","../scss/components/form/_matrix.scss","../scss/components/form/_color.scss","../scss/components/form/_date.scss","../scss/components/form/_date-range.scss","../scss/components/form/_image.scss","../scss/components/form/_file.scss","../scss/components/form/_excel.scss","../scss/components/form/_editor.scss","../scss/components/form/_rich-text.scss","../scss/components/form/_tinymce.scss","../scss/components/form/_range.scss","../scss/components/form/_repeat.scss","../scss/components/form/_tree.scss","../scss/components/form/_tree-select.scss","../scss/components/form/_combo.scss","../scss/components/form/_sub-form.scss","../scss/components/form/_chained-select.scss","../scss/components/form/_picker.scss","../scss/components/form/_qr-code.scss","../scss/components/form/_tag.scss","../scss/components/form/_rating.scss","../scss/components/form/_transfer.scss","../scss/components/form/_nested-select.scss","../scss/components/_cascader.scss","../scss/components/form/_icon-picker.scss","../scss/components/form/_form.scss","../scss/components/_anchor-nav.scss","../scss/components/_markdown.scss","../scss/components/_link.scss","../scss/components/_mapping.scss","../scss/components/_formula.scss","../scss/components/_timeline.scss","../scss/_utilities.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;ACEA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;AAAA;EAEA;AAAA;AAAA;AAAA;EAKA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;AAAA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;AAAA;AAAA;AAAA;EAKA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EAEA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAKA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EAEA;EAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;AAAA;EAEA;EACA;AAAA;EAEA;EACA;EACA;EACA;EACA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAIA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC53CF;EACE;AAAA;AAAA;EAIA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;ACjNF;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAIF;EACE;;;AChBF;AAEA;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE,OJxTQ;;;AI2TV;EACE,OJ5RM;;;AK3ER;AAAA;AAAA;AAGA;EACE,WHDU;;;AGIZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;EAIE;;;AAIF;EACE;EACA;;;ACzDF;EACE;;;ACDF;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIF;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA,SCsWS;;ADlWb;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EAEA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA,SCqRW;EDpRX;;AAKA;EACE;;AAoBJ;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;;AAIA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;;;AE1KA;EFoLF;IACE;;;EAGF;IACE;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EAIJ;IACE;;;EAIA;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;EAIJ;IACE;;;AE9OA;EFmPF;IACE;IACA;;EAEA;IACE;;EAGF;IACE;IACA;;EAIF;IACE;;EAEA;IACE;;EAIJ;IAGE;IACA;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAGF;AAAA;IAEE;IACA;;EAIJ;IACE;;EAIA;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;AAAA;IAEE;;EAIA;AAAA;IAEE;;EAIJ;IACE;IACA;IACA;IACA;;EAKF;IACE;;EAEA;IACE;IACA;;EAIJ;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA,SCuCO;;EDpCT;IACE;IAEA;IACA;IACA;IACA;IACA;;EAEA;IACE;;EAGF;IACE;;EAMJ;IACE;;EAGF;IACE;;EAGF;IACE;IAGA;;EAGF;IACE;IACA;;EAKF;AAAA;AAAA;IAGE;;EAKF;AAAA;AAAA;IAGE;;EAKF;AAAA;AAAA;IAGE;;;AExaJ;EFgbA;IACE;;EAEA;IACE;;;AEpbJ;EF4bA;IACE;;EAEA;IACE;;;AGjcJ;EACE;EACA;EACA;EACA;EACA;;;AALF;EACE;EACA;EACA;EACA;EACA;;;AALF;EACE;EACA;EACA;EACA;EACA;;;AALF;EACE;EACA;EACA;EACA;EACA;;;AALF;EACE;EACA;EACA;EACA;EACA;;;AALF;EACE;EACA;EACA;EACA;EACA;;;AALF;EACE;EACA;EACA;EACA;EACA;;;AALF;EACE;EACA;EACA;EACA;EACA;;;AALF;EACE;EACA;EACA;EACA;EACA;;;AALF;EACE;EACA;EACA;EACA;EACA;;;AALF;EACE;EACA;EACA;EACA;EACA;;;AALF;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ADvBA;ECsCF;IATA;IACA;IACA;IACA;IAQE;;EAEA;IACE;;EAGF;IACE;;EAEF;IACE;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;EAGF;IACE;IACA;IACA;;;EA7FF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EAIJ;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;;EAGF;IACE;IACA;IACA;IACA;IACA;;;ADvBA;ECDA;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EAIJ;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;;EAGF;IACE;IACA;IACA;IACA;IACA;;;ADvBA;ECDA;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EALF;IACE;IACA;IACA;IACA;IACA;;;EAIJ;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;;EAGF;IACE;IACA;IACA;IACA;IACA;;;AAoFJ;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AD3HF;EAEE;EACA;;AAEF;EACE;;AEhDF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAGE;EAOA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAKE;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EAEA;EAOA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAMJ;EACE;EACA;;AAEA;EACE;;AAMJ;EACE;;AAWF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAKN;EACE;;AAEA;EACE;EACA;EACA;EAEA;;AAQA;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKJ;EACE;EACA;EACA;EACA;EACA;;;AF1QE;EEmRA;IACE;;EAGF;IACE;;EAGF;IACE;IACA,SHsHW;IGrHX;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EAEA;AAAA;IAEE;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;;EAIJ;IACE;;EAEA;IACE;;EAIJ;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;ACrWN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;AAEF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AC5HJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;ACjCR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EL2MA;EACA,WK5LE;EL6LF,aK5LE;EL6LF,eK5LE;EL6LF,QK5LE;;AAjBF;EAEE;EACA;EACA;;AAEA;EACE;;ALwMJ;AAAA;AAAA;EAGE,cKrMA;;ALwMF;AAAA;EAEE,aK1MA;;AL6MF;AAAA;AAAA;EAGE,cKhNA;;ALmNF;AAAA;EAEE,aKrNA;;ALyNF;EACE;EACA;;AAnDF;EK/JE;;AAGF;EAEE;EACA;;AAGF;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAIJ;EACE;;AAGF;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;AAAA;AAAA;EAGE;;;AAIJ;AAAA;EAEE;;;AAGF;ELwLE,OKpLE;ELqLF,YKvLE;ELwLF,cKvLE;ELwLF;EACA;;AA7FA;EAiGI,OKzLF;EL0LE,YK5LF;EL6LE,cK5LF;;AL2GF;EAoFI,OK3LF;EL4LE,YK9LF;EL+LE,cK9LF;;ALkGF;EA2GE;;;AKxMJ;EL0KE,OKtKE;ELuKF,YKzKE;EL0KF,cKzKE;EL0KF;EACA;;AA7FA;EAiGI,OK3KF;EL4KE,YK9KF;EL+KE,cK9KF;;AL6FF;EAoFI,OK7KF;EL8KE,YKhLF;ELiLE,cKhLF;;ALoFF;EA2GE;;;AK1LJ;EL4JE,OKxJE;ELyJF,YK3JE;EL4JF,cK3JE;EL4JF;EACA;;AA7FA;EAiGI,OK7JF;EL8JE,YKhKF;ELiKE,cKhKF;;AL+EF;EAoFI,OK/JF;ELgKE,YKlKF;ELmKE,cKlKF;;ALsEF;EA2GE;;;AK5KJ;EL8IE,OK1IE;EL2IF,YK7IE;EL8IF,cK7IE;EL8IF;EACA;;AA7FA;EAiGI,OK/IF;ELgJE,YKlJF;ELmJE,cKlJF;;ALiEF;EAoFI,OKjJF;ELkJE,YKpJF;ELqJE,cKpJF;;ALwDF;EA2GE;;;AK9JJ;ELgIE,OK5HE;EL6HF,YK/HE;ELgIF,cK/HE;ELgIF;EACA;;AA7FA;EAiGI,OKjIF;ELkIE,YKpIF;ELqIE,cKpIF;;ALmDF;EAoFI,OKnIF;ELoIE,YKtIF;ELuIE,cKtIF;;AL0CF;EA2GE;;;AKhJJ;ELkHE,OK9GE;EL+GF,YKjHE;ELkHF,cKjHE;ELkHF;EACA;;AA7FA;EAiGI,OKnHF;ELoHE,YKtHF;ELuHE,cKtHF;;ALqCF;EAoFI,OKrHF;ELsHE,YKxHF;ELyHE,cKxHF;;AL4BF;EA2GE;;;AKlIJ;ELoGE,OKhGE;ELiGF,YKnGE;ELoGF,cKnGE;ELoGF;EACA;;AA7FA;EAiGI,OKrGF;ELsGE,YKxGF;ELyGE,cKxGF;;ALuBF;EAoFI,OKvGF;ELwGE,YK1GF;EL2GE,cK1GF;;ALcF;EA2GE;;;AKpHJ;ELsFE,OKlFE;ELmFF,YKrFE;ELsFF,cKrFE;ELsFF;EACA;;AA7FA;EAiGI,OKvFF;ELwFE,YK1FF;EL2FE,cK1FF;;ALSF;EAoFI,OKzFF;EL0FE,YK5FF;EL6FE,cK5FF;;ALAF;EA2GE;;;AKtGJ;ELwEE,OKpEE;ELqEF,YKvEE;ELwEF,cKvEE;ELwEF;EACA;;AA7FA;EAiGI,OKzEF;EL0EE,YK5EF;EL6EE,cK5EF;;ALLF;EAoFI,OK3EF;EL4EE,YK9EF;EL+EE,cK9EF;;ALdF;EA2GE;;;AKxFJ;EL0DE,OKtDE;ELuDF,YKzDE;EL0DF,cKzDE;EL0DF;EACA;;AA7FA;EAiGI,OK3DF;EL4DE,YK9DF;EL+DE,cK9DF;;ALnBF;EAoFI,OK7DF;EL8DE,YKhEF;ELiEE,cKhEF;;AL5BF;EA2GE;;;AK1EJ;ELbE;EACA,WKgBE;ELfF,aKgBE;ELfF,eKgBE;ELfF,QKgBE;;ALdF;AAAA;AAAA;EAGE,cKOA;;ALJF;AAAA;EAEE,aKEA;;ALCF;AAAA;AAAA;EAGE,cKJA;;ALOF;AAAA;EAEE,aKTA;;ALaF;EACE;EACA;;AKRF;EACE;;;AAMJ;EL9BE;EACA,WKiCE;ELhCF,aKiCE;ELhCF,eKiCE;ELhCF,QKiCE;;AL/BF;AAAA;AAAA;EAGE,cKwBA;;ALrBF;AAAA;EAEE,aKmBA;;ALhBF;AAAA;AAAA;EAGE,cKaA;;ALVF;AAAA;EAEE,aKQA;;ALJF;EACE;EACA;;AKSF;EACE;;;AAMJ;EL/CE;EACA,WKkDE;ELjDF,aKkDE;ELjDF,eKkDE;ELjDF,QKkDE;;ALhDF;AAAA;AAAA;EAGE,cKyCA;;ALtCF;AAAA;EAEE,aKoCA;;ALjCF;AAAA;AAAA;EAGE,cK8BA;;AL3BF;AAAA;EAEE,aKyBA;;ALrBF;EACE;EACA;;AK0BF;EACE;;;AAMJ;ELhEE;EACA,WKmEE;ELlEF,aKmEE;ELlEF,eKmEE;ELlEF,QKmEE;;ALjEF;AAAA;AAAA;EAGE,cK0DA;;ALvDF;AAAA;EAEE,aKqDA;;ALlDF;AAAA;AAAA;EAGE,cK+CA;;AL5CF;AAAA;EAEE,aK0CA;;ALtCF;EACE;EACA;;AK2CF;EACE;;;AAMJ;EACE;;AAGE;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;;AAKN;ELlEE;;AACA;EAMA,WALyB;;;AKoE3B;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;ALrIA;EKwIE;EACA;;ALnIF;EKuIE;EACA;;AAGF;EAEE;EACA;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAOF;AAAA;AAAA;EACE;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;;AACA;EACE;;;AC9WJ;EACE;EAVA,OAWqB;EAVrB,QAUqB;EATrB,aASqB;EACrB;EACA;EACA;EACA;EACA;EACA;;AAbA;EACE,WAM+C;;AAQjD;EAnBA,OAoBuB;EAnBvB,QAmBuB;EAlBvB,aAkBuB;;AAhBvB;EACE,WAe+C;;AAGjD;EAvBA,OAwBuB;EAvBvB,QAuBuB;EAtBvB,aAsBuB;;AApBvB;EACE,WAmB+C;;AAGjD;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAKA;AAAA;EAEE;;;AClDJ;EACE;;AAEF;EACE;EACA;;;ACNJ;EACE;EACA;;AAEA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;IACE;IACA;;EAGF;IACE;IACA;;;;ACpIN;EACE;;AAEA;EACE;EACA;;;AAIJ;EACE;IACE;IACA;;;AAIJ;EACE;IACE;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA,SVyXa;EUxXb;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EAIE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EAEA;EACA;EACA;;ATlDF;EAEE;EACA;;AAEF;EACE;;AS+CF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAMR;EACE;EACA;EACA;EACA;;AAGF;EACE;EAEA;;AAGF;EACE;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAOF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;ATnKF;ES6KF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAKN;ATxNI;ES2NA;IACE;;EAEA;IACE;IACA;;EAEA;IACE;;;ACrPV;EACE;EACA;EACA;EACA;EACA;EACA,SXgZa;EW/Yb;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EAEA;EAEA;EACA;;AVLF;EAEE;EACA;;AAEF;EACE;;AUEF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAMR;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AVpIA;EU0IF;IACE;IACA;;;EAGF;IACE;IACA;;;EAGF;IACE;IACA;;;EAGF;IACE;IACA;;;EAGF;IACE;IACA;;;EAGF;IACE;IACA;;;AAKJ;AAAA;AAAA;AAAA;EAIE;;;AAIA;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACxVJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SZ8Ye;EY7Yf;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;;AAKF;AAAA;EAEE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAEA;EACE;;AAKF;AAAA;EAEE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;EAGA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EAGA;;AAIA;EACE;;AAIJ;EACE;EACA;;;AAIJ;EACE;IACE;IACA;;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EA1BF;IA2BI;IACA;;;AAIJ;EACE;EACA;EAEA;EACA,SZkLa;EYjLb;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;;AC5QF;EACE;;;ACFJ;EACE;EACA;EACA;EACA;EACA,SdgZe;Ec/Yf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;;AAEF;EACE;;;ACnDJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA,SfuXe;EetXf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAEE;EACA;;AAGF;EACE;;AACA;EACE;;AAIJ;EACE;;AACA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA,Yf2EI;Ee1EJ;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEF;EACE;;AAEF;EACE;;;ACnJJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAMA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAGF;EACE;EACA;;;ACzIJ;EACE;IAME;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IACE;IACA;;;AAIJ;EACE;IACE;;EAGF;IAEE;IACA;;EAGF;IACE;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EAQA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAnBA;EACE;EACA;EACA,SjByVW;;AiBvUb;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AC3NJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AC/EJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;;AAIJ;ElBobE;EkBlbA;EACA;EACA;;AlBkbA;EACE;;;AkBhbJ;EACE;EACA;;;AC5BA;EACE;EACA;;AAGF;EAME;EnByMF;EACA,WmBrMI;EnBsMJ,amBrMI;EnBsMJ,emBrMI;EnBsMJ,QmBrMI;EnB0PJ,OmBpPI;EnBqPJ,YmBvPI;EnBwPJ,cmBvPI;EnBwPJ;EACA;;AmB3QE;EACE;EACA;;AnBkNJ;AAAA;AAAA;EAGE,cmB9ME;;AnBiNJ;AAAA;EAEE,amBnNE;;AnBsNJ;AAAA;AAAA;EAGE,cmBzNE;;AnB4NJ;AAAA;EAEE,amB9NE;;AnBkOJ;EACE;EACA;;AA/DF;EAiGI,OmBzPA;EnB0PA,YmB5PA;EnB6PA,cmB5PA;;AnB2KJ;EAoFI,OmB3PA;EnB4PA,YmB9PA;EnB+PA,cmB9PA;;AnBkKJ;EA2GE;;AmBzQA;EACE;EACA;;AAIJ;EACE;EAMA;EACA;EACA;;AANA;EACE;;AAQJ;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAIJ;EAEE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;;ACjGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AAGJ;EACE;;AAEF;EACE;;AAGA;EACE;EACA;;AAEF;EACE;;AAGJ;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;;AAIN;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;ApBVF;EAEE;EACA;;AAEF;EACE;;AoBOA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;;AAGF;EAEE;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EAEE;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAKF;EACE;;AAGF;EACE;;AAGE;EACE;EACA;EACA;;AAEA;EAEE;EACA;EACA;;AAKF;EACE;;AAKF;AAAA;AAAA;AAAA;AAAA;EAGE;EACA;EACA;;AAMR;EACE;EACA;EACA;;AAKF;EACE;;AAEF;EACE;EACA;EACA;;AAII;AAAA;AAAA;AAAA;AAAA;EAGE;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EAEE;EACA;EACA;;AAMR;EACE;;AAKF;EACE;;AAEF;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAKF;AAAA;AAAA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;;AAKN;EACE;;AAIJ;EACE;;AAOF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;;AAKF;AAAA;AAAA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;;AAOV;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EAEE;EACA;;AAKF;AAAA;AAAA;EAGE;EACA;EACA;;AAMR;EACE;EACA;;AAEA;EACE;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;AAAA;EAGE;EACA;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAKF;EACE;EACA;;AAEF;EACE;;AAKR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAKN;EACE;EACA;EACA;;;AC9dJ;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;;AAGF;EAEE;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;EACA;;AAKN;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAgBF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASE;EACA;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE;;AAGF;EAIE;EACA;EACA;;AAGF;EAME;EACA;EACA;;AAEA;EACE;;AAKF;EACE;;AAGF;EACE;;AAKJ;EACE;EACA;EACA;;AAGF;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EAEE;EACA;EACA;EACA;;AAGF;EACE;;AAqBR;EACE;EACA;EACA;;;ACtQJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAIF;EAEE;EAEA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIF;EACE;;;AAMJ;EACE;;;AtBlGA;EsB2GF;IAYE;IACA;;EAZA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAMF;IACE;IACA;;;EAIJ;IACE;IACA;IACA;;EAEA;IACE;IACA;;;AC5IN;EACE;EACA;EACA;EAMA;EACA;;AANA;EACE;EACA;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;ACpDJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACjBJ;EACE;;AAEA;EACE;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACHJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EA9DF;EACA;EACA;EACA;;AAgEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EAzGF;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AA0FF;EACE;EACA;EACA;EACA;EACA;;AAEA;EA5FF;EACA;EACA;EACA;;AA8FA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAnIF;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAmHA;EACE;EACA;;AAGF;EAnHF;EACA;EACA;EACA;;;AC7BF;EACE;EACA;EACA;EACA;EACA;EACA;AAmBA;AAkHA;;AAnIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,S5B6XS;E4B5XT;;AAKJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;AAAA;EAEE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;AAAA;EAEE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;AAAA;EAEE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;AAAA;EAEE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;AAAA;EAEE;;AAKJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EAEE;;A3BhIF;EAEE;EACA;;AAEF;EACE;;A2B4HA;EACE;;AAGF;EACE;;;AAKN;A3BvKI;E2ByKF;IACE;IACA;IAEA;;EAGA;IACE;;EAGF;IACE;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAIJ;IACE;;EAGF;IACE;IACA;IACA;;EAEA;IACE;;EAEA;IACE;;;AC/NV;EACE;;;ACDF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;;ACfJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EAYA;;AAVA;EACE;EACA;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;;AAMN;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;A9BjFE;E8BqFF;IACE;;;EAGF;IACE;;;AC/FJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;A/B8KF;E+BzKI;;AAGF;EAIE;;AAIJ;AAAA;AAAA;AAAA;EAIE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKF;EACE;;AAIF;EACE;EACA;;AAGF;AAAA;EAEE;EACA;;AAGF;AAAA;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;AAAA;EAEE;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;AAGF;AAAA;EAEE;EACA;;AAGF;AAAA;EAEE;EACA;;;AAIJ;EACE;;AAEA;AAAA;EAEE;EACA;;;AC7GJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAIA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA,SjCoWY;EiCnWZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EAEE;;AAGF;EACE;EAEA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAKN;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;;AC5IF;EACE;EACA;EACA;;;ACFF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;AAEA;EACE;;AACA;EACE;EACA;;AACA;EACE;;AAKN;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EAEE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAIA;AAAA;AAAA;AAAA;EAIE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AACA;EACE;;AAKN;EACE;;AAGF;EACI;EACA;;AACF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AAMA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AAIJ;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAGJ;EACE;EACA;;AAEF;EACE;;;AC7WJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAEF;EACE;;AAGF;EACE;EACA;EACA;;AACA;EACE;;AAIJ;EACE;;AAIF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AACA;EAEE;EACA;;AAGJ;EACE;EACA;EACA;EACA;;;AClHF;EACE;;AAKE;EACE;;;ACRR;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;ACfJ;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EAGE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGJ;EACE;;AAIJ;EAEE;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;EACA;;AACA;EACE;;AAGF;EACE;EACA;EACA;;AAIJ;EAEE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAGF;EACE;;;AAMR;EtCmVE;EsCjVA;EACA;EACA;;AtCiVA;EACE;;;AsC/UJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EtC2RF;;AAEA;EACE;;AsC1RF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;EAEA;;AACA;EtCqOA;;AAEA;EACE;;AsCpOF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AACA;EACE;EACA;EACA;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;;ACtSF;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE,SxC2XmB;EwC1XnB;EACA;EACA;;AAGA;EACE;EACA,SxCmXiB;EwChWjB;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;;AA7BA;EAIE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAiBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACpNJ;EAGE;;AxC0CA;EAEE;EACA;;AAEF;EACE;;AwC9CF;EAEE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAiCA;EACE;EACA;;AAEF;EACE;EACA;;AAIJ;EACE;;AAGF;AAAA;AAAA;EAEE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAUR;EACE;EACA;EACA;EACA;EACA;;AxCvGF;EAEE;EACA;;AAEF;EACE;;AwCoGA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA,QzC4OmB;EyC3OnB;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EAEE;EACA;;AAUR;EACE;;AAEA;EACE;;AAEA;EACE;;AAMJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EACE;EACA;;AAGF;EACE;;;ACzQR;EACE;;AAQA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAKF;AAAA;AAAA;EAGE;;AAIJ;EACE;EACA;;AAIA;EACE;;AAIJ;EACE;;AAGF;EACE;;;AzCzGA;EyC+GA;IACE;IACA;IACA;IACA;;EzC3EJ;IAEE;IACA;;EAEF;IACE;;EyCyEA;IACE;IACA;IACA;IACA;;EAEA;IACE;;EAGF;IACE;;EAKF;AAAA;IAEE;;;AC9IR;EACE;EAEA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;EACA;EACA;;AAGF;EAEE;EACA;;AAEA;EACE;EACA;;AAIA;AAAA;EAEE;;AASN;EAEE;EACA;;AAEA;EACE;EACA;;AAIA;AAAA;EAEE;;AASN;EACE;EACA;EACA;EACA;EACA;;AAUA;EACE;EACA;EACA,S3CgUS;;A2C7TX;AAAA;EAEE;EAEA;;AAIA;AAAA;AAAA;EAGE;EACA;;AAKN;EACE;EACA;;AASF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAIA;EACE;;AAKN;EACE;;AAEA;AAAA;AAAA;EAGE;;AAIJ;EAEE;EACA;EACA;;A1C3HF;EAEE;EACA;;AAEF;EACE;;A0CwHE;EACE;;AAEA;EACE;EACA;;AAMR;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,S3CgMS;;A2C/LT;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EAIE;;AAGF;EAEE;;AAME;AAAA;EACE;;AAGF;AAAA;EACE;;AAOA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAMJ;EACE;;AAKF;EACE;EACA;EAmBA;EAGA;EACA;EACA;EACA;;AAvBA;EACE;;AAGF;EACE;;AACA;EAEE;EACA;;AAIJ;EACE;;AAeF;EACE;;AAKN;EACE;;AAGF;EACE;;AAGF;EACE;EAkCE;;AAhCF;EACE;;AACA;EACE;;AAKJ;EACE;EAEA;EACA;EACA;EACA;;AAIF;AAAA;EAEE;;AAEA;AAAA;EACE;;AAGF;AAAA;EACE;;AAOF;EACE;;AAIJ;EACE;;AAGF;EAEE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EAEE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;E1C/VJ,kBP7DM;EiD8ZA,OjD9YK;;AO+CX;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBPrFI;;AiDiaF;E1CpWJ,kBD6GK;EC5EL,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBDqFG;;AC1EL;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;A0CgTE;E1CzWJ,kBP3DM;EO4FN,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBPnFI;;AO8FN;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;A0CqTE;E1C9WJ,kBT/DO;ESgGP,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBTvFK;;ASkGP;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;A0C0TE;E1CnXJ,kBT9BQ;ES+DR,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBTtDM;;ASiER;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;A0C+TE;E1CxXJ,kBT/DO;ESgGP,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBTvFK;;ASkGP;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;A0CoUE;E1C7XJ,kBTqEO;ESpCP,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBT6CK;;ASlCP;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;A0CyUE;E1ClYJ,kBTEM;ES+BN,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBTtBI;;ASiCN;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;A0C8UE;EACE;;AAMA;EACE;;AAKF;EACE;EACA;;AAGF;EACE;EAuBA;;AArBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQJ;EACE;;AAMA;EACE;EACA;;AAjDJ;EACE;;AAKF;EACE;EACA;;AAGF;EACE;EAuBA;;AArBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQJ;EACE;;AAMA;EACE;EACA;;AAjDJ;EACE;;AAKF;EACE;EACA;;AAGF;EACE;EAuBA;;AArBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQJ;EACE;;AAMA;EACE;EACA;;AAjDJ;EACE;;AAKF;EACE;EACA;;AAGF;EACE;EAuBA;;AArBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQJ;EACE;;AAMA;EACE;EACA;;AAjDJ;EACE;;AAKF;EACE;EACA;;AAGF;EACE;EAuBA;;AArBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQJ;EACE;;AAMA;EACE;EACA;;AAjDJ;EACE;;AAKF;EACE;EACA;;AAGF;EACE;EAuBA;;AArBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQJ;EACE;;AAMA;EACE;EACA;;AAjDJ;EACE;;AAKF;EACE;EACA;;AAGF;EACE;EAuBA;;AArBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQJ;EACE;;AAMA;EACE;EACA;;AAjDJ;EACE;;AAKF;EACE;EACA;;AAGF;EACE;EAuBA;;AArBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQJ;EACE;;AAMA;EACE;EACA;;AAjDJ;EACE;;AAKF;EACE;EACA;;AAGF;EACE;EAuBA;;AArBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQJ;EACE;;AAMA;EACE;EACA;;AAMR;AAAA;EAEE;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAIJ;AAAA;EAEE;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;AACA;AAAA;EACE;;AAIJ;EACE;;AAGE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAPF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAPF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAPF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAPF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAPF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAPF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EAGA;;AAGF;EACE;EAGA;;AAGF;EACE;EAGA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAGE;EACA;EACA;;AAGF;EAGE;EACA;EACA;EACA;;AAEA;EACE;;AAKF;EACE;;AACA;EACE;;AAMJ;EACE;;AAKN;EACE;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EAGA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;EAMA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;AAIJ;EAGE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAEE;EACE;;AAEF;EACE;EACA;EACA;;AAGJ;EACE;;AAEF;EACE;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;AAEA;AAAA;EAEE;;AAGF;EACE;;AAGF;EACE;EACA;;;ACx7BJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA,S5C+Wc;E4C9Wd;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EAEE;;AAGF;EACE;EAEA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAUF;EANE;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EAjBF;EACA;EACA;EACA;;AAiBE;AAAA;EAEE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAKN;EACE;EAhFF;EACA;EACA;EACA;;AAgFE;EACE;EACA;;AAEA;EACE;;AAIJ;EA5FF;EACA;EACA;EACA;;AA4FI;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;;AAQZ;EACE;;AAEA;EACE;;;ACvOJ;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;;A5C+BF;EAEE;EACA;;AAEF;EACE;;A4ClCF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;AAAA;AAAA;EAGE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA,S7C2VS;;A6CxVX;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EAEE;;AAGF;EAEE;;AAGF;EACE;;AAKF;EACE;EAEA;;AAEA;EACE;;;AAMR;EAOE;EACA;EACA;;A5CxGA;EAEE;EACA;;AAEF;EACE;;A4C4FF;EACE;;AAOF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EAEE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;;AAGF;EACE;;AAEF;EACE;EACA;;;ACrPF;EAEE;;A7C0CF;EAEE;EACA;;AAEF;EACE;;A6C7CF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAEA;AAAA;AAAA;EAGE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,S9CsWS;;A8CnWX;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;;AAGF;EACE;;AAGF;EACE;EAMA;EACA;;AALA;EACE;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;;;A7C/FF;E6CqGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;IACA;;;A7C/HA;E6CoIF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;A7CzJA;E6C8JF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;ACxLJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;EACA;EAEA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;AAEA;EACE;;AAMR;EACE;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAEF;EACE;;AAQA;EACE;EACA;EACA;;AAEF;EACE;;AAIN;EACE;;AACA;EACE;EACA;;AAGJ;EACE;EACA;;AACA;EACE;;AAGF;EACE;EACA;;AAKF;EACE;;AAGJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;AAAA;EAEE;;AAGJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIF;AAAA;EAEE;;AAGJ;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;;;ACjWV;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACE;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;;AC9CJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AC3DA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EAUA;;AAGF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAGJ;EACE;;AAKN;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;AAIF;EACE;;;AAMR;EACE;IACE;IACA;;EAGF;IACE;IACA;;EAGF;IACE;IACA;;;AAIJ;EACE;IACE;;EAEF;IACE;;;ACtJF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAEA;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;;AAGJ;EACE;;AAOF;EACE;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;;;AC1CR;EACE;EACA;EACA;EACA;;AAEA;EACE;;;ACPJ;EACE;EACA;EAEA;EACA;;AAEA;EACE;;;ACRJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;AAKF;AAAA;EAEE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;AAKF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;;AAKF;EACE;;AAKF;EACE;EACA;;AAKF;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;;;AAMR;EAKE;;AAJA;EACE;;;AC9GF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AClBJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;;AAIJ;EACE;IACE;;EAGF;IACE;;EAGF;IACE;;;AAIJ;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAIJ;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AC/EJ;EACE;EACA;EACA;EACA;EACA;;AAGE;EACE;;AAGF;EACE;;AAIA;AAAA;EAEE;;AAMJ;EACE;;AAGF;EACE;;AAIA;AAAA;EAEE;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAKN;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKN;EApKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EA+JE;EACA;;AA/JF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AA2JF;EA1KA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAqKE;EACA;;AArKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAkKA;EACE;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;ACjMJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EAOE;EACA;EACA;EACA;EACA;EACA;EAMA;EACA;EACA;EACA;;AAnBA;EACE;EACA;;AAUF;EACE;EACA;;AAOF;EACE;;AAIJ;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;IACE;IACA;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AACA;EACE;;AAIJ;EACE;;AACA;EACE;;;ACtMR;EACE;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;;;AAIJ;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;;;AAIJ;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EAEE;;;AAIJ;EACE;EACA;;A1DpIA;EAEE;EACA;;AAEF;EACE;;;A0DmIJ;EACE;;A1D1IA;EAEE;EACA;;AAEF;EACE;;;A2DnDJ;E3DqUE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAKF;EACE;EACA;EACA;;AAGF;EACE;;A2DzWF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;E3D0QA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;A2DrRF;EACE;EACA;EACA;;AAGF;EACE;;;AClDJ;E5DqUE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;E4D3UA;EACA;EACA;EACA;;A5D0UA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAKF;EACE;EACA;EACA;;AAGF;EACE;;A4DrWF;EACE;EACA;;AAGF;EAGE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;E5D8PA;EACA;EACA;EACA;EACA;EACA;E4DjQE;EACA;EACA;EACA;;A5DgQF;EACE;EACA;EACA;EACA;;AAGF;EACE;;A4DtQA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AACA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAKN;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AC3JR;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAgDA;;AA9CA;EACE;;AAGF;EACE;EACA;EACA;;AACA;EACE;;AAIJ;EAGE;EACA;;AAEA;EACE;;AAIJ;EAGE;EACA;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;EACA;;;AC5DN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AASF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQA;EACE;EACA;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAUJ;EACE;;;ACxEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;ACzGF;EACE;EACA;EACA;;;ACJJ;EACE;EACA;;;ACFF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEE;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;;AAEE;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;;AAGJ;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAKR;EACE;;AAEE;EACE;;AAMR;EACE;;AACA;EACE;EACA;;AAEE;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;;AAIN;EACE;;AAEE;EACE;;AAQR;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEF;AAAA;AAAA;EAGE;;AAKF;AAAA;EACE;EACA;EACA;;;AAaM;EACE;;AAOF;EACE;;AAMR;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;;AAKN;EACE;;AAII;EACE;;;ACnMZ;EACI;EACA;EAEA;;AAIQ;AAAA;EAGI;EACA;EACA;;AAMR;EACI;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;;;AAKJ;EACI;;;AChDR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;;AAKN;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;AAAA;EAEE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAKF;EACE;;AAIJ;EACE;;;AC5HN;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;;AAIJ;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EAEE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EAGE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EAGE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EAEE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EAEE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AClIN;EACE;;;AtEEE;EsEEF;IACE;;EAEA;IACE;;EAGF;IACE;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAEA;IACE;;EAGF;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;AAAA;IAEE;;EAGF;IACE;;EAIJ;IACE;IACA;;EAEA;IACE;IACA;;EAIJ;IACE;IACA;;EAEA;IACE;IACA;;EAIJ;IACE;IACA;;EAEA;IACE;IACA;;EAIJ;IACE;IACA;;EAEA;IACE;IACA;;;EAKN;IACE;IACA;IACA;IACA;IACA;;;EAIA;IACE;IACA;IACA;;;EAHF;IACE;IACA;IACA;;;EAHF;IACE;IACA;IACA;;;EAHF;IACE;IACA;IACA;;;EAHF;IACE;IACA;IACA;;;EAHF;IACE;IACA;IACA;;;EAHF;IACE;IACA;IACA;;;EAHF;IACE;IACA;IACA;;;EAHF;IACE;IACA;IACA;;;EAHF;IACE;IACA;IACA;;;EAHF;IACE;IACA;IACA;;;EAHF;IACE;IACA;IACA;;;EAIJ;IACE;IACA;IACA;IACA;;;ACjHJ;EACE;EACA;;AAEA;EAIE;;AAGF;EAEE;EACA;;AAGF;EACE;EACA;EAEA;EAIA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAKF;EACE;EACA;;AAIF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EACE;EACA;EAEA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;;AAIA;AAAA;AAAA;AAAA;EAIE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAKN;EACE;;;ACpJF;ExEkXE;EACA;;AAEA;EACE;EACA;;AAGF;EArDA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAKF;EACE;EACA;EACA;;AAGF;EACE;;AAkBF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAKF;EA5GA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AA3TA;EA8ZA;IAIE;IACA;;;AwEraJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAgBF;EACE;EACA;;AxEvBA;EwE0BE;IAIE;;EAEA;IACE;;;AAMR;EACE;EACA;EACA;EAEA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAUJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAIF;EACE;;AAGF;EAEI;EACA;;AAIJ;EAEI;EACA;;AAKN;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AxErIA;EwE4II;IACE;;;AAMR;EACE;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAQA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EAGA;EACA;;AAGF;EACE;EACA;EACA;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;EAEA;;AAEA;EACE;;AAIJ;EACE;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAKA;EACE;;;AAMJ;EACE;;;ACzRJ;EACE;;AAEA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AzEuVF;EACE;EACA;EACA;;AAGF;EACE;;AyE5VA;EACE;;AAIF;EACE;;AAIJ;EAEE;EACA;;AAGA;EACE;;AAIJ;EAEE,Y1EoHM;E0EnHN;;AAIA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;;ACnEJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;AAEA;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAKF;EACE;;AAIA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAIA;EACE;;AAIJ;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAKN;EACE;;AAEA;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;;AAGE;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAQA;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;;;AAIJ;AAAA;AAAA;EAGE;;;AAOA;AAAA;EACE;EACA;;AAGF;AAAA;EACE;EACA;;;AAMF;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;;AC3RF;EACE;EAEA;EACA;EACA;;AAgBF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;;AAKN;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EAEA;EACA;EACA;EAOA;EAKA;EACA;;AAJA;EACE;;AAKF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;;AAEA;EACE;;AAIJ;E3EsUA;EACA;EACA;EACA;EAOA;;;A2E1UA;EACE;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;EACA;EACA;EAOA;EAMA;EACA;EAEA;;AAPA;EACE;EACA;;AAMF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;E3EyLA;EACA;EACA;EACA;EAOA;;;A2E9LF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EAEA;EACA;EACA;EAOA;EAKA;EACA;;AAJA;EACE;;AAKF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;E3EyHA;EACA;EACA;EACA;EAOA;;;A2E9HF;EACE;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AClWJ;EACE;EACA;;AAGF;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;;AAKN;EACE;;;AC9BA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;;ACvBN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;;AAEA;EACE;;;ACpGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;A/E4VA;EACE;EACA;EACA;;AAGF;EACE;;A+EhWF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EAEE;EACA;EACA;;AAGF;EACE;;AAEA;AAAA;EAEE;;AAIJ;EACE;;AAEA;AAAA;EAEE;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAKF;EACE;;AAEA;EACE;;AAOF;EACE;;AAMJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAKF;EACE;EACA;;AA0BJ;EAEE;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;;AAMR;EACE;;;AAKA;AAAA;EACE;;;AAIJ;EACE;;AACA;EACE;;AAEF;EACE;;;ACrMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAOA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;;AhFgUF;EACE;EACA;EACA;;AAGF;EACE;;AgFlUF;EACE;EACA;EACA;EACA;EAEA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAGF;EACE;EAGA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;AAGJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGA;EACE;;AAKN;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;;AACA;EACE;;AAIN;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAQA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AASF;EACE;;AAGF;EACE;EACA;EACA;;AAQA;EACE;;AAGF;EACE;EACA;EACA;;AAIJ;EAEE;EACA;;AAGF;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;;;AAIJ;EACE;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAKA;EACE;;;AAQF;EACE;;AAGF;EACE;EACA;;;AhFpXA;EgF0XF;AAAA;AAAA;AAAA;IAIE;IACA;IACA;;EAEA;AAAA;AAAA;AAAA;IACE;;;ACxYN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AASF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAQA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAKN;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;ACjFJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AlFsJJ;EkFlJI;EACA;EACA;;AAEA;EACE;;AAIJ;EAEE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EAMA;EACA;;AALA;EACE;;AAMF;EACE;;AAKN;EACE;;AAGA;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;;ACvHJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAKN;EAEE;EACA;;AAGF;EACE,YpF0HM;;AoFxHN;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EnFgPF;EACA;EACA;EACA;EACA;EACA;EmFnPE;EACA;;AnFoPF;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AmFxPJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAIA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAQA;EACE;EACA;;;AAKN;EACE;;;AC1IA;EACE;;;ACFJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAKN;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;ErFuOA;EACA;EACA;EACA;EACA;EACA;EqF1OE;EACA;;ArF2OF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AqFhPF;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAKF;EACE;EACA;EACA;;;ACvHF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AtF0VA;EACE;EACA;EACA;;AAGF;EACE;;AsF7VF;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAKN;EACE;EACA;;AAGF;EACE,YvFyHM;;AuFvHN;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EtF4OF;EACA;EACA;EACA;EACA;EACA;EsF/OE;EACA;;AtFgPF;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AsFpPJ;EACE;;;AAGF;EACE;EACA;EACA;EAOA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAKN;EACE;;AAEA;EAEE;;;AAIJ;EACE;;;AAIF;EACE;EACA;;AAIE;AAAA;EACE;;AAIJ;AAAA;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;;AACA;EACE;;AACA;EACE;EACA;;;AAMN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAEA;AAAA;AAAA;AAAA;AAAA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAMR;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AACA;EAEE;EACA;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EtF3FA,OsF+GE;EtF9GF,YsF4GE;EtF3GF,csF4GE;EtF3GF;EACA;EsFoHA;;AA3BA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;AAAA;EAEE;;AtFlMF;EAiGI,OsF0GF;EtFzGE,YsFuGF;EtFtGE,csFuGF;;AtFxLF;EAoFI,OsFwGF;EtFvGE,YsFqGF;EtFpGE,csFqGF;;AtFjMF;EA2GE;;AsF4FF;EACE;;AAGF;EtF9HA,OsFkII;EtFjIJ,YsF+HI;EtF9HJ,csF+HI;EtF9HJ;EACA;;AA7FA;EAiGI,OsF6HA;EtF5HA,YsF0HA;EtFzHA,csF0HA;;AtF3MJ;EAoFI,OsF2HA;EtF1HA,YsFwHA;EtFvHA,csFwHA;;AtFpNJ;EA2GE;;;AsF+GJ;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAGF;EACE;;;AAIJ;AAAA;AAAA;EAGE;EACA;;AAEA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;EACE;;AAEA;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;AAAA;AAAA;EAEE;;AAEA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;AAIJ;AAAA;AAAA;EACE;;AAEA;AAAA;AAAA;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;;;AC7fF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AvF0VA;EACE;EACA;EACA;;AAGF;EACE;;AuF7VF;EACE;;AAEA;EACE;EACA;;AAEA;EACE;;AAKN;EACE;EACA;;AAGF;EACE,YxFyHM;;AwFvHN;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EvF8OA;EACA;EACA;EACA;EACA;EACA;EuFjPE;EACA;EACA;;AvFiPF;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AuFrPJ;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EAEE;;;AAIJ;EACE;;;AvF7HE;EuFiIF;IACE;;;EAGF;IACE;IACA;;;AAIJ;EACE;EACA;EACA;EACA;;;ACpJF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ExF4PF,OwFvPI;ExFwPJ,YwF1PI;ExF2PJ,cwF1PI;ExF2PJ;EACA;;AA7FA;EAiGI,OwF5PA;ExF6PA,YwF/PA;ExFgQA,cwF/PA;;AxF8KJ;EAoFI,OwF9PA;ExF+PA,YwFjQA;ExFkQA,cwFjQA;;AxFqKJ;EA2GE;;AwF5QA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGE;EACE;;AAGF;EACE;;AAMR;EACE;EACA;EACA;EAGA;EACA;EAGA;EAEA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;;ACnPF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAmBJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAKN;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;;ACvKJ;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;ACvCJ;EACE;EACA;EAOA;EACA;EACA;EACA;EACA;;AATA;AAAA;EAEE;;AASF;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAMR;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;;AAKN;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACjHF;EACE;;;AAGF;EASE;EACA;EACA;EACA;;AAXA;EACE;;AAGF;EACE;;A5F4VF;EACE;EACA;EACA;;AAGF;EACE;;A4FzVF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;EACA;;AAGF;AAAA;EAEE;;AAGF;AAAA;EAEE;;AAGF;EAOE;EACA;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;ACzFN;EACE,S9FyZW;;;A8FvZb;EACE,S9FsZW;;;A+F1Zb;EACE;EAGA;EACA;;A9FwCA;EAEE;EACA;;AAEF;EACE;;A8F3CA;EACE;;AAGF;EACE;;AAIA;EACE;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAMR;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAIF;EACE;EACA;EACA;EACA;;AAGF;EAGE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAcF;EACE;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;;;AClNF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;AAqBJ;EACE;AAAA;IAEE;IACA;IACA;;;ACrCJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;AAKF;EAEE;EACA;EACA;;AAEF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGE;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;;AAGF;EACE;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EAEE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EAEE,OADU;EAEV,QAFU;EAGV;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAOA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EAEE,OADU;EAEV,QAFU;EAGV;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAMA;EACE;EACA;EACA;;AAIJ;EACE;;AAEA;EAEE;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;;AC1TR;EACE;;AAEA;EACE;;;AAIJ;EjG0WE;EACA;EiGzWA;;AjG2WA;EACE;EACA;;AAGF;EArDA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAKF;EACE;EACA;EACA;;AAGF;EACE;;AAkBF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAKF;EA5GA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AA3TA;EA8ZA;IAIE;IACA;;;AiG5ZJ;EACE;EACA;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;;;ACnCF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAGF;EAME;ElGwLF;EACA,WkGpLI;ElGqLJ,akGpLI;ElGqLJ,ekGpLI;ElGqLJ,QkGpLI;ElGyOJ,OkGnOI;ElGoOJ,YkGtOI;ElGuOJ,ckGtOI;ElGuOJ;EACA;;AkG1PE;EACE;EACA;;AlGiMJ;AAAA;AAAA;EAGE,ckG7LE;;AlGgMJ;AAAA;EAEE,akGlME;;AlGqMJ;AAAA;AAAA;EAGE,ckGxME;;AlG2MJ;AAAA;EAEE,akG7ME;;AlGiNJ;EACE;EACA;;AA/DF;EAiGI,OkGxOA;ElGyOA,YkG3OA;ElG4OA,ckG3OA;;AlG0JJ;EAoFI,OkG1OA;ElG2OA,YkG7OA;ElG8OA,ckG7OA;;AlGiJJ;EA2GE;;AkGxPA;EACE;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAIJ;EAWE;;AAVA;EACE;;AAEA;EACE;;AASN;EACE;;AAGF;EACE;;AAEA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;AAKF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;;AlGrHJ;EAEE;EACA;;AAEF;EACE;;AkG2HA;EACE;;AAIA;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;;AAKJ;AAAA;EAEE;EAEA;EAEA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EAEE;;AAGA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAEF;EACE;;AAKN;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AlGnNJ;EAEE;EACA;;AAEF;EACE;;AkGqNA;EACE;;;AAKN;EACE;;AACA;EACE;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;;;AlGlSA;EkGuSF;IACE;;;AC5SF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAGE;EACA;EACA;;AACA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AnGwGF;EmGrGI;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;;AClHF;EACE;;;ACFJ;ErGkXE;EACA;EqGjXA;;ArGmXA;EACE;EACA;;AAGF;EArDA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAKF;EACE;EACA;EACA;;AAGF;EACE;;AAkBF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAKF;EA5GA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AA3TA;EA8ZA;IAIE;IACA;;;AqGpaJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EAEA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;ErGwNF;EACA;EACA;EACA;EACA;EACA;EqG3NE;EACA;;ArG4NF;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AqG/NF;EACE;EACA;;;ACnGJ;EACE;EACA;;;ACFF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EAEE;EACA;EACA;EACA;;AAIA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EvGmKJ;EACA,WuG/JM;EvGgKN,auG/JM;EvGgKN,euG/JM;EvGgKN,QuG/JM;EvGoNN,OuG9MM;EvG+MN,YuGjNM;EvGkNN,cuGjNM;EvGkNN;EACA;;AAvDA;AAAA;AAAA;EAGE,cuGxKI;;AvG2KN;AAAA;EAEE,auG7KI;;AvGgLN;AAAA;AAAA;EAGE,cuGnLI;;AvGsLN;AAAA;EAEE,auGxLI;;AvG4LN;EACE;EACA;;AA/DF;EAiGI,OuGnNE;EvGoNF,YuGtNE;EvGuNF,cuGtNE;;AvGqIN;EAoFI,OuGrNE;EvGsNF,YuGxNE;EvGyNF,cuGxNE;;AvG4HN;EA2GE;;AuGnOE;EACE;EACA;;;AAON;EACE;EACA;;AAGF;EACE;EACA;;;ACzFJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAKN;EACE;EACA;;;ACxEF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAMA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EAEE;EACA;;AAEA;EACE;EACA;;;AAMJ;EACE;;AAOF;EzGwTA;EACA;EACA;EACA;EAOA;;AyG9TA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;;AAQZ;EACE;;AAEA;EACE;;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;EACE;EACA;EACA;;;AAMJ;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;EACE;EACA;EACA;;AAIJ;EACE;;;AAGJ;EACE;EACA;EACA;;AAEA;EACG;;AAEH;EACE;EACA;EACA;EACA;;;ACpPJ;EACE;;;AAGF;EACE;;A1GiWA;EACE;EACA;EACA;;AAGF;EACE;;A0GtWF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AASF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIN;EACE;;;AC1FJ;EACE;;AACA;EACE;EACA;EACA;;AACA;EACE;;;AAIN;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAGJ;EACE;EACA;;AACA;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEE;EACE;;AAIF;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACE;;AAEF;EACE;;AAGF;EACE;;;ACnGJ;E5GkXE;EACA;;AAEA;EACE;EACA;;AAGF;EArDA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;;AAKF;EACE;EACA;EACA;;AAGF;EACE;;AAkBF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAKF;EA5GA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AA3TA;EA8ZA;IAIE;IACA;;;A4GraJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EAGA;EACA;;AAEA;EACE;EACA;;;ACnGN;EACE;EACA;;AAGA;EACE;;AAIA;EACE;EACA;;AAGF;EACE;EACA;;;AAMN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EAEA;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;;AAIA;EACE;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;;AAIA;EACE;EACA;;AAKF;EACE;;AAEA;EACE;EACA;EACA;;AAKN;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;A7G9IE;E6GkJF;IACE;IACA;;;EAGF;IAGE;IACA;IACA;IACA;;EAGA;IACE;;;EAIJ;IACE;IACA;IACA;IACA;;EAGA;IACE;;;EAIJ;IACE;IACA;IACA;IACA;;;EAGF;IACE;IACA;IACA;IACA;;EAGA;IACE;;;EAKF;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EAGF;IACE;IACA;IACA;IACA;;EAGF;AAAA;AAAA;AAAA;AAAA;AAAA;IAME;IACA;;EAGF;IACE;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAIJ;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;EAIA;IACE;IACA;IACA;;EAHF;IACE;IACA;IACA;;EAHF;IACE;IACA;IACA;;EAHF;IACE;IACA;IACA;;EAHF;IACE;IACA;IACA;;EAHF;IACE;IACA;IACA;;EAHF;IACE;IACA;IACA;;EAHF;IACE;IACA;IACA;;EAHF;IACE;IACA;IACA;;EAHF;IACE;IACA;IACA;;EAHF;IACE;IACA;IACA;;EAHF;IACE;IACA;IACA;;EAKN;IACE;IACA;;EAEA;IACE;IACA;IACA;;EAEA;IACE;IACA;IACA;;EAIJ;IACE;IACA;;EAEA;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IACE;;;EAMR;IACE;IACA;IAEA;IACA;IACA;;EAEA;IACE;IACA;;;EAIJ;IACE;IACA;IACA;;;EAGF;IACE;IACA;;EAEA;IACE;IACA;IACA;IACA;;EAGF;IACE;IACA;;;AASN;EACE;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;A7GvYI;E6G0YA;IACE;IACA;IACA;IACA;IACA;;EAEA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;AAAA;IAEE;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;;EAGF;IACE;;EAEA;IACE;;EAIJ;AAAA;IAEE;IACA;IACA;;EAEA;AAAA;IACE;;EAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAQE;IACA;;EAGF;IACE;;EAGF;IACE;IACA;IACA;;EAGF;IACE;;EAGF;IACE;;EAGF;AAAA;IAEE;;EAIA;AAAA;IAEE;;EAGF;IACE;;EAIJ;IACE;IACA;;EAEA;IACE;;EAIJ;IACE;;EAGF;AAAA;AAAA;IAGE;IACA;IACA;;EAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAGE;IACA;IACA;;EAIJ;IACE;IACA;;EAIJ;IACE;;EAGF;IACE;;EAGF;IACE;;EAIA;IAEE;;EAIJ;IACE;;;AC5jBN;EACE;EACA;;AAGE;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAKF;AAAA;EAEE;EACA;;AAOV;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;;AAKF;EACE;;AAKF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;;AAOV;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AC9GJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;AAAA;AAAA;AAAA;EAIE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;AAGF;AAAA;EAEE;;AAGF;AAAA;AAAA;AAAA;EAIE;;AAGF;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;;ACtQF;EACE;EACA;;;ACHJ;EACE;;AACA;EACE;;;ACHJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAKN;AAAA;EAEE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGJ;EACE;EACA;;AAEA;EACE;;AAGJ;EACE;EACA;;AAGA;EACE;;AAGJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;;AAMJ;EACE;EACA;;;AC/IJ;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGE;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAON;EACE;;AAKF;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGE;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;ACjMR;AAAA;AAAA;AAMA;EpHmEE,kBP7DM;E2HJN,O3HoBW;;AO+CX;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBPrFI;;;A2HDR;EpH8DE,kBD6GK;EC5EL,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBDqFG;;AC1EL;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;;AoHlHJ;EpHyDE,kBP3DM;EO4FN,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBPnFI;;AO8FN;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;;AoH7GJ;EpHoDE,kBT/DO;ESgGP,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBTvFK;;ASkGP;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;;AoHxGJ;EpH+CE,kBT9BQ;ES+DR,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBTtDM;;ASiER;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;;AoHnGJ;EpH0CE,kBT/DO;ESgGP,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBTvFK;;ASkGP;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;;AoH9FJ;EpHqCE,kBTqEO;ESpCP,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBT6CK;;ASlCP;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;;AoHzFJ;EpHgCE,kBTEM;ES+BN,OAHa;;AA5Bb;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBTtBI;;ASiCN;EAEE,OANW;;AAQX;EACE,OARU;;AAaZ;EAGE,OAhBU;;AAoBd;EACE;;AAGF;EACE;;;AoHpFJ;EpH2BE,kBD6EM;EqHtGN,O3HpBW;;AO+CX;EAbA;;AAkBA;EAlBA;;AAuBA;EA5BA;;AAiCA;EAjCA;;AAsCA;EAEE,kBDqDI;;;AqHnGR;EACE;;;AAGF;EACE;;;ApH+FA;EACE;;;AAGF;EACE;;;AAGF;EACE,OTtJK;;;ASyJP;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAzBF;EACE;;;AAGF;EACE;;;AAGF;EACE,OTtJK;;;ASyJP;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAzBF;EACE;;;AAGF;EACE;;;AAGF;EACE,OTrHM;;;ASwHR;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAzBF;EACE;;;AAGF;EACE;;;AAGF;EACE,OTlBK;;;ASqBP;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAzBF;EACE;;;AAGF;EACE;;;AAGF;EACE,OTrFI;;;ASwFN;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAzBF;EACE;;;AAGF;EACE;;;AAGF;EACE,ODsBG;;;ACnBL;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAzBF;EACE;;;AAGF;EACE;;;AAGF;EACE,ODVI;;;ACaN;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAzBF;EACE;;;AAGF;EACE;;;AAGF;EACE,OPlJI;;;AOqJN;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AoH3GJ;EACE;;;AAGF;EACE;;;ApH7BA;EAEE;EACA;;AAEF;EACE;;;AoH8BJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;ApHxuCE;EoH6uCA;IAKE;IACA;;;AAKN;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAWA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;;AAIJ;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAGE;EAEE;;AAGF;EAGE;EACA;;AAEA;EACE;;AAMJ;EAEE;;;AAKN;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAOA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE;EACA;EACA;EACA;;;AAIF;EACE;EACA;;;AAIF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMR;EACE;EACA;EACA;;;AAGF;EACE;;;AAOF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EACE;EACA;;;AAIF;EAEE;EACA;EACA;;;AAOJ;EpH7mCE,YoH8mCuB;;;AAGzB;EpHjnCE,YoHknCuB;;;AAGzB;EpHrnCE,YoHsnCuB;;;AAGzB;EpHznCE,YoH0nCuB;;;AAGzB;EpH7nCE,YoH8nCuB;;;AAGzB;EpHjoCE,YoHkoCuB;;;AAGzB;EACE;IACE;;;AAIJ;EACE;IACE;IACA;;;EAGF;IACE;IACA;;;AAIJ;EACE;IACE;IACA;;;EAGF;IACE;IACA;;;AAIJ;EACE;IACE;IACA;;;EAGF;IACE;IACA;;;AAKJ;EACE;IACE;;;EAGF;IACE;;;EAGF;IACE;;;AAIJ;EACE;;;AAGF;AACA;EACE;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;IACA;;;EAGF;IACE;;;EAGF;IACE;IACA;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;IACE;;;EAGF;AAAA;IAEE;;;EAGF;AAAA;IAEE;IACA;;;EAGF;IACE;;;EAGF;IACE","file":"antd.css","sourcesContent":["/**\n * @file 使用 extract-antd-color.py 转换\n */\n\n$blue-base: #1890ff;\n$blue-1: #e6f7ff;\n$blue-2: #bae7ff;\n$blue-3: #91d5ff;\n$blue-4: #69c0ff;\n$blue-5: #40a9ff;\n$blue-6: #1890ff;\n$blue-7: #096dd9;\n$blue-8: #0050b3;\n$blue-9: #003a8c;\n$blue-10: #002766;\n$purple-base: #722ed1;\n$purple-1: #f9f0ff;\n$purple-2: #efdbff;\n$purple-3: #d3adf7;\n$purple-4: #b37feb;\n$purple-5: #9254de;\n$purple-6: #722ed1;\n$purple-7: #531dab;\n$purple-8: #391085;\n$purple-9: #22075e;\n$purple-10: #120338;\n$cyan-base: #13c2c2;\n$cyan-1: #e6fffb;\n$cyan-2: #b5f5ec;\n$cyan-3: #87e8de;\n$cyan-4: #5cdbd3;\n$cyan-5: #36cfc9;\n$cyan-6: #13c2c2;\n$cyan-7: #08979c;\n$cyan-8: #006d75;\n$cyan-9: #00474f;\n$cyan-10: #002329;\n$green-base: #52c41a;\n$green-1: #f6ffed;\n$green-2: #d9f7be;\n$green-3: #b7eb8f;\n$green-4: #95de64;\n$green-5: #73d13d;\n$green-6: #52c41a;\n$green-7: #389e0d;\n$green-8: #237804;\n$green-9: #135200;\n$green-10: #092b00;\n$magenta-base: #eb2f96;\n$magenta-1: #fff0f6;\n$magenta-2: #ffd6e7;\n$magenta-3: #ffadd2;\n$magenta-4: #ff85c0;\n$magenta-5: #f759ab;\n$magenta-6: #eb2f96;\n$magenta-7: #c41d7f;\n$magenta-8: #9e1068;\n$magenta-9: #780650;\n$magenta-10: #520339;\n$pink-base: #eb2f96;\n$pink-1: #fff0f6;\n$pink-2: #ffd6e7;\n$pink-3: #ffadd2;\n$pink-4: #ff85c0;\n$pink-5: #f759ab;\n$pink-6: #eb2f96;\n$pink-7: #c41d7f;\n$pink-8: #9e1068;\n$pink-9: #780650;\n$pink-10: #520339;\n$red-base: #f5222d;\n$red-1: #fff1f0;\n$red-2: #ffccc7;\n$red-3: #ffa39e;\n$red-4: #ff7875;\n$red-5: #ff4d4f;\n$red-6: #f5222d;\n$red-7: #cf1322;\n$red-8: #a8071a;\n$red-9: #820014;\n$red-10: #5c0011;\n$orange-base: #fa8c16;\n$orange-1: #fff7e6;\n$orange-2: #ffe7ba;\n$orange-3: #ffd591;\n$orange-4: #ffc069;\n$orange-5: #ffa940;\n$orange-6: #fa8c16;\n$orange-7: #d46b08;\n$orange-8: #ad4e00;\n$orange-9: #873800;\n$orange-10: #612500;\n$yellow-base: #fadb14;\n$yellow-1: #feffe6;\n$yellow-2: #ffffb8;\n$yellow-3: #fffb8f;\n$yellow-4: #fff566;\n$yellow-5: #ffec3d;\n$yellow-6: #fadb14;\n$yellow-7: #d4b106;\n$yellow-8: #ad8b00;\n$yellow-9: #876800;\n$yellow-10: #614700;\n$volcano-base: #fa541c;\n$volcano-1: #fff2e8;\n$volcano-2: #ffd8bf;\n$volcano-3: #ffbb96;\n$volcano-4: #ff9c6e;\n$volcano-5: #ff7a45;\n$volcano-6: #fa541c;\n$volcano-7: #d4380d;\n$volcano-8: #ad2102;\n$volcano-9: #871400;\n$volcano-10: #610b00;\n$geekblue-base: #2f54eb;\n$geekblue-1: #f0f5ff;\n$geekblue-2: #d6e4ff;\n$geekblue-3: #adc6ff;\n$geekblue-4: #85a5ff;\n$geekblue-5: #597ef7;\n$geekblue-6: #2f54eb;\n$geekblue-7: #1d39c4;\n$geekblue-8: #10239e;\n$geekblue-9: #061178;\n$geekblue-10: #030852;\n$lime-base: #a0d911;\n$lime-1: #fcffe6;\n$lime-2: #f4ffb8;\n$lime-3: #eaff8f;\n$lime-4: #d3f261;\n$lime-5: #bae637;\n$lime-6: #a0d911;\n$lime-7: #7cb305;\n$lime-8: #5b8c00;\n$lime-9: #3f6600;\n$lime-10: #254000;\n$gold-base: #faad14;\n$gold-1: #fffbe6;\n$gold-2: #fff1b8;\n$gold-3: #ffe58f;\n$gold-4: #ffd666;\n$gold-5: #ffc53d;\n$gold-6: #faad14;\n$gold-7: #d48806;\n$gold-8: #ad6800;\n$gold-9: #874d00;\n$gold-10: #613400;\n$preset-colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime,\n green, blue, geekblue, purple;\n","// 这里放 css 自定义变量\n\n:root {\n --black: #{$black};\n --white: #{$white};\n // 因为运行不支持颜色计算,所以用 css 变量的方式需要多定义几个变量\n --primary: #{$primary};\n --primary-onHover: #4f86f4;\n --primary-onActive: #1c53c1;\n --secondary: #{$secondary};\n --secondary-onHover: #{darken($secondary, 7.5%)};\n --secondary-onActive: #{darken($secondary, 10%)};\n --success: #{$success};\n --success-onHover: #{darken($success, 7.5%)};\n --success-onActive: #{darken($success, 10%)};\n --info: #{$info};\n --info-onHover: #{darken($info, 7.5%)};\n --info-onActive: #{darken($info, 10%)};\n --warning: #{$warning};\n --warning-onHover: #{darken($warning, 7.5%)};\n --warning-onActive: #{darken($warning, 10%)};\n --danger: #{$danger};\n --danger-onHover: #{darken($danger, 7.5%)};\n --danger-onActive: #{darken($danger, 10%)};\n\n --light: #{$light};\n --dark: #{$dark};\n\n --fontFamilyMonospace: SFMono-Regular, Menlo, Monaco, Consolas,\n 'Liberation Mono', 'Courier New', monospace;\n --fontFamilyBase: -apple-system, BlinkMacSystemFont, 'SF Pro SC',\n 'SF Pro Text', 'Helvetica Neue', Helvetica, 'PingFang SC', 'Segoe UI',\n Roboto, 'Hiragino Sans GB', 'Arial', 'microsoft yahei ui', 'Microsoft YaHei',\n SimSun, sans-serif;\n\n --fontSizeBase: #{px2rem(14px)};\n --fontSizeMd: #{px2rem(14px)};\n --fontSizeLg: #{px2rem(16px)};\n --fontSizeXl: #{px2rem(20px)};\n --fontSizeSm: #{px2rem(12px)};\n --fontSizeXs: #{px2rem(11px)};\n\n --text-color: #{$text-color};\n --button-color: #{$white};\n\n --animation-duration: 0.2s;\n\n --text--muted-color: #{lighten($text-color, 25%)};\n --text--loud-color: #{darken($text-color, 10%)};\n\n --pre-color: var(--text-color);\n\n --borderColor: #{$borderColor};\n --borderColorLight: #{lighten($borderColor, 5%)};\n --borderColorDarken: #{darken($borderColor, 10%)};\n --borderRadius: 0.142rem;\n --borderRadiusMd: 0.285rem;\n --borderRadiusLg: 0.428rem;\n\n --boxShadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);\n --boxShadowSm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);\n\n --lineHeightBase: 1.5;\n\n --body-lineHeight: var(--lineHeightBase);\n\n --borderWidth: #{px2rem(1px)};\n\n --fontWeightNormal: 400;\n --fontWeightBase: var(--fontWeightNormal);\n --fontWeightMd: 500;\n --fontWeightBold: 700;\n\n --background: var(--white);\n\n --code-color: var(--danger);\n --code-background: var(--background);\n --pre-background: var(--background);\n --link-color: var(--info);\n --link-decoration: none;\n --link-onHover-color: var(--info-onHover);\n --link-onHover-decoration: underline;\n\n --body-bg: var(--light);\n --body-size: var(--fontSizeBase);\n --body-color: var(--text-color);\n --body-weight: var(--fontWeightBase);\n\n --gap-xs: #{px2rem(4px)};\n --gap-sm: #{px2rem(8px)};\n --gap-base: #{px2rem(12px)};\n --gap-md: #{px2rem(16px)};\n --gap-lg: #{px2rem(20px)};\n --gap-xl: #{px2rem(24px)};\n\n --icon-color: #{$gray600};\n --icon-onHover-color: #{$gray900};\n --icon-onDisabled-color: #{$gray500};\n\n --label--default-bg: #{$gray700};\n --label--primary-bg: var(--primary);\n --label--success-bg: var(--success);\n --label--info-bg: var(--info);\n --label--warning-bg: var(--warning);\n --label--danger-bg: var(--danger);\n\n --label-color: #fff;\n --label-link--hover-color: #fff;\n\n --scrollbar-width: #{px2rem(17px)};\n\n // 以下是分组件的\n --Alert--danger-bg: #f2dede;\n --Alert--danger-borderColor: #{darken(adjust-hue(#f2dede, -10), 5%)};\n --Alert--danger-color: #a94442;\n --Alert--info-bg: #d9edf7;\n --Alert--info-borderColor: #{darken(adjust-hue($info, -10), 5%)};\n --Alert--info-color: #31708f;\n --Alert--success-bg: #dff0d8;\n --Alert--success-borderColor: #{darken(adjust-hue(#dff0d8, -10), 5%)};\n --Alert--success-color: #3c763d;\n --Alert--warning-bg: #fcf8e3;\n --Alert--warning-borderColor: #{darken(adjust-hue(#fcf8e3, -10), 5%)};\n --Alert--warning-color: #8a6d3b;\n --Alert-borderColor: transparent;\n --Alert-borderRadius: var(--borderRadiusMd);\n --Alert-borderWidth: var(--borderWidth);\n --Alert-boxShadow: none;\n --Alert-fontSize: var(--fontSizeBase);\n --Alert-marginBottom: var(--gap-md);\n --Alert-paddingX: var(--gap-sm);\n --Alert-paddingY: var(--gap-sm);\n\n --Audio-border: #{px2rem(1px)} solid #dee2e6;\n --Audio-height: #{px2rem(50px)};\n --Audio-input-width: #{px2rem(80px)};\n --Audio-item-margin: #{px2rem(10px)};\n --Audio-lineHeight: #{px2rem(50px)};\n --Audio-play-top: var(--gap-xs);\n --Audio-play-width: var(--gap-md);\n --Audio-process-minWidth: #{px2rem(80px)};\n --Audio-rate-bg: #dee2e6;\n --Audio-rate-height: #{px2rem(50px)};\n --Audio-rate-lineHeight: #{px2rem(50px)};\n --Audio-rate-width: #{px2rem(40px)};\n --Audio-rateControlItem-bg: #dee2e6;\n --Audio-rateControlItem-borderRight: #{px2rem(1px)} solid #d3dae0;\n --Audio-svg-height: var(--gap-md);\n --Audio-svg-top: #{px2rem(6px)};\n --Audio-svg-width: var(--gap-md);\n --Audio-thumb-bg: #606670;\n --Audio-thumb-height: #{px2rem(14px)};\n --Audio-thumb-marginTop: #{px2rem(-5px)};\n --Audio-thumb-width: #{px2rem(14px)};\n --Audio-times-margin: 0 var(--gap-xs);\n --Audio-times-width: #{px2rem(75px)};\n --Audio-track-bg: #d7dbdd;\n --Audio-track-border: #{px2rem(1px)} solid transparent;\n --Audio-track-borderRadius: #{px2rem(3px)};\n --Audio-track-height: #{px2rem(6px)};\n --Audio-volume-height: #{px2rem(50px)};\n --Audio-volume-lineHeight: #{px2rem(50px)};\n --Audio-volume-width: var(--gap-md);\n --Audio-volumeControl-width: #{px2rem(110px)};\n --Avatar-bg: #{$gray300};\n --Avatar-width: #{px2rem(40px)};\n --Avatar-size-large: #{px2rem(48px)};\n // 兼容旧的size大小写法\n --Avatar-size-default: var(--Avatar-width);\n --Avatar-size-small: #{px2rem(32px)};\n --Avatar-icon-size-large: #{px2rem(20px)};\n // 兼容旧的icon大小写法\n --Avatar-icon-size-default: var(--fontSizeLg);\n --Avatar-icon-size-small: #{px2rem(12px)};\n\n --Badge-size: var(--gap-md);\n --Badge-color: var(--white);\n --Badge--success-bg: var(--success);\n --Badge--info-bg: var(--info);\n --Badge--warning-bg: var(--warning);\n --Badge--danger-bg: var(--danger);\n\n --Button--danger-bg: var(--danger);\n --Button--danger-border: var(--Button--danger-bg);\n --Button--danger-color: var(--button-color);\n --Button--danger-onActive-bg: var(--danger-onActive);\n --Button--danger-onActive-border: #{darken($danger, 12.5%)};\n --Button--danger-onActive-color: var(--Button--danger-color);\n --Button--danger-onHover-bg: var(--danger-onHover);\n --Button--danger-onHover-border: var(--danger-onActive);\n --Button--danger-onHover-color: var(--Button--danger-color);\n --Button--dark-bg: var(--dark);\n --Button--dark-border: var(--Button--dark-bg);\n --Button--dark-color: var(--button-color);\n --Button--dark-onActive-bg: #{darken($dark, 10%)};\n --Button--dark-onActive-border: #{darken($dark, 12.5%)};\n --Button--dark-onActive-color: var(--Button--dark-color);\n --Button--dark-onHover-bg: #{darken($dark, 7.5%)};\n --Button--dark-onHover-border: #{darken($dark, 10%)};\n --Button--dark-onHover-color: var(--Button--dark-color);\n --Button--default-bg: var(--white);\n --Button--default-border: var(--borderColor);\n --Button--default-color: var(--text-color);\n --Button--default-onActive-bg: var(--white);\n --Button--default-onActive-border: var(--primary-onActive);\n --Button--default-onActive-color: var(--primary-onActive);\n --Button--default-onHover-bg: var(--white);\n --Button--default-onHover-border: var(--primary);\n --Button--default-onHover-color: var(--primary);\n --Button--iconOnly-minWidthRate: 4 / 3;\n --Button--info-bg: var(--info);\n --Button--info-border: var(--Button--info-bg);\n --Button--info-color: var(--button-color);\n --Button--info-onActive-bg: var(--info-onActive);\n --Button--info-onActive-border: #{darken($info, 12.5%)};\n --Button--info-onActive-color: var(--Button--info-color);\n --Button--info-onHover-bg: var(--info-onHover);\n --Button--info-onHover-border: var(--info-onActive);\n --Button--info-onHover-color: var(--Button--info-color);\n --Button--lg-borderRadius: var(--borderRadius);\n --Button--lg-fontSize: var(--fontSizeLg);\n --Button--lg-height: #{px2rem(46px)};\n --Button--lg-lineHeight: 24 / 20;\n --Button--lg-paddingX: #{px2rem(16px)};\n --Button--lg-paddingY: calc(\n (\n var(--Button--lg-height) - var(--Button-borderWidth) * 2 -\n var(--Button--lg-lineHeight) * var(--Button--lg-fontSize)\n ) / 2\n );\n --Button--light-bg: var(--light);\n --Button--light-border: var(--borderColor);\n --Button--light-color: var(--text-color);\n --Button--light-onActive-bg: #{darken($light, 10%)};\n --Button--light-onActive-border: #{darken($light, 12.5%)};\n --Button--light-onActive-color: var(--Button--light-color);\n --Button--light-onHover-bg: #{darken($light, 7.5%)};\n --Button--light-onHover-border: #{darken($light, 10%)};\n --Button--light-onHover-color: var(--Button--light-color);\n --Button--link-color: var(--primary);\n --Button--link-onDisabled-color: #{$gray600};\n --Button--link-onHover-color: var(--primary-onHover);\n --Button--link-onActive-color: var(--primary-onActive);\n --Button--md-fontSize: var(--Button-fontSize);\n --Button--md-height: var(--Button-height);\n --Button--md-lineHeight: var(--Button-lineHeight);\n --Button--md-paddingX: var(--Button-paddingX);\n --Button--md-paddingY: calc(\n (\n var(--Button--md-height) - var(--Button-borderWidth) * 2 -\n var(--Button--md-lineHeight) * var(--Button--md-fontSize)\n ) / 2\n );\n --Button--primary-bg: var(--primary);\n --Button--primary-border: var(--Button--primary-bg);\n --Button--primary-color: var(--button-color);\n --Button--primary-onActive-bg: var(--primary-onActive);\n --Button--primary-onActive-border: var(--primary-onActive);\n --Button--primary-onActive-color: var(--Button--primary-color);\n --Button--primary-onHover-bg: var(--primary-onHover);\n --Button--primary-onHover-border: var(--primary-onHover);\n --Button--primary-onHover-color: var(--Button--primary-color);\n --Button--secondary-bg: var(--secondary);\n --Button--secondary-border: var(--Button--secondary-bg);\n --Button--secondary-color: var(--button-color);\n --Button--secondary-onActive-bg: var(--secondary-onActive);\n --Button--secondary-onActive-border: #{darken($secondary, 12.5%)};\n --Button--secondary-onActive-color: var(--Button--secondary-color);\n --Button--secondary-onHover-bg: var(--secondary-onHover);\n --Button--secondary-onHover-border: var(--secondary-onActive);\n --Button--secondary-onHover-color: var(--Button--secondary-color);\n --Button--sm-borderRadius: var(--borderRadius);\n --Button--sm-fontSize: var(--fontSizeSm);\n --Button--sm-height: #{px2rem(30px)};\n --Button--sm-lineHeight: 18 / 12;\n --Button--sm-paddingX: #{px2rem(8px)};\n --Button--sm-paddingY: calc(\n (\n var(--Button--sm-height) - var(--Button-borderWidth) * 2 -\n var(--Button--sm-lineHeight) * var(--Button--sm-fontSize)\n ) / 2\n );\n --Button--success-bg: var(--success);\n --Button--success-border: var(--Button--success-bg);\n --Button--success-color: var(--button-color);\n --Button--success-onActive-bg: var(--success-onActive);\n --Button--success-onActive-border: #{darken($success, 12.5%)};\n --Button--success-onActive-color: var(--Button--success-color);\n --Button--success-onHover-bg: var(--success-onHover);\n --Button--success-onHover-border: var(--success-onActive);\n --Button--success-onHover-color: var(--Button--success-color);\n --Button--enhance-border: var(--primary);\n --Button--enhance-color: var(--primary);\n --Button--enhance-onActive-bg: var(--white);\n --Button--enhance-onActive-border: var(--primary-onActive);\n --Button--enhance-onActive-color: var(--primary-onActive);\n --Button--enhance-onHover-bg: var(--white);\n --Button--enhance-onHover-border: var(--primary-onHover);\n --Button--enhance-onHover-color: var(--primary-onHover);\n --Button--warning-bg: var(--warning);\n --Button--warning-border: var(--Button--warning-bg);\n --Button--warning-color: var(--button-color);\n --Button--warning-onActive-bg: var(--warning-onActive);\n --Button--warning-onActive-border: #{darken($warning, 12.5%)};\n --Button--warning-onActive-color: var(--Button--warning-color);\n --Button--warning-onHover-bg: var(--warning-onHover);\n --Button--warning-onHover-border: var(--warning-onActive);\n --Button--warning-onHover-color: var(--Button--warning-color);\n --Button--xs-fontSize: var(--fontSizeXs);\n --Button--xs-height: #{px2rem(22px)};\n --Button--xs-lineHeight: 18 / 11;\n --Button--xs-paddingX: var(--gap-xs);\n --Button--xs-paddingY: calc(\n (\n var(--Button--xs-height) - var(--Button-borderWidth) * 2 -\n var(--Button--xs-lineHeight) * var(--Button--xs-fontSize)\n ) / 2\n );\n --Button-borderRadius: var(--borderRadius);\n --Button-borderWidth: var(--Form-input-borderWidth);\n --Button-boxShadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),\n 0 1px 1px rgba(0, 0, 0, 0.075);\n --Button-textShadow: none;\n --Button-fontSize: var(--Form-input-fontSize);\n --Button-fontWeight: var(--fontWeightNormal);\n --Button-height: var(--Form-input-height);\n --Button-lineHeight: var(--Form-input-lineHeight);\n --Button-mimWidth: auto;\n --Button-onActive-boxShadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --Button-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n --Button-animation-spin: spin 1s infinite linear;\n --Button-onActive-color: var(--primary);\n --Button-onActive-border: var(--primary);\n --Button-onDisabled-borderColor: #dee2e6;\n --Button-onDisabled-opacity: 0.65;\n --Button-onDisabled-bg: #f2f3f3;\n --Button-onFocus-boxShadow: none;\n --Button-paddingX: #{px2rem(12px)};\n --Button-paddingX-right: #{px2rem(10px)};\n --Button-paddingY: calc(\n (\n var(--Button-height) - var(--Button-borderWidth) * 2 -\n var(--Button-lineHeight) * var(--Button-fontSize)\n ) / 2\n );\n --Button-transition: color var(--animation-duration) ease-in-out,\n background-color var(--animation-duration) ease-in-out,\n border-color var(--animation-duration) ease-in-out,\n box-shadow var(--animation-duration) ease-in-out;\n\n --ButtonGroup--primary-isActive-color: var(--white);\n --ButtonGroup--primary-isActive-bg: var(--primary);\n\n --Calendar-btn-bg: var(--info);\n --Calendar-btn-border: var(--Calendar-btn-bg);\n --Calendar-btn-borderRadius: var(--Button-borderRadius);\n --Calendar-btn-color: var(--white);\n --Calendar-btn-fontSize: var(--fontSizeSm);\n --Calendar-btn-height: #{px2rem(30px)};\n --Calendar-btn-lineHeight: var(--lineHeightBase);\n --Calendar-btn-onActive-bg: #{darken($info, 10%)};\n --Calendar-btn-onActive-border: #{darken($info, 12.5%)};\n --Calendar-btn-onActive-color: var(--Calendar-btn-color);\n --Calendar-btn-onHover-bg: #{darken($info, 7.5%)};\n --Calendar-btn-onHover-border: #{darken($info, 10%)};\n --Calendar-btn-onHover-color: var(--Calendar-btn-color);\n --Calendar-btn-paddingX: #{px2rem(10px)};\n --Calendar-btn-paddingY: calc(\n (\n var(--Calendar-btn-height) - var(--Calendar-btn-lineHeight) *\n var(--Calendar-btn-fontSize)\n ) / 2\n );\n --Calendar-btnCancel-bg: var(--light);\n --Calendar-btnCancel-border: var(--Button--default-border);\n --Calendar-btnCancel-borderRadius: var(--Button-borderRadius);\n --Calendar-btnCancel-color: var(--text-color);\n --Calendar-btnCancel-onActive-bg: var(--Button--default-onActive-bg);\n --Calendar-btnCancel-onActive-border: var(--Button--default-onActive-border);\n --Calendar-btnCancel-onActive-color: var(--Button--default-onActive-color);\n --Calendar-btnCancel-onHover-bg: var(--Button--default-onHover-bg);\n --Calendar-btnCancel-onHover-border: var(--Button--default-onHover-border);\n --Calendar-btnCancel-onHover-color: var(--Button--default-onHover-color);\n --Calendar-cell-bg: var(--white);\n --Calendar-cell-onActive-bg: var(--info);\n --Calendar-cell-onBetween-bg: #{rgba($info, 0.1)};\n --Calendar-cell-onDisabled-bg: var(--light);\n --Calendar-cell-onHover-bg: #{darken($white, 7%)};\n --Calendar-color: var(--text-color);\n --Calendar-fontSize: var(--fontSizeBase);\n --Calendar-input-borderColor: var(--borderColor);\n --Calendar-input-borderRadius: var(--borderRadius);\n --Calendar-input-color: var(--info);\n --Calendar-input-fontSize: var(--fontSizeBase);\n --Calendar-input-height: #{px2rem(30px)};\n --Calendar-input-lineHeight: var(--lineHeightBase);\n --Calendar-input-onFocused-borderColor: var(--info);\n --Calendar-input-paddingX: #{px2rem(10px)};\n --Calendar-input-paddingY: calc(\n (\n var(--Calendar-input-height) - var(--Calendar-input-lineHeight) *\n var(--Calendar-input-fontSize)\n ) / 2\n );\n --Calendar-shortcut-color: var(--info);\n --Calendar-shortcut-decoration: none;\n --Calendar-shortcut-onHover-color: #{darken($info, 15%)};\n --Calendar-shortcut-onHover-decoration: none;\n --Calendar-shortcuts-bg: transparent;\n --Calendar-shortcuts-height: #{px2rem(30px)};\n --Calendar-wLabel-color: #999;\n\n --Calendar-icon-bottom: #{px2rem(-4px)};\n --Calendar-icon-width: #{px2rem(10px)};\n --Calendar-icon-height: #{px2rem(10px)};\n --Calendar-borderWidth: #{px2rem(1px)};\n --Calendar-rdt-day: #{px2rem(100px)};\n --Calendar-schedule-content-padding: 0 #{px2rem(4px)};\n --Calendar-schedule-content-height: #{px2rem(20px)};\n --Calendar-schedule-content-color: #{$white};\n\n --Card-actions-borderColor: #{lighten($borderColor, 5%)};\n --Card-actions-fontSize: var(--fontSizeBase);\n --Card-actions-onChecked-onHover-bg: #{darken(#d9f3fb, 5%)};\n --Card-actions-onChecked-onHover-color: #{darken(darken(#d9f3fb, 40%), 10%)};\n --Card-actions-onHover-bg: #{darken($white, 5%)};\n --Card-actions-onHover-color: #{darken($gray900, 5%)};\n --Card-bg: var(--white);\n --Card-borderColor: var(--borderColor);\n --Card-borderRadius: var(--borderRadius);\n --Card-borderWidth: var(--borderWidth);\n --Card-secondary-color: #83868c;\n --Card-onChecked-bg: #d9f3fb;\n --Card-onChecked-borderColor: #{darken(#d9f3fb, 10%)};\n --Card-onChecked-color: #{darken(#d9f3fb, 40%)};\n --Card-onChecked-fieldLabel-color: #{lighten(darken(#d9f3fb, 40%), 20%)};\n --Card-onDragging-opacity: 0.1;\n --Card-onModified-bg: #e8f0fe;\n --Card-onModified-borderColor: #{darken(#e8f0fe, 10%)};\n --Card-onModified-color: #4285f4;\n --Card-onModified-fieldLabel-color: #{lighten(#4285f4, 20%)};\n --Card-onModified-onHover-bg: #{darken(#e8f0fe, 5%)};\n --Card-onModified-onHover-color: #{darken(#4285f4, 10%)};\n --Cards--unsaved-heading-bg: #e8f0fe;\n --Cards--unsaved-heading-color: #4285f4;\n --Cards-fixedTop-boxShadow: var(--boxShadow);\n --Cards-placeholder-height: #{px2rem(100px)};\n --Cards-toolbar-marginX: 0;\n --Cards-toolbar-marginY: var(--gap-base);\n\n --Carousel--dark-control: black;\n --Carousel--light-control: white;\n --Carousel-arrowControl-height: var(--gap-lg);\n --Carousel-arrowControl-width: var(--gap-lg);\n --Carousel-bg: #f6f8f8;\n --Carousel-dot-borderRadius: #{px2rem(4px)};\n --Carousel-dot-height: #{px2rem(8px)};\n --Carousel-dot-margin: #{px2rem(7px)} var(--gap-xs);\n --Carousel-dot-width: #{px2rem(8px)};\n --Carousel-height: #{px2rem(200px)};\n --Carousel-imageDescription-bottom: #{px2rem(25px)};\n --Carousel-imageTitle-bottom: #{px2rem(45px)};\n --Carousel-minWidth: #{px2rem(100px)};\n --Carousel-svg-height: var(--gap-lg);\n --Carousel-svg-width: var(--gap-lg);\n --Carousel-transitionDuration: var(--animation-duration);\n\n --Checkbox--full-inner-size: #{px2rem(12px)};\n --Checkbox--sm--full-inner-size: #{px2rem(10px)};\n --Checkbox--sm-inner-size: calc(var(--Checkbox--sm-size) / 2);\n --Checkbox--sm-size: #{px2rem(16px)};\n --Checkbox-borderRadius: var(--borderRadius);\n --Checkbox-color: var(--Form-input-borderColor);\n --Checkbox-gap: var(--gap-xs);\n --Checkbox-gb: #fff;\n --Checkbox-size: var(--Form-fontSize);\n --Checkbox-inner-size: calc(var(--Checkbox-size) / 2);\n --Checkbox-onHover-color: var(--info);\n --Checkbox-onDisabled-bg: #e5e7eb;\n --Checkbox-onDisabled-color: var(--text--muted-color);\n\n --ColorPicker-bg: var(--white);\n --ColorPicker-borderColor: var(--Form-input-borderColor);\n --ColorPicker-borderRadius: var(--Form-input-borderRadius);\n --ColorPicker-borderWidth: var(--Form-input-borderWidth);\n --ColorPicker-color: var(--Form-input-color);\n --ColorPicker-fontSize: var(--Form-input-fontSize);\n --ColorPicker-height: var(--Form-input-height);\n --ColorPicker-lineHeight: var(--Form-input-lineHeight);\n --ColorPicker-onDisabled-bg: #{$gray200};\n --ColorPicker-onDisabled-color: var(--text--muted-color);\n --ColorPicker-onFocused-borderColor: var(--Form-input-onFocused-borderColor);\n --ColorPicker-onHover-bg: #{darken($white, 5%)};\n --ColorPicker-onHover-borderColor: var(--borderColor);\n --ColorPicker-paddingX: #{px2rem(12px)};\n --ColorPicker-paddingY: calc(\n (\n var(--ColorPicker-height) - var(--ColorPicker-lineHeight) *\n var(--ColorPicker-fontSize)\n ) / 2 - var(--ColorPicker-borderWidth)\n );\n --ColorPicker-placeholderColor: var(--Form-input-placeholderColor);\n --ColorPicker-boxShadow: var(--boxShadow);\n\n --Combo--horizontal-dragger-top: var(--Form-label-paddingTop);\n --Combo--horizontal-item-gap: var(--gap-xs);\n --Combo--vertical-item-borderColor: var(--borderColor);\n --Combo--vertical-item-borderRadius: var(--borderRadius);\n --Combo--vertical-item-borderWidth: var(--borderWidth);\n --Combo--vertical-item-gap: var(--gap-xs);\n --Combo--vertical-item-onHover-borderColor: var(--info);\n --Combo--vertical-item-paddingX: #{px2rem(10px)};\n --Combo--vertical-item-paddingY: #{px2rem(10px)};\n\n --Combo-addBtn-bg: var(--Button--info-bg);\n --Combo-addBtn-border: var(--Button--info-border);\n --Combo-addBtn-borderRadius: var(--Button-borderRadius);\n --Combo-addBtn-color: var(--Button--info-color);\n --Combo-addBtn-fontSize: var(--Button--sm-fontSize);\n --Combo-addBtn-height: #{px2rem(26px)};\n --Combo-addBtn-lineHeight: var(--Button--sm-lineHeight);\n --Combo-addBtn-onActive-bg: #{darken($info, 10%)};\n --Combo-addBtn-onActive-border: #{darken($borderColor, 12.5%)};\n --Combo-addBtn-onActive-color: var(--Combo-addBtn-color);\n --Combo-addBtn-onHover-bg: #{darken($info, 7.5%)};\n --Combo-addBtn-onHover-border: #{darken($borderColor, 10%)};\n --Combo-addBtn-onHover-color: var(--Combo-addBtn-color);\n --Combo-addBtn-paddingX: var(--Button--sm-paddingX);\n --Combo-addBtn-paddingY: calc(\n (\n var(--Combo-addBtn-height) - var(--Button-borderWidth) * 2 -\n var(--Combo-addBtn-lineHeight) * var(--Combo-addBtn-fontSize)\n ) / 2\n );\n --Combo-items-marginBottom: var(--gap-sm);\n --Combo-toolbarBtn-color: var(--icon-color);\n --Combo-toolbarBtn-height: var(--gap-md);\n --Combo-toolbarBtn-lineHeight: 1;\n --Combo-toolbarBtn-onHover-color: #{darken($gray600, 10%)};\n --Combo-toolbarBtn-paddingX: var(--gap-xs);\n --Combo-toolbarBtn-paddingY: #{px2rem(2px)};\n\n --Copyable-iconColor: var(--icon-color);\n --Copyable-onHover-iconColor: var(--icon-onHover-color);\n\n --Collapse-border: none;\n --Collapse-border-color: var(--borderColorLight);\n --Collapse-header-fontSize: var(--fontSizeMd);\n --Collapse-header-fontWeight: var(--fontWeightNormal);\n --Collapse-header-padding: #{px2rem(18px)} 0 var(--gap-xs) 0;\n --Collapse-header-bg: transparent;\n --Collapse-header-onHover-bg: transparent;\n --Collapse-header-collapsed-border: var(--borderWidth) solid\n var(--Collapse-border-color);\n --Collapse-header-collapsed-borderTop: none;\n --Collapse-header-collapsed-borderBottom: var(\n --Collapse-header-collapsed-border\n );\n --Collapse-header-wrapper-direction: row;\n --Collapse-content-padding: #{px2rem(18px)} 0;\n --Collapse-content-color: var(--body-color);\n --Collapse-content-fontSize: var(--body-size);\n --Collapse-content-fontWeight: var(--body-weight);\n\n --Crud-toolbar-gap: var(--gap-xs);\n --Crud-toolbar-height: #{px2rem(30px)};\n --Crud-toolbar-lineHeight: var(--lineHeightBase);\n\n --DatePicker-bg: var(--white);\n --DatePicker-borderColor: var(--Form-input-borderColor);\n --DatePicker-borderRadius: var(--Form-input-borderRadius);\n --DatePicker-borderWidth: var(--Form-input-borderWidth);\n --DatePicker-color: var(--Form-input-color);\n --DatePicker-fontSize: var(--Form-input-fontSize);\n --DatePicker-header-select-borderColor: #fff;\n --DatePicker-height: var(--Form-input-height);\n --DatePicker-iconColor: var(--icon-color);\n --DatePicker-lineHeight: var(--Form-input-lineHeight);\n --DatePicker-onFocused-borderColor: var(--Form-input-onFocused-borderColor);\n --DatePicker-onHover-bg: var(--DatePicker-bg);\n --DatePicker-onHover-borderColor: var(--Form-input-onFocused-borderColor);\n --DatePicker-onHover-iconColor: var(--icon-onHover-color);\n --DatePicker-paddingX: #{px2rem(12px)};\n --DatePicker-paddingY: calc(\n (\n var(--DatePicker-height) - var(--DatePicker-lineHeight) *\n var(--DatePicker-fontSize)\n ) / 2 - var(--DatePicker-borderWidth)\n );\n --DatePicker-placeholderColor: var(--Form-input-placeholderColor);\n\n --LocationPicker-borderRadius: var(--Form-input-borderWidth);\n\n --Divider-borderStyle: solid;\n\n --Drawer-bg: var(--background);\n --Drawer-body-padding: var(--gap-base);\n --Drawer-close-color: rgba(255, 255, 255, 0.8);\n --Drawer-close-onHover-color: rgba(255, 255, 255, 1);\n --Drawer-content-borderColor: var(--borderColor);\n --Drawer-content-borderRadius: 0;\n --Drawer-content-borderWidth: var(--borderWidth);\n --Drawer-footer-borderColor: #{lighten($borderColor, 5%)};\n --Drawer-footer-padding: var(--gap-base);\n --Drawer-header-bg: #{darken($white, 2.5%)};\n --Drawer-header-borderColor: #{lighten($borderColor, 5%)};\n --Drawer-header-padding: var(--gap-base);\n --Drawer-overlay-bg: rgba(0, 0, 0, 0.6);\n --Drawer-title-fontColor: var(--text--loud-color);\n --Drawer-title-fontSize: var(--fontSizeMd);\n --Drawer-widthBase: 80%;\n --Drawer-widthLg: #{px2rem(800px)};\n --Drawer-widthMd: #{px2rem(500px)};\n --Drawer-widthSm: #{px2rem(300px)};\n --Drawer-widthXl: 90%;\n --Drawer-widthXs: #{px2rem(200px)};\n\n --DropDown-caret-marginLeft: var(--gap-sm);\n --DropDown-menu-bg: var(--white);\n --DropDown-menu-borderColor: var(--borderColor);\n --DropDown-menu-borderRadius: var(--borderRadius);\n --DropDown-menu-borderWidth: var(--borderWidth);\n --DropDown-menu-boxShadow: var(--boxShadow);\n --DropDown-menu-height: #{px2rem(34px)};\n --DropDown-menu-minWidth: #{px2rem(160px)};\n --DropDown-menu-paddingX: 0;\n --DropDown-menu-paddingY: var(--gap-xs);\n --DropDown-menuItem-onHover-bg: var(--ListMenu-item--onHover-bg);\n --DropDown-group-color: #848b99;\n --DropDown-menuItem-color: #151a26;\n --DropDown-menuItem-onHover-color: var(--primary);\n --DropDown-menuItem-onActive-color: var(--primary);\n --DropDown-menuItem-onDisabled-color: #b4b6ba;\n --DropDown-menuItem-paddingX: var(--gap-sm);\n --DropDown-menuItem-paddingY: calc(\n (var(--DropDown-menu-height) - var(--fontSizeBase) * var(--lineHeightBase)) /\n 2\n );\n\n --Fieldset-legend-bgColor: var(--white);\n\n --Form--horizontal-gutterWidth: var(--gap-md);\n --Form--horizontal-label-align: right;\n --Form--horizontal-label-whiteSpace: 'normal';\n --Form--horizontal-label-widthBase: #{px2rem(120px)};\n --Form--horizontal-label-widthLg: #{px2rem(200px)};\n --Form--horizontal-label-widthMd: #{px2rem(160px)};\n --Form--horizontal-label-widthSm: #{px2rem(90px)};\n --Form--horizontal-label-widthXs: #{px2rem(60px)};\n\n --Form-control-widthBase: #{px2rem(200px)};\n --Form-control-widthLg: #{px2rem(320px)};\n --Form-control-widthMd: #{px2rem(240px)};\n --Form-control-widthSm: #{px2rem(160px)};\n --Form-control-widthXs: #{px2rem(80px)};\n\n --Form-description-color: #{lighten($text-color, 10%)};\n --Form-description-fontSize: var(--fontSizeSm);\n\n --Form-fontSize: var(--fontSizeBase);\n\n --Form-group--lg-gutterWidth: #{px2rem(40px)};\n --Form-group--md-gutterWidth: #{px2rem(30px)};\n --Form-group--sm-gutterWidth: var(--gap-md);\n --Form-group--xs-gutterWidth: #{px2rem(10px)};\n --Form-group-gutterWidth: var(--Form--horizontal-gutterWidth);\n\n --Form-input-addOnBg: #edf1f2;\n --Form-input-addOnColor: var(--text-color);\n --Form-input-addOnDividerBorderWidth: var(--borderWidth);\n --Form-input-bg: var(--white);\n --Form-input-borderColor: var(--borderColor);\n --Form-input-borderRadius: var(--borderRadius);\n --Form-input-borderWidth: #{px2rem(1px)};\n --Form-input-boxShadow: none;\n --Form-input-color: var(--text-color);\n --Form-input-fontSize: var(--Form-fontSize);\n --Form-input-height: #{px2rem(30px)};\n --Form-input-iconColor: var(--icon-color);\n --Form-input-lineHeight: 1.4285714286;\n --Form-input-marginBottom: #{px2rem(6px)};\n --Form-input-onActive-color: var(--info);\n --Form-input-onDisabled-bg: #{$gray200};\n --Form-input-onDisabled-borderColor: var(--Form-input-borderColor);\n --Form-input-onError-bg: var(--Form-input-bg);\n --Form-input-onError-borderColor: var(--danger);\n --Form-input-onFocus-addOnColor: var(--primary);\n $Form-input-onFocused-bg: $white !default;\n --Form-input-onFocused-bg: var(--Form-input-bg);\n --Form-input-onFocused-borderColor: var(--info);\n --Form-input-onHover-iconColor: #{darken($gray600, 20%)};\n --Form-input-onHover-bg: #{rgba($white, 0.6)};\n --Form-input-onHover-borderColor: var(--Form-input-onFocused-borderColor);\n --Form-input-paddingX: #{px2rem(8px)};\n --Form-input-paddingY: calc(\n (\n var(--Form-input-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize) - #{px2rem(2px)}\n ) / 2\n );\n --Form-input-placeholderColor: var(--text--muted-color);\n --Form-input-onDisabled-color: var(--text--muted-color);\n\n --Form-item-gap: var(--gap-base);\n\n --Form-label-paddingTop: calc(\n (\n var(--Form-input-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n );\n --Form-row-gutterWidth: #{px2rem(10px)};\n\n --Form-select-bg: var(--white);\n --Form-select-borderColor: var(--Form-input-borderColor);\n --Form-select-borderRadius: var(--Form-input-borderRadius);\n --Form-select-borderWidth: var(--Form-input-borderWidth);\n --Form-select-caret-iconColor: var(--icon-color);\n --Form-select-caret-onHover-iconColor: var(--icon-onHover-color);\n --Form-select-checkall-bottomBorder: #eceff8;\n --Form-select-color: var(--text-color);\n --Form-select-input-fontSize: var(--fontSizeSm);\n --Form-select-menu-bg: var(--white);\n --Form-select-menu-color: var(--Form-select-color);\n --Form-select-menu-height: var(--Form-input-height);\n --Form-select-menu-onActive-bg: transparent;\n --Form-select-menu-onActive-color: var(--info);\n --Form-select-menu-onDisabled-bg: transparent;\n --Form-select-menu-onDisabled-color: var(--text--muted-color);\n --Form-select-menu-onHover-bg: rgba(0, 126, 255, 0.08);\n --Form-select-menu-onHover-color: var(--info);\n --Form-select-onError-borderColor: var(--Form-input-onError-borderColor);\n --Form-select-onFocused-borderColor: var(--Form-input-onFocused-borderColor);\n --Form-select-onFocused-color: var(--Form-select-color);\n --Form-select-onHover-bg: #{darken($white, 5%)};\n --Form-select-onHover-borderColor: var(--Form-input-borderColor);\n --Form-select-outer-borderWidth: #{px2rem(1px)};\n --Form-select-outer-boxShadow: none;\n --Form-select-paddingX: var(--Form-input-paddingX);\n --Form-select-placeholderColor: var(--Form-input-placeholderColor);\n --Form-select-popoverGap: 0;\n --Form-select-search-height: var(--Form-select-menu-height);\n --Form-selectOption-height: var(--Form-input-height);\n --Form-selectValue-bg: #{saturate(lighten($info, 40%), 2.5%)};\n --Form-selectValue-borderColor: #{saturate(lighten($info, 30%), 2.5%)};\n --Form-selectValue-color: var(--info);\n --Form-selectValue-fontSize: var(--fontSizeSm);\n --Form-selectValue-onDisable-bg: #{lighten(\n saturate(lighten($info, 40%), 2.5%),\n 5%\n )};\n --Form-selectValue-onHover-bg: #{darken(\n saturate(lighten($info, 40%), 2.5%),\n 5%\n )};\n --Form-select-onFocus-boxShadow: none;\n\n --IconPicker-content-maxHeight: #{px2rem(350px)};\n --IconPicker-padding: var(--gap-xs);\n --IconPicker-selectedIcon-marginRight: var(--gap-xs);\n --IconPicker-sugItem-height: #{px2rem(28px)};\n --IconPicker-sugItem-lineHeight: #{px2rem(28px)};\n --IconPicker-sugItem-width: #{px2rem(28px)};\n --IconPicker-tab-height: #{px2rem(30px)};\n --IconPicker-tab-lineHeight: #{px2rem(30px)};\n --IconPicker-tab-onActive-bg: var(--white);\n --IconPicker-tab-padding: 0 #{px2rem(10px)};\n --IconPicker-tabs-bg: #f0f3f4;\n\n --ImageControl-addBtn-bg: var(--Button--default-bg);\n --ImageControl-addBtn-border: var(--Button--default-border);\n --ImageControl-addBtn-borderRadius: 0;\n --ImageControl-addBtn-color: var(--Button--default-color);\n --ImageControl-addBtn-onActive-bg: #{darken($white, 10%)};\n --ImageControl-addBtn-onActive-border: #{darken($borderColor, 12.5%)};\n --ImageControl-addBtn-onActive-color: var(--ImageControl-addBtn-color);\n --ImageControl-addBtn-onDisabled-bg: var(--Form-input-onDisabled-bg);\n --ImageControl-addBtn-onDisabled-border: var(\n --Form-input-onDisabled-borderColor\n );\n --ImageControl-addBtn-onDisabled-color: var(--text--muted-color);\n --ImageControl-addBtn-onHover-bg: #{darken($white, 7.5%)};\n --ImageControl-addBtn-onHover-border: #{darken($borderColor, 10%)};\n --ImageControl-addBtn-onHover-color: var(--Button--default-color);\n --ImageControl-progress-borderRadius: 0;\n\n --FileControl-progress-borderRadius: 0;\n\n --InputGroup-addOn-bg: var(--Form-input-addOnBg);\n --InputGroup-addOn-borderColor: var(--Form-input-borderColor);\n --InputGroup-addOn-borderRadius: var(--Form-input-borderRadius);\n --InputGroup-addOn-borderWidth: var(--Form-input-borderWidth);\n --InputGroup-addOn-onFocused-borderColor: var(\n --Form-input-onFocused-borderColor\n );\n --InputGroup-button-borderColor: var(--Form-input-borderColor);\n --InputGroup-button-borderRadius: var(--borderRadius);\n --InputGroup-button-borderWidth: var(--borderWidth);\n --InputGroup-height: var(--Form-input-height);\n --InputGroup-paddingX: #{px2rem(10px)};\n --InputGroup-paddingY: calc(\n (\n var(--InputGroup-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize) - #{px2rem(2px)}\n ) / 2\n );\n --InputGroup-select-arrowColor: var(--icon-color);\n --InputGroup-select-bg: var(--white);\n --InputGroup-select-borderColor: var(--Form-select-borderColor);\n --InputGroup-select-borderRadius: var(--Form-select-borderRadius);\n --InputGroup-select-borderWidth: var(--Form-select-borderWidth);\n --InputGroup-select-color: var(--Form-select-color);\n --InputGroup-select-onFocused-arrowColor: var(--icon-onHover-color);\n --InputGroup-select-onFocused-bg: var(--white);\n --InputGroup-select-onFocused-color: var(--Form-select-onFocused-color);\n\n --InputRange-label--value-display: block;\n --InputRange-label--value-positionTop: #{px2rem(-36px)};\n --InputRange-label--value-positionLeft: #{px2rem(-6px)};\n --InputRange-label-color: var(--InputRange-neutralColor);\n --InputRange-label-fontSize: 0.8rem;\n --InputRange-label-positionBottom: -1.4rem;\n --InputRange-neutralColor: #aaaaaa;\n --InputRange-neutralLightColor: #eeeeee;\n --InputRange-onDisabled-color: #cccccc;\n --InputRange-primaryColor: var(--info);\n --InputRange-slider-bg: var(--InputRange-primaryColor);\n --InputRange-slider-border: #{px2rem(1px)} solid var(--InputRange-primaryColor);\n --InputRange-slider-height: #{px2rem(24px)};\n --InputRange-slider-onActive-transform: scale(1.3);\n --InputRange-slider-onDisabled-bg: var(--InputRange-onDisabled-color);\n --InputRange-slider-onDisabled-border: #{px2rem(1px)} solid var(--InputRange-onDisabled-color);\n --InputRange-slider-onFocus-borderRadius: var(--borderRadiusMd);\n --InputRange-slider-onFocus-boxShadow: 0 0 0\n var(--InputRange-slider-onFocus-borderRadius) #{transparentize($info, 0.8)};\n --InputRange-slider-transition: transform var(--animation-duration) ease-out,\n box-shadow var(--animation-duration) ease-out;\n --InputRange-slider-width: #{px2rem(18px)};\n --InputRange-sliderContainer-transition: left var(--animation-duration)\n ease-out;\n --InputRange-track-bg: var(--InputRange-neutralLightColor);\n --InputRange-track-height: #{px2rem(12px)};\n --InputRange-track-onActive-bg: var(--InputRange-primaryColor);\n --InputRange-track-onDisabled-bg: var(--InputRange-neutralLightColor);\n --InputRange-track-transition: left var(--animation-duration) ease-out,\n width var(--animation-duration) ease-out;\n\n --Layout--offscreen-width: 75%;\n --Layout-aside--folded-width: #{px2rem(60px)};\n --Layout-aside--lg-width: #{px2rem(300px)};\n --Layout-aside--md-width: #{px2rem(250px)};\n --Layout-aside--sm-width: #{px2rem(150px)};\n --Layout-aside-bg: #{$dark};\n --Layout-aside-color: #{desaturate(lighten($dark, 40%), 10%)};\n --Layout-aside-onAcitve-bg: #{saturate(darken($dark, 5%), 2.5%)};\n --Layout-aside-onHover-bg: #{saturate(darken($dark, 3%), 2.5%)};\n --Layout-aside-subList-bg: #{saturate(darken($dark, 10%), 2.5%)};\n --Layout-aside-onAcitve-onHover-bg: var(--Layout-aside-onAcitve-bg);\n --Layout-aside-width: #{px2rem(200px)};\n --Layout-asideDivider-bg: #2e3344;\n --Layout-asideDivider-margin: var(--gap-sm) 0;\n --Layout-asideLabel-color: #{darken(desaturate(lighten($dark, 40%), 10%), 10%)};\n --Layout-asideLink-arrowColor: var(--Layout-asideLink-color);\n --Layout-asideLink-color: #b4b6bd;\n --Layout-asideLink-fontSize: var(--fontSizeBase);\n --Layout-asideLink-fontSize: var(--fontSizeBase);\n --Layout-asideLink-iconColor: inherit;\n --Layout-asideLink-onActive-arrowColor: var(\n --Layout-asideLink-onActive-color\n );\n --Layout-asideLink-onActive-color: #fff;\n --Layout-asideLink-onHover-color: #fff;\n --Layout-asideLink-onHover-iconColor: inherit;\n --Layout-asideLink-onHover-iconSize: inherit;\n --Layout-brand-bg: var(--dark);\n --Layout-brand-color: #{lighten(desaturate(lighten($dark, 40%), 10%), 25%)};\n --Layout-brandBar-color: #{desaturate(lighten($dark, 40%), 10%)};\n --Layout-header-bg: var(--white);\n --Layout-header-boxShadow: 0 #{px2rem(2px)} #{px2rem(2px)} rgba(0, 0, 0, 0.05),\n 0 1px 0 rgba(0, 0, 0, 0.05);\n --Layout-header-height: #{px2rem(50px)};\n --Layout-headerBar-borderBottom: none;\n --Layout-footer-height: #{px2rem(50px)};\n --Layout-nav--folded-height: #{px2rem(50px)};\n --Layout-nav--folded-height: #{px2rem(50px)};\n --Layout-nav-height: #{px2rem(40px)};\n --Layout-nav-height: #{px2rem(40px)};\n --Layout-nav-lgHeight: #{px2rem(50px)};\n --Layout-nav-lgHeight: #{px2rem(50px)};\n --Layout-body-bg: var(--body-bg);\n\n --List--unsaved-heading-bg: #e8f0fe;\n --List--unsaved-heading-color: #4285f4;\n --List-bg: var(--white);\n --List-borderColor: var(--borderColor);\n --List-borderRadius: var(--borderRadius);\n --List-borderWidth: var(--borderWidth);\n --List-fixedTop-boxShadow: var(--boxShadow);\n --List-placeholder-height: #{px2rem(30px)};\n --List-toolbar-marginX: 0;\n --List-toolbar-marginY: var(--gap-base);\n\n --ListControl-fontSize: var(--Form-fontSize);\n --ListControl-gutterWidth: #{px2rem(10px)};\n --ListControl-item-bg: var(--white);\n --ListControl-item-borderColor: var(--borderColor);\n --ListControl-item-borderWidth: var(--borderWidth);\n --ListControl-item-borderRadius: #{px2rem(3px)};\n --ListControl-item-color: var(--text-color);\n --ListControl-item-onActive-after-borderColor: var(--primary);\n --ListControl-item-onActive-before-bg: var(--white);\n --ListControl-item-onActive-bg: var(--primary);\n --ListControl-item-onActive-borderColor: #{darken($primary, 10%)};\n --ListControl-item-onActive-color: var(--white);\n --ListControl-item-onActive-onHover-bg: var(--primary);\n --ListControl-item-onDisabled-bg: var(--ListControl-item-bg);\n --ListControl-item-onDisabled-borderColor: #{lighten($borderColor, 5%)};\n --ListControl-item-onDisabled-color: var(--ListControl-item-color);\n --ListControl-item-onDisabled-opacity: 0.6;\n --ListControl-item-onHover-bg: #{darken($white, 7.5%)};\n --ListControl-item-onHover-borderColor: #{darken($borderColor, 10%)};\n --ListControl-item-onHover-color: var(--ListControl-item-color);\n --ListControl-item-paddingX: #{px2rem(12px)};\n --ListControl-item-paddingY: #{px2rem(6px)};\n --ListControl-item-transition: none;\n\n --ListItem--strip-bg: #f6f8f8;\n --ListItem-borderColor: #{lighten($borderColor, 5%)};\n --ListItem-borderWidth: var(--List-borderWidth);\n --ListItem-onChecked-bg: #d9f3fb;\n --ListItem-onChecked-borderColor: #{darken(#d9f3fb, 10%)};\n --ListItem-onChecked-color: #{darken(#d9f3fb, 40%)};\n --ListItem-onChecked-fieldLabel-color: #{lighten(darken(#d9f3fb, 40%), 20%)};\n --ListItem-onDragging-opacity: 0.1;\n --ListItem-onModified-bg: #e8f0fe;\n --ListItem-onModified-borderColor: #{darken(#e8f0fe, 10%)};\n --ListItem-onModified-color: #4285f4;\n --ListItem-onModified-fieldLabel-color: #{lighten(#4285f4, 20%)};\n --ListItem-paddingX: var(--gap-base);\n --ListItem-paddingY: var(--gap-sm);\n --ListItem--onHover-bg: rgba(0, 126, 255, 0.08);\n --ListItem--onHover-color: var(--info);\n\n --listMenu--onActive-borderColor: var(--info);\n --ListMenu-borderRadius: #{px2rem(2px)};\n --ListMenu-borderWidth: #{px2rem(1px)};\n --ListMenu-bordrColor: var(--borderColor);\n --ListMenu-divider-color: var(--borderColorLight);\n --ListMenu-item--onActive-bg: transparent;\n --ListMenu-item--onActive-color: var(--info);\n --ListMenu-item--onDisabled-bg: transparent;\n --ListMenu-item--onDisabled-color: var(--text--muted-color);\n --ListMenu-item--onHover-bg: rgba(0, 126, 255, 0.08);\n --ListMenu-item--onHover-color: var(--info);\n --ListMenu-item-bg: var(--white);\n --ListMenu-item-color: var(--text-color);\n --ListMenu-item-height: #{px2rem(34px)};\n\n --Log-bg: #222;\n --Log-padding: var(--gap-xs) 0;\n --Log-line-padding: 0 var(--gap-xs);\n --Log-color: #f1f1f1;\n --Log-line--onHover-bg: #444;\n\n --Modal-bg: var(--background);\n --Modal-body--noHeader-paddingTop: var(--gap-base);\n --Modal-body-borderBottom: var(--Modal-content-borderWidth) solid #{lighten(\n $borderColor,\n 5%\n )};\n --Modal-body-borderTop: var(--Modal-content-borderWidth) solid #{lighten(\n $borderColor,\n 5%\n )};\n --Modal-body-paddingX: var(--gap-md);\n --Modal-body-paddingY: var(--gap-md);\n --Modal-close-color: var(--text--muted-color);\n --Modal-close-width: #{px2rem(12px)};\n --Modal-content-borderColor: var(--borderColor);\n --Modal-content-borderRadius: var(--borderRadius);\n --Modal-content-borderWidth: var(--borderWidth);\n --Modal-content-minHeight: unset;\n --Modal-content-startMarginTop: #{px2rem(60px)};\n --Modal-content-stepMarginTop: #{px2rem(30px)};\n --Modal-footer-marginX: 0;\n --Modal-footer-marginY: 0;\n --Modal-footer-padding: var(--gap-sm);\n --Modal-header-bg: #{darken($white, 2.5%)};\n --Modal-header-height: #{px2rem(40px)};\n --Modal-header-paddingX: var(--gap-md);\n --Modal-header-paddingY: calc(\n (\n var(--Modal-header-height) - var(--Modal-title-lineHeight) *\n var(--Modal-title-fontSize)\n ) / 2\n );\n --Modal-overlay-bg: rgba(0, 0, 0, 0.6);\n --Modal-title-color: var(--text--loud-color);\n --Modal-title-fontSize: var(--fontSizeBase);\n --Modal-title-fontWeight: normal;\n --Modal-title-lineHeight: var(--lineHeightBase);\n --Modal-widthBase: #{px2rem(500px)};\n --Modal-widthLg: #{px2rem(1100px)};\n --Modal-widthMd: #{px2rem(800px)};\n --Modal-widthSm: #{px2rem(350px)};\n --Modal-widthXl: 90%;\n --Model-close-onHover-color: var(--text-color);\n\n --Nav-item-bg: transparent;\n --Nav-item-borderRadius: 0;\n --Nav-item-color: var(--text-color);\n --Nav-item-fontSize: var(--fontSizeBase);\n --Nav-item-onActive-bg: var(--info);\n --Nav-item-onActive-borderLeft: 3px solid transparent;\n --Nav-item-onActive-color: var(--white);\n --Nav-item-onDisabled-color: var(--text--muted-color);\n --Nav-item-onHover-bg: rgba(0, 0, 0, 0.05);\n --Nav-item-onHover-color: var(--text--loud-color);\n // --Nav-subNav-bg: #fafafa;\n --Nav-subItem-fontSize: var(--fontSizeBase);\n --Nav-subItem-onActiveBeforeBg: #e5eaeb;\n\n --Number-bg: var(--Form-input-bg);\n --Number-borderColor: var(--Form-input-borderColor);\n --Number-borderRadius: var(--Form-input-borderRadius);\n --Number-borderWidth: var(--Form-input-borderWidth);\n --Number-handler--down-content: '-';\n --Number-handler--up-content: '+';\n --Number-handler--up-transform: none;\n --Number-handler-bg: var(--white);\n --Number-handler-borderBottom: #{px2rem(1px)} solid var(--Form-input-borderColor);\n --Number-handler-color: var(--Form-input-color);\n --Number-handler-fontFamily: inherit;\n --Number-handler-fontSize: var(--fontSizeBase);\n --Number-handler-onActive-bg: var(--Number-handler-onHover-bg);\n --Number-handler-onDisabled-bg: var(--Form-input-onDisabled-bg);\n --Number-handler-onDisabled-color: var(--text--muted-color);\n --Number-handler-onHover-bg: #{darken($white, 5%)};\n --Number-handler-onHover-color: var(--text-color);\n --Number-handler-width: var(--gap-lg);\n --Number-onDisabled-bg: var(--Form-input-bg);\n\n --Page-aside-bg: #{desaturate(darken($light, 3%), 2.5%)};\n --Page-aside-maxWidth: #{px2rem(300px)};\n --Page-aside-width: #{px2rem(200px)};\n --Page-body-padding: var(--gap-base);\n --Page-content-paddingX: 0;\n --Page-content-paddingY: 0;\n --Page-header-paddingX: var(--gap-base);\n --Page-header-paddingY: var(--gap-base);\n --Page-header-bg: transparent;\n --Page-main-bg: transparent;\n --Page-title-color: var(--text--loud-color);\n --Page-title-fontSize: var(--fontSizeLg);\n --Page-title-fontWeight: var(--fontWeightNormal);\n --Page-title-lineHeight: 1.5;\n\n --Pagination-fontSize: var(--fontSizeBase);\n --Pagination-height: #{px2rem(30px)};\n --Pagination-minWidth: #{px2rem(30px)};\n --Pagination-onActive-backgroundColor: var(--primary);\n --Pagination-onActive-border: 0;\n --Pagination-onActive-color: var(--white);\n --Pagination-padding: 0 #{px2rem(8px)};\n\n --Panel--default-badgeBg: #333;\n --Panel--default-badgeColor: #f5f5f5;\n --Panel--default-bg: #f6f8f8;\n --Panel--default-color: var(--text-color);\n --Panel--default-headingBorderColor: var(--borderColor);\n --Panel-bg: var(--white);\n --Panel-bodyPadding: var(--gap-base);\n --Panel-border: var(--borderWidth) solid transparent;\n --Panel-borderRadius: var(--borderRadius);\n --Panel-borderWidth: #{px2rem(1px)};\n --Panel-boxShadow: 0 #{px2rem(1px)} #{px2rem(1px)} rgba(0, 0, 0, 0.05);\n --Panel-btnToolbarTextAlign: right;\n --Panel-fixedBottom-borderTop: none;\n --Panel-fixedBottom-boxShadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.15);\n --Panel-footerBg: transparent;\n --Panel-footerBorderColor: var(--borderColorLight);\n --Panel-footerBorderRadius: 0 0 #{px2rem(2px)} #{px2rem(2px)};\n --Panel-footerButtonMarginLeft: var(--gap-sm);\n --Panel-footerPadding: var(--gap-sm) var(--gap-base);\n --Panel-headingBorderBottom: var(--borderWidth) solid transparent;\n --Panel-headingBorderRadius: var(--borderRadius) var(--borderRadius) 0 0;\n --Panel-headingPadding: var(--gap-sm) var(--gap-base);\n --Panel-marginBottom: var(--gap-lg);\n --Panel-titleColor: inherit;\n --Panel-titleFontSize: var(--fontSizeMd);\n --Panel-titleMarginBottom: 0;\n --Panel-titleMarginTop: 0;\n\n --Picker-iconColor: var(--icon-color);\n --Picker-onHover-iconColor: var(--icon-onHover-color);\n\n --PickerColumns-bg: white;\n --PickerColumns-toolbar-height: #{px2rem(50px)};\n --PickerColumns-title-fontSize: var(--fontSizeLg);\n --PickerColumns-title-color: #222;\n --PickerColumns-title-lineHeight: 1.5;\n --PickerColumns-action-padding: 0 var(--gap-md);\n --PickerColumns-action-fontSize: var(--fontSizeLg);\n --PickerColumns-confirmAction-color: #2468f2;\n --PickerColumns-cancelAction-color: #666;\n --PickerColumns-option-fontSize: var(--fontSizeLg);\n --PickerColumns-optionText-color: var(--text-color);\n --PickerColumns-optionDisabled-opacity: 0.3;\n --PickerColumns-loadingIcon-color: var(--icon-color);\n --PickerColumns-loadingMask-Color: rgba(255, 255, 255, 0.9);\n\n --PopOver-bg: white;\n --PopOverAble-iconColor: inherit;\n --PopOverAble-onHover-iconColor: inherit;\n\n --PopUp-cancelAction-color: #666;\n\n --Property-title-bg: #f2f2f2;\n --Property-label-bg: #f7f7f7;\n\n --Portlet-borderColor: var(--borderColor);\n --Portlet-borderStyle: solid;\n --Portlet-borderWidth: var(--borderWidth);\n --Portlet-borderRadius: var(--borderRadius);\n\n --QuickEdit-iconColor: inherit;\n --QuickEdit-onFocus-borderColor: var(--info);\n --QuickEdit-onFocus-borderWidth: var(--borderWidth);\n --QuickEdit-onHover-iconColor: inherit;\n\n --Radio--sm-size: var(--Checkbox--sm-size);\n --Radio-color: var(--Checkbox-color);\n --Radio-inner-size: calc(var(--Radio-size) / 2);\n --Radio-onHover-color: var(--Checkbox-onHover-color);\n --Radio-size: var(--Checkbox-size);\n --Radio-onDisabled-bg: #e5e7eb;\n --Radio-onDisabled-color: var(--text--muted-color);\n --Radio-onFocus-boxShadow: none;\n\n --Remark-bg: #fff;\n --Remark-borderColor: var(--borderColor);\n --Remark-borderWidth: #{px2rem(1px)};\n --Remark-icon-fontSize: var(--fontSizeBase);\n --Remark-iconColor: var(--icon-color);\n --Remark-marginLeft: var(--gap-sm);\n --Remark-onHover-bg: var(--primary);\n --Remark-onHover-borderColor: var(--primary);\n --Remark-onHover-iconColor: #fff;\n --Remark-width: 1rem;\n\n --ResultBox-icon--onDisabled-color: #ebebeb;\n --ResultBox-icon--onHover-color: #666666;\n --ResultBox-icon-color: #999;\n --ResultBox-value--onDisabled-color: #cccccc;\n --ResultBox-value--onHover-bg: rgba(0, 145, 255, 0.1);\n --ResultBox-value-bg: #f5f5f5;\n --ResultBox-value-color: #000;\n\n --Rating-inactive-color: #e6e6e8;\n --Rating-star-margin: #{px2rem(8px)};\n --Rating-star-size: #{px2rem(24px)};\n\n --Satus-icon-width: var(--gap-lg);\n --Satus-icon-height: var(--Satus-icon-width);\n\n --Sparkline-line-color: var(--info);\n --Sparkline-area-color: #{rgba($info, 0.1)};\n\n --Spinner--lg-height: #{px2rem(50px)};\n --Spinner--lg-width: #{px2rem(50px)};\n --Spinner--sm-height: #{px2rem(16px)};\n --Spinner--sm-width: #{px2rem(16px)};\n // 修改自 https://github.com/SamHerbert/SVG-Loaders/blob/master/svg-loaders/tail-spin.svg\n --Spinner-bg: url(\"data:image/svg+xml,%0A%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='8.042%25' y1='0%25' x2='65.682%25' y2='23.865%25' id='a'%3E%3Cstop stop-color='%23eee' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23999' stop-opacity='.631' offset='63.146%25'/%3E%3Cstop stop-color='%23666' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)'%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18' id='Oval-2' stroke='url(%23a)' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/path%3E%3Ccircle fill='%23eee' cx='36' cy='18' r='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A\");\n --Spinner-height: #{px2rem(26px)};\n --Spinner-overlay-bg: rgba(255, 255, 255, 0.4);\n --Spinner-width: #{px2rem(26px)};\n\n --Switch-bgColor: #{$gray600};\n --Switch-borderColor: #{darken($gray600, 10%)};\n --Switch-gap: var(--gap-sm);\n --Switch-height: #{px2rem(22px)};\n --Switch-onActive-bgColor: var(--info);\n --Switch-onDisabled-bgColor: #ccc;\n --Switch-onDisabled-circle-BackgroundColor: var(--white);\n --Switch-onDisabled-color: #fff;\n --Switch-valueColor: var(--white);\n --Switch-width: #{px2rem(50px)};\n\n --Table--unsaved-heading-bg: #e8f0fe;\n --Table--unsaved-heading-color: #4285f4;\n --Table-bg: var(--background);\n --Table-borderColor: var(--borderColor);\n --Table-borderRadius: var(--borderRadius);\n --Table-borderWidth: var(--borderWidth);\n --Table-color: var(--text-color);\n --Table-expandBtn-color: var(--info);\n --Table-fixed-zIndex: 5;\n --Table-fixedLeft-boxShadow: 0.42rem 0 0.42rem -0.28rem rgba(0, 0, 0, 0.15);\n --Table-fixedRight-boxShadow: -0.42rem 0 0.42rem -0.28rem rgba(0, 0, 0, 0.15);\n --Table-fixedTop-boxShadow: var(--boxShadow);\n --Table-fontSize: var(--fontSizeBase);\n --Table-heading-bg: var(--white);\n --Table-heading-height: #{px2rem(40px)};\n --Table-lineHeight: var(--lineHeightBase);\n --Table-onChecked-bg: #d9f3fb;\n --Table-onChecked-borderColor: #{darken(#d9f3fb, 10%)};\n --Table-onChecked-color: #{darken(#d9f3fb, 40%)};\n --Table-onDragging-opacity: 0.1;\n // 背景用到了 rgba,所以必须再提供这种写法,搜一下这个变量就知道为什么了\n --Table-onHover-bg-rgb: 243, 246, 246;\n --Table-onHover-bg: #{darken(lighten(#f6f8f8, 1%), 2%)};\n --Table-onHover-borderColor: #{darken(darken(lighten(#f6f8f8, 1%), 2%), 10%)};\n --Table-onHover-boxShadow: var(--boxShadow);\n --Table-onHover-color: var(--text-color);\n --Table-onModified-bg: #e8f0fe;\n --Table-onModified-borderColor: #{darken(#e8f0fe, 5%)};\n --Table-onModified-color: #4285f4;\n --Table-placeholder-height: #{px2rem(100px)};\n --Table-strip-bg: #{$Table-strip-bg};\n --Table-tbody-borderTopColor: #{lighten($borderColor, 2.5%)};\n --Table-thead-bg: #f6f8f8;\n --Table-thead-borderColor: var(--Table-borderColor);\n --Table-thead-borderWidth: var(--Table-borderWidth);\n --Table-thead-color: var(--text--loud-color);\n --Table-thead-fontSize: var(--fontSizeBase);\n --Table-thead-iconColor: var(--icon-color);\n --Table-toolbar-marginX: 0;\n --Table-toolbar-marginY: var(--gap-base);\n --Table-tree-borderColor: var(--Table-borderColor);\n --Table-searchableForm-backgroundColor: #f6f7f8;\n --Table-searchableForm-borderRadius: #{px2rem(4px)};\n\n --TableCell--edge-paddingX: var(--gap-md);\n --TableCell-filterBtn--onActive-color: var(--primary);\n --TableCell-filterBtn-width: #{px2rem(16px)};\n --TableCell-filterPopOver-dropDownItem-height: #{px2rem(34px)};\n --TableCell-filterPopOver-dropDownItem-padding: 0 #{px2rem(12px)};\n --TableCell-height: #{px2rem(40px)};\n --TableCell-paddingX: var(--gap-sm);\n --TableCell-paddingY: calc(\n (var(--TableCell-height) - var(--Table-fontSize) * var(--Table-lineHeight)) /\n 2\n );\n --TableCell-searchBtn--onActive-color: var(--primary);\n --TableCell-searchBtn-width: #{px2rem(16px)};\n --TableCell-sortBtn--default-onActive-opacity: 1;\n --TableCell-sortBtn--default-opacity: 0;\n --TableCell-sortBtn--onActive-color: var(--primary);\n --TableCell-sortBtn-width: #{px2rem(8px)};\n\n --Tabs--card-bg: #f6f8f8;\n --Tabs--card-borderTopColor: var(--borderColor);\n --Tabs--card-linkMargin: 0 10px 0 0;\n --Tabs--card-linkPadding: #{px2rem(10px)} #{px2rem(10px)};\n --Tabs--card-onActive-bg: var(--background);\n --Tabs--card-onActive-borderColor: var(--borderColor);\n --Tabs--card-padding: #{px2rem(6px)} 0 0 #{px2rem(10px)};\n --Tabs--line-borderColor: var(--borderColor);\n --Tabs--line-borderWidth: #{px2rem(2px)};\n --Tabs--line-content-bg: transparent;\n --Tabs--line-content-padding: var(--gap-base) 0;\n --Tabs--line-linkMargin: 0 40px 0 0;\n --Tabs--line-linkPadding: 0 0 8px;\n --Tabs--line-onHover-borderColor: var(--primary);\n --Tabs--line-onHover-color: var(--primary);\n --Tabs--radio-bg: #eaf6fe;\n --Tabs--vertical-onActive-borderColor: var(--primary);\n --Tabs-borderColor: var(--borderColor);\n --Tabs-borderRadius: var(--borderRadius);\n --Tabs-borderWidth: var(--borderWidth);\n --Tabs-color: var(--text-color);\n --Tabs-content-bg: var(--background);\n --Tabs-linkFontSize: var(--fontSizeBase);\n --Tabs-linkMargin: 0 #{px2rem(3px)} 0 0;\n --Tabs-linkPadding: var(--gap-sm) var(--gap-base);\n --Tabs-onActive-bg: var(--background);\n --Tabs-onActive-borderColor: var(--borderColor);\n --Tabs-onActive-color: #{$gray700};\n --Tabs-onDisabled-color: #{$gray600};\n --Tabs-onHover-borderColor: #{$gray200};\n --Tabs--vertical-bg: var(--Table-thead-bg);\n --Tabs--vertical-width: #{px2rem(140px)};\n --Tabs--vertical-onActive-color: var(--primary);\n --Tabs--vertical-onActive-border: var(--primary);\n --Tabs--vertical-onActive-bg: var(--Tabs--vertical-bg);\n --Tabs--vertical-onActive-borderWidth: 0 0 0 #{px2rem(4px)};\n --Tabs--vertical-onActive-container-borderRight: none;\n --Tabs--vertical-onActive-container-bg: var(--Tabs--vertical-bg);\n --Tabs--chrome-onHover-bg: #f6f7f8;\n --Tabs--chrome-bg: #e7eaed;\n --Tabs--chrome-radius-size: #{px2rem(8px)};\n --Tabs--chrome-right-boder-color: var(--borderColorDarken);\n\n --TagControl-sugBtn-bg: var(--Button--default-bg);\n --TagControl-sugBtn-border: var(--Button--default-border);\n --TagControl-sugBtn-borderRadius: var(--Button-borderRadius);\n --TagControl-sugBtn-borderWidth: var(--Button-borderWidth);\n --TagControl-sugBtn-color: var(--Button--default-color);\n --TagControl-sugBtn-fontSize: var(--Button--sm-fontSize);\n --TagControl-sugBtn-height: var(--Button--sm-height);\n --TagControl-sugBtn-lineHeight: var(--Button--sm-lineHeight);\n --TagControl-sugBtn-onActive-bg: #{darken($white, 10%)};\n --TagControl-sugBtn-onActive-border: #{darken($borderColor, 12.5%)};\n --TagControl-sugBtn-onActive-color: var(--TagControl-sugBtn-color);\n --TagControl-sugBtn-onHover-bg: #{darken($white, 7.5%)};\n --TagControl-sugBtn-onHover-border: #{darken($borderColor, 10%)};\n --TagControl-sugBtn-onHover-color: var(--Button--default-color);\n --TagControl-sugBtn-paddingX: var(--Button--sm-paddingX);\n --TagControl-sugBtn-paddingY: calc(\n (\n var(--TagControl-sugBtn-height) - var(--Button-borderWidth) * 2 -\n var(--TagControl-sugBtn-lineHeight) *\n var(--TagControl-sugBtn-fontSize)\n ) / 2\n );\n --TagControl-sugTip-color: var(--info);\n\n --Toast-color: var(--text-color);\n --Toast--danger-bgColor: var(--background);\n --Toast--danger-borderColor: transparent;\n --Toast--danger-color: var(--Toast-color);\n --Toast--info-bgColor: var(--background);\n --Toast--info-borderColor: transparent;\n --Toast--info-color: var(--Toast-color);\n --Toast--success-bgColor: var(--background);\n --Toast--success-borderColor: transparent;\n --Toast--success-color: var(--Toast-color);\n --Toast--warning-bgColor: var(--background);\n --Toast--warning-borderColor: transparent;\n --Toast--warning-color: var(--Toast-color);\n\n --Toast-border-width: 0;\n --Toast-borderRadius: #{px2rem(2px)};\n --Toast-box-shadow: var(--boxShadow);\n --Toast-close-color: var(--icon-color);\n --Toast-close--onHover-color: var(--Toast-close-color);\n\n --Toast-icon-width: #{px2rem(16px)};\n --Toast-icon-height: var(--Toast-icon-width);\n\n --Toast-opacity: 0.8;\n --Toast-paddingL: #{px2rem(40px)};\n --Toast-paddingX: var(--gap-md);\n --Toast-paddingY: var(--gap-xs);\n --Toast-title-display: block;\n --Toast-width: #{px2rem(300px)};\n\n --Tooltip--attr-bg: rgba(0, 0, 0, 0.7);\n --Tooltip--attr-borderColor: var(--borderColor);\n --Tooltip--attr-borderRadius: var(--borderRadius);\n --Tooltip--attr-borderWidth: 0;\n --Tooltip--attr-boxShadow: var(--boxShadow);\n --Tooltip--attr-color: var(--background);\n --Tooltip--attr-fontSize: var(--fontSizeSm);\n --Tooltip--attr-gap: var(--gap-sm);\n --Tooltip--attr-lineHeigt: var(--lineHeightBase);\n --Tooltip--attr-paddingX: #{px2rem(10px)};\n --Tooltip--attr-paddingY: #{px2rem(2px)};\n --Tooltip--attr-transition: all var(--animation-duration) ease-in-out;\n --Tooltip-arrow-color: var(--Tooltip-bg);\n --Tooltip-arrow-color: var(--Tooltip-bg);\n --Tooltip-arrow-height: #{px2rem(8px)};\n --Tooltip-arrow-height: 0.5rem;\n --Tooltip-arrow-outerColor: #{fade-in($borderColor, 0.05)};\n --Tooltip-arrow-width: #{px2rem(16px)};\n --Tooltip-arrow-width: 1rem;\n --Tooltip-bg: var(--background);\n --Tooltip-body-color: var(--text-color);\n --Tooltip-body-paddingX: var(--gap-sm);\n --Tooltip-body-paddingY: var(--gap-sm);\n --Tooltip-borderColor: var(--borderColor);\n --Tooltip-borderRadius: var(--borderRadiusLg);\n --Tooltip-borderWidth: var(--borderWidth);\n --Tooltip-boxShadow: var(--boxShadow);\n --Tooltip-fontSize: var(--fontSizeSm);\n --Tooltip-maxWidth: #{px2rem(240px)};\n --Tooltip-minWidth: auto;\n --Tooltip-title-bg: #{darken($white, 3%)};\n --Tooltip-title-borderBottom-color: #{darken(darken($white, 3%), 5%)};\n --Tooltip-title-color: var(--text--loud-color);\n --Tooltip-title-paddingX: var(--gap-sm);\n --Tooltip-title-paddingY: var(--gap-xs);\n\n --Transfer-title-bg: #f6f8f8;\n\n --Tree-indent: var(--gap-md);\n --Tree-inputHeight: calc(var(--Form-input-height) * 0.85);\n --Tree-item-onHover-bg: rgba(0, 126, 255, 0.08);\n --Tree-itemArrowWidth: #{px2rem(12px)};\n --Tree-itemHeight: #{px2rem(30px)};\n --Tree-itemLabel--onChecked-color: var(--Form-selectValue-color);\n --TreeSelect-popover-bg: #fff;\n\n --Wizard-badge-bg: #{$gray400};\n --Wizard-badge-border: 0;\n --Wizard-badge-borderRadius: #{px2rem(10px)};\n --Wizard-badge-color: var(--white);\n --Wizard-badge-fontSize: var(--fontSizeSm);\n --Wizard-badge-marginRight: #{px2rem(4px)};\n --Wizard-badge-onActive-backgroundColor: var(--info);\n --Wizard-badge-onComplete-backgroundColor: var(--info);\n --Wizard-badge-size: var(--gap-md);\n --Wizard-steps-bg--isComplete: #f1f5f9;\n --Wizard-steps-bg: #{$gray100};\n --Wizard-steps-borderWidth: #{px2rem(1px)};\n --Wizard-steps-height: #{px2rem(40px)};\n --Wizard-steps-li-onActive-arrow-bg: #fff;\n --Wizard-steps-li-onActive-bg: #fff;\n --Wizard-steps-li-onActive-color: var(--info);\n\n --Wizard-steps-liAfterContent: '';\n --Wizard-steps-liVender: '';\n --Wizard-steps-padding: 0;\n --Wizard-steps-textAlign: left;\n --Wizard-steps-ulDisplay: block;\n --Wizard-stepsContent-padding: var(--gap-base);\n\n --AnchorNav-links-container-borderRight: #{px2rem(1px)} solid #d3dae0;\n --AnchorNav-onActive-borderWidth: 0 #{px2rem(2px)} 0 0;\n\n --Steps-bg: var(--borderColorDarken);\n --Steps-status-success: var(--info);\n --Steps-status-error: var(--danger);\n --Steps-icon-fontsize: var(--fontSizeLg);\n --Steps-title-fontsize: var(--fontSizeLg);\n --Steps-title-color: var(--text--loud-color);\n --Steps-sub-title-fontsize: var(--fontSizeBase);\n --Steps-sub-title-color: var(--text-color);\n --Steps-line-bg: var(--Steps-bg);\n --Steps-line-success-bg: var(--Steps-status-success);\n\n --Progress-borderRadius: var(--borderRadius);\n --Progress-animate-backgroundColor: #fff;\n --Progress-bar-backgroundColor: #d3d9e6;\n\n --ColumnToggler-backgroundColor: var(--white);\n --ColumnToggler-borderRadius: #{px2rem(4px)};\n --ColumnToggler-lineHeight: #{px2rem(24px)};\n --ColumnToggler-title-fontColor: #080e1a;\n --ColumnToggler-fontColor: #151a26;\n --ColumnToggler-item-backgroundColor: #f6f7f8;\n --ColumnToggler-item-backgroundColor-onHover: rgba(36, 104, 242, 0.1);\n}\n","@import './antd-colors';\n@import '../functions';\n\n$remFactor: 16px;\n\n$ns: 'antd-';\n\n$primary: $blue-6;\n$info: $primary;\n$success: $green-6;\n$warning: $gold-6;\n$danger: $red-5;\n$light: #d9d9d9;\n$white: #fff;\n$black: #000;\n\n$info-bg: #eaf6fe;\n$success-bg: #f1fdeb;\n$warning-bg: #fcf7f1;\n$danger-bg: #fff5f5;\n\n// Border color\n$border-color-base: #d9d9d9; // base border outline a component\n$border-color-split: #5d5d5d; // split border inside a component\n$border-color-inverse: $white;\n$border-width-base: 1px; // width of the border for a component\n$border-style-base: solid; // style of a components border\n\n$text-color: rgba(0, 0, 0, 0.85);\n\n$text--muted-color: #6c6c6c;\n$text--loud-color: lighten($text-color, 10%);\n\n$link-color: $info;\n\n@import '../variables';\n@import '../properties';\n\n:root {\n --fontFamilyBase: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,\n 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n\n --lineHeightBase: 1.57;\n\n --borderColor: #eceff8;\n --text-color: #{$text-color};\n\n --text--muted-color: #999;\n --text--loud-color: #333;\n --link-onHover-decoration: none;\n\n --icon-color: inherit;\n --icon-onHover-color: var(--primary);\n\n --body-bg: #f0f2f5;\n\n --borderRadius: 2px;\n\n --Page-header-bg: #fff;\n\n --Button-boxShadow: none;\n --Button-onActive-boxShadow: none;\n --Button-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n // --Button-textShadow: 0 -1px 0 rgb(0 0 0 / 12%);\n --Button--default-border: #d9d9d9;\n --Button--default-onHover-border: #{$blue-5};\n --Button--default-onHover-bg: #fff;\n --Button--default-onHover-color: #{$blue-5};\n --Button--default-onActive-bg: #fff;\n --Button--default-onActive-border: #{$blue-7};\n --Button--default-onActive-color: #{$blue-7};\n --Button-onDisabled-borderColor: #d9d9d9;\n\n --Button--primary-onHover-bg: #{$blue-5};\n --Button--primary-onHover-border: #{$blue-5};\n\n --Card-onChecked-bg: #{$blue-1};\n --Card-onChecked-color: var(--body-color);\n --Card-onChecked-fieldLabel-color: var(--text--muted-color);\n --Card-onChecked-borderColor: #{$blue-5};\n\n --Calendar-btnCancel-bg: #fff;\n --Calendar-btnCancel-border: var(--Button--default-border);\n\n --Checkbox-onDisabled-color: #d9d9d9;\n --Checkbox-onDisabled-bg: #f5f5f5;\n\n --Radio-onDisabled-color: #c4c4c4;\n --Radio-onDisabled-bg: #f5f5f5;\n --Radio-onFocus-boxShadow: 0 0 0 3px rgb(24 144 255 / 8%);\n\n --Rating-onActive-color: #fadb14;\n\n --Panel--default-bg: #fff;\n\n --Layout-aside-bg: #001529;\n --Layout-brand-bg: #001529;\n --Layout-aside-color: hsla(0, 0%, 100%, 0.65);\n --Layout-aside-subList-bg: #000c17;\n --Layout-aside-onHover-bg: none;\n --Layout-aside-onAcitve-bg: #1890ff;\n\n --ListControl-item-onHover-color: var(--primary);\n --ListControl-item-onHover-bg: var(--Button--default-onHover-bg);\n --ListControl-item-onHover-borderColor: var(--primary);\n\n --ListItem-onChecked-bg: #{$blue-1};\n --ListItem--strip-bg: #fff;\n\n --Nav-item-onActive-borderLeft: 0;\n\n --Modal-header-bg: #fff;\n --Modal-title-fontWeight: 500;\n\n --Form-input-onFocused-borderColor: #{$blue-5};\n --Form-input-borderColor: #{$border-color-base};\n --Form-input-boxShadow: 0 0 0 2px rgba(24, 144, 255, 0.2);\n --Form-select-borderWidth: #{px2rem(1px)};\n --Form-select-borderRadius: 0;\n --Form-select-borderColor: #{$border-color-base};\n --Form-select-bg: var(--white);\n --Form-select-onHover-bg: var(--white);\n --Form-select-onHover-borderColor: #{$blue-5};\n --Form-select-placeholderColor: #999;\n --Form-select-color: #000;\n --Form-select-caret-iconColor: #999;\n --Form-select-caret-onHover-iconColor: var(--primary);\n --Form-select-caret-fontSize: #{px2rem(12px)};\n --Form-select-outer-borderWidth: 0;\n --Form-select-outer-top: #{px2rem(32px)};\n --Form-select-outer-boxShadow: 0 3px 6px -4px rgb(0 0 0 / 12%),\n 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%);\n --Form-select-menu-color: #333;\n --Form-select-menu-onHover-color: #000;\n --Form-select-menu-onHover-bg: #f5f5f5;\n --Form-select-menu-height: #{px2rem(24px)};\n --Form-select-popoverGap: #{px2rem(3px)};\n --Form-select-search-height: #{px2rem(30px)};\n --Form-selectValue-color: var(--primary);\n --Form-select-onFocus-boxShadow: 0 0 0 3px rgb(24 144 255 / 8%);\n\n --Page-aside-bg: #ffffff;\n\n --Pagination-onActive-backgroundColor: #fff;\n --Pagination-onActive-color: rgb(24, 144, 255);\n --Pagination-onActive-border: #{px2rem(1px)} solid var(--primary);\n\n --Transfer-title-bg: #f0f2f5;\n // Tabs\n --Tabs-linkFontSize: #{px2rem(14px)};\n --Tabs--card-bg: var(--Table-thead-bg);\n --Tabs--radio-bg: var(--white);\n --Tabs--vertical-onActive-bg: #e7f7ff;\n --Tabs--vertical-onActive-borderWidth: 0 3px 0 0;\n --Tabs--vertical-onActive-container-bg: #fff;\n --Tabs--vertical-onActive-container-borderRight: 1px solid #f0f0f0;\n\n $Table-strip-bg: transparent;\n --Table-strip-bg: transparent;\n --Table-thead-bg: #fafafa;\n --Table-onHover-bg: rgb(250, 250, 250);\n --Table-onHover-borderColor: var(--Table-borderColor);\n --Table-onChecked-bg: #{$blue-1};\n --Table-onChecked-color: var(--Table-color);\n --Table-onChecked-borderColor: var(--Table-borderColor);\n\n --Switch-bgColor: #bfbfbf;\n\n // timeline\n --TimelineItem--axle-flex: 0 0 #{px2rem(24px)};\n --TimelineItem--left-line-width: #{px2rem(2px)};\n --TimelineItem--left-line-left: #{px2rem(13px)};\n --TimelineItem--left-line-top: #{px2rem(20px)};\n --TimelineItem--round-width: #{px2rem(8px)};\n --TimelineItem--round-height: #{px2rem(8px)};\n --TimelineItem--round-left: #{px2rem(10px)};\n --TimelineItem--round-top: #{px2rem(8px)};\n --TimelineItem--icon-width: #{px2rem(16px)};\n --TimelineItem--icon-height: #{px2rem(16px)};\n --TimelineItem--icon-left: #{px2rem(6px)};\n --TimelineItem--content-padding-bottom: #{px2rem(16px)};\n --TimelineItem--content-margin-left: #{px2rem(8px)};\n --TimelineItem--content-time-margin-bottom: #{px2rem(4px)};\n --TimelineItem--content-title-margin-bottom: #{px2rem(4px)};\n --TimelineItem--detail-button-margin-bottom: #{px2rem(8px)};\n --TimelineItem-detail-arrow-width: #{px2rem(16px)};\n --TimelineItem-detail-visible-padding: #{px2rem(10px)};\n --TimelineItem-detail-visible-max-width: #{px2rem(300px)};\n --Timeline-alternate-margin-left: #{px2rem(24px)};\n\n --TimelineItem--icon-radius: 50%;\n --TimelineItem--round-radius: 50%;\n --TimelineItem--content-radius: #{px2rem(2px)};\n\n --TimelineItem-detail-visible-shadow: 0 #{px2rem(1px)} #{px2rem(10px)} 0 rgba(0 0 0 / 10%);\n\n --TimelineItem--font-size: #{px2rem(12px)};\n\n --TimelineItem--text-primary-color: #151a26;\n --TimelineItem--text-secondary-color: #83868c;\n --TimelineItem--detail-button-color: var(--primary);\n --TimelineItem--line-bg: #e6e6e8;\n --TimelineItem--content-bg: #f2f2f4;\n --TimelineItem-round-bg: #dadbdd;\n\n --Timeline--success-bg: var(--success);\n --Timeline--info-bg: var(--info);\n --Timeline--warning-bg: var(--warning);\n --Timeline--danger-bg: var(--danger);\n}\n","/* Reset\n =============== */\n\n// Reset box sizing to border box\nhtml {\n box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n box-sizing: inherit;\n}\n\n// Remove figure margin\nfigure {\n margin: 0;\n}\n","/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; // 1\n -webkit-text-size-adjust: 100%; //2\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 2\n overflow: visible; //2\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; // 1\n font-size: 1em; // 2\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; // 1\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; // 1\n font-size: 1em; // 2\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; // 1\n font-size: 100%; // 1\n line-height: 1.15; // 1\n margin: 0; // 2\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n overflow: visible; // 1\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n text-transform: none; // 1\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type='button']::-moz-focus-inner,\n[type='reset']::-moz-focus-inner,\n[type='submit']::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type='button']:-moz-focusring,\n[type='reset']:-moz-focusring,\n[type='submit']:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; // 1\n color: inherit; // 2\n display: table; // 1\n max-width: 100%; // 1\n padding: 0; // 3\n white-space: normal; // 1\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type='checkbox'],\n[type='radio'] {\n box-sizing: border-box; // 1\n padding: 0; // 2\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type='search'] {\n -webkit-appearance: textfield; // 1\n outline-offset: -2px; // 2\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type='search']::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; // 1\n font: inherit; // 2\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n\nsvg.icon {\n width: 1em;\n height: 1em;\n fill: currentColor;\n position: relative;\n top: 0.125em;\n}\n\nsvg.r90 {\n transform: rotate(90deg);\n}\n\nsvg.icon-success {\n color: $success;\n}\n\nsvg.icon-fail {\n color: $danger;\n}\n","/**\n * Basic typography style for copy text\n */\nhtml {\n font-size: $remFactor;\n}\n\nbody {\n color: var(--body-color);\n background: var(--body-bg);\n font-size: var(--body-size);\n font-weight: var(--body-weight);\n font-family: var(--fontFamilyBase);\n line-height: var(--body-lineHeight);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\na {\n color: var(--link-color);\n text-decoration: var(--link-decoration);\n\n &:hover {\n color: var(--link-onHover-color);\n text-decoration: var(--link-onHover-decoration);\n }\n}\n\nlabel {\n font-weight: var(--fontWeightNormal);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-weight: var(--fontWeightNormal);\n color: var(--text--loud-color);\n line-height: 1.1;\n}\n\n.is-matched {\n color: var(--danger);\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: var(--fontFamilyMonospace);\n}\n\n// js sdk 中的有用到\n.amis-routes-wrapper {\n width: 100%;\n height: 100%;\n}\n",".has-popover {\n position: relative;\n}\n","html,\nbody {\n width: 100%;\n height: 100%;\n}\n\nbody {\n overflow-x: hidden;\n}\n\n.#{$ns}Layout {\n min-height: 100%;\n width: 100%;\n position: relative;\n\n &:before {\n content: '';\n position: absolute;\n width: inherit;\n top: 0;\n bottom: 0;\n z-index: -1;\n background: var(--body-bg);\n border: inherit;\n display: block;\n }\n\n &--boxed {\n margin-right: auto;\n margin-left: auto;\n // box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);\n }\n\n .#{$ns}Layout-header {\n background: var(--Layout-header-bg);\n box-shadow: var(--Layout-header-boxShadow);\n height: var(--Layout-header-height);\n }\n\n &--headerFixed {\n padding-top: var(--Layout-header-height);\n\n .#{$ns}Layout-header {\n position: fixed;\n top: 0;\n width: 100%;\n z-index: $zindex-fixed;\n }\n }\n\n &-brandBar {\n background: var(--Layout-brand-bg);\n color: var(--Layout-brandBar-color);\n\n > button {\n padding: px2rem(10px) px2rem(17px);\n font-size: px2rem(16px);\n line-height: calc(var(--Layout-header-height) - var(--gap-md));\n text-decoration: none;\n background: transparent;\n border: none;\n }\n }\n\n &-brand {\n color: var(--Layout-brand-color);\n text-align: left;\n font-size: var(--fontSizeMd);\n font-weight: var(--fontWeightNormal);\n max-width: 100%;\n height: auto;\n line-height: var(--Layout-header-height);\n display: inline-block;\n vertical-align: middle;\n padding: 0 var(--gap-base);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n &:hover {\n text-decoration: none;\n }\n\n img {\n max-height: calc(var(--Layout-header-height) / 2);\n // margin-top: px2rem(-4px);\n vertical-align: middle;\n display: inline;\n }\n }\n\n &-headerBar {\n border-bottom: var(--Layout-headerBar-borderBottom);\n min-height: var(--Layout-header-height);\n padding: 0 var(--gap-sm);\n display: flex;\n flex-direction: row;\n align-items: center;\n }\n\n &-offScreenBtn {\n display: none;\n float: right;\n padding: 13px var(--gap-md);\n }\n\n &-aside {\n position: relative;\n background: var(--Layout-aside-bg);\n color: var(--Layout-aside-color);\n\n &:before {\n content: '';\n position: absolute;\n width: inherit;\n top: 0;\n bottom: 0;\n z-index: -1;\n background: inherit;\n border: inherit;\n }\n }\n\n &-asideFooter {\n position: absolute;\n bottom: 0;\n width: 100%;\n z-index: $zindex-fixed;\n max-width: var(--Layout-aside-width);\n\n // .app-aside-folded & {\n // max-width: @app-aside-folded-width;\n // }\n ~ div {\n padding-bottom: px2rem(50px);\n }\n }\n\n // &-content--full {\n // position: absolute;\n // top: var(--Layout-header-height);\n // bottom: var(--Layout-header-height);\n // height: auto;\n // width: auto !important;\n // padding: 0 !important;\n // overflow-y: auto;\n // -webkit-overflow-scrolling: touch;\n\n // &.h-full {\n // bottom: 0;\n // height: auto;\n // }\n // }\n\n &-body {\n padding-bottom: var(--Layout-footer-height);\n width: 100%;\n height: 100%;\n }\n\n &--noFooter &-body {\n padding-bottom: 0;\n }\n\n &-footer {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n // z-index: 1005; 为啥要这么高\n z-index: 0;\n }\n\n &--sm {\n .#{$ns}Layout-asideFooter {\n max-width: var(--Layout-aside--sm-width);\n }\n\n .#{$ns}AsideNav-item a {\n font-size: var(--fontSizeSm);\n }\n }\n\n &--md .#{$ns}Layout-asideFooter {\n max-width: var(--Layout-aside--md-width);\n }\n\n &--lg .#{$ns}Layout-asideFooter {\n max-width: var(--Layout-aside--lg-width);\n }\n}\n\n@include media-breakpoint-down(sm) {\n // .#{$ns}Layout {\n // Layout 层没有出现滚动条件,导致移动端无法响应固定顶部/底部效果\n // overflow-x: hidden;\n // }\n\n .#{$ns}Layout-content {\n transition: transform var(--animation-duration) ease;\n }\n\n .#{$ns}Layout-aside {\n display: none;\n\n .#{$ns}Layout--offScreen & {\n position: fixed;\n top: px2rem(50px);\n bottom: 0;\n width: var(--Layout--offscreen-width);\n display: block !important;\n visibility: visible;\n overflow-x: hidden;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n z-index: 1010;\n }\n }\n\n .#{$ns}Layout-headerBar {\n display: none;\n }\n\n .#{$ns}Layout--offScreen {\n .#{$ns}Layout-body,\n .#{$ns}Layout-footer {\n background: var(--body-bg);\n transition: transform var(--animation-duration) ease;\n backface-visibility: hidden;\n transform: translate3d(var(--Layout--offscreen-width), 0px, 0px);\n overflow: hidden;\n position: fixed;\n width: 100%;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1015;\n padding-top: px2rem(50px);\n }\n }\n\n .#{$ns}Layout-offScreenBtn {\n display: block;\n }\n}\n\n@include media-breakpoint-up(md) {\n .#{$ns}Layout {\n display: flex;\n flex-direction: column;\n\n &-header {\n width: 100%;\n }\n\n > .#{$ns}Layout-body {\n flex-grow: 1;\n position: relative;\n // height: 0;\n }\n\n &--boxed {\n width: px2rem(760px);\n\n &.#{$ns}Layout--headerFixed .#{$ns}Layout-header {\n width: px2rem(760px);\n }\n }\n\n &-brand,\n &-brandBar,\n &-aside {\n width: var(--Layout-aside-width);\n transition: width var(--animation-duration) ease;\n }\n\n &-brandBar {\n float: left;\n }\n\n &--withAside {\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: stretch;\n\n > .#{$ns}Layout-content {\n flex-grow: 1;\n width: 0;\n position: relative;\n }\n\n .#{$ns}Layout-headerBar,\n .#{$ns}Layout-footer {\n margin-left: var(--Layout-aside-width);\n transition: margin var(--animation-duration) ease;\n }\n }\n\n .visible-folded {\n display: none;\n }\n\n &--folded {\n .visible-folded {\n display: inherit;\n }\n\n .hidden-folded {\n display: none !important;\n }\n\n .text-center-folded {\n text-align: center;\n }\n\n .pull-none-folded {\n float: none !important;\n }\n\n .w-auto-folded {\n width: auto;\n }\n\n .#{$ns}Layout-aside,\n .#{$ns}Layout-brandBar {\n width: var(--Layout-aside--folded-width);\n }\n\n &.#{$ns}Layout--withAside {\n .#{$ns}Layout-headerBar,\n .#{$ns}Layout-footer {\n margin-left: var(--Layout-aside--folded-width);\n }\n }\n\n .#{$ns}Layout-brand {\n display: block;\n padding: 0;\n font-size: var(--fontSizeLg);\n text-align: center;\n }\n }\n\n &--asideFixed {\n .#{$ns}Layout-aside {\n height: 100%;\n\n &:before {\n position: fixed;\n z-index: 15;\n }\n }\n\n .#{$ns}Layout-brandBar {\n position: fixed;\n }\n\n .#{$ns}Layout-asideWrap {\n position: fixed;\n overflow: hidden;\n top: var(--Layout-header-height);\n bottom: 0;\n left: 0;\n width: inherit;\n z-index: $zindex-fixed;\n }\n\n .#{$ns}Layout-asideInner {\n width: calc(100% + 17px);\n\n position: relative;\n height: 100%;\n overflow-x: hidden;\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n\n &::-webkit-scrollbar {\n -webkit-appearance: none;\n }\n\n &::-webkit-scrollbar:vertical {\n width: 17px;\n }\n }\n }\n\n &--asideFixed.#{$ns}Layout--folded {\n .#{$ns}Layout-aside {\n position: static;\n }\n\n .#{$ns}Layout-brandBar {\n position: static;\n }\n\n .#{$ns}Layout-asideWrap {\n overflow: visible;\n // position: relative;\n // top: 0;\n z-index: 15;\n }\n\n .#{$ns}Layout-asideInner {\n overflow: visible;\n padding-right: 17px;\n }\n }\n\n &--sm:not(.#{$ns}Layout--folded) {\n .#{$ns}Layout-brand,\n .#{$ns}Layout-brandBar,\n .#{$ns}Layout-aside {\n width: var(--Layout-aside--sm-width);\n }\n }\n\n &--md:not(.#{$ns}Layout--folded) {\n .#{$ns}Layout-brand,\n .#{$ns}Layout-brandBar,\n .#{$ns}Layout-aside {\n width: var(--Layout-aside--md-width);\n }\n }\n\n &--lg:not(.#{$ns}Layout--folded) {\n .#{$ns}Layout-brand,\n .#{$ns}Layout-brandBar,\n .#{$ns}Layout-aside {\n width: var(--Layout-aside--lg-width);\n }\n }\n }\n}\n\n@include media-breakpoint-up(lg) {\n .#{$ns}Layout {\n &--boxed {\n width: px2rem(980px);\n\n &.#{$ns}Layout--headerFixed .#{$ns}Layout-header {\n width: px2rem(980px);\n }\n }\n }\n}\n\n@include media-breakpoint-up(xl) {\n .#{$ns}Layout {\n &--boxed {\n width: px2rem(1180px);\n\n &.#{$ns}Layout--headerFixed .#{$ns}Layout-header {\n width: px2rem(1180px);\n }\n }\n }\n}\n","// 这里只放 sass 里的变量,因为有很多颜色计算,为了保持和之前的兼容性所以还保留这些变量,但后续会通过新增 css 自定义属性的方式逐渐替换\n// 类名前缀\n$ns: '' !default;\n$remFactor: 16px !default;\n\n$devices: (\n m: '(max-width: 768px)',\n pc: '(min-width: 769px)'\n) !default;\n\n// 生成颜色的工具有很多,可以参考这些链接来弄。\n// https://tailwind.ink/\n// https://www.tailwindshades.com/\n// https://tailwind.simeongriggs.dev/\n\n// https://javisperez.github.io/tailwindcolorshades/#/\n// v1 版本 {\n// color50: tint($color, 0.95);\n// color100: tint($color, 0.9);\n// color200: tint($color, 0.75);\n// color300: tint($color, 0.6);\n// color400: tint($color, 0.3);\n// color500: $color;\n// color600: shade($color, 0.9);\n// color700: shade($color, 0.6);\n// color800: shade($color, 0.45);\n// color900: shade($color, 0.3);\n// }\n$colors: (\n black: #000,\n white: #fff,\n primary: #007bff,\n secondary: #6c757d,\n success: #28a745,\n info: #007bff,\n warning: #fad733,\n danger: #dc3545,\n light: #f8f9fa,\n dark: #343a40,\n gray: (\n 50: #f9fafb,\n 100: #f3f4f6,\n 200: #e5e7eb,\n 300: #d1d5db,\n 400: #9ca3af,\n 500: #6b7280,\n 600: #4b5563,\n 700: #374151,\n 800: #1f2937,\n 900: #111827\n ),\n red: (\n 50: #fef2f2,\n 100: #fee2e2,\n 200: #fecaca,\n 300: #fca5a5,\n 400: #f87171,\n 500: #ef4444,\n 600: #dc2626,\n 700: #b91c1c,\n 800: #991b1b,\n 900: #7f1d1d\n ),\n yellow: (\n 50: #fffbeb,\n 100: #fef3c7,\n 200: #fde68a,\n 300: #fcd34d,\n 400: #fbbf24,\n 500: #f59e0b,\n 600: #d97706,\n 700: #b45309,\n 800: #92400e,\n 900: #78350f\n ),\n green: (\n 50: #ecfdf5,\n 100: #d1fae5,\n 200: #a7f3d0,\n 300: #6ee7b7,\n 400: #34d399,\n 500: #10b981,\n 600: #059669,\n 700: #047857,\n 800: #065f46,\n 900: #064e3b\n ),\n blue: (\n 50: #eff6ff,\n 100: #dbeafe,\n 200: #bfdbfe,\n 300: #93c5fd,\n 400: #60a5fa,\n 500: #3b82f6,\n 600: #2563eb,\n 700: #1d4ed8,\n 800: #1e40af,\n 900: #1e3a8a\n ),\n cyan: (\n 50: #ecfeff,\n 100: #cffafe,\n 200: #a5f3fc,\n 300: #67e8f9,\n 400: #22d3ee,\n 500: #06b6d4,\n 600: #0891b2,\n 700: #0e7490,\n 800: #155e75,\n 900: #164e63\n ),\n indigo: (\n 50: #eef2ff,\n 100: #e0e7ff,\n 200: #c7d2fe,\n 300: #a5b4fc,\n 400: #818cf8,\n 500: #6366f1,\n 600: #4f46e5,\n 700: #4338ca,\n 800: #3730a3,\n 900: #312e81\n ),\n purple: (\n 50: #f5f3ff,\n 100: #ede9fe,\n 200: #ddd6fe,\n 300: #c4b5fd,\n 400: #a78bfa,\n 500: #8b5cf6,\n 600: #7c3aed,\n 700: #6d28d9,\n 800: #5b21b6,\n 900: #4c1d95\n ),\n pink: (\n 50: #fdf2f8,\n 100: #fce7f3,\n 200: #fbcfe8,\n 300: #f9a8d4,\n 400: #f472b6,\n 500: #ec4899,\n 600: #db2777,\n 700: #be185d,\n 800: #9d174d,\n 900: #831843\n )\n) !default;\n\n// 颜色 Alias 不要直接修改, 直接修改 colors 对象。\n$white: map-get($colors, white);\n$gray50: map-get(\n map-get($colors, gray),\n 50\n); // node-sass 不支持多个参数用法,所以先这么写。\n$gray100: map-get(map-get($colors, gray), 100) !default;\n$gray200: map-get(map-get($colors, gray), 200) !default;\n$gray300: map-get(map-get($colors, gray), 300) !default;\n$gray400: map-get(map-get($colors, gray), 400) !default;\n$gray500: map-get(map-get($colors, gray), 500) !default;\n$gray600: map-get(map-get($colors, gray), 600) !default;\n$gray700: map-get(map-get($colors, gray), 700) !default;\n$gray800: map-get(map-get($colors, gray), 800) !default;\n$gray900: map-get(map-get($colors, gray), 900) !default;\n$gray: $gray500 !default;\n$red: map-get(map-get($colors, red), 500) !default;\n$yellow: map-get(map-get($colors, yellow), 500) !default;\n$green: map-get(map-get($colors, green), 500) !default;\n$blue: map-get(map-get($colors, blue), 500) !default;\n$cyan: map-get(map-get($colors, cyan), 500) !default;\n$indigo: map-get(map-get($colors, indigo), 500) !default;\n$purple: map-get(map-get($colors, purple), 500) !default;\n$pink: map-get(map-get($colors, pink), 500) !default;\n$black: map-get($colors, black) !default;\n\n$primary: map-get($colors, 'primary') !default;\n$secondary: map-get($colors, 'secondary') !default;\n$success: map-get($colors, 'success') !default;\n$info: map-get($colors, 'info') !default;\n$warning: map-get($colors, 'warning') !default;\n$danger: map-get($colors, 'danger') !default;\n$light: map-get($colors, 'light') !default;\n$dark: map-get($colors, 'dark') !default;\n\n$spacing: (\n //\n // 下面是参考 tailwind\n //\n px: px2rem(1px),\n 0: 0,\n none: 0,\n 0.5: px2rem(2px),\n 1: px2rem(4px),\n 1.5: px2rem(6px),\n 2: px2rem(8px),\n 2.5: px2rem(10px),\n 3: px2rem(12px),\n 3.5: px2rem(14px),\n 4: px2rem(16px),\n 5: px2rem(20px),\n 6: px2rem(24px),\n 7: px2rem(28px),\n 8: px2rem(32px),\n 9: px2rem(36px),\n 10: px2rem(40px),\n 11: px2rem(44px),\n 12: px2rem(48px),\n 14: px2rem(56px),\n 16: px2rem(64px),\n 18: px2rem(72px),\n 20: px2rem(80px),\n 24: px2rem(96px),\n 28: px2rem(112px),\n 32: px2rem(128px),\n 36: px2rem(144px),\n 40: px2rem(160px),\n 44: px2rem(176px),\n 48: px2rem(192px),\n 52: px2rem(208px),\n 56: px2rem(224px),\n 60: px2rem(240px),\n 64: px2rem(256px),\n 72: px2rem(288px),\n 80: px2rem(320px),\n 96: px2rem(384px)\n) !default;\n\n$inset: map-merge(\n $spacing,\n (\n auto: auto,\n '1/2': 50%,\n '1/3': 33.333333%,\n '2/3': 66.666667%,\n '1/4': 25%,\n '2/4': 50%,\n '3/4': 75%,\n 'full': 100%\n )\n) !default;\n\n$widths: map-merge(\n $spacing,\n (\n auto: auto,\n 1x: 1em,\n 2x: 2em,\n 3x: 3em,\n '1/2': 50%,\n '1/3': 33.333333%,\n '2/3': 66.666667%,\n '1/4': 25%,\n '2/4': 50%,\n '3/4': 75%,\n '1/5': 20%,\n '2/5': 40%,\n '3/5': 60%,\n '4/5': 80%,\n '1/6': 16.666667%,\n '2/6': 33.333333%,\n '3/6': 50%,\n '4/6': 66.666667%,\n '5/6': 83.333333%,\n '1/12': 8.333333%,\n '2/12': 16.666667%,\n '3/12': 25%,\n '4/12': 33.333333%,\n '5/12': 41.666667%,\n '6/12': 50%,\n '7/12': 58.333333%,\n '8/12': 66.666667%,\n '9/12': 75%,\n '10/12': 83.333333%,\n '11/12': 91.666667%,\n full: 100%,\n screen: 100vw,\n min: min-content,\n max: max-content\n )\n) !default;\n\n$maxWidths: (\n none: none,\n 0: 0rem,\n xs: 20rem,\n sm: 24rem,\n md: 28rem,\n lg: 32rem,\n xl: 36rem,\n 2xl: 42rem,\n 3xl: 48rem,\n 4xl: 56rem,\n 5xl: 64rem,\n 6xl: 72rem,\n 7xl: 80rem,\n full: 100%,\n min: min-content,\n max: max-content,\n prose: 65ch\n) !default;\n\n$heights: map-merge(\n $spacing,\n (\n auto: auto,\n '1/2': 50%,\n '1/3': 33.333333%,\n '2/3': 66.666667%,\n '1/4': 25%,\n '2/4': 50%,\n '3/4': 75%,\n '1/5': 20%,\n '2/5': 40%,\n '3/5': 60%,\n '4/5': 80%,\n '1/6': 16.666667%,\n '2/6': 33.333333%,\n '3/6': 50%,\n '4/6': 66.666667%,\n '5/6': 83.333333%,\n full: 100%,\n screen: 100vh\n )\n) !default;\n\n$maxHeights: map-merge(\n $spacing,\n (\n full: 100%,\n screen: 100vh\n )\n) !default;\n\n$fontSizes: (\n xs: 0.75rem 1rem,\n sm: 0.875rem 1.25rem,\n base: 1rem 1.5rem,\n md: 1.125rem 1.75rem,\n lg: 1.25rem 1.75rem,\n xl: 1.5rem 2rem,\n 2xl: 1.875rem 2.25rem,\n 3xl: 2.25rem 2.5rem,\n 4xl: 3rem 1,\n 5xl: 3.75rem 1,\n 6xl: 4.5rem 1,\n 7xl: 6rem 1,\n 8xl: 8rem 1\n) !default;\n\n$borderColor: $gray300;\n\n$borderRadiuses: (\n 'none': 0px,\n 'sm': 0.125rem,\n 'default': 0.25rem,\n 'md': 0.375rem,\n 'lg': 0.5rem,\n 'xl': 0.75rem,\n '2xl': 1rem,\n '3xl': 1.5rem,\n 'full': 9999px\n) !default;\n\n$borderWidths: (\n 'default': 1px,\n '0': 0px,\n '2': 2px,\n '4': 4px,\n '8': 8px\n) !default;\n\n$boxShadows: (\n 'sm': '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n 'default': '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',\n 'md': '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n 'lg':\n '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n 'xl':\n '0 20px 25px -5px rgba(0, 0, 0, 0.1) , 0 10px 10px -5px rgba(0, 0, 0, 0.04)',\n '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',\n 'inner': 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)',\n 'none': none\n) !default;\n\n// 窗口适配\n// @deprecated 不打算支持这么多视图,只区分 pc 和 移动端\n// 改用 devices 了\n$breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n$text-color: #58666e !default;\n\n// 部分遍历难以用自定义属性替换,所以保留\n$Grid-columns: 12 !default;\n$Grid-gutterWidth: px2rem(16px) !default;\n\n$zindex-affix: 900 !default;\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1100 !default;\n$zindex-fixed: 1200 !default;\n$zindex-popover: 1300 !default;\n$zindex-modal: 1400 !default;\n$zindex-contextmenu: 1500 !default;\n$zindex-tooltip: 1600 !default;\n$zindex-toast: 2000 !default;\n$zindex-top: 3000 !default;\n\n$Form--horizontal-columns: 12;\n$Table-strip-bg: lighten(#f6f8f8, 1%) !default;\n$Number-handler-mode: 'vertical';\n$Wizard-steps-liAfterBorder: px2rem(18px) solid transparent !default;\n","// 媒体查询最小阈值\n@mixin media-breakpoint-up($name, $breakpoints: $breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n//媒体查询最大阈值\n@mixin media-breakpoint-down($name, $breakpoints: $breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n//媒体查询中间阈值\n@mixin media-breakpoint-between($min, $max, $breakpoints: $breakpoints) {\n $min: breakpoint-min($min, $breakpoints);\n $max: breakpoint-max($max, $breakpoints);\n\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n}\n\n@mixin media-device($name, $devices: $devices) {\n $n: map-get($devices, $name);\n\n @media #{$n} {\n @content;\n }\n}\n\n@mixin clearfix() {\n &::before,\n &::after {\n display: table;\n content: '';\n }\n &::after {\n clear: both;\n }\n}\n\n// @deprecated 不建议用了\n@mixin color-schema($bg-color: #555, $percent: 15%, $sat-percent: 100%) {\n background: saturate(darken($bg-color, $percent), $sat-percent);\n}\n\n// @deprecated 不建议用了\n@mixin color-schema-lt($bg-color: #555, $percent: 15%, $sat-percent: 100%) {\n background: desaturate(lighten($bg-color, $percent), $sat-percent);\n}\n\n// @deprecated 不建议用了\n@mixin color-variant(\n $bg-color: #555,\n $lt-percent: 10%,\n $lter-percent: 15%,\n $dk-percent: 10%,\n $dker-percent: 15%\n) {\n background-color: $bg-color;\n\n &.lt,\n & .lt {\n @include color-schema-lt($bg-color, $lt-percent, 2.5%);\n }\n\n &.lter,\n & .lter {\n @include color-schema-lt($bg-color, $lter-percent, 5%);\n }\n\n &.dk,\n & .dk {\n @include color-schema($bg-color, $dk-percent, 2.5%);\n }\n\n &.dker,\n & .dker {\n @include color-schema($bg-color, $dker-percent, 5%);\n }\n\n &.bg,\n & .bg {\n background-color: $bg-color;\n }\n}\n\n// @deprecated 不建议用了\n@mixin font-variant($bg-color) {\n $font-color: desaturate(lighten($bg-color, 40%), 10%);\n $link-color: desaturate(lighten($bg-color, 50%), 10%);\n $hover-color: #fff;\n color: $font-color;\n\n & a,\n & .#{$ns}Button--link {\n color: $link-color;\n\n &:hover {\n color: $hover-color;\n }\n }\n\n & .open > a {\n &,\n &:hover,\n &:focus {\n color: $hover-color;\n }\n }\n\n & .text-muted {\n color: darken($text-color, 10%) !important;\n }\n\n & .text-lt {\n color: lighten($text-color, 25%) !important;\n }\n\n // &.auto,\n // & .auto {\n // & .list-group-item {\n // border-color: darken($bg-color, 5%) !important;\n // background: transparent;\n\n // &:hover,\n // &:focus,\n // &:active,\n // &.active {\n // @include color-schema($bg-color, 5%, 2.5% !important);\n // }\n // }\n // }\n}\n\n// @deprecated 不建议用了\n@mixin text-wariant($bg-color, $name) {\n a.bg-#{'' + $name}:hover {\n background: darken($bg-color, 5%);\n }\n\n a.text-#{'' + $name}:hover {\n color: darken($bg-color, 5%);\n }\n\n .text-#{'' + $name} {\n color: $bg-color;\n }\n\n .text-#{'' + $name}-lt {\n color: darken($bg-color, 5%);\n }\n\n .text-#{'' + $name}-lter {\n color: darken($bg-color, 10%);\n }\n\n .text-#{'' + $name}-dk {\n color: darken($bg-color, 5%);\n }\n\n .text-#{'' + $name}-dker {\n color: darken($bg-color, 10%);\n }\n}\n\n@mixin hover {\n &:hover {\n @content;\n }\n}\n\n@mixin focus {\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus {\n &:hover:focus {\n @content;\n }\n}\n\n@mixin hover-active {\n &:hover:active {\n @content;\n }\n}\n\n@mixin button-size(\n $padding-y,\n $padding-x,\n $font-size,\n $line-height,\n $border-radius,\n $height: auto,\n $iconWdith: px2rem(20px)\n) {\n padding: $padding-y $padding-x;\n font-size: $font-size;\n line-height: $line-height;\n border-radius: $border-radius;\n height: $height;\n\n .#{$ns}Button-icon:first-child:not(:last-child):not(.pull-right),\n > svg.icon:not(:last-child):not(.pull-right),\n > .pull-left {\n margin-right: $padding-x;\n }\n\n .#{$ns}Button-icon:last-child:not(:first-child):not(.pull-left),\n > .pull-right {\n margin-left: $padding-x;\n }\n\n .#{$ns}Button--loading:first-child:not(:last-child):not(.pull-right),\n > svg.icon:not(:last-child):not(.pull-right),\n > .pull-left {\n margin-right: $padding-x;\n }\n\n .#{$ns}Button--loading:last-child:not(:first-child):not(.pull-left),\n > .pull-right {\n margin-left: $padding-x;\n }\n\n // img 需要加一下高度限制\n img.#{$ns}Button-icon {\n height: var(--Button-fontSize);\n vertical-align: middle;\n }\n}\n\n@mixin button-loading-icon() {\n transition: --Button-transition;\n svg {\n @include animation-svg(var(--Button-animation-spin));\n }\n}\n\n@mixin animation-svg($animation) {\n animation: $animation;\n}\n\n@mixin button-variant(\n $background,\n $border: $background,\n $color: $white,\n $hover-background: darken($background, 7.5%),\n $hover-border: darken($border, 10%),\n $hover-color: $color,\n $active-background: darken($background, 10%),\n $active-border: darken($border, 12.5%),\n $active-color: $color\n) {\n color: $color;\n background: $background;\n border-color: $border;\n box-shadow: var(--Button-boxShadow);\n text-shadow: var(--Button-textShadow);\n\n &:not(:disabled):not(.is-disabled) {\n @include hover {\n color: $hover-color;\n background: $hover-background;\n border-color: $hover-border;\n }\n @include hover-active {\n color: $active-color;\n background: $active-background;\n border-color: $active-border;\n }\n }\n\n // @include focus {\n // color: $color;\n // background: $background;\n // border-color: $border;\n // box-shadow: var(--Button-boxShadow);\n // }\n\n @include hover-focus {\n // color: $hover-color;\n // background: $hover-background;\n // border-color: $hover-border;\n box-shadow: var(--Button-boxShadow);\n }\n}\n\n@mixin input-clear {\n padding: px2rem(3px);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: auto;\n\n svg {\n fill: var(--Form-input-iconColor);\n top: 0;\n width: px2rem(10px);\n height: px2rem(10px);\n }\n\n &:hover svg {\n fill: var(--Form-input-onHover-iconColor);\n }\n}\n\n@mixin input-input {\n display: flex;\n background: var(--Form-input-bg);\n border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);\n border-radius: var(--Form-input-borderRadius);\n // height: var(--Form-input-height);\n line-height: var(--Form-input-lineHeight);\n padding: var(--Form-input-paddingY) var(--Form-input-paddingX);\n font-size: var(--Form-input-fontSize);\n flex-wrap: wrap;\n justify-content: flex-start;\n\n input {\n flex-basis: px2rem(80px);\n flex-grow: 1;\n outline: none;\n background: transparent;\n border: none;\n color: var(--Form-input-color);\n width: 100%;\n height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));\n\n &::placeholder {\n color: var(--Form-input-placeholderColor);\n user-select: none;\n }\n }\n\n &:hover {\n border-color: var(--Form-input-onFocused-borderColor);\n }\n}\n\n@mixin input-border {\n &--borderHalf {\n border-left-color: transparent !important;\n border-right-color: transparent !important;\n border-top-color: transparent !important;\n }\n\n &--borderNone {\n border-color: transparent !important;\n }\n}\n\n@mixin input-text {\n position: relative;\n max-width: 100%;\n\n &.is-inline {\n display: inline-block;\n width: var(--Form-control-widthBase);\n }\n\n &-input {\n @include input-input();\n @include input-border();\n }\n\n &.is-error > &-input {\n border-color: var(--Form-input-onError-borderColor);\n background: var(--Form-input-onError-bg);\n transition: all var(--animation-duration);\n }\n\n &.is-focused > &-input {\n border-color: var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n background: var(--Form-input-onFocused-bg);\n transition: all var(--animation-duration);\n }\n\n &.is-error.is-focused > &-input {\n border-color: var(--Form-input-onError-borderColor);\n }\n\n &.is-disabled > &-input {\n color: var(--text--muted-color);\n background: var(--Form-input-onDisabled-bg);\n border-color: var(--Form-input-onDisabled-borderColor);\n transition: all var(--animation-duration);\n }\n\n &-spinner {\n line-height: calc(\n var(--Form-input-lineHeight) * var(--Form-input-fontSize)\n );\n }\n\n &-clear {\n @include input-clear();\n }\n\n // 需要能撑开\n @include media-breakpoint-up(sm) {\n &.#{$ns}Form-control--sizeXs > &-input,\n &.#{$ns}Form-control--sizeSm > &-input,\n &.#{$ns}Form-control--sizeMd > &-input,\n &.#{$ns}Form-control--sizeLg > &-input {\n min-width: 100%;\n display: inline-flex;\n }\n }\n}\n\n@mixin checkboxes-placeholder {\n height: var(--Form-input-height);\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-input-fontSize);\n padding: calc(\n (\n var(--Form-input-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--gap-sm);\n color: var(--text--muted-color);\n}\n\n@mixin label-variant($color) {\n background: $color;\n\n // todo:不支持了\n // &[href] {\n // &:hover,\n // &:focus {\n // background: darken($color, 10%);\n // }\n // }\n}\n\n@mixin icon-color {\n color: var(--icon-color);\n\n &:hover {\n color: var(--icon-onHover-color);\n }\n}\n","@use 'sass:math';\n\n@mixin make-grid($class) {\n @for $i from 1 through $Grid-columns {\n .#{$ns}Grid-col--#{$class}#{$i} {\n flex: 0 0 percentage(math.div($i, $Grid-columns));\n max-width: percentage(math.div($i, $Grid-columns));\n min-height: 1px;\n padding-left: (math.div($Grid-gutterWidth, 2));\n padding-right: (math.div($Grid-gutterWidth, 2));\n }\n }\n\n .#{$ns}Grid-col--#{$class} {\n flex-basis: 0;\n flex-grow: 1;\n min-height: 1px;\n max-width: 100%;\n width: 100%;\n padding-left: math.div($Grid-gutterWidth, 2);\n padding-right: math.div($Grid-gutterWidth, 2);\n }\n\n .#{$ns}Grid-col--#{$class}Auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%;\n padding-left: math.div($Grid-gutterWidth, 2);\n padding-right: math.div($Grid-gutterWidth, 2);\n }\n}\n\n// Generate Grid row\n@mixin make-row($gutter: $Grid-gutterWidth) {\n margin-left: math.div($gutter, -2);\n margin-right: math.div($gutter, -2);\n display: flex;\n flex-wrap: wrap;\n}\n\n@include make-grid(xs);\n\n@include media-breakpoint-up(sm) {\n .#{$ns}Grid {\n @include make-row;\n flex: 1;\n\n &--hRight {\n justify-content: flex-end;\n }\n\n &--hCenter {\n justify-content: center;\n }\n &--hBetween {\n justify-content: space-between;\n }\n\n &--vMiddle > div {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n &--vBottom > div {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n }\n\n &--vBetween > div {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n\n & > &-col--vTop {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n }\n\n & > &-col--vMiddle {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n & > &-col--vBottom {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n }\n\n & > &-col--vBetween {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n }\n\n @include make-grid(sm);\n}\n\n@include media-breakpoint-up(md) {\n @include make-grid(md);\n}\n\n@include media-breakpoint-up(lg) {\n @include make-grid(lg);\n}\n\n.#{$ns}Grid--none {\n margin-left: 0;\n margin-right: 0;\n\n > div {\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n.#{$ns}Grid--xs {\n margin-left: calc(var(--gap-xs) * -0.5);\n margin-right: calc(var(--gap-xs) * -0.5);\n\n > div {\n padding-left: calc(var(--gap-xs) * 0.5);\n padding-right: calc(var(--gap-xs) * 0.5);\n }\n}\n\n.#{$ns}Grid--sm {\n margin-left: calc(var(--gap-sm) * -0.5);\n margin-right: calc(var(--gap-sm) * -0.5);\n\n > div {\n padding-left: calc(var(--gap-sm) * 0.5);\n padding-right: calc(var(--gap-sm) * 0.5);\n }\n}\n\n.#{$ns}Grid--base {\n margin-left: calc(var(--gap-base) * -0.5);\n margin-right: calc(var(--gap-base) * -0.5);\n\n > div {\n padding-left: calc(var(--gap-base) * 0.5);\n padding-right: calc(var(--gap-base) * 0.5);\n }\n}\n\n.#{$ns}Grid--md {\n margin-left: calc(var(--gap-md) * -0.5);\n margin-right: calc(var(--gap-md) * -0.5);\n\n > div {\n padding-left: calc(var(--gap-md) * 0.5);\n padding-right: calc(var(--gap-md) * 0.5);\n }\n}\n\n.#{$ns}Grid--lg {\n margin-left: calc(var(--gap-lg) * -0.5);\n margin-right: calc(var(--gap-lg) * -0.5);\n\n > div {\n padding-left: calc(var(--gap-lg) * 0.5);\n padding-right: calc(var(--gap-lg) * 0.5);\n }\n}\n",".#{$ns}AsideNav {\n @include clearfix();\n\n &-label {\n color: var(--Layout-asideLabel-color);\n margin-top: var(--gap-base);\n margin-bottom: var(--gap-sm);\n font-size: var(--fontSizeXs);\n padding-left: var(--gap-base);\n padding-right: var(--gap-base);\n }\n\n &-list {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n &-itemArrow {\n float: right;\n display: block;\n width: var(--gap-md);\n text-align: center;\n line-height: px2rem(17px);\n margin-top: px2rem(2px);\n\n &:empty:before {\n content: '';\n display: inline-block;\n transform-origin: center;\n transition: transform var(--animation-duration) ease;\n background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgNTEzIDEwMjEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+Cgk8ZyBpZD0icmlnaHQtYXJyb3ciIGZpbGw9IiNmZmZmZmYiIGZpbGwtcnVsZT0ibm9uemVybyI+CgkJPHBhdGggZD0iTTU2LjU1OTA1NCwxMDEzLjc3MzY5IEw1MTIuOTA4MTE2LDUxMi42ODQ1MjQgTDU2LjU1OTA1NCwxMi4yMzQ1MDEgQzQ5LjQxMTQ2NzgsMi45MzQ1NTkxMiAzNy42NjY0MjM4LC0xLjU5MTg4MTc2IDI2LjEyNjIzMjQsMC41MDU5NDgyNDYgQzE0LjU4NjA0MSwyLjYwMzc3ODI1IDUuMTg1NDQ0MDksMTAuOTc0MTcyNyAxLjc2ODE1NTE2LDIyLjE5NDY0NzEgQy0xLjY0OTEzMzc3LDMzLjQxNTEyMTQgMS40ODk4MDIyOCw0NS42MDQ1MzUxIDkuOTAxNTE2LDUzLjc3ODg4NCBMNDI0LjcwNjE5Nyw1MTIuNjg0NTI0IEwxMi40NTgwOTQsOTY5LjY3MjczMSBDMi40NTgyMDU5Niw5ODIuNTUxNDk4IDQuMDEyOTc3MzcsMTAwMC45NDgzIDE2LjAzMjQ0MjIsMTAxMS45NjYxNSBDMjguMDUxOTA3MSwxMDIyLjk4Mzk5IDQ2LjUxNDIzNDYsMTAyMi45MzYxOSA1OC40NzY0ODcsMTAxMS44NTYyNiBMNTYuNTU5MDU0LDEwMTMuNzczNjkgWiIgaWQ9Iui3r+W+hCI+CgkJPC9wYXRoPgoJPC9nPgo8L3N2Zz4K);\n width: px2rem(10px);\n height: px2rem(10px);\n background-position: center center;\n background-repeat: no-repeat;\n }\n\n .#{$ns}AsideNav-item.is-open > a > &:empty:before {\n transform: rotate(90deg);\n color: var(--Layout-asideLink-onActive-arrowColor);\n }\n\n > svg {\n color: var(--Layout-asideLink-color);\n width: px2rem(10px);\n height: px2rem(10px);\n transform-origin: center;\n transition: transform var(--animation-duration) ease;\n }\n\n .#{$ns}AsideNav-item.is-open > a > & > svg {\n transform: rotate(90deg);\n }\n }\n\n &-itemBadge {\n padding: px2rem(2px) var(--gap-xs);\n margin-top: px2rem(2px);\n font-size: var(--fontSizeXs);\n text-shadow: 0 px2rem(1px) 0 rgba(0, 0, 0, 0.2);\n float: right;\n min-width: px2rem(1px);\n line-height: 1;\n font-weight: var(--fontWeightBold);\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n border-radius: px2rem(10px);\n }\n\n &-itemIcon {\n // margin: ($Layout-nav-height - $lineHeightBase * $Layout-asideLink-fontSize)/-2\n // px2rem(-10px);\n margin: calc(\n (\n var(--Layout-nav-height) - var(--lineHeightBase) *\n var(--Layout-asideLink-fontSize)\n ) / -2\n )\n px2rem(-10px);\n line-height: var(--Layout-nav-height);\n width: var(--Layout-nav-height);\n vertical-align: middle;\n float: left;\n margin-right: 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n color: var(--Layout-asideLink-iconColor);\n font-size: var(--Layout-asideLink-onHover-iconSize);\n\n &:before {\n position: relative;\n z-index: 2;\n }\n }\n\n &-subList {\n margin: 0;\n padding: 0;\n opacity: 0;\n height: 0;\n overflow: hidden;\n margin-left: calc(var(--gap-md) * -1);\n transition: all var(--animation-duration) ease-in-out 0s;\n background: var(--Layout-aside-subList-bg);\n\n .#{$ns}Layout--folded .#{$ns}AsideNav-item > & {\n display: block;\n overflow: hidden;\n }\n\n .is-open > &,\n .#{$ns}Layout--folded .#{$ns}AsideNav-item .#{$ns}AsideNav-item.is-open > &,\n .#{$ns}Layout--folded .#{$ns}AsideNav-item:hover > &,\n .#{$ns}Layout--folded .#{$ns}AsideNav-item:focus > &,\n .#{$ns}Layout--folded .#{$ns}AsideNav-item:active > & {\n opacity: 1;\n margin-left: 0;\n height: auto !important;\n overflow: visible;\n }\n }\n\n &-item {\n position: relative;\n display: block;\n\n a {\n font-weight: normal;\n cursor: pointer;\n text-transform: none;\n display: block;\n font-size: var(--Layout-asideLink-fontSize);\n\n padding: calc(\n (\n var(--Layout-nav-height) - var(--lineHeightBase) *\n var(--Layout-asideLink-fontSize)\n ) / 2\n )\n var(--gap-base);\n position: relative;\n transition: background-color var(--animation-duration) ease-in-out 0s;\n color: var(--Layout-asideLink-color);\n text-decoration: none;\n user-select: none;\n\n &:hover {\n color: var(--Layout-asideLink-onHover-color);\n text-decoration: none;\n background: var(--Layout-aside-onHover-bg);\n\n .#{$ns}AsideNav-itemIcon {\n color: var(--Layout-asideLink-onHover-iconColor);\n }\n }\n }\n\n &.is-active {\n > a {\n background: var(--Layout-aside-onAcitve-bg);\n color: var(--Layout-asideLink-onActive-color);\n\n &:hover {\n background: var(--Layout-aside-onAcitve-onHover-bg);\n }\n }\n }\n\n &.is-lg {\n > a {\n padding: calc(\n (\n var(--Layout-nav-lgHeight) - var(--lineHeightBase) *\n var(--Layout-asideLink-fontSize)\n ) / 2\n )\n var(--gap-md);\n }\n }\n\n .#{$ns}AsideNav-item {\n a {\n padding-left: calc(var(--Layout-nav-height) + #{px2rem(5px)});\n }\n\n .#{$ns}AsideNav-item a {\n padding-left: calc(var(--Layout-nav-height) + #{px2rem(15px)});\n }\n\n .#{$ns}AsideNav-item .#{$ns}AsideNav-item a {\n padding-left: calc(var(--Layout-nav-height) + #{px2rem(30px)});\n }\n\n .#{$ns}AsideNav-item .#{$ns}AsideNav-item .#{$ns}AsideNav-item a {\n padding-left: calc(var(--Layout-nav-height) + #{px2rem(45px)});\n }\n\n .#{$ns}AsideNav-subList {\n display: none;\n }\n\n &.is-open .#{$ns}AsideNav-subList {\n display: block;\n }\n }\n }\n\n &-subHeader {\n display: none;\n\n a {\n cursor: default;\n background: transparent;\n color: var(--Layout-asideLink-color);\n\n padding: calc(\n (\n var(--Layout-nav--folded-height) - var(--lineHeightBase) *\n var(--Layout-asideLink-fontSize)\n ) / 2\n )\n var(--gap-md);\n\n &:hover {\n color: var(--Layout-asideLink-onHover-color);\n background: transparent;\n }\n }\n }\n\n &-tooltip {\n pointer-events: none;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n position: absolute;\n font-size: var(--Tooltip--attr-fontSize);\n line-height: var(--Tooltip--attr-lineHeigt);\n text-align: left;\n white-space: nowrap;\n background: var(--Tooltip--attr-bg);\n border: var(--Tooltip--attr-borderWidth) solid\n var(--Tooltip--attr-borderColor);\n border-radius: var(--Tooltip--attr-borderRadius);\n box-shadow: var(--Tooltip--attr-boxShadow);\n left: 100%;\n color: var(--Tooltip--attr-color);\n padding: var(--Tooltip--attr-paddingY) var(--Tooltip--attr-paddingX);\n opacity: 0;\n transition: var(--Tooltip--attr-transition);\n }\n\n &-divider {\n width: auto;\n height: px2rem(1px);\n margin: var(--Layout-asideDivider-margin);\n overflow: hidden;\n font-size: 0;\n background: var(--Layout-asideDivider-bg);\n }\n}\n\n// 图片 icon\nimg.#{$ns}AsideNav-itemIcon {\n float: none;\n height: var(--Layout-asideLink-fontSize);\n width: auto;\n margin-right: var(--gap-xs);\n vertical-align: middle;\n}\n\n// @include media-device('mobile') {\n\n// }\n\n@include media-breakpoint-up(md) {\n .#{$ns}Layout--folded {\n .#{$ns}AsideNav-label {\n display: none;\n }\n\n .#{$ns}AsideNav-subHeader {\n display: block;\n }\n\n .#{$ns}AsideNav-item:hover > .#{$ns}AsideNav-tooltip {\n opacity: 1;\n z-index: $zindex-tooltip;\n margin: 0 0 0 var(--Tooltip--attr-gap);\n opacity: 1;\n }\n\n .#{$ns}AsideNav-list > .#{$ns}AsideNav-item > a {\n text-align: center;\n position: relative;\n padding: 0;\n text-align: center;\n height: var(--Layout-nav--folded-height);\n border: none;\n\n .#{$ns}AsideNav-itemArrow,\n .#{$ns}AsideNav-itemLabel {\n display: none;\n }\n\n .#{$ns}AsideNav-itemIcon {\n width: auto;\n float: none !important;\n display: block;\n font-size: px2rem(16px);\n margin: 0;\n line-height: var(--Layout-nav--folded-height);\n border: none !important;\n }\n\n .#{$ns}AsideNav-itemBadge {\n position: absolute;\n right: px2rem(12px);\n top: px2rem(8px);\n z-index: 3;\n }\n }\n\n .#{$ns}AsideNav-list > .#{$ns}AsideNav-item.is-lg > a {\n height: var(--Layout-nav-lgHeight);\n\n .#{$ns}AsideNav-itemIcon {\n line-height: var(--Layout-nav-lgHeight);\n }\n }\n\n .#{$ns}AsideNav-item .#{$ns}AsideNav-item a {\n padding-left: var(--gap-md) !important;\n }\n\n .#{$ns}AsideNav-subList {\n height: 0 !important;\n position: absolute;\n left: 100%;\n top: 0 !important;\n z-index: 1050;\n width: var(--Layout-aside-width);\n box-shadow: 0 px2rem(2px) px2rem(6px) rgba(0, 0, 0, 0.1);\n }\n\n &.#{$ns}Layout--sm .#{$ns}AsideNav-subList {\n width: var(--Layout-aside--sm-width);\n }\n\n &.#{$ns}Layout--md .#{$ns}AsideNav-subList {\n width: var(--Layout-aside--md-width);\n }\n\n &.#{$ns}Layout--lg .#{$ns}AsideNav-subList {\n width: var(--Layout-aside--lg-width);\n }\n }\n}\n",".#{$ns}Hbox {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n\n &-col {\n flex-basis: 0;\n flex-grow: 1;\n min-height: 1px;\n max-width: 100%;\n width: 100%;\n\n &--customWidth {\n flex-grow: unset;\n flex-basis: unset;\n }\n\n &--auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%;\n }\n }\n\n &--hRight {\n justify-content: flex-end;\n }\n\n &--hCenter {\n justify-content: center;\n }\n &--hBetween {\n justify-content: space-between;\n }\n\n &--vMiddle > &-col {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n &--vBottom > &-col {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n }\n\n &--vBetween > &-col {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n\n & > &-col--vTop {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n }\n\n & > &-col--vMiddle {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n & > &-col--vBottom {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n }\n\n & > &-col--vBetween {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n}\n\n.#{$ns}Hbox--xs {\n margin-left: calc(var(--gap-xs) * -0.5);\n margin-right: calc(var(--gap-xs) * -0.5);\n\n > .#{$ns}Hbox-col {\n padding-left: calc(var(--gap-xs) * 0.5);\n padding-right: calc(var(--gap-xs) * 0.5);\n }\n}\n\n.#{$ns}Hbox--sm {\n margin-left: calc(var(--gap-sm) * -0.5);\n margin-right: calc(var(--gap-sm) * -0.5);\n\n > .#{$ns}Hbox-col {\n padding-left: calc(var(--gap-sm) * 0.5);\n padding-right: calc(var(--gap-sm) * 0.5);\n }\n}\n\n.#{$ns}Hbox--base {\n margin-left: calc(var(--gap-base) * -0.5);\n margin-right: calc(var(--gap-base) * -0.5);\n\n > .#{$ns}Hbox-col {\n padding-left: calc(var(--gap-base) * 0.5);\n padding-right: calc(var(--gap-base) * 0.5);\n }\n}\n\n.#{$ns}Hbox--md {\n margin-left: calc(var(--gap-md) * -0.5);\n margin-right: calc(var(--gap-md) * -0.5);\n\n > .#{$ns}Hbox-col {\n padding-left: calc(var(--gap-md) * 0.5);\n padding-right: calc(var(--gap-md) * 0.5);\n }\n}\n\n.#{$ns}Hbox--lg {\n margin-left: calc(var(--gap-lg) * -0.5);\n margin-right: calc(var(--gap-lg) * -0.5);\n\n > .#{$ns}Hbox-col {\n padding-left: calc(var(--gap-lg) * 0.5);\n padding-right: calc(var(--gap-lg) * 0.5);\n }\n}\n",".#{$ns}Vbox {\n display: table;\n border-spacing: 0;\n position: relative;\n width: 100%;\n height: 100%;\n min-height: 240px;\n\n & .row-row {\n display: table-row;\n height: 100%;\n\n & .#{$ns}Vbox-cell {\n position: relative;\n height: 100%;\n width: 100%;\n\n .ie & {\n display: table-cell;\n overflow: auto;\n\n & .cell-inner {\n overflow: visible !important;\n }\n }\n\n & .cell-inner {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n -webkit-overflow-scrolling: touch;\n overflow: auto;\n }\n }\n }\n}\n",".#{$ns}Button {\n display: inline-block;\n font-weight: var(--Button-fontWeight);\n text-align: center;\n vertical-align: middle;\n user-select: none;\n background: transparent;\n border: var(--Button-borderWidth) solid transparent;\n transition: var(--Button-transition);\n white-space: nowrap;\n min-width: var(--Button-mimWidth);\n\n &:active,\n &.is-active {\n color: var(--Button-onActive-color);\n box-shadow: var(--Button-onActive-boxShadow);\n border-color: var(--Button-onActive-border);\n\n &:focus {\n box-shadow: var(--Button-onActive-boxShadow);\n }\n }\n\n @include button-size(\n var(--Button-paddingY),\n var(--Button-paddingX),\n var(--Button-fontSize),\n var(--Button-lineHeight),\n var(--Button-borderRadius),\n var(--Button-height)\n );\n\n @include hover-focus {\n // color: var(--text-color);\n text-decoration: none;\n }\n\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: var(--Button-onFocus-boxShadow);\n }\n\n &.is-disabled,\n &:disabled {\n // opacity: var(--Button-onDisabled-opacity);\n filter: grayscale(100%);\n box-shadow: none;\n cursor: not-allowed;\n color: var(--text--muted-color);\n pointer-events: auto;\n border: var(--Button-borderWidth) solid var(--Button-onDisabled-borderColor);\n background: var(--Button-onDisabled-bg);\n\n & > svg,\n & > svg path {\n fill: currentColor;\n }\n }\n\n &:not(:disabled):not(.is-disabled) {\n cursor: pointer;\n }\n\n &.cxd-Button--link.is-disabled {\n background: transparent;\n border: none;\n }\n\n > .pull-left,\n > .pull-right {\n line-height: inherit;\n }\n\n > .fa,\n > .iconfont,\n > .glyphicon {\n font-size: inherit;\n }\n}\n\na.#{$ns}Button.is-disabled,\nfieldset:disabled a.#{$ns}Button {\n pointer-events: none;\n}\n\n.#{$ns}Button--primary {\n @include button-variant(\n var(--Button--primary-bg),\n var(--Button--primary-border),\n var(--Button--primary-color),\n var(--Button--primary-onHover-bg),\n var(--Button--primary-onHover-border),\n var(--Button--primary-onHover-color),\n var(--Button--primary-onActive-bg),\n var(--Button--primary-onActive-border),\n var(--Button--primary-onActive-color)\n );\n}\n\n.#{$ns}Button--secondary {\n @include button-variant(\n var(--Button--secondary-bg),\n var(--Button--secondary-border),\n var(--Button--secondary-color),\n var(--Button--secondary-onHover-bg),\n var(--Button--secondary-onHover-border),\n var(--Button--secondary-onHover-color),\n var(--Button--secondary-onActive-bg),\n var(--Button--secondary-onActive-border),\n var(--Button--secondary-onActive-color)\n );\n}\n\n.#{$ns}Button--success {\n @include button-variant(\n var(--Button--success-bg),\n var(--Button--success-border),\n var(--Button--success-color),\n var(--Button--success-onHover-bg),\n var(--Button--success-onHover-border),\n var(--Button--success-onHover-color),\n var(--Button--success-onActive-bg),\n var(--Button--success-onActive-border),\n var(--Button--success-onActive-color)\n );\n}\n\n.#{$ns}Button--enhance {\n @include button-variant(\n var(--Button--enhance-bg),\n var(--Button--enhance-border),\n var(--Button--enhance-color),\n var(--Button--enhance-onHover-bg),\n var(--Button--enhance-onHover-border),\n var(--Button--enhance-onHover-color),\n var(--Button--enhance-onActive-bg),\n var(--Button--enhance-onActive-border),\n var(--Button--enhance-onActive-color)\n );\n}\n\n.#{$ns}Button--info {\n @include button-variant(\n var(--Button--info-bg),\n var(--Button--info-border),\n var(--Button--info-color),\n var(--Button--info-onHover-bg),\n var(--Button--info-onHover-border),\n var(--Button--info-onHover-color),\n var(--Button--info-onActive-bg),\n var(--Button--info-onActive-border),\n var(--Button--info-onActive-color)\n );\n}\n\n.#{$ns}Button--warning {\n @include button-variant(\n var(--Button--warning-bg),\n var(--Button--warning-border),\n var(--Button--warning-color),\n var(--Button--warning-onHover-bg),\n var(--Button--warning-onHover-border),\n var(--Button--warning-onHover-color),\n var(--Button--warning-onActive-bg),\n var(--Button--warning-onActive-border),\n var(--Button--warning-onActive-color)\n );\n}\n\n.#{$ns}Button--danger {\n @include button-variant(\n var(--Button--danger-bg),\n var(--Button--danger-border),\n var(--Button--danger-color),\n var(--Button--danger-onHover-bg),\n var(--Button--danger-onHover-border),\n var(--Button--danger-onHover-color),\n var(--Button--danger-onActive-bg),\n var(--Button--danger-onActive-border),\n var(--Button--danger-onActive-color)\n );\n}\n\n.#{$ns}Button--light {\n @include button-variant(\n var(--Button--light-bg),\n var(--Button--light-border),\n var(--Button--light-color),\n var(--Button--light-onHover-bg),\n var(--Button--light-onHover-border),\n var(--Button--light-onHover-color),\n var(--Button--light-onActive-bg),\n var(--Button--light-onActive-border),\n var(--Button--light-onActive-color)\n );\n}\n\n.#{$ns}Button--dark {\n @include button-variant(\n var(--Button--dark-bg),\n var(--Button--dark-border),\n var(--Button--dark-color),\n var(--Button--dark-onHover-bg),\n var(--Button--dark-onHover-border),\n var(--Button--dark-onHover-color),\n var(--Button--dark-onActive-bg),\n var(--Button--dark-onActive-border),\n var(--Button--dark-onActive-color)\n );\n}\n\n.#{$ns}Button--default {\n @include button-variant(\n var(--Button--default-bg),\n var(--Button--default-border),\n var(--Button--default-color),\n var(--Button--default-onHover-bg),\n var(--Button--default-onHover-border),\n var(--Button--default-onHover-color),\n var(--Button--default-onActive-bg),\n var(--Button--default-onActive-border),\n var(--Button--default-onActive-color)\n );\n}\n\n.#{$ns}Button--xs {\n @include button-size(\n var(--Button--xs-paddingY),\n var(--Button--xs-paddingX),\n var(--Button--xs-fontSize),\n var(--Button--xs-lineHeight),\n var(--Button--sm-borderRadius),\n var(--Button--xs-height)\n );\n\n &.#{$ns}Button--iconOnly {\n min-width: calc(\n var(--Button--xs-height) * var(--Button--iconOnly-minWidthRate)\n );\n }\n}\n\n.#{$ns}Button--sm {\n @include button-size(\n var(--Button--sm-paddingY),\n var(--Button--sm-paddingX),\n var(--Button--sm-fontSize),\n var(--Button--sm-lineHeight),\n var(--Button--sm-borderRadius),\n var(--Button--sm-height)\n );\n\n &.#{$ns}Button--iconOnly {\n min-width: calc(\n var(--Button--sm-height) * var(--Button--iconOnly-minWidthRate)\n );\n }\n}\n\n.#{$ns}Button--md {\n @include button-size(\n var(--Button--md-paddingY),\n var(--Button--md-paddingX),\n var(--Button--md-fontSize),\n var(--Button--md-lineHeight),\n var(--Button-borderRadius),\n var(--Button--md-height)\n );\n\n &.#{$ns}Button--iconOnly {\n min-width: calc(\n var(--Button--md-height) * var(--Button--iconOnly-minWidthRate)\n );\n }\n}\n\n.#{$ns}Button--lg {\n @include button-size(\n var(--Button--lg-paddingY),\n var(--Button--lg-paddingX),\n var(--Button--lg-fontSize),\n var(--Button--lg-lineHeight),\n var(--Button--lg-borderRadius),\n var(--Button--lg-height)\n );\n\n &.#{$ns}Button--iconOnly {\n min-width: calc(\n var(--Button--lg-height) * var(--Button--iconOnly-minWidthRate)\n );\n }\n}\n\n.#{$ns}Button--iconOnly {\n min-width: calc(var(--Button-height) * var(--Button--iconOnly-minWidthRate));\n\n &:not(.#{$ns}Button--link) {\n > svg.icon {\n width: px2rem(14px);\n height: px2rem(14px);\n top: px2rem(2px);\n }\n\n > .fa,\n > .iconfont {\n font-size: var(--fontSizeMd);\n }\n\n > .iconfont {\n line-height: 1;\n }\n }\n}\n\n.#{$ns}Button--loading {\n @include button-loading-icon();\n}\n\n.#{$ns}Button--link {\n width: auto;\n min-width: auto;\n font-weight: var(--fontWeightNormal);\n color: var(--Button--link-color);\n text-decoration: var(--link-decoration);\n border: none;\n height: auto;\n\n @include hover-focus {\n color: var(--Button--link-onHover-color);\n box-shadow: none;\n }\n\n @include hover-active {\n color: var(--Button--link-onActive-color);\n box-shadow: none;\n }\n\n &:disabled,\n &.is-disabled {\n color: var(--text--muted-color);\n pointer-events: none;\n background: var(--Button-onDisabled-bg);\n }\n}\n\n.#{$ns}Button--block {\n display: block;\n width: 100%;\n\n + .#{$ns}Button--block {\n margin-top: var(--gap-base);\n }\n}\n\ninput[type='submit'],\ninput[type='reset'],\ninput[type='button'] {\n &.#{$ns}Button--block {\n width: 100%;\n }\n}\n\n.#{$ns}ButtonToolbar {\n margin-left: calc(var(--gap-xs) * -1);\n margin-top: calc(var(--gap-xs) * -1);\n\n > .#{$ns}Button {\n margin-left: var(--gap-xs);\n margin-top: var(--gap-xs);\n }\n}\n\n.#{$ns}Action {\n display: inline-block;\n &:hover {\n cursor: pointer;\n }\n}\n","@mixin avatar-size($size, $fontSize) {\n width: $size;\n height: $size;\n line-height: $size;\n\n i {\n font-size: $fontSize;\n }\n}\n\n.#{$ns}Avatar {\n background: var(--Avatar-bg);\n @include avatar-size(var(--Avatar-size-default), var(--Avatar-icon-size-default));\n position: relative;\n display: inline-block;\n overflow: hidden;\n flex-shrink: 0;\n border-radius: 50%;\n text-align: center;\n\n &--lg {\n @include avatar-size(var(--Avatar-size-large), var(--Avatar-icon-size-large));\n }\n\n &--sm {\n @include avatar-size(var(--Avatar-size-small), var(--Avatar-icon-size-small));\n }\n\n &--text {\n position: absolute;\n left: 50%;\n transform-origin: 0 center;\n }\n\n &--square {\n border-radius: 0%;\n }\n\n &--rounded {\n border-radius: 10%;\n }\n\n img {\n width: 100%;\n height: 100%;\n }\n\n &:hover {\n\n img,\n i {\n transform: scale(1.1);\n }\n }\n}\n",".#{$ns}Breadcrumb {\n &-icon {\n margin-right: px2rem(2px);\n }\n &-separator {\n user-select: none;\n margin: 0 var(--gap-xs);\n }\n}\n",".#{$ns}Badge {\n display: inline-block;\n position: relative;\n\n &-text,\n &-dot,\n &-ribbon {\n background: var(--danger);\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%, -50%);\n transform-origin: 100% 0;\n z-index: auto;\n border-radius: calc(var(--Badge-size) / 2);\n }\n\n &--top-left {\n top: 0;\n left: 0;\n right: auto;\n transform: translate(-50%, -50%);\n }\n\n &--bottom-left {\n top: auto;\n bottom: 0;\n left: 0;\n right: auto;\n transform: translate(-50%, 50%);\n }\n\n &--bottom-right {\n top: auto;\n bottom: 0;\n left: auto;\n right: 0;\n transform: translate(50%, 50%);\n }\n\n &--danger {\n background: var(--Badge--danger-bg);\n }\n\n &--info {\n background: var(--Badge--info-bg);\n }\n\n &--success {\n background: var(--Badge--success-bg);\n }\n\n &--warning {\n background: var(--Badge--warning-bg);\n }\n // 显示文字\n &-text {\n color: var(--Badge-color);\n height: var(--Badge-size);\n line-height: var(--Badge-size);\n white-space: nowrap;\n text-align: center;\n padding: 0 6px;\n }\n\n // 只显示小红点\n &-dot {\n z-index: auto;\n width: var(--Badge-size);\n height: var(--Badge-size);\n border-radius: 50%;\n }\n\n // 横幅\n &-ribbon-out {\n overflow: hidden;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0\n }\n\n &-ribbon {\n color: var(--Badge-color);\n height: var(--Badge-size);\n line-height: var(--Badge-size);\n transform: translateX(calc(50% - 5px)) rotate(45deg) scale(.7);\n transform-origin: 50% 0;\n border-radius: 0;\n text-align: center;\n width: px2rem(1000px);\n top: 5px;\n }\n\n &-ribbon-out--top-left, &-ribbon-out--bottom-left {\n left: 0;\n right: auto\n }\n\n &-ribbon--top-left {\n transform: translateX(calc(-50% + 5px)) rotate(-45deg) scale(.7);\n left: 0;\n right: auto;\n }\n\n &-ribbon--bottom-left {\n transform: translateX(calc(-50% + 5px)) rotate(45deg) scale(.7);\n transform-origin: 50% 100%;\n left: 0;\n right: auto;\n bottom: 5px;\n top: auto;\n }\n\n &-ribbon--bottom-right {\n transform: translateX(calc(50% - 5px)) rotate(-45deg) scale(.7);\n transform-origin: 50% 100%;\n left: auto;\n right: 0;\n bottom: 5px;\n top: auto;\n }\n\n // 小红点的动画\n @keyframes badgeDotAnimation {\n 0% {\n transform: scale(0.8);\n opacity: 0.4;\n }\n\n to {\n transform: scale(3.2);\n opacity: 0;\n }\n }\n}\n",".is-modalOpened {\n overflow: hidden;\n\n .#{$ns}Modal {\n overflow-x: hidden;\n overflow-y: auto;\n }\n}\n\n@keyframes modalIn {\n from {\n opacity: 0;\n transform: translate3d(0, -300px, 0) scale(0.2);\n }\n}\n\n@keyframes modalOut {\n to {\n opacity: 0;\n transform: translate3d(0, -300px, 0) scale(0.2);\n }\n}\n\n.#{$ns}Modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: $zindex-modal;\n overflow: hidden;\n outline: 0;\n\n &-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`\n pointer-events: auto;\n background: var(--Modal-bg);\n background-clip: padding-box;\n outline: 0;\n z-index: 2;\n margin-left: auto;\n margin-right: auto;\n margin-top: var(--Modal-content-startMarginTop);\n margin-bottom: var(--gap-md);\n border: var(--Modal-content-borderWidth) solid\n var(--Modal-content-borderColor);\n border-radius: var(--Modal-content-borderRadius);\n\n &.in,\n &.out {\n // opacity: 1;\n // transform: translateY(0) scale(1);\n animation-duration: var(--animation-duration);\n animation-fill-mode: both;\n }\n\n &.in {\n animation-name: modalIn;\n }\n\n &.out {\n animation-name: modalOut;\n }\n }\n\n &-overlay {\n transition: ease-in-out opacity var(--animation-duration);\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n background: var(--Modal-overlay-bg);\n pointer-events: none; // 很重要,如果不设置,弹框虽然滚轮可滚,但是鼠标没办法操作滚动条。\n opacity: 0;\n\n &.in {\n opacity: 1;\n }\n\n &.out {\n opacity: 0;\n }\n }\n\n &-header {\n padding: var(--Modal-header-paddingY) var(--Modal-header-paddingX);\n background: var(--Modal-header-bg);\n @include clearfix();\n border-bottom: var(--Modal-body-borderTop);\n border-top-left-radius: var(--Modal-content-borderRadius);\n border-top-right-radius: var(--Modal-content-borderRadius);\n }\n\n &-title {\n font-size: var(--Modal-title-fontSize);\n color: var(--Modal-title-color);\n font-weight: var(--Modal-title-fontWeight);\n }\n\n &-close {\n float: right;\n color: var(--Modal-close-color);\n line-height: inherit;\n text-decoration: none;\n vertical-align: middle;\n\n svg {\n width: var(--Modal-close-width);\n height: var(--Modal-close-width);\n fill: var(--Modal-close-color);\n }\n\n &:not(.is-disabled) {\n cursor: pointer;\n\n &:hover {\n text-decoration: none;\n color: var(--Model-close-onHover-color);\n\n svg {\n fill: var(--Model-close-onHover-color);\n }\n }\n }\n }\n\n &-content > &-close {\n position: absolute;\n right: var(--gap-md);\n top: var(--gap-sm);\n z-index: 10;\n }\n\n &-body {\n padding: var(--Modal-body--noHeader-paddingTop) var(--Modal-body-paddingX)\n var(--Modal-body-paddingY);\n flex-grow: 1;\n }\n\n &-header + &-body {\n padding-top: var(--Modal-body-paddingY);\n }\n\n &-footer {\n // @include clearfix();\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: var(--Modal-footer-padding);\n border-top: var(--Modal-body-borderBottom);\n margin: var(--Modal-footer-marginY) var(--Modal-footer-marginX);\n border-bottom-left-radius: var(--Modal-content-borderRadius);\n border-bottom-right-radius: var(--Modal-content-borderRadius);\n\n .#{$ns}Button {\n margin-left: var(--gap-sm);\n }\n }\n}\n\n@for $i from (2) through 10 {\n .#{$ns}Modal--#{$i}th {\n .#{$ns}Modal-content {\n margin-top: calc(\n var(--Modal-content-startMarginTop) +\n #{($i - 1)} *\n var(--Modal-content-stepMarginTop)\n );\n }\n }\n}\n\n@include media-breakpoint-up(sm) {\n .#{$ns}Modal-content {\n max-width: var(--Modal-widthBase);\n }\n\n .#{$ns}Modal--sm .#{$ns}Modal-content {\n max-width: var(--Modal-widthSm);\n }\n\n .#{$ns}Modal--base .#{$ns}Modal-content {\n max-width: var(--Modal-widthBase);\n }\n\n .#{$ns}Modal--md .#{$ns}Modal-content {\n max-width: var(--Modal-widthMd);\n }\n\n .#{$ns}Modal--lg .#{$ns}Modal-content {\n max-width: var(--Modal-widthLg);\n }\n\n .#{$ns}Modal--xl .#{$ns}Modal-content {\n max-width: var(--Modal-widthXl);\n }\n}\n\n.#{$ns}Dialog-info {\n flex-basis: 0;\n flex-grow: 1;\n text-align: left;\n}\n\n.#{$ns}Dialog-error {\n color: var(--danger);\n white-space: pre-wrap;\n}\n\n.#{$ns}Modal--full {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n > .#{$ns}Modal-content {\n flex-basis: 0;\n flex-grow: 1;\n margin: 30px;\n width: calc(100% - 60px);\n max-width: unset;\n\n > .#{$ns}Modal-body {\n height: 0;\n overflow: auto;\n }\n }\n}\n\n/* 移动端样式调整 */\n@include media-breakpoint-down(sm) {\n .#{$ns}Modal {\n .#{$ns}Modal-footer {\n display: flex;\n\n > .#{$ns}Button {\n flex: 1;\n height: px2rem(44px);\n\n &:first-child {\n margin-left: 0;\n }\n }\n }\n }\n}\n",".#{$ns}Drawer {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: $zindex-modal;\n overflow: hidden;\n outline: 0;\n\n &-content {\n position: absolute;\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n pointer-events: auto;\n background: var(--Drawer-bg);\n background-clip: padding-box;\n outline: 0;\n z-index: 2;\n border: var(--Drawer-content-borderWidth) solid\n var(--Drawer-content-borderColor);\n border-radius: var(--Drawer-content-borderRadius);\n transition: transform ease-in-out var(--animation-duration);\n }\n\n &-overlay {\n transition: ease-out opacity var(--animation-duration);\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n background: var(--Drawer-overlay-bg);\n opacity: 0;\n\n &.in {\n opacity: 1;\n }\n }\n\n &-header {\n padding: var(--Drawer-header-padding);\n background: var(--Drawer-header-bg);\n @include clearfix();\n border-bottom: var(--Drawer-content-borderWidth) solid\n var(--Drawer-header-borderColor);\n border-top-left-radius: var(--Drawer-content-borderRadius);\n border-top-right-radius: var(--Drawer-content-borderRadius);\n }\n\n &-title {\n font-size: var(--Drawer-title-fontSize);\n color: var(--Drawer-title-fontColor);\n }\n\n &-close {\n position: absolute;\n color: var(--Drawer-close-color);\n line-height: 1;\n text-decoration: none;\n\n svg {\n width: 30px;\n height: 30px;\n fill: var(--Drawer-close-color);\n }\n\n &:not(.is-disabled) {\n cursor: pointer;\n\n &:hover {\n text-decoration: none;\n color: var(--Drawer-close-onHover-color);\n\n svg {\n fill: var(--Drawer-close-onHover-color);\n }\n }\n }\n }\n\n &-body {\n padding: var(--Drawer-body-padding);\n flex-basis: 0;\n flex-grow: 1;\n overflow: auto;\n }\n\n &-footer {\n display: flex;\n align-items: flex-end;\n justify-content: flex-end;\n padding: var(--Drawer-footer-padding);\n border-top: var(--Drawer-content-borderWidth) solid\n var(--Drawer-footer-borderColor);\n border-bottom-left-radius: var(--Drawer-content-borderRadius);\n border-bottom-right-radius: var(--Drawer-content-borderRadius);\n\n .#{$ns}Button {\n margin-left: var(--gap-xs);\n }\n\n .#{$ns}Drawer-info {\n flex-basis: 0;\n flex-grow: 1;\n text-align: left;\n align-self: center;\n }\n\n .#{$ns}Drawer-error {\n color: var(--danger);\n white-space: pre-wrap;\n }\n }\n\n &.#{$ns}Drawer--noOverlay {\n pointer-events: none;\n\n .#{$ns}Drawer-close svg {\n margin-top: px2rem(2px);\n width: var(--gap-md);\n height: var(--gap-md);\n fill: #99a6ad;\n }\n }\n\n .#{$ns}Drawer-resizeCtrl {\n position: absolute;\n border: var(--borderWidth) solid var(--borderColor);\n background: var(--white);\n border-radius: var(--borderRadius);\n font-size: var(--fontSizeSm);\n line-height: px2rem(10px);\n text-align: center;\n user-select: none;\n }\n}\n\n// size\n@include media-breakpoint-up(sm) {\n .#{$ns}Drawer .#{$ns}Drawer-content {\n width: var(--Drawer-widthBase);\n height: var(--Drawer-widthBase);\n }\n\n .#{$ns}Drawer--xs .#{$ns}Drawer-content {\n width: var(--Drawer-widthXs);\n height: var(--Drawer-widthXs);\n }\n\n .#{$ns}Drawer--sm .#{$ns}Drawer-content {\n width: var(--Drawer-widthSm);\n height: var(--Drawer-widthSm);\n }\n\n .#{$ns}Drawer--md .#{$ns}Drawer-content {\n width: var(--Drawer-widthMd);\n height: var(--Drawer-widthMd);\n }\n\n .#{$ns}Drawer--lg .#{$ns}Drawer-content {\n width: var(--Drawer-widthLg);\n height: var(--Drawer-widthLg);\n }\n\n .#{$ns}Drawer--xl .#{$ns}Drawer-content {\n width: var(--Drawer-widthXl);\n height: var(--Drawer-widthXl);\n }\n}\n\n// positons\n.#{$ns}Drawer--top .#{$ns}Drawer-content.in,\n.#{$ns}Drawer--right .#{$ns}Drawer-content.in,\n.#{$ns}Drawer--bottom .#{$ns}Drawer-content.in,\n.#{$ns}Drawer--left .#{$ns}Drawer-content.in {\n transform: translate3d(0, 0, 0);\n}\n\n.#{$ns}Drawer--top {\n .#{$ns}Drawer-close {\n top: 100%;\n margin-top: var(--gap-sm);\n left: var(--gap-sm);\n }\n\n &.#{$ns}Drawer--noOverlay {\n .#{$ns}Drawer-close {\n top: var(--gap-base);\n right: var(--gap-base);\n left: auto;\n margin-top: 0;\n }\n }\n\n .#{$ns}Drawer-content {\n top: 0;\n bottom: auto;\n left: 0;\n right: 0;\n width: 100%;\n transform: translate3d(0, -100%, 0);\n box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.2);\n min-height: 120px;\n }\n\n .#{$ns}Drawer-resizeCtrl {\n bottom: px2rem(-6px);\n left: 50%;\n cursor: ns-resize;\n width: px2rem(24px);\n height: px2rem(12px);\n }\n}\n\n.#{$ns}Drawer--right {\n .#{$ns}Drawer-close {\n right: 100%;\n margin-right: var(--gap-sm);\n top: var(--gap-sm);\n }\n\n &.#{$ns}Drawer--noOverlay {\n .#{$ns}Drawer-close {\n top: var(--gap-base);\n right: var(--gap-base);\n margin-right: 0;\n }\n }\n\n .#{$ns}Drawer-content {\n top: 0;\n bottom: 0;\n left: auto;\n right: 0;\n height: 100%;\n transform: translate3d(100%, 0, 0);\n box-shadow: -10px 0 10px -10px rgba(0, 0, 0, 0.2);\n min-width: 120px;\n }\n\n .#{$ns}Drawer-footer {\n justify-content: flex-start;\n\n .#{$ns}Button {\n margin-left: 0;\n margin-right: var(--gap-xs);\n }\n\n .#{$ns}Drawer-info {\n flex-basis: 0;\n flex-grow: 1;\n order: 10;\n align-self: center;\n text-align: right;\n }\n\n .#{$ns}Drawer-error {\n color: var(--danger);\n }\n }\n\n .#{$ns}Drawer-resizeCtrl {\n left: px2rem(-6px);\n top: 50%;\n cursor: ew-resize;\n writing-mode: vertical-lr;\n width: px2rem(12px);\n height: px2rem(24px);\n }\n}\n\n.#{$ns}Drawer--bottom {\n .#{$ns}Drawer-close {\n bottom: 100%;\n margin-bottom: var(--gap-sm);\n left: var(--gap-sm);\n }\n\n &.#{$ns}Drawer--noOverlay {\n .#{$ns}Drawer-close {\n top: var(--gap-base);\n right: var(--gap-base);\n left: auto;\n margin-bottom: 0;\n }\n }\n\n .#{$ns}Drawer-content {\n top: auto;\n bottom: 0;\n left: 0;\n right: 0;\n width: 100%;\n transform: translate3d(0, 100%, 0);\n box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.2);\n min-height: 120px;\n }\n\n .#{$ns}Drawer-resizeCtrl {\n top: px2rem(-6px);\n left: 50%;\n cursor: ns-resize;\n width: px2rem(24px);\n height: px2rem(12px);\n }\n}\n\n.#{$ns}Drawer--left {\n .#{$ns}Drawer-close {\n left: 100%;\n margin-left: var(--gap-sm);\n top: var(--gap-sm);\n }\n\n &.#{$ns}Drawer--noOverlay {\n .#{$ns}Drawer-close {\n left: auto;\n right: var(--gap-base);\n top: var(--gap-base);\n }\n }\n\n .#{$ns}Drawer-content {\n top: 0;\n bottom: 0;\n right: auto;\n left: 0;\n height: 100%;\n transform: translate3d(-100%, 0, 0);\n box-shadow: 10px 0 10px -10px rgba(0, 0, 0, 0.2);\n border-width: 0 var(--Drawer-content-borderWidth) 0 0;\n min-width: 120px;\n }\n\n .#{$ns}Drawer-resizeCtrl {\n right: px2rem(-6px);\n top: 50%;\n cursor: ew-resize;\n writing-mode: vertical-lr;\n width: px2rem(12px);\n height: px2rem(24px);\n }\n}\n",".#{$ns}Tooltip {\n position: absolute;\n top: 0;\n left: 0;\n font-family: inherit;\n border-radius: var(--borderRadius);\n min-width: var(--Tooltip-minWidth);\n max-width: var(--Tooltip-maxWidth);\n text-align: left;\n white-space: normal;\n z-index: $zindex-tooltip;\n word-wrap: break-word;\n background: var(--Tooltip-bg);\n border: var(--Tooltip-borderWidth) solid var(--Tooltip-borderColor);\n box-shadow: var(--Tooltip-boxShadow);\n\n &-arrow {\n position: absolute;\n display: block;\n width: var(--Tooltip-arrow-width);\n height: var(--Tooltip-arrow-height);\n margin-left: calc(var(--Tooltip-arrow-width) * -1 / 2);\n left: 50%;\n\n &::before,\n &::after {\n position: absolute;\n display: block;\n content: '';\n border-color: transparent;\n border-style: solid;\n }\n }\n\n &--top {\n margin-top: calc(var(--Tooltip-arrow-height) * -1 - #{px2rem(2px)});\n\n .#{$ns}Tooltip-arrow {\n bottom: calc(\n (var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1\n );\n }\n\n .#{$ns}Tooltip-arrow::before,\n .#{$ns}Tooltip-arrow::after {\n border-width: var(--Tooltip-arrow-height)\n calc(var(--Tooltip-arrow-width) / 2) 0;\n }\n\n .#{$ns}Tooltip-arrow::before {\n bottom: 0;\n border-top-color: var(--Tooltip-arrow-outerColor);\n }\n\n .#{$ns}Tooltip-arrow::after {\n bottom: var(--Tooltip-borderWidth);\n border-top-color: var(--Tooltip-arrow-color);\n }\n }\n\n &--right {\n margin-left: calc(var(--Tooltip-arrow-height) + #{px2rem(2px)});\n\n .#{$ns}Tooltip-arrow {\n left: calc(var(--Tooltip-borderWidth) * -1);\n width: var(--Tooltip-arrow-height);\n height: var(--Tooltip-arrow-width);\n margin-top: calc(var(--Tooltip-arrow-width) / -2);\n top: 50%;\n }\n\n .#{$ns}Tooltip-arrow::before,\n .#{$ns}Tooltip-arrow::after {\n border-width: calc(var(--Tooltip-arrow-width) / 2)\n var(--Tooltip-arrow-height) calc(var(--Tooltip-arrow-width) / 2) 0;\n }\n\n .#{$ns}Tooltip-arrow::before {\n left: 0;\n border-right-color: var(--Tooltip-arrow-outerColor);\n }\n\n .#{$ns}Tooltip-arrow::after {\n left: var(--Tooltip-borderWidth);\n border-right-color: var(--Tooltip-arrow-color);\n }\n }\n\n &--bottom {\n margin-top: calc(var(--Tooltip-arrow-height) + #{px2rem(2px)});\n\n .#{$ns}Tooltip-arrow {\n top: calc(\n (var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1\n );\n }\n\n .#{$ns}Tooltip-arrow::before,\n .#{$ns}Tooltip-arrow::after {\n border-width: 0 calc(var(--Tooltip-arrow-width) / 2)\n var(--Tooltip-arrow-height) calc(var(--Tooltip-arrow-width) / 2);\n }\n\n .#{$ns}Tooltip-arrow::before {\n top: 0;\n border-bottom-color: var(--Tooltip-arrow-outerColor);\n }\n\n .#{$ns}Tooltip-arrow::after {\n top: var(--Tooltip-borderWidth);\n border-bottom-color: var(--Tooltip-arrow-color);\n }\n\n // This will remove the popover-header's border just below the arrow\n .#{$ns}Tooltip-title::before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: var(--Tooltip-arrow-width);\n margin-left: calc(var(--Tooltip-arrow-width) / -2);\n content: '';\n border-bottom: var(--Tooltip-borderWidth) solid var(--Tooltip-title-bg);\n }\n }\n\n &--left {\n margin-left: calc(var(--Tooltip-arrow-height) * -1 - #{px2rem(2px)});\n\n .#{$ns}Tooltip-arrow {\n left: auto;\n right: calc(\n (var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1\n );\n width: var(--Tooltip-arrow-height);\n height: var(--Tooltip-arrow-width);\n margin-top: calc(var(--Tooltip-arrow-width) * -1 / 2);\n top: 50%;\n }\n\n .#{$ns}Tooltip-arrow::before,\n .#{$ns}Tooltip-arrow::after {\n border-width: calc(var(--Tooltip-arrow-width) / 2) 0\n calc(var(--Tooltip-arrow-width) / 2) var(--Tooltip-arrow-height);\n }\n\n .#{$ns}Tooltip-arrow::before {\n right: 0;\n border-left-color: var(--Tooltip-arrow-outerColor);\n }\n\n .#{$ns}Tooltip-arrow::after {\n right: var(--Tooltip-borderWidth);\n border-left-color: var(--Tooltip-arrow-color);\n }\n }\n\n &-title {\n padding: var(--Tooltip-title-paddingY) var(--Tooltip-title-paddingX);\n margin-bottom: 0; // Reset the default from Reboot\n font-size: var(--fontSizeBase);\n color: var(--Tooltip-title-color);\n background: var(--Tooltip-title-bg);\n border-bottom: var(--Tooltip-borderWidth) solid\n var(--Tooltip-title-borderBottom-color);\n border-top-left-radius: calc(\n var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth)\n );\n border-top-right-radius: calc(\n var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth)\n );\n\n &:empty {\n display: none;\n }\n }\n\n &-body {\n color: var(--Tooltip-body-color);\n padding: var(--Tooltip-body-paddingY) var(--Tooltip-body-paddingX);\n }\n}\n\n@keyframes tooltipIn {\n from {\n opacity: 0;\n margin: 0;\n }\n}\n\n[data-tooltip] {\n position: relative;\n\n &:after {\n pointer-events: none;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n position: absolute;\n content: attr(data-tooltip);\n font-size: var(--Tooltip--attr-fontSize);\n line-height: var(--Tooltip--attr-lineHeigt);\n text-align: left;\n white-space: normal;\n width: max-content;\n box-sizing: content-box;\n max-width: 300px;\n background: var(--Tooltip--attr-bg);\n border: var(--Tooltip--attr-borderWidth) solid\n var(--Tooltip--attr-borderColor);\n border-radius: var(--Tooltip--attr-borderRadius);\n box-shadow: var(--Tooltip--attr-boxShadow);\n left: 100%;\n color: var(--Tooltip--attr-color);\n padding: var(--Tooltip--attr-paddingY) var(--Tooltip--attr-paddingX);\n display: none;\n animation-duration: var(--animation-duration);\n animation-fill-mode: both;\n\n @media screen and (min-width: 0\\0) {\n white-space: nowrap;\n max-width: unset;\n }\n }\n\n &:not(.is-disabled):hover:after {\n display: inline-block;\n animation-name: tooltipIn;\n\n opacity: 1;\n z-index: $zindex-tooltip;\n margin: 0 0 0 var(--Tooltip--attr-gap);\n opacity: 1;\n }\n\n &[data-position='bottom']:after {\n left: 50%;\n top: 100%;\n transform: translateX(-50%);\n }\n\n &[data-position='bottom']:hover:after {\n margin: var(--Tooltip--attr-gap) 0 0 0;\n }\n\n &[data-position='left']:after {\n top: 50%;\n right: 100%;\n left: auto;\n transform: translateY(-50%);\n }\n\n &[data-position='left']:hover:after {\n margin: 0 var(--Tooltip--attr-gap) 0 0;\n }\n\n &[data-position='top']:after {\n left: 50%;\n top: auto;\n bottom: 100%;\n transform: translateX(-50%);\n }\n\n &[data-position='top']:hover:after {\n margin: calc(var(--Tooltip--attr-gap) * -1) 0 0 0;\n }\n\n &:hover:active:after {\n content: '';\n display: none !important;\n }\n}\n",".#{$ns}TplField {\n &.is-inline {\n display: inline;\n }\n}\n",".#{$ns}PopOver {\n position: absolute;\n background: var(--PopOver-bg);\n top: 0;\n left: 0;\n z-index: $zindex-popover;\n display: none;\n padding: 0;\n margin: 0;\n font-weight: var(--fontWeightNormal);\n letter-spacing: normal;\n line-height: var(--lineHeightBase);\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n white-space: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n font-size: var(--fontSizeBase);\n box-shadow: var(--boxShadow);\n border: var(--borderWidth) solid var(--borderColor);\n border-radius: var(--borderRadius);\n\n & > * {\n position: relative;\n z-index: 2;\n }\n\n &-overlay {\n position: fixed !important;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1;\n bottom: 0;\n background: transparent;\n }\n\n &-isMobile {\n .#{$ns}PopOver-overlay {\n background: rgba(0, 0, 0, 0.3);\n }\n }\n\n &--leftBottomLeftTop {\n margin-top: px2rem(4px);\n }\n &--leftTopLeftBottom {\n margin-top: px2rem(-4px);\n }\n}\n","@keyframes PopUpIn {\n from {\n height: 0;\n }\n}\n\n@keyframes PopUpOut {\n to {\n height: 0;\n }\n}\n\n@keyframes PopUpOpacityIn {\n from {\n opacity: 0;\n }\n}\n\n@keyframes PopUpOpacityOut {\n to {\n opacity: 0;\n }\n}\n.#{$ns}PopUp {\n width: 100%;\n height: px2rem(400px);\n position: fixed;\n background: var(--PopOver-bg);\n left: 0;\n bottom: 0;\n z-index: $zindex-popover;\n padding: 0;\n margin: 0;\n font-weight: var(--fontWeightNormal);\n letter-spacing: normal;\n line-height: var(--lineHeightBase);\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n white-space: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n font-size: var(--fontSizeBase);\n box-shadow: var(--boxShadow);\n border: var(--borderWidth) solid var(--borderColor);\n border-radius: var(--borderRadius);\n overflow: hidden;\n &.in,\n &.out {\n animation-duration: var(--animation-duration);\n animation-fill-mode: both;\n }\n\n &.in {\n animation-name: PopUpIn;\n .#{$ns}PopUp-overlay {\n animation-name: PopUpOpacityIn;\n }\n }\n\n &.out {\n animation-name: PopUpOut;\n .#{$ns}PopUp-overlay {\n animation-name: PopUpOpacityOut;\n }\n }\n\n &-inner {\n position: relative;\n overflow: hidden;\n height: 100%;\n box-sizing: border-box;\n background: $white;\n display: flex;\n flex-direction: column;\n }\n\n &-closeWrap {\n position: relative;\n text-align: center;\n height: px2rem(48px);\n line-height: px2rem(48px);\n }\n\n &-closeWrap &-close {\n position: absolute;\n z-index: 1;\n color: var(--icon-color);\n cursor: pointer;\n top: px2rem(15px);\n right: px2rem(15px);\n }\n\n &-toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: px2rem(60px);\n }\n &-title {\n font-size: var(--fontSizeMd);\n }\n\n &-cancel {\n color: var(--PopUp-cancelAction-color);\n margin-left: var(--gap-sm);\n }\n\n &-confirm {\n margin-right: var(--gap-sm);\n }\n\n &-content {\n overflow-y: auto;\n height: 100%;\n display: flex;\n flex: 1;\n }\n\n & > * {\n position: relative;\n z-index: 2;\n }\n\n &-overlay {\n position: fixed !important;\n top: 0;\n left: 0;\n right: 0;\n z-index: 1;\n bottom: 0;\n background: rgba(0, 0, 0, 0.3);\n opacity: 1;\n animation-duration: var(--animation-duration);\n animation-fill-mode: both;\n }\n\n &--leftBottomLeftTop {\n margin-top: px2rem(4px);\n }\n &--leftTopLeftBottom {\n margin-top: px2rem(-4px);\n }\n &-safearea {\n height: px2rem(16px);\n }\n}\n",".#{$ns}PickerColumns {\n position: relative;\n background-color: var(--PickerColumns-bg);\n user-select: none;\n flex: 1;\n overflow: hidden;\n font-size: var(--PickerColumns-option-fontSize);\n\n li:focus {\n outline: none;\n }\n\n &-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: var(--PickerColumns-toolbar-height);\n }\n\n &-cancel,\n &-confirm {\n height: 100%;\n padding: var(--PickerColumns-action-padding);\n font-size: var(--PickerColumns-action-fontSize);\n background-color: transparent !important;\n border: none;\n cursor: pointer;\n\n &:active {\n background-color: none !important;\n }\n &:hover {\n background-color: none !important;\n }\n }\n\n &-confirm {\n color: var(--PickerColumns-confirmAction-color) !important;\n }\n\n &-cancel {\n color: var(--PickerColumns-cancelAction-color) !important;\n }\n\n &-title {\n max-width: 50%;\n font-weight: 500;\n font-size: var(--PickerColumns-title-fontSize);\n line-height: var(--PickerColumns-title-lineHeight);\n text-align: center;\n color: var(--PickerColumns-title-color);\n }\n\n &-columns {\n touch-action: none;\n position: relative;\n display: flex;\n cursor: grab;\n }\n\n &-loading {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 3;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--PickerColumns-loadingIcon-color);\n background-color: var(--PickerColumns-loadingMask-color);\n }\n\n &-frame {\n position: absolute;\n top: 50%;\n right: var(--gap-md);\n left: var(--gap-md);\n z-index: 2;\n transform: translateY(-50%);\n pointer-events: none;\n\n &::after {\n position: absolute;\n content: '';\n border-bottom: 1px solid var(--borderColor);\n border-top: 1px solid var(--borderColor);\n top: -50%;\n right: -50%;\n left: -50%;\n bottom: -50%;\n transform: scale(0.5);\n }\n }\n\n \n\n &-mask {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n background-image: linear-gradient(\n 180deg,\n hsla(0, 0%, 100%, 0.9),\n hsla(0, 0%, 100%, 0.4)\n ),\n linear-gradient(0deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4));\n background-repeat: no-repeat;\n background-position: top, bottom;\n transform: translateZ(0);\n pointer-events: none;\n }\n\n &-columnWrapper {\n margin: 0;\n padding: 0;\n list-style: none;\n transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1);\n }\n\n &-columnItem {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--PickerColumns-optionText-color);\n }\n &-columnItem.is-disabled {\n cursor: not-allowed;\n opacity: var(--PickerColumns-optionDisabled-opacity);\n }\n\n &-columnItemis-selected {\n font-size: 18px;\n color: --PickerColumns-title-color;\n }\n}\n","@keyframes bounceIn {\n from,\n 20%,\n 40%,\n 60%,\n 80%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n 0% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n\n 20% {\n transform: scale3d(1.1, 1.1, 1.1);\n }\n\n 40% {\n transform: scale3d(0.9, 0.9, 0.9);\n }\n\n 60% {\n opacity: 1;\n transform: scale3d(1.03, 1.03, 1.03);\n }\n\n 80% {\n transform: scale3d(0.97, 0.97, 0.97);\n }\n\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n}\n\n@keyframes bounceOut {\n 20% {\n transform: scale3d(0.9, 0.9, 0.9);\n }\n\n 50%,\n 55% {\n opacity: 1;\n transform: scale3d(1.1, 1.1, 1.1);\n }\n\n to {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n}\n\n.#{$ns}Toast {\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: flex-start;\n\n &-wrap {\n pointer-events: none;\n position: fixed;\n z-index: $zindex-toast;\n }\n\n max-width: var(--Toast-width);\n pointer-events: auto;\n margin-bottom: var(--gap-xs);\n\n padding: var(--Toast-paddingY) var(--Toast-paddingX);\n\n box-shadow: var(--Toast-box-shadow);\n border-radius: var(--Toast-borderRadius);\n border: var(--Toast-border-width) solid;\n color: var(--Toast-color);\n position: relative;\n opacity: var(--Toast-opacity);\n opacity: 0;\n transform: translateZ(0);\n\n &.in,\n &.out {\n animation-fill-mode: both;\n animation-duration: var(--animation-duration);\n opacity: 1;\n }\n\n &.in {\n animation-name: bounceIn;\n }\n\n &.out {\n animation-name: bounceOut;\n }\n\n &-close {\n display: inline-flex;\n font-size: var(--fontSizeLg);\n line-height: var(--gap-xl);\n height: var(--gap-xl);\n color: var(--Toast-close-color);\n margin-left: var(--gap-sm);\n opacity: 0.8;\n align-items: center;\n cursor: pointer;\n\n &:hover {\n color: var(--Toast-close--onHover-color);\n opacity: 1;\n }\n\n & > svg {\n top: 0;\n }\n }\n\n &-content {\n flex: 1;\n display: flex;\n flex-flow: column nowrap;\n justify-content: space-between;\n align-items: flex-start;\n\n .#{$ns}Toast-title {\n color: var(--text-color);\n font-size: var(--fontSizeBase);\n font-weight: 500;\n line-height: var(--gap-xl);\n margin-bottom: var(--gap-xs);\n }\n\n .#{$ns}Toast-body {\n font-size: var(--fontSizeSm);\n display: inline-block;\n vertical-align: middle;\n white-space: pre-wrap;\n flex-grow: 1;\n line-height: var(--gap-xl);\n .#{$ns}Html {\n word-break: break-word;\n }\n }\n }\n\n &-icon {\n display: inline-flex;\n text-rendering: auto;\n -webkit-font-smoothing: antialiased;\n vertical-align: middle;\n margin-right: var(--gap-sm);\n height: var(--gap-xl);\n line-height: var(--gap-xl);\n align-items: center;\n\n > svg {\n top: 0;\n width: var(--Toast-icon-width);\n height: var(--Toast-icon-height);\n color: inherit;\n }\n }\n\n // colors\n &--error {\n color: var(--Toast--danger-color);\n border-color: var(--Toast--danger-borderColor);\n background: var(--Toast--danger-bgColor);\n }\n\n &--warning {\n color: var(--Toast--warning-color);\n border-color: var(--Toast--warning-borderColor);\n background: var(--Toast--warning-bgColor);\n }\n\n &--info {\n color: var(--Toast--info-color);\n border-color: var(--Toast--info-borderColor);\n background: var(--Toast--info-bgColor);\n }\n\n &--success {\n color: var(--Toast--success-color);\n border-color: var(--Toast--success-borderColor);\n background: var(--Toast--success-bgColor);\n }\n\n // positions\n &-wrap--topRight {\n top: var(--gap-base);\n right: var(--gap-base);\n }\n\n &-wrap--topCenter {\n top: var(--gap-base);\n left: 50%;\n margin-left: calc(var(--Toast-width) / -2);\n }\n\n &-wrap--topLeft {\n top: var(--gap-base);\n left: var(--gap-base);\n }\n\n &-wrap--bottomLeft {\n left: var(--gap-base);\n bottom: var(--gap-base);\n }\n\n &-wrap--bottomCenter {\n left: 50%;\n margin-left: calc(var(--Toast-width) / -2);\n bottom: var(--gap-base);\n }\n\n &-wrap--bottomRight {\n bottom: var(--gap-base);\n right: var(--gap-base);\n }\n}\n",".#{$ns}Alert {\n font-size: var(--Alert-fontSize);\n box-shadow: var(--Alert-boxShadow);\n padding: var(--Alert-paddingY) var(--Alert-paddingX);\n border: var(--Alert-borderWidth) solid var(--Alert-borderColor);\n border-radius: var(--Alert-borderRadius);\n margin-bottom: var(--Alert-marginBottom);\n position: relative;\n color: var(--Alert-fontColor);\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: flex-start;\n\n &-icon {\n margin-right: #{px2rem(8px)};\n font-size: var(--fontSizeLg);\n }\n\n &-content {\n flex: 1;\n\n .#{$ns}Alert-title {\n color: var(--text-color);\n font-size: var(--fontSizeBase);\n font-weight: 500;\n line-height: #{px2rem(24px)};\n margin-bottom: #{px2rem(4px)};\n }\n\n .#{$ns}Alert-desc {\n line-height: #{px2rem(24px)};\n }\n }\n\n &-close {\n outline: none;\n padding: 0;\n cursor: pointer;\n background: transparent;\n border: 0;\n line-height: 1;\n color: #000;\n text-shadow: 0 1px 0 #fff;\n filter: alpha(opacity=20);\n opacity: 0.2;\n margin-left: #{px2rem(8px)};\n line-height: #{px2rem(24px)};\n\n &:hover {\n color: #000;\n text-decoration: none;\n cursor: pointer;\n filter: alpha(opacity=50);\n opacity: 0.5;\n }\n }\n\n &--danger {\n color: var(--Alert--danger-color);\n background: var(--Alert--danger-bg);\n border-color: var(--Alert--danger-borderColor);\n }\n\n &--info {\n color: var(--Alert--info-color);\n background: var(--Alert--info-bg);\n border-color: var(--Alert--info-borderColor);\n }\n\n &--success {\n color: var(--Alert--success-color);\n background: var(--Alert--success-bg);\n border-color: var(--Alert--success-borderColor);\n }\n\n &--warning {\n color: var(--Alert--warning-color);\n background: var(--Alert--warning-bg);\n border-color: var(--Alert--warning-borderColor);\n }\n}\n",".#{$ns}AppBcn {\n height: px2rem(30px);\n line-height: px2rem(30px);\n font-size: px2rem(12px);\n list-style: none;\n margin: 0;\n padding: 0 0 0 var(--gap-md);\n border-bottom: var(--borderWidth) solid var(--borderColor);\n\n &-item {\n display: inline-block;\n }\n\n &-item + &-item:before {\n padding: 0 5px;\n color: #ccc;\n content: '/\\00a0';\n }\n}\n\n.#{$ns}AppFoldBtn {\n @include icon-color();\n padding: px2rem(10px);\n margin-left: px2rem(-10px);\n cursor: pointer;\n}\n\n.#{$ns}AppLogo-html {\n display: inline-flex;\n vertical-align: middle;\n}\n",".#{$ns}ArrayInput {\n &-placeholder {\n color: var(--text--muted-color);\n padding-top: var(--Form-label-paddingTop);\n }\n\n &-addBtn {\n > svg {\n width: var(--Combo-addBtn-fontSize);\n height: var(--Combo-addBtn-fontSize);\n }\n\n font-size: var(--Combo-addBtn-fontSize);\n\n @include button-size(\n var(--Combo-addBtn-paddingY),\n var(--Combo-addBtn-paddingX),\n var(--Combo-addBtn-fontSize),\n var(--Combo-addBtn-lineHeight),\n var(--Combo-addBtn-borderRadius),\n var(--Combo-addBtn-height)\n );\n\n @include button-variant(\n var(--Combo-addBtn-bg),\n var(--Combo-addBtn-border),\n var(--Combo-addBtn-color),\n var(--Combo-addBtn-onHover-bg),\n var(--Combo-addBtn-onHover-border),\n var(--Combo-addBtn-onHover-color),\n var(--Combo-addBtn-onActive-bg),\n var(--Combo-addBtn-onActive-border),\n var(--Combo-addBtn-onActive-color)\n );\n\n &.is-disabled {\n pointer-events: none;\n opacity: var(--Button-onDisabled-opacity);\n }\n }\n\n &-toolbar {\n margin-top: var(--gap-sm);\n\n &--dnd {\n padding-left: 29px;\n }\n\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n }\n\n &-sortTip {\n color: var(--text--muted-color);\n }\n\n &-item {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n margin-bottom: var(--gap-xs);\n\n > div {\n flex-grow: 1;\n width: 0;\n min-width: 120px;\n margin-right: var(--gap-xs);\n\n &:not(:first-child) {\n margin-left: var(--gap-xs);\n }\n }\n\n &--dragging {\n position: relative;\n opacity: 0.4;\n }\n }\n\n &-itemRemove,\n &-itemDrager {\n margin: 0;\n flex-grow: unset;\n display: inline-block;\n padding: var(--Form-label-paddingTop) var(--gap-xs);\n cursor: pointer;\n\n > svg {\n color: var(--icon-color);\n }\n\n &:hover > svg {\n color: var(--icon-onHover-color);\n }\n }\n\n &-itemDrager {\n cursor: move;\n }\n}\n",".#{$ns}Tabs {\n &-linksContainer {\n position: relative;\n\n &-arrow {\n height: 100%;\n display: flex;\n align-items: center;\n top: 0;\n cursor: pointer;\n position: absolute;\n .iconfont {\n font-size: var(--Remark-icon-fontSize);\n }\n &:hover {\n color: var(--icon-onHover-color);\n }\n }\n &-arrow--left {\n left: 4px;\n }\n &-arrow--right {\n right: 4px;\n }\n &-arrow--disabled {\n .iconfont {\n cursor: not-allowed;\n color: var(--Number-handler-onDisabled-color);\n }\n &:hover {\n color: var(--Number-handler-onDisabled-color);\n }\n }\n &-main {\n overflow-y: auto;\n scrollbar-width: none;\n width: 100%;\n &::-webkit-scrollbar {\n display: none;\n }\n > .#{$ns}Tabs-links {\n white-space: nowrap;\n min-width: 100%;\n display: inline-block;\n }\n }\n }\n .#{$ns}Tabs-linksContainer--overflow {\n padding: 0 20px;\n }\n &-links {\n margin: 0;\n padding: 0;\n border-bottom: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);\n list-style: none;\n user-select: none;\n @include clearfix();\n\n > .#{$ns}Tabs-link {\n margin-bottom: calc(var(--Tabs-borderWidth) * -1);\n display: inline-block;\n position: relative;\n\n > a:first-child {\n font-size: var(--Tabs-linkFontSize);\n outline: none;\n border: var(--Tabs-borderWidth) solid transparent;\n border-top-left-radius: var(--Tabs-borderRadius);\n border-top-right-radius: var(--Tabs-borderRadius);\n color: var(--Tabs-color);\n margin: var(--Tabs-linkMargin);\n padding: var(--Tabs-linkPadding);\n text-decoration: none;\n cursor: pointer;\n display: block;\n }\n\n > .#{$ns}Combo-toolbarBtn {\n position: absolute;\n right: -10px;\n top: -10px;\n z-index: 10;\n display: none;\n }\n\n &:hover > .#{$ns}Combo-toolbarBtn {\n display: block;\n }\n\n &:hover > a:first-child,\n > a:first-child:focus {\n border-color: var(--Tabs-onHover-borderColor);\n text-decoration: none;\n }\n\n &.disabled,\n &.is-disabled {\n cursor: not-allowed;\n\n > a:first-child {\n color: var(--Tabs-onDisabled-color);\n background: transparent;\n border-color: transparent;\n pointer-events: none;\n }\n }\n\n &.active > a:first-child,\n &.is-active > a:first-child {\n color: var(--Tabs-onActive-color);\n background: var(--Tabs-onActive-bg);\n border-color: var(--Tabs-onActive-borderColor);\n border-bottom-color: transparent;\n }\n }\n }\n\n &-content {\n background: var(--Tabs-content-bg);\n border-style: solid;\n border-width: 0 var(--Tabs-borderWidth) var(--Tabs-borderWidth);\n border-color: var(--Tabs-borderColor);\n }\n\n &-pane {\n display: none;\n padding: var(--gap-base);\n opacity: 0;\n transition: opacity var(--animation-duration) linear;\n\n &.is-active {\n display: block;\n }\n\n &.in {\n opacity: 1;\n }\n }\n\n &--line {\n > .#{$ns}Tabs-linksContainer > .#{$ns}Tabs-linksContainer-arrow {\n top: -4px;\n }\n\n > .#{$ns}Tabs-links, > .#{$ns}Tabs-linksContainer > .#{$ns}Tabs-linksContainer-main > .#{$ns}Tabs-links {\n border-bottom-color: var(--Tabs--line-borderColor);\n\n > li {\n > a:first-child {\n border-width: 0 0 var(--Tabs--line-borderWidth) 0;\n padding: var(--Tabs--line-linkPadding);\n margin: var(--Tabs--line-linkMargin);\n\n &:hover,\n &:focus {\n color: var(--primary);\n background: transparent;\n border-color: transparent;\n }\n }\n\n &:last-child {\n > a {\n margin: 0;\n }\n }\n\n &.is-active {\n > a:first-child,\n > a:first-child:hover,\n > a:first-child:focus {\n border-color: var(--Tabs--line-onHover-borderColor);\n color: var(--Tabs--line-onHover-color);\n background: transparent;\n }\n }\n }\n }\n\n > .#{$ns}Tabs-content {\n border-width: 0;\n padding: var(--Tabs--line-content-padding);\n background: var(--Tabs--line-content-bg);\n }\n }\n\n &--card {\n > .#{$ns}Tabs-linksContainer {\n background: var(--Tabs--card-bg);\n }\n > .#{$ns}Tabs-links, > .#{$ns}Tabs-linksContainer > .#{$ns}Tabs-linksContainer-main > .#{$ns}Tabs-links {\n padding: var(--Tabs--card-padding);\n background: var(--Tabs--card-bg);\n border-top: px2rem(1px) solid var(--Tabs--card-borderTopColor);\n\n > li {\n &.is-active {\n > a:first-child,\n > a:first-child:hover,\n > a:first-child:focus {\n border-color: var(--Tabs--card-onActive-borderColor);\n color: var(--primary);\n border-bottom-color: var(--Tabs--card-onActive-bg);\n background: var(--Tabs--card-onActive-bg);\n }\n }\n\n > a:first-child {\n padding: var(--Tabs--card-linkPadding);\n margin: var(--Tabs--card-linkMargin);\n\n &:hover,\n &:focus {\n color: #666;\n background: var(--Tabs--card-onActive-bg);\n border-bottom-color: transparent;\n }\n }\n }\n }\n\n > .#{$ns}Tabs-content {\n border-width: 0;\n }\n }\n\n &--radio {\n > .#{$ns}Tabs-linksContainer > .#{$ns}Tabs-linksContainer-arrow {\n top: -4px;\n }\n > .#{$ns}Tabs-links, > .#{$ns}Tabs-linksContainer > .#{$ns}Tabs-linksContainer-main > .#{$ns}Tabs-links {\n border: 0;\n margin-bottom: px2rem(10px);\n\n > li {\n margin: 0;\n\n > a:first-child {\n border-width: px2rem(1px);\n border-color: var(--Tabs-borderColor);\n font-size: var(--fontSizeSm);\n text-align: center;\n margin: 0;\n padding: 0 px2rem(10px);\n min-width: 68px;\n height: px2rem(30px);\n line-height: px2rem(30px);\n border-radius: 0;\n background: var(--Tabs--radio-bg);\n\n &:hover,\n &:focus {\n color: var(--primary);\n }\n }\n\n &.is-active {\n > a:first-child,\n > a:first-child:hover,\n > a:first-child:focus {\n color: var(--Tabs--radio-bg);\n background: var(--primary);\n border-color: var(--primary);\n position: relative;\n z-index: 1;\n }\n }\n }\n\n > li + li {\n margin-left: -1px;\n }\n }\n\n > .#{$ns}Tabs-content {\n border-top: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);\n }\n }\n\n // todo 第一个选中,有一像素的空隙待修复。\n // 不带眼镜应该看不出来。\n &--tiled {\n > .#{$ns}Tabs-links, > .#{$ns}Tabs-linksContainer > .#{$ns}Tabs-linksContainer-main > .#{$ns}Tabs-links {\n width: 100%;\n display: flex;\n flex-direction: row;\n padding-left: var(--Tabs-borderWidth);\n border-bottom: 0;\n\n > li {\n flex-grow: 1;\n text-align: center;\n margin: 0 0 0 calc(var(--Tabs-borderWidth) * -1);\n\n > a:first-child {\n margin: 0;\n border-radius: 0;\n border-style: solid;\n border-color: var(--Tabs-borderColor);\n border-width: var(--Tabs-borderWidth);\n\n &:hover,\n &:focus {\n position: relative;\n z-index: 1;\n border-color: var(--Tabs-onActive-borderColor);\n color: var(--primary);\n }\n }\n\n &.is-active {\n > a:first-child,\n > a:first-child:hover,\n > a:first-child:focus {\n cursor: default;\n color: var(--primary);\n border-color: var(--Tabs-borderColor);\n border-top-color: var(--primary);\n border-bottom-color: transparent;\n }\n }\n }\n }\n }\n\n &--vertical {\n display: flex;\n min-height: px2rem(200px);\n border: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);\n border-radius: 0;\n\n > .#{$ns}Tabs-links {\n width: var(--Tabs--vertical-width);\n background: var(--Tabs--vertical-onActive-container-bg);\n border: none;\n border-right: var(--Tabs--vertical-onActive-container-borderRight);\n padding-bottom: px2rem(60px);\n\n > li {\n margin: 0 0 0 -1px;\n display: block;\n\n > a:first-child {\n border-color: transparent;\n border-radius: 0;\n border-width: var(--Tabs--vertical-onActive-borderWidth);\n margin: 0;\n\n &:hover,\n &:focus {\n color: var(--primary);\n border-color: transparent;\n }\n }\n\n &.is-active {\n > a:first-child,\n > a:first-child:hover,\n > a:first-child:focus {\n color: var(--Tabs--vertical-onActive-color);\n background: var(--Tabs--vertical-onActive-bg);\n border-color: var(--Tabs--vertical-onActive-border);\n }\n }\n }\n }\n\n > .#{$ns}Tabs-content {\n border: none;\n flex-grow: 1;\n\n > .#{$ns}Tabs-pane {\n height: 100%;\n }\n }\n }\n\n &--chrome {\n > .#{$ns}Tabs-links {\n background: var(--Tabs--chrome-bg);\n border-bottom: 0;\n padding: 0 px2rem(10px);\n padding-top: px2rem(8px);\n display: flex;\n > li {\n position: relative;\n margin-bottom: 0;\n white-space: nowrap;\n min-width: 0;\n max-width: px2rem(250px);\n padding: px2rem(7px) px2rem(20px) px2rem(6px);\n cursor: pointer;\n flex: 1;\n\n > a:first-child {\n background: none;\n border: none;\n position: relative;\n z-index: 5;\n overflow: hidden;\n padding: 0;\n }\n\n &.is-active {\n > a:first-child,\n > a:first-child:hover,\n > a:first-child:focus {\n background: none;\n border: none;\n }\n &:after {\n display: none;\n }\n }\n\n &:after {\n content: '';\n width: 1px;\n height: calc(100% - var(--Tabs--chrome-radius-size) * 2);\n position: absolute;\n right: -2px;\n background: var(--Tabs--chrome-right-boder-color);\n top: var(--Tabs--chrome-radius-size)\n }\n\n &:hover {\n .chrome-tab-background {\n z-index: 3;\n display: block;\n background-color: var(--Tabs--chrome-onHover-bg);\n }\n .chrome-tab-background > svg {\n fill: var(--Tabs--chrome-onHover-bg);\n }\n &:after {\n display: none;\n }\n }\n\n &.is-active {\n .chrome-tab-background {\n display: block;\n background-color: var(--Tabs-onActive-bg);\n }\n .chrome-tab-background > svg {\n fill: var(--Tabs-onActive-bg);\n }\n }\n }\n }\n .chrome-tab-background {\n display: none;\n position: absolute;\n z-index: 4;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n border-radius: var(--Tabs--chrome-radius-size) var(--Tabs--chrome-radius-size) 0 0;\n > svg {\n width: var(--Tabs--chrome-radius-size);\n height: var(--Tabs--chrome-radius-size);\n bottom: 0;\n position: absolute;\n }\n > .chrome-tab-background--right {\n right: calc(var(--Tabs--chrome-radius-size) * -1);\n }\n > .chrome-tab-background--left {\n left: calc(var(--Tabs--chrome-radius-size) * -1);\n }\n }\n }\n\n &-toolbar {\n display: inline-block;\n float: right;\n padding-top: var(--gap-xs);\n }\n}\n",".#{$ns}Nav {\n position: relative;\n .#{$ns}Nav-list {\n list-style: none;\n user-select: none;\n margin: 0;\n padding: 0;\n position: relative;\n\n .#{$ns}Nav-itemIcon {\n margin-right: var(--gap-sm);\n }\n\n img.#{$ns}Nav-itemIcon {\n height: var(--Tabs-linkFontSize);\n vertical-align: middle;\n }\n\n &--tabs {\n border-bottom: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);\n\n .#{$ns}Nav-item {\n margin-bottom: calc(var(--Tabs-borderWidth) * -1);\n display: inline-block;\n position: relative;\n > a {\n font-size: var(--Tabs-linkFontSize);\n display: block;\n outline: none;\n border: var(--Tabs-borderWidth) solid transparent;\n border-top-left-radius: var(--Tabs-borderRadius);\n border-top-right-radius: var(--Tabs-borderRadius);\n color: var(--Tabs-color);\n text-decoration: none;\n margin-right: px2rem(2px);\n padding: var(--gap-sm) var(--gap-xl);\n cursor: pointer;\n }\n\n &:hover > a,\n > a:focus {\n border-color: var(--Tabs-onHover-borderColor);\n text-decoration: none;\n }\n\n &.disabled > a,\n &.is-disabled > a {\n color: var(--Tabs-onDisabled-color);\n background: transparent;\n border-color: transparent;\n pointer-events: none;\n }\n\n &.active > a,\n &.is-active > a {\n color: var(--Tabs-onActive-color);\n background: var(--Tabs-onActive-bg);\n border-color: var(--Tabs-onActive-borderColor);\n border-bottom-color: var(--Tabs-content-bg);\n }\n }\n }\n\n &--stacked {\n min-height: px2rem(50px);\n\n .#{$ns}Nav-item, .#{$ns}Badge {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: stretch;\n width: 100%;\n\n .#{$ns}Nav-itemDrager {\n cursor: move;\n position: absolute;\n left: 0;\n display: none;\n line-height: 0;\n > .icon, > .#{$ns}Badge > .icon {\n color: var(--icon-color);\n\n &:hover {\n color: var(--icon-onHover-color);\n }\n }\n\n svg {\n width: px2rem(16px);\n height: px2rem(16px);\n }\n }\n\n > .#{$ns}Nav-item-badgeText {\n position: absolute;\n top: 0;\n bottom: 0;\n width: px2rem(35px);\n overflow: hidden;\n > span {\n position: absolute;\n top: px2rem(2px);\n left: px2rem(-13px);\n transform: rotate(-45deg);\n width: px2rem(50px);\n font-size: 12px;\n text-align: center;\n color: var(--white);\n background: var(--success)\n }\n }\n\n > .#{$ns}Nav-item-atcions {\n display: flex;\n align-items: center;\n }\n\n > a,\n > .#{$ns}Badge > a {\n display: flex;\n align-items: center;\n outline: none;\n color: var(--Nav-item-color);\n text-decoration: none;\n padding: var(--gap-sm) var(--gap-sm);\n cursor: pointer;\n background: var(--Nav-item-bg);\n border-radius: var(--Nav-item-borderRadius);\n text-overflow: ellipsis;\n flex: 1;\n\n // &::after {\n // border-left: var(--Nav-item-onActive-borderLeft);\n // position: absolute;\n // left: 0;\n // top: 0;\n // content: '';\n // width: 1px;\n // height: 100%;\n // transform: scaleY(0.0001);\n // transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),\n // opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);\n // }\n }\n\n > a:hover,\n > a:focus,\n > a:hover + .#{$ns}Nav-item-atcions,\n > a:focus + .#{$ns}Nav-item-atcions,\n > .#{$ns}Badge > a:hover,\n > .#{$ns}Badge > a:focus,\n > .#{$ns}Badge > a:hover + .#{$ns}Nav-item-atcions,\n > .#{$ns}Badge > a:focus + .#{$ns}Nav-item-atcions\n {\n border-color: var(--Nav-item-onHover-color);\n text-decoration: none;\n background: var(--Nav-item-onHover-bg);\n z-index: 1;\n }\n\n > a:hover > .#{$ns}Nav-itemDrager,\n > a:focus > .#{$ns}Nav-itemDrager,\n > .#{$ns}Badge > a:hover > .#{$ns}Nav-itemDrager,\n > .#{$ns}Badge > a:focus > .#{$ns}Nav-itemDrager {\n display: block;\n }\n\n &.disabled > a,\n &.is-disabled > a,\n &.disabled > .#{$ns}Badge > a,\n &.is-disabled > .#{$ns}Badge > a {\n color: var(--Nav-item-onDisabled-color);\n background: transparent;\n pointer-events: none;\n }\n\n &.active > a,\n &.is-active > .#{$ns}Nav-item-atcions,\n &.is-active > a,\n &.active > .#{$ns}Badge > a,\n &.is-active > .#{$ns}Badge > .#{$ns}Nav-item-atcions,\n &.is-active > .#{$ns}Badge > a {\n color: var(--Nav-item-onActive-color);\n position: relative;\n background: var(--Nav-item-onActive-bg) !important;\n\n &::after {\n transform: scaleY(1);\n }\n }\n\n &.is-unfolded > , &.is-unfolded > .#{$ns}Badge > {\n a .#{$ns}Nav-itemToggler {\n transform: rotate(180deg) scale(0.8);\n }\n\n .#{$ns}Nav-subItems {\n display: block;\n // margin-left: var(--gap-sm);\n }\n }\n\n .#{$ns}Nav-spinner {\n position: absolute;\n right: px2rem(10px);\n top: px2rem(8px);\n }\n\n .#{$ns}Nav-itemToggler {\n // position: absolute;\n // left: 0;\n // top: px2rem(3px);\n float: left;\n margin-right: px2rem(10px);\n height: px2rem(24px);\n text-align: center;\n line-height: px2rem(24px);\n vertical-align: middle;\n cursor: pointer;\n transform: scale(0.8);\n transition: transform var(--animation-duration);\n\n > svg {\n width: 10px;\n height: 10px;\n top: 0;\n }\n }\n\n .#{$ns}Nav-subItems {\n // background: var(--Nav-subNav-bg);\n display: none;\n padding-left: 0;\n list-style: none;\n width: 100%;\n }\n\n .#{$ns}Nav-item {\n font-size: var(--Nav-subItem-fontSize);\n\n // a:before {\n // content: '';\n // display: inline-block;\n // width: px2rem(4px);\n // height: px2rem(4px);\n // background: #ccc;\n // border-radius: px2rem(500px);\n // margin-right: px2rem(8px);\n // vertical-align: middle;\n // }\n\n // &.active > a:before,\n // &.is-active > a:before {\n // background: var(--Nav-subItem-onActiveBeforeBg);\n // }\n }\n }\n }\n }\n .#{$ns}Nav-dropIndicator {\n position: absolute;\n background: var(--Nav-item-onActive-color);\n height: 2px;\n }\n}\n",".#{$ns}Page {\n width: 100%;\n height: 100%;\n background: var(--Page-main-bg);\n\n &-header {\n padding: var(--Page-header-paddingY) var(--Page-header-paddingX);\n }\n\n &-main {\n // background: var(--Page-main-bg);\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n\n &-content {\n padding: var(--Page-content-paddingY) var(--Page-content-paddingX);\n position: relative;\n height: 100%;\n width: 100%;\n }\n\n &-main > &-header {\n border-bottom: var(--borderWidth) solid var(--borderColor);\n // background: var(--Page-header-bg);\n }\n\n &-headerRow {\n // background: var(--Page-header-bg);\n border-bottom: var(--borderWidth) solid var(--borderColor);\n\n display: flex;\n flex-direction: row;\n align-items: center;\n\n .#{$ns}Page-header,\n .#{$ns}Page-toolbar {\n flex-grow: 1;\n min-height: 100%;\n }\n\n .#{$ns}Page-toolbar {\n text-align: right;\n padding-right: var(--gap-base);\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n flex-wrap: wrap;\n }\n }\n\n &-title {\n margin: 0;\n padding: 0;\n color: var(--Page-title-color);\n line-height: var(--Page-title-lineHeight);\n font-size: var(--Page-title-fontSize);\n font-weight: var(--Page-title-fontWeight);\n }\n\n &-body {\n padding: var(--Page-body-padding);\n flex: 1 auto;\n }\n\n &-asideTplWrapper {\n padding: var(--gap-xs);\n }\n\n &-asideResizor {\n position: absolute;\n right: -0.375rem;\n top: 50%;\n cursor: ew-resize;\n writing-mode: vertical-lr;\n width: 0.75rem;\n height: 1.5rem;\n margin-top: -0.75rem;\n border: 0.0625rem solid #dee2e6;\n background-color: #fff;\n border-radius: 0.142rem;\n font-size: 12px;\n line-height: 0.625rem;\n text-align: center;\n user-select: none;\n color: #666;\n\n &:hover {\n color: #000;\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12),\n 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n }\n\n &:after {\n content: '···';\n }\n }\n}\n\n.#{$ns}Page-toolbar {\n > * + * {\n margin-left: var(--gap-xs);\n }\n}\n\n.#{$ns}Page-aside {\n // background: var(--Page-aside-bg);\n}\n\n@include media-breakpoint-up(md) {\n .#{$ns}Page-aside {\n &::before {\n content: '';\n position: absolute;\n width: inherit;\n top: 0;\n bottom: 0;\n z-index: -1;\n background: inherit;\n border: inherit;\n }\n\n width: var(--Page-aside-width);\n border-right: var(--borderWidth) solid var(--borderColor);\n\n &--withWidth {\n min-width: var(--Page-aside-width);\n max-width: var(--Page-aside-maxWidth);\n }\n }\n\n .#{$ns}Page--withSidebar {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n\n > .#{$ns}Page-content {\n width: 0;\n flex-grow: 1;\n }\n }\n}\n",".#{$ns}Remark {\n display: inline-block;\n vertical-align: middle;\n margin-left: var(--Remark-marginLeft);\n > span {\n color: var(--Remark-iconColor);\n font-size: var(--fontSizeSm);\n }\n\n cursor: pointer;\n text-align: center;\n\n &-icon {\n color: var(--Remark-iconColor);\n font-size: var(--Remark-icon-fontSize);\n background: var(--Remark-bg);\n border: var(--Remark-borderWidth) solid var(--Remark-borderColor);\n width: var(--Remark-width);\n height: var(--Remark-width);\n line-height: 1;\n display: inline-flex;\n vertical-align: baseline;\n align-self: center;\n align-items: center;\n justify-content: center;\n font-size: var(--fontSizeSm);\n user-select: none;\n\n > svg {\n width: 100%;\n height: 100%;\n display: block;\n }\n }\n\n > span + .#{$ns}Remark-icon {\n margin-left: var(--gap-xs);\n }\n\n &:hover > &-icon {\n color: var(--Remark-onHover-iconColor);\n background: var(--Remark-onHover-bg);\n border-color: var(--Remark-onHover-borderColor);\n }\n\n > svg {\n width: calc(var(--Remark-width) - #{px2rem(2px)});\n height: calc(var(--Remark-width) - #{px2rem(2px)});\n color: var(--Remark-iconColor);\n }\n\n &:hover > svg {\n color: var(--Remark-onHover-iconColor);\n }\n}\n",".#{$ns}Chart {\n min-width: 300px;\n min-height: 300px;\n position: relative;\n\n &-placeholder {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &-content {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n }\n}\n",".#{$ns}Video {\n min-width: 200px;\n\n &-cursor {\n position: absolute;\n border: 2px solid var(--info);\n transition: all var(--animation-duration) ease-out;\n }\n\n &-frameList {\n .#{$ns}Video-frameItem {\n cursor: pointer;\n }\n }\n\n &-frameLabel {\n text-align: center;\n }\n\n .video-react-paused .video-react-big-play-button.big-play-button-hide {\n display: block;\n }\n\n &-player {\n position: relative;\n }\n\n &-error {\n position: absolute;\n display: block;\n width: 100%;\n padding: 5px 10px;\n color: var(--danger);\n background: rgba(255, 255, 255, 0.4);\n text-align: center;\n top: 0;\n }\n}\n","@mixin input-range {\n -webkit-appearance: none;\n outline: none;\n border: none;\n padding: 0;\n background: none;\n\n &::-webkit-slider-runnable-track {\n background: var(--Audio-track-bg);\n height: var(--Audio-track-height);\n border-radius: var(--Audio-track-borderRadius);\n border: var(--Audio-track-border);\n }\n\n &::-webkit-slider-thumb {\n -webkit-appearance: none !important;\n border-radius: 100%;\n cursor: pointer;\n background: var(--Audio-thumb-bg);\n width: var(--Audio-thumb-width);\n height: var(--Audio-thumb-height);\n margin-top: var(--Audio-thumb-marginTop);\n }\n}\n\n@mixin svg {\n width: var(--Audio-svg-width);\n height: var(--Audio-svg-height);\n position: relative;\n top: var(--Audio-svg-top);\n}\n\n.#{$ns}Audio-original {\n display: none;\n}\n\n.#{$ns}Audio--inline {\n display: inline-block;\n}\n\n.#{$ns}Audio {\n box-sizing: border-box;\n height: var(--Audio-height);\n line-height: var(--Audio-lineHeight);\n border: var(--Audio-border);\n padding-left: var(--Audio-item-margin);\n overflow: hidden;\n\n &-controls {\n display: flex;\n flex-direction: row;\n align-items: center;\n }\n\n &-rates {\n width: var(--Audio-rate-width);\n height: var(--Audio-rate-height);\n text-align: center;\n background: var(--Audio-rate-bg);\n cursor: pointer;\n margin-right: var(--Audio-item-margin);\n }\n\n &-rateControl {\n margin-right: var(--Audio-item-margin);\n\n &::after {\n clear: both;\n content: '';\n }\n\n .#{$ns}Audio-rateControlItem {\n width: var(--Audio-rate-width);\n height: var(--Audio-rate-height);\n background: var(--Audio-rate-bg);\n cursor: pointer;\n text-align: center;\n float: left;\n box-sizing: border-box;\n border-right: var(--Audio-rateControlItem-borderRight);\n }\n }\n\n &-play {\n width: var(--Audio-play-width);\n cursor: pointer;\n margin-right: var(--Audio-item-margin);\n\n svg {\n @include svg();\n }\n }\n\n &-times {\n min-width: var(--Audio-times-width);\n margin-right: var(--Audio-item-margin);\n cursor: default;\n flex-shrink: 0;\n }\n\n &-process {\n flex: auto;\n cursor: pointer;\n min-width: var(--Audio-process-minWidth);\n margin-right: var(--Audio-item-margin);\n\n input[type='range'] {\n @include input-range();\n }\n }\n\n &-volume {\n width: var(--Audio-volume-width);\n height: var(--Audio-volume-height);\n line-height: var(--Audio-volume-lineHeight);\n cursor: pointer;\n margin-right: var(--Audio-item-margin);\n\n svg {\n @include svg();\n }\n }\n\n &-volumeControl {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: var(--Audio-volumeControl-width);\n height: var(--Audio-volume-height);\n line-height: var(--Audio-volume-lineHeight);\n margin-right: var(--Audio-item-margin);\n\n input[type='range'] {\n @include input-range();\n }\n\n .#{$ns}Audio-volumeControlIcon {\n margin-right: var(--Audio-item-margin);\n cursor: pointer;\n }\n\n svg {\n @include svg();\n }\n }\n}\n",".#{$ns}Panel {\n margin-bottom: var(--Panel-marginBottom);\n background: var(--Panel-bg);\n border: var(--Panel-border);\n border-radius: var(--Panel-borderRadius);\n -webkit-box-shadow: var(--Panel-boxShadow);\n box-shadow: var(--Panel-boxShadow);\n\n &-fixedBottom {\n position: absolute;\n background: var(--white);\n z-index: -1;\n opacity: 0;\n bottom: 999999px;\n box-shadow: var(--Panel-fixedBottom-boxShadow);\n border-top: var(--Panel-fixedBottom-borderTop);\n\n &.in {\n position: fixed;\n bottom: 0;\n z-index: $zindex-affix;\n opacity: 1;\n }\n }\n\n /* 主题 */\n &--default {\n border-color: var(--borderColor);\n\n > .#{$ns}Panel-heading {\n background: var(--Panel--default-bg);\n color: var(--Panel--default-color);\n\n .badge {\n color: var(--Panel--default-badgeColor);\n background: var(--Panel--default-badgeBg);\n }\n }\n\n > .#{$ns}Panel-heading {\n border-color: var(--Panel--default-headingBorderColor);\n }\n }\n\n &--primary {\n border-color: var(--primary);\n\n > .#{$ns}Panel-heading {\n background: var(--primary);\n color: var(--white);\n\n .badge {\n color: var(--primary);\n background: var(--white);\n }\n }\n\n > .#{$ns}Panel-heading,\n > .#{$ns}Panel-footer {\n border-color: var(--primary);\n }\n }\n\n &--success {\n border-color: var(--success);\n\n > .#{$ns}Panel-heading {\n background: var(--success);\n color: var(--white);\n\n .badge {\n color: var(--success);\n background: var(--white);\n }\n }\n\n > .#{$ns}Panel-heading,\n > .#{$ns}Panel-footer {\n border-color: var(--success);\n }\n }\n\n &--info {\n border-color: var(--info);\n\n > .#{$ns}Panel-heading {\n background: var(--info);\n color: var(--white);\n\n .badge {\n color: var(--info);\n background: var(--white);\n }\n }\n\n > .#{$ns}Panel-heading,\n > .#{$ns}Panel-footer {\n border-color: var(--info);\n }\n }\n\n &--warning {\n border-color: var(--warning);\n\n > .#{$ns}Panel-heading {\n background: var(--warning);\n color: var(--white);\n\n .badge {\n color: var(--warning);\n background: var(--white);\n }\n }\n\n > .#{$ns}Panel-heading,\n > .#{$ns}Panel-footer {\n border-color: var(--warning);\n }\n }\n\n &--danger {\n border-color: var(--danger);\n\n > .#{$ns}Panel-heading {\n background: var(--danger);\n color: var(--white);\n\n .badge {\n color: var(--danger);\n background: var(--white);\n }\n }\n\n > .#{$ns}Panel-heading,\n > .#{$ns}Panel-footer {\n border-color: var(--danger);\n }\n }\n\n /* 子组件 */\n &-heading {\n padding: var(--Panel-headingPadding);\n border-bottom: var(--Panel-headingBorderBottom);\n border-radius: var(--Panel-headingBorderRadius);\n }\n\n &-title {\n margin-top: var(--Panel-titleMarginTop);\n margin-bottom: var(--Panel-titleMarginBottom);\n font-size: var(--Panel-titleFontSize);\n color: var(--Panel-titleColor);\n }\n\n &-body {\n padding: var(--Panel-bodyPadding);\n }\n\n &-footer {\n border-color: var(--Panel-footerBorderColor);\n border-radius: var(--Panel-footerBorderRadius);\n background: var(--Panel-footerBg);\n padding: var(--Panel-footerPadding);\n border-style: solid;\n border-width: var(--Panel-borderWidth) 0 0 0;\n clear: both;\n\n .#{$ns}Button + .#{$ns}Button {\n margin-left: var(--Panel-footerButtonMarginLeft);\n }\n }\n\n &-btnToolbar {\n @include clearfix();\n text-align: var(--Panel-btnToolbarTextAlign);\n\n .#{$ns}Button {\n margin-left: var(--Panel-footerButtonMarginLeft);\n }\n\n &:empty {\n display: none;\n }\n }\n}\n\n/* 移动端样式调整 */\n@include media-breakpoint-down(sm) {\n .#{$ns}Panel--form {\n border: none;\n box-shadow: none;\n\n margin: 0 calc(var(--Panel-bodyPadding) * -1)\n calc(var(--Panel-marginBottom) / 2);\n\n .#{$ns}Panel-body {\n padding: 0 var(--gap-md) var(--gap-md);\n }\n\n > .#{$ns}Panel-heading {\n background: none;\n border: none;\n border-radius: 0;\n\n .#{$ns}Panel-title {\n padding-left: var(--Panel-bodyPadding);\n border-left: px2rem(3px) solid var(--primary);\n font-size: var(--fontSizeLg);\n }\n }\n\n .#{$ns}Panel-footerWrap {\n padding-bottom: var(--Panel-bodyPadding);\n }\n\n .#{$ns}Panel-footer {\n border-top: none;\n display: flex;\n padding: 0 var(--Panel-bodyPadding);\n\n > .#{$ns}Button {\n flex: 1;\n\n &:first-child {\n margin-left: 0;\n }\n }\n }\n }\n}\n",".#{$ns}Service {\n position: relative;\n}\n",".#{$ns}Sparkline {\n display: inline-block;\n line-height: 1;\n vertical-align: middle;\n\n &-line {\n stroke: var(--Sparkline-line-color);\n stroke-width: 1px;\n }\n\n &-area {\n fill: var(--Sparkline-area-color);\n }\n\n &--clickable {\n cursor: pointer;\n }\n}\n","@keyframes rotate {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(359deg);\n }\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(1turn);\n }\n}\n\n.is-spin {\n animation: spin 2s linear infinite;\n}\n\n.#{$ns}Spinner-overlay {\n position: absolute;\n z-index: 10;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(--Spinner-overlay-bg);\n transition: ease-out opacity var(--animation-duration);\n\n opacity: 0;\n\n &.in {\n opacity: 1;\n }\n}\n\n.#{$ns}Spinner {\n width: var(--Spinner-width);\n height: var(--Spinner-height);\n transform: translateZ(0);\n display: inline-block;\n background: var(--Spinner-bg);\n background-size: 100%;\n\n &--lg {\n width: var(--Spinner--lg-width);\n height: var(--Spinner--lg-height);\n }\n\n &--sm {\n width: var(--Spinner--sm-width);\n height: var(--Spinner--sm-height);\n }\n\n transition: ease-out all var(--animation-duration);\n\n &--icon {\n background: transparent;\n animation: spin 2s linear infinite;\n width: 16px; // reload 那个 icon 必须用这个高宽\n height: 16px;\n svg.icon {\n width: 16px;\n height: 16px;\n top: 0;\n }\n }\n}\n\n// 当启用 overlay 的时候,应该是居中模式。\n.#{$ns}Spinner--overlay {\n position: absolute;\n z-index: 11;\n top: 50%;\n left: 50%;\n transform: translate3d(-50%, -50%, 0);\n}\n\n.#{$ns}Spinner--overlay.#{$ns}Spinner--lg {\n width: var(--Spinner--lg-width);\n height: var(--Spinner--lg-height);\n line-height: var(--Spinner--lg-height);\n}\n\n@include media-breakpoint-up(md) {\n .#{$ns}Layout .#{$ns}Page-body > .#{$ns}Spinner-overlay {\n left: var(--Layout-aside-width);\n }\n\n .#{$ns}Layout--folded .#{$ns}Page-body > .#{$ns}Spinner-overlay {\n left: var(--Layout-aside--folded-width);\n }\n}\n",".#{$ns}ButtonGroup {\n position: relative;\n display: inline-flex;\n vertical-align: middle;\n\n > .#{$ns}Button {\n position: relative;\n flex: 0 1 auto;\n }\n\n > .#{$ns}Button {\n @include hover {\n z-index: 1;\n }\n\n &:focus,\n &:active,\n &.active,\n &.is-active {\n z-index: 1;\n }\n }\n\n .#{$ns}Button + .#{$ns}Button,\n .#{$ns}Button + .#{$ns}ButtonGroup,\n .#{$ns}ButtonGroup + .#{$ns}Button,\n .#{$ns}ButtonGroup + .#{$ns}ButtonGroup {\n margin-left: calc(var(--Button-borderWidth) * -1);\n }\n\n &--block {\n display: block;\n }\n}\n\n.#{$ns}ButtonToolbar {\n display: inline-flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: center;\n\n .#{$ns}ButtonGroup {\n margin-left: var(--gap-xs);\n margin-top: var(--gap-xs);\n width: auto;\n }\n}\n\n.#{$ns}ButtonGroup {\n > .#{$ns}Button:first-child {\n margin-left: 0;\n }\n\n // cxd的ButtonGroup的is-active和:active样式不一样,这里做个兼容\n .#{$ns}Button--primary.is-active {\n color: var(--ButtonGroup--primary-isActive-color);\n background: var(--ButtonGroup--primary-isActive-bg);\n }\n\n > .#{$ns}Button:not(:last-child),\n > .#{$ns}ButtonGroup:not(:last-child) > .#{$ns}Button {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n > .#{$ns}Button:not(:first-child),\n > .#{$ns}ButtonGroup:not(:first-child) > .#{$ns}Button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n}\n\n.#{$ns}ButtonGroup--vertical {\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n\n .#{$ns}Button,\n .#{$ns}ButtonGroup {\n width: 100%;\n }\n\n > .#{$ns}Button + .#{$ns}Button,\n > .#{$ns}Button + .#{$ns}ButtonGroup,\n > .#{$ns}ButtonGroup + .#{$ns}Button,\n > .#{$ns}ButtonGroup + .#{$ns}ButtonGroup {\n margin-top: calc(var(--Button-borderWidth) * -1);\n margin-left: 0;\n }\n\n > .#{$ns}Button:not(:last-child),\n > .#{$ns}ButtonGroup:not(:last-child) > .#{$ns}Button {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n > .#{$ns}Button:not(:first-child),\n > .#{$ns}ButtonGroup:not(:first-child) > .btn {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n}\n\n.#{$ns}ButtonGroup--tiled {\n display: flex;\n\n .#{$ns}Button,\n .#{$ns}ButtonGroup {\n flex-grow: 1;\n text-align: center;\n }\n}\n",".#{$ns}DropDown {\n position: relative;\n display: inline-block;\n\n &-caret {\n margin-left: var(--DropDown-caret-marginLeft);\n display: inline-block;\n vertical-align: top;\n transition: transform var(--animation-duration) ease;\n\n > svg {\n width: px2rem(10px);\n height: px2rem(10px);\n top: 0.125em;\n }\n }\n\n &.is-opened &-caret {\n transform: rotate(180deg);\n }\n\n &.is-actived {\n .#{$ns}Button {\n color: var(--link-color);\n }\n }\n\n &--block {\n display: block;\n\n .#{$ns}Button {\n display: block;\n }\n }\n\n &-menu {\n background: var(--DropDown-menu-bg);\n list-style: none;\n padding: var(--DropDown-menu-paddingY) var(--DropDown-menu-paddingX);\n min-width: var(--DropDown-menu-minWidth);\n text-align: left;\n border: none;\n user-select: none;\n\n &-root {\n position: absolute;\n z-index: $zindex-dropdown;\n top: 100%;\n left: 0;\n margin: px2rem(1px) 0 0;\n border: none;\n border-radius: var(--DropDown-menu-borderRadius);\n box-shadow: var(--DropDown-menu-boxShadow);\n min-width: var(--DropDown-menu-minWidth);\n overflow-y: auto;\n overflow-x: hidden;\n max-height: px2rem(300px);\n }\n }\n\n &--alignRight &-menu {\n left: auto;\n right: 0;\n }\n\n &-menuItem,\n &-menu > li {\n padding: var(--DropDown-menuItem-paddingY) var(--DropDown-menuItem-paddingX);\n white-space: nowrap;\n box-sizing: border-box;\n height: var(--DropDown-menu-height);\n vertical-align: middle;\n user-select: none;\n color: var(--DropDown-menuItem-color);\n text-decoration: var(--link-decoration);\n\n &:hover {\n background: var(--DropDown-menuItem-onHover-bg);\n color: var(--DropDown-menuItem-onHover-color);\n }\n\n &.is-active {\n background: var(--DropDown-menuItem-onHover-bg);\n color: var(--DropDown-menuItem-onActive-color);\n }\n\n &:not(.is-disabled),\n &:not(.disabled) {\n cursor: pointer;\n }\n\n &.is-disabled {\n cursor: not-allowed;\n // pointer-events: none;\n color: var(--DropDown-menuItem-onDisabled-color);\n filter: grayscale(80%);\n }\n\n &.#{$ns}DropDown-divider {\n height: px2rem(1px);\n margin: px2rem(9px) 0;\n overflow: hidden;\n background: var(--DropDown-menu-borderColor);\n padding: 0;\n }\n\n &.#{$ns}DropDown-groupTitle {\n height: inherit;\n font-size: var(--fontSizeSm);\n padding: var(--gap-xs) var(--gap-xs);\n padding-left: var(--gap-sm);\n color: var(--DropDown-group-color);\n flex-grow: 1;\n cursor: default;\n\n &:hover {\n background: none;\n }\n\n span {\n white-space: nowrap;\n }\n\n & ~ .#{$ns}DropDown-button {\n padding-left: var(--gap-lg);\n }\n }\n }\n\n &-menu > li a {\n color: inherit;\n display: block;\n text-decoration: none;\n }\n\n &-popover {\n border: none;\n box-shadow: none;\n }\n\n > .#{$ns}Button {\n min-width: unset;\n }\n}\n",".#{$ns}Each {\n &-placeholder {\n color: var(--text--muted-color);\n text-align: left;\n padding: var(--gap-sm);\n }\n}\n","\n.#{$ns}ScheduleCalendar {\n &-icon {\n position: absolute;\n bottom: var(--Calendar-icon-bottom);\n left: 50%;\n transform: translateX(-50%);\n display: block;\n width: var(--Calendar-icon-width);\n height: var(--Calendar-icon-height);\n border-radius: 50%;\n z-index: 10;\n }\n &-action {\n display: block;\n padding: 0;\n width: 100%;\n height: 100%;\n border: none;\n background: transparent;\n color: inherit;\n &:not(:disabled):not(.is-disabled):hover {\n color: inherit;\n background: transparent;\n border-color: transparent;\n }\n }\n .rdtDay {\n position: relative;\n }\n\n &-text-overflow {\n white-space:nowrap;\n overflow:hidden;\n text-overflow:ellipsis;\n position: absolute;\n width: 100%;\n }\n}\n\n.#{$ns}ScheduleCalendar-large {\n width: 100%;\n\n .rdtPicker {\n width: 100%;\n table {\n border-collapse: collapse;\n border-spacing: 0;\n td {\n border: var(--Calendar-borderWidth) solid var(--borderColor);\n }\n }\n }\n\n .rdtDay {\n height: var(--Calendar-rdt-day);\n vertical-align: top;\n }\n\n .#{$ns}ScheduleCalendar-large-day-wrap {\n position: absolute;\n top: 0;\n left: 0;\n min-width: 100%;\n height: 100%;\n .#{$ns}ScheduleCalendar-large-schedule-content {\n position: relative;\n z-index: 10;\n border-radius: var(--borderRadius);\n text-align: left;\n padding: var(--Calendar-schedule-content-padding);\n height: var(--Calendar-schedule-content-height);\n color: var(--Calendar-schedule-content-color);\n }\n }\n\n .#{$ns}ScheduleCalendar-action {\n z-index: 20;\n position: relative;\n }\n}\n\n.#{$ns}CalendarMobile {\n height: 100%;\n overflow: scroll;\n\n &-pop {\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100vw;\n height: 90vh;\n background: #fff;\n border-radius: px2rem(16px) px2rem(16px) 0 0;\n overflow: hidden;\n border-width: 0;\n }\n\n &-wrap {\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n\n &-header {\n flex-shrink: 0;\n box-shadow: 0 2px 10px rgb(125 126 128 / 16%);\n position: relative;\n\n .subtitle-text {\n display: inline-block;\n width: px2rem(110px);\n position: relative;\n }\n\n .rdtPrev {\n width: px2rem(20px);\n height: px2rem(44px);\n display: block;\n position: absolute;\n top: 0;\n left: px2rem(-20px);\n }\n .rdtNext {\n width: px2rem(20px);\n height: px2rem(44px);\n display: block;\n position: absolute;\n top: 0;\n right: px2rem(-20px);\n }\n }\n\n &-title,\n &-subtitle {\n height: px2rem(44px);\n font-weight: 500;\n line-height: px2rem(44px);\n text-align: center;\n }\n\n &-title {\n font-size: var(--fontSizeLg);\n }\n\n &-weekdays {\n display: flex;\n\n .weekday {\n flex: 1;\n line-height: px2rem(30px);\n text-align: center;\n }\n }\n\n &-close {\n position: absolute;\n z-index: 1;\n color: #c8c9cc;\n font-size: px2rem(16px);\n cursor: pointer;\n top: px2rem(11px);\n right: px2rem(16px);\n }\n\n &-body::-webkit-scrollbar {\n width: 0;\n }\n\n &-body {\n flex: 1;\n overflow-y: scroll;\n\n table {\n border-spacing: 0 px2rem(4px);\n }\n\n .rdt .rdtPicker td.rdtActive, .rdt .rdtPicker td.rdtActive:hover {\n background: transparent;\n color: var(--Calendar-color);\n text-shadow: none;\n }\n\n .rdt .rdtPicker tr td.rdtDisabled, .rdt .rdtPicker tr td.rdtDisabled:hover {\n color: #999;\n }\n\n .rdtOldNone td.rdtOld {\n display: none;\n }\n\n .rdtPicker td {\n height: px2rem(56px);\n position: relative;\n }\n\n .rdt .rdtPicker {\n td.rdtDay,\n td.rdtDay:hover,\n td.rdtDisabled,\n td.rdtDisabled:hover {\n background: transparent;\n }\n }\n\n .calendar-wrap {\n position: relative;\n width: px2rem(50px);\n height: 100%;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: px2rem(4px);\n }\n }\n\n &-embed &-body {\n .calendar-wrap {\n width: auto;\n max-width: px2rem(50px);\n }\n }\n\n &-footer {\n flex-shrink: 0;\n\n .date-range-confirm {\n height: px2rem(36px);\n margin: px2rem(7px) 0;\n border-radius: var(--borderRadiusMd);\n display: block;\n }\n .is-disabled {\n opacity: 0.5;\n color: var(--Button--primary-color);\n background: var(--Button--primary-bg);\n border-color: var(--Button--primary-bg);\n filter: none;\n }\n &-toolbar {\n padding: 0 px2rem(16px);\n }\n &-ranges {\n background: #fff;\n box-shadow: 0 0 2px 2px rgba(0,0,0,0.02);\n border-radius: 24px;\n overflow-x: auto;\n position: relative;\n height: px2rem(48px);\n line-height: px2rem(48px);\n }\n .#{$ns}DateRangePicker-rangers {\n position: absolute;\n white-space: nowrap;\n .#{$ns}DateRangePicker-ranger {\n margin: 0 px2rem(25px);\n }\n }\n }\n\n &-calendar-wrap {\n padding: var(--gap-sm) 0;\n }\n\n & &-calendar-wrap &-calendar .rdtPicker {\n width: 100%;\n padding: 0;\n .rdtOld {\n visibility: hidden;\n }\n .rdtNew {\n display: none;\n }\n .rdtBetween {\n background: var(--Calendar-cell-onBetween-bg) !important;\n color: var(--Button--primary-bg);\n }\n .rdtRangeStart,\n .rdtRangeStart:hover,\n .rdtRangeEnd,\n .rdtRangeEnd:hover {\n .calendar-wrap {\n background: var(--Calendar-cell-onActive-bg) !important;\n color: #fff;\n text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);\n }\n }\n\n .rdtRangeHasEnd,\n .rdtRangeHasEnd:hover {\n background: linear-gradient(to right, transparent 0%, transparent 50%, var(--Calendar-cell-onBetween-bg) 51%, var(--Calendar-cell-onBetween-bg) 100%) !important;\n }\n\n .rdtRangeEnd,\n .rdtRangeEnd:hover {\n background: linear-gradient(to right, var(--Calendar-cell-onBetween-bg) 0%, var(--Calendar-cell-onBetween-bg) 50%, transparent 51%, transparent 100%) !important;\n }\n }\n\n &-calendar-header {\n height: px2rem(30px);\n line-height: px2rem(30px);\n text-align: center;\n }\n\n &-range-text {\n position: absolute;\n right: 0;\n left: 0;\n bottom: 0;\n color: #fff;\n font-size: var(--fontSizeSm);\n white-space: nowrap;\n }\n\n &-calendar-wrap {\n position: relative;\n }\n\n &-calendar-mark {\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 0;\n color: rgba(242, 243, 245, 0.8);\n font-size: px2rem(160px);\n transform: translate(-50%, -50%);\n pointer-events: none;\n }\n\n &-toast {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: px2rem(136px);\n height: px2rem(36px);\n background: rgba(0, 0, 0, .9);\n border-radius: 4px;\n color: #fff;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n &-time {\n height: px2rem(180px);\n &-title {\n border: var(--Calendar-borderWidth) solid var(--borderColorDarken);\n border-left: none;\n border-right: none;\n text-align: center;\n height: px2rem(30px);\n line-height: px2rem(30px);\n }\n .rdtPicker {\n margin: 0 auto;\n }\n }\n .#{$ns}CalendarTime {\n height: px2rem(130px);\n overflow: hidden;\n }\n .#{$ns}PickerColumns-header {\n display: none;\n }\n}\n",".#{$ns}Collapse {\n border: var(--Collapse-border);\n padding: 0;\n line-height: px2rem(20px);\n\n &-header {\n font-size: var(--Collapse-header-fontSize);\n font-weight: var(--Collapse-header-fontWeight);\n color: var(--text--loud-color);\n padding: var(--Collapse-header-padding);\n margin: 0;\n cursor: pointer;\n background: var(--Collapse-header-bg);\n\n &-wrapper {\n display: inline-flex;\n flex-direction: var(--Collapse-header-wrapper-direction);\n }\n\n &-tpl {\n margin-right: px2rem(8px);\n }\n\n &:hover {\n background: var(--Collapse-header-onHover-bg);\n }\n }\n\n &-arrow {\n display: inline-block;\n width: px2rem(16px);\n text-align: center;\n margin-right: var(--gap-sm);\n\n &:before {\n content: '';\n position: relative;\n display: inline-block;\n width: px2rem(6px);\n height: px2rem(6px);\n top: px2rem(-2px);\n border-color: var(--text-color);\n border-style: solid;\n border-width: px2rem(1px) px2rem(1px) 0 0;\n transform: rotate(45deg);\n transform-origin: 50% 50%;\n }\n }\n\n &-icon-tranform {\n display: inline-block;\n width: px2rem(16px);\n text-align: center;\n margin-right: var(--gap-xs);\n }\n\n .#{$ns}TplField {\n display: inline-block;\n }\n\n &.is-active &-arrow:before {\n transform: rotate(135deg);\n transform-origin: 50% 30%;\n }\n &.is-active &-icon-tranform {\n transform: rotate(90deg);\n }\n\n &--disabled &-header {\n cursor: not-allowed;\n user-select: none;\n color: var(--text--muted-color);\n &:hover {\n background-color: var(--Collapse-header-bg-disabled-color);\n }\n }\n\n &--disabled &-arrow:before {\n border-color: var(--text--muted-color);\n }\n\n // title 显示在底部的模式\n &--title-bottom &-header {\n text-align: center;\n font-size: var(--fontSizeBase);\n border-top: var(--Collapse-header-collapsed-borderTop);\n border-bottom: var(--Collapse-header-collapsed-borderBottom);\n }\n\n &--title-bottom.is-collapsed &-header {\n border-top: none;\n }\n\n &--title-bottom &-arrow:before {\n top: px2rem(-4px);\n transform: rotate(135deg);\n }\n\n &--title-bottom.is-active &-arrow:before {\n top: 0;\n transform: rotate(-45deg);\n }\n\n &-contentWrapper {\n transition: height var(--animation-duration) ease;\n &.in,\n &.out {\n height: 0;\n overflow: hidden;\n }\n }\n &-content {\n padding: var(--Collapse-content-padding);\n color: var(--body-color);\n font-size: var(--Collapse-content-fontSize);\n font-weight: var(--Collapse-content-fontWeight);\n }\n}\n",".#{$ns}CollapseGroup {\n .#{$ns}Collapse:not(:last-child) {\n border-bottom: none;\n }\n\n &.icon-position-right {\n .#{$ns}Collapse-header {\n .#{$ns}Collapse-arrow {\n float: right;\n }\n }\n }\n}\n",".#{$ns}ColorField {\n display: inline-block;\n\n &-previewIcon {\n display: inline-block;\n vertical-align: middle;\n width: px2rem(16px);\n height: px2rem(16px);\n box-shadow: var(--boxShadowSm);\n background: #ccc;\n }\n\n &-value {\n display: inline-block;\n margin-left: 10px;\n vertical-align: middle;\n }\n}\n",".#{$ns}CBGroup {\n font-size: var(--fontSizeSm);\n\n &-toolbar {\n display: flex;\n flex-direction: row;\n padding-bottom: 10px;\n\n .#{$ns}Button {\n transition: padding var(--animation-duration);\n min-width: unset;\n\n svg {\n width: 10px;\n height: 10px;\n top: 0;\n margin-right: 5px;\n }\n }\n\n &:not(:hover)\n .#{$ns}CBGroup-toolbarCondition\n .#{$ns}Button:not(.is-active) {\n width: 0;\n padding: 0;\n overflow: hidden;\n opacity: 0;\n margin: 0;\n border: 0;\n }\n\n .#{$ns}CBGroup-toolbarConditionAdd {\n transition: opacity var(--animation-duration);\n display: flex;\n align-items: center;\n margin-left: var(--gap-base);\n\n .#{$ns}CBDelete {\n margin-left: var(--gap-xs);\n }\n }\n &:not(:hover) .#{$ns}CBGroup-toolbarConditionAdd {\n opacity: 0;\n }\n }\n\n &-field,\n &-operator {\n position: relative;\n display: inline-block;\n margin: px2rem(3px);\n vertical-align: middle;\n }\n\n &-fieldCaret,\n &-operatorCaret {\n transition: transform var(--animation-duration) ease-out;\n margin: 5px;\n display: flex;\n color: var(--Form-select-caret-iconColor);\n &:hover {\n color: var(--Form-select-caret-onHover-iconColor);\n }\n\n > svg {\n width: px2rem(10px);\n height: px2rem(10px);\n top: 0;\n }\n }\n\n &-fieldInput.is-active &-fieldCaret,\n &-operatorInput.is-active &-operatorCaret {\n transform: rotate(180deg);\n }\n\n &-placeholder {\n color: var(--text--muted-color);\n position: relative;\n margin-left: 30px;\n padding: 10px;\n background: rgba(0, 0, 0, 0.03);\n border-radius: 5px;\n\n &:before {\n position: absolute;\n content: '';\n top: -10px;\n left: -30px;\n width: var(--gap-md);\n border-left: solid 1px var(--borderColor);\n bottom: 0;\n }\n\n &:after {\n position: absolute;\n content: '';\n top: 50%;\n width: var(--gap-md);\n left: -30px;\n border-top: solid 1px var(--borderColor);\n }\n\n &:last-child {\n &:before {\n border-bottom-left-radius: 5px;\n border-bottom: solid 1px var(--borderColor);\n bottom: 50%;\n }\n\n &:after {\n display: none;\n }\n }\n }\n}\n\n.#{$ns}CBDelete {\n @include icon-color();\n cursor: pointer;\n margin-left: auto;\n transition: opacity var(--animation-duration);\n}\n\n.#{$ns}CBGroupOrItem {\n position: relative;\n margin-left: px2rem(30px);\n\n & + & {\n margin-top: px2rem(10px);\n }\n\n &-body {\n display: flex;\n padding: 2px 7px;\n border-radius: 5px;\n flex-direction: row;\n align-items: center;\n position: relative;\n\n background: rgba(0, 0, 0, 0.03);\n transition: all var(--animation-duration) ease-out;\n\n > .#{$ns}CBGroup {\n margin: 3px;\n }\n }\n\n &-body:not(:hover) .#{$ns}CBDelete {\n opacity: 0;\n }\n\n &.is-dragging {\n display: none;\n }\n\n &.is-ghost > &-body:before {\n position: absolute;\n z-index: 2;\n content: '';\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba($info, 0.2);\n }\n\n &-dragbar {\n cursor: move;\n width: 20px;\n margin-left: -5px;\n opacity: 0.6;\n text-align: center;\n transition: opacity var(--animation-duration) ease-out;\n @include icon-color();\n }\n\n .#{$ns}CBGroup {\n flex-grow: 1;\n }\n\n &:hover > &-body {\n background: rgba(0, 0, 0, 0.05);\n }\n\n &:hover > &-body > &-dragbar {\n opacity: 1;\n }\n\n &:before {\n position: absolute;\n content: '';\n top: -10px;\n left: -30px;\n width: 20px;\n border-left: solid 1px var(--borderColor);\n bottom: 0;\n }\n\n &:after {\n position: absolute;\n content: '';\n top: 50%;\n width: 20px;\n left: -30px;\n border-top: solid 1px var(--borderColor);\n }\n\n &:last-child {\n &:before {\n border-bottom-left-radius: 5px;\n border-bottom: solid 1px var(--borderColor);\n bottom: 50%;\n }\n\n &:after {\n display: none;\n }\n }\n}\n\n.#{$ns}CBInputSwitch {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n // margin: px2rem(3px);\n cursor: pointer;\n > a {\n @include icon-color();\n }\n\n svg {\n width: px2rem(10px);\n height: px2rem(10px);\n }\n}\n\n.#{$ns}CBFunc {\n display: inline-block;\n vertical-align: middle;\n margin: px2rem(3px);\n\n &-select {\n display: inline-block;\n position: relative;\n }\n\n &-error {\n color: var(--danger);\n }\n\n &-args {\n display: inline-block;\n > span {\n display: inline-block;\n padding: 0 5px;\n color: var(--info);\n }\n\n > div {\n display: inline-block;\n }\n }\n}\n\n.#{$ns}CBValue {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n margin: px2rem(3px);\n}\n\n.#{$ns}CBFormula {\n position: relative;\n display: inline-block;\n vertical-align: middle;\n margin: px2rem(3px);\n\n &-label {\n background: var(--ResultBox-value-bg);\n color: var(--text--muted-color);\n display: block;\n font-size: var(--fontSizeSm);\n align-self: center;\n margin: -5px 5px -5px -8px;\n padding: 5px;\n border-radius: 5px;\n user-select: none;\n }\n}\n\n.#{$ns}CBSeprator {\n width: 20px;\n text-align: center;\n display: inline-block;\n user-select: none;\n}\n","// 为了提示用户这不是系统菜单。\n@keyframes contextMenuInSpecial {\n from {\n transform: scale3d(1, 1, 1);\n }\n\n 50% {\n transform: scale3d(1.05, 1.05, 1.05);\n }\n\n to {\n transform: scale3d(1, 1, 1);\n }\n}\n\n@keyframes contextMenuIn {\n from {\n opacity: 0;\n }\n}\n\n@keyframes contextMenuOut {\n to {\n opacity: 0;\n }\n}\n\n.#{$ns}ContextMenu {\n z-index: $zindex-contextmenu;\n position: fixed;\n left: 0;\n top: 0;\n // pointer-events: none;\n\n &-menu {\n position: absolute;\n z-index: $zindex-contextmenu;\n\n &.in,\n &.out {\n // opacity: 1;\n // transform: translateY(0) scale(1);\n animation-duration: var(--animation-duration);\n animation-fill-mode: both;\n }\n\n &.in {\n animation-name: contextMenuInSpecial;\n animation-duration: var(--animation-duration);\n }\n\n &.out {\n animation-name: contextMenuOut;\n }\n\n display: block;\n position: absolute;\n\n margin: 0;\n padding: 4px 0 5px;\n\n background: rgba(239, 239, 239, 0.95);\n box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.34);\n\n color: rgba(0, 0, 0, 0.75);\n font-family: -apple-system, Lucida Grande;\n font-size: var(--fontSizeMd);\n line-height: 1.1;\n\n &::before {\n display: block;\n position: absolute;\n content: '';\n top: -1px;\n left: -1px;\n bottom: -1px;\n right: -1px;\n\n border-radius: 4px;\n border: 1px solid rgba(0, 0, 0, 0.125);\n z-index: -1;\n }\n }\n\n &-divider {\n border: none;\n height: 1px;\n background: rgba(0, 0, 0, 0.1);\n margin: 6px 1px 5px;\n padding: 0;\n }\n\n &-list {\n list-style: none;\n margin: 0;\n padding: 0;\n width: 185px;\n }\n\n &-item {\n position: relative;\n\n > a {\n white-space: nowrap;\n display: block;\n padding: 0 20px;\n border-top: 1px solid rgba(0, 0, 0, 0);\n border-bottom: 1px solid rgba(0, 0, 0, 0);\n color: inherit;\n }\n\n &:not(.is-disabled):hover > a {\n text-decoration: none;\n color: #fff;\n background: -webkit-linear-gradient(top, #648bf5, #2866f2);\n background: linear-gradient(to bottom, #648bf5 0%, #2866f2 100%);\n border-top: 1px solid #5a82eb;\n border-bottom: 1px solid #1758e7;\n cursor: pointer;\n }\n\n &.is-disabled > a {\n color: #999;\n pointer-events: none;\n }\n\n &.has-child > a::after {\n content: '';\n width: 0;\n height: 0;\n border-width: 4px 7px;\n border-style: solid;\n border-color: transparent transparent transparent rgba(0, 0, 0, 0.75);\n text-shadow: 0px 4px 9px rgba(0, 0, 0, 0.34);\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%);\n }\n\n &.has-child:hover > a::after {\n border-color: transparent transparent transparent #fff;\n }\n }\n\n &-itemIcon {\n margin-right: 5px;\n }\n\n &-subList {\n display: none;\n list-style: none;\n }\n\n &-item:hover > &-subList {\n display: block;\n animation-duration: var(--animation-duration);\n animation-fill-mode: both;\n animation-name: contextMenuIn;\n\n display: block;\n position: absolute;\n left: 100%;\n top: -3px;\n\n margin: 0;\n padding: 4px 0 5px;\n\n background: rgba(239, 239, 239, 0.95);\n box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.34);\n border-radius: 7px;\n\n color: rgba(0, 0, 0, 0.75);\n font-family: -apple-system, Lucida Grande;\n font-size: var(--fontSizeMd);\n line-height: 1.1;\n\n &::before {\n display: block;\n position: absolute;\n content: '';\n top: -1px;\n left: -1px;\n bottom: -1px;\n right: -1px;\n\n border-radius: 4px;\n border: 1px solid rgba(0, 0, 0, 0.125);\n z-index: -1;\n }\n }\n\n &--left &-item:hover > &-subList {\n left: auto;\n right: 100%;\n }\n\n &-cursor {\n position: absolute;\n width: 1px;\n height: 1px;\n z-index: -1;\n }\n\n &-overlay {\n position: fixed !important;\n z-index: $zindex-contextmenu - 1;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: transparent;\n pointer-events: none;\n }\n}\n",".#{$ns}Wizard {\n @include clearfix();\n\n position: relative;\n\n &,\n &-tabs {\n padding: 0;\n\n .#{$ns}Badge {\n display: inline-block;\n width: var(--Wizard-badge-size);\n height: var(--Wizard-badge-size);\n font-size: var(--Wizard-badge-fontSize);\n line-height: var(--Wizard-badge-size);\n color: var(--Wizard-badge-color);\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n background: var(--Wizard-badge-bg);\n border-radius: var(--Wizard-badge-borderRadius); // font-weight: 700;\n text-shadow: 0 px2rem(1px) 0 rgba(0, 0, 0, 0.2);\n margin-right: var(--Wizard-badge-marginRight);\n border: var(--Wizard-badge-border);\n box-sizing: content-box;\n\n // &--primary {\n // background: var(--primary);\n // }\n\n // &--secondary {\n // background: var(--secondary);\n // }\n\n // &--success {\n // background: var(--success);\n // }\n\n // &--info {\n // background: var(--info);\n // }\n\n // &--warning {\n // background: var(--warning);\n // }\n\n // &--danger {\n // background: var(--danger);\n // }\n\n // &--light {\n // background: var(--light);\n // }\n\n // &--dark {\n // background: var(--dark);\n // }\n &.is-active {\n color: var(--white);\n background: var(--Wizard-badge-onActive-backgroundColor);\n }\n &.is-complete {\n color: var(--white);\n background: var(--Wizard-badge-onComplete-backgroundColor);\n }\n }\n\n ul li.active {\n color: var(--info);\n }\n\n .#{$ns}Panel-footer > .#{$ns}Form-group,\n .#{$ns}Panel-footer > .btn {\n margin-left: var(--gap-xs);\n }\n\n > ul.nav {\n padding: 0;\n margin: 0;\n border: var(--borderWidth) solid var(--borderColor);\n\n li {\n position: relative;\n float: left;\n padding: 0 var(--gap-md) 0 px2rem(25px);\n margin: 0;\n color: #999999;\n cursor: pointer;\n height: var(--Wizard-steps-height);\n line-height: var(--Wizard-steps-height);\n\n a {\n border: 0 none !important;\n background: transparent !important;\n color: inherit;\n display: inline;\n padding: 0;\n\n div {\n display: inline;\n }\n }\n\n &:first-child {\n padding-left: var(--gap-md);\n border-radius: px2rem(4px) 0 0 0;\n }\n\n &:before,\n &:after {\n content: '';\n position: absolute;\n right: px2rem(-10px);\n border: var(--gap-md) solid transparent;\n border-right: 0;\n border-left: px2rem(10px) solid var(--borderColor);\n border-left-color: rgba(0, 0, 0, 0.05);\n z-index: 1;\n bottom: 0;\n }\n\n &:after {\n right: px2rem(-9px);\n border-left-color: var(--Wizard-steps-bg);\n z-index: 2;\n }\n\n &.is-active {\n color: var(--Wizard-steps-li-onActive-color);\n background: #fff;\n }\n\n &.is-active:after {\n border-left-color: #fff;\n }\n }\n\n // .Badge {\n // margin-right: px2rem(4px);\n // }\n }\n }\n\n &-steps {\n font-size: var(--fontSizeBase);\n padding: var(--Wizard-steps-padding);\n background: var(--Wizard-steps-bg);\n border-bottom: var(--Wizard-steps-borderWidth) solid var(--borderColor);\n text-align: var(--Wizard-steps-textAlign);\n @include clearfix();\n\n ul {\n display: var(--Wizard-steps-ulDisplay);\n padding: 0;\n margin: 0;\n list-style: none outside none;\n\n li {\n position: relative;\n float: left;\n padding: 0 var(--gap-md) 0 px2rem(25px);\n margin: 0;\n color: #999999;\n cursor: default;\n height: var(--Wizard-steps-height);\n line-height: var(--Wizard-steps-height);\n\n &:first-child {\n padding-left: var(--gap-md);\n border-radius: px2rem(4px) 0 0 0;\n }\n\n &:before,\n &:after {\n font-family: var(--Wizard-steps-liVender);\n content: var(--Wizard-steps-liAfterContent);\n position: absolute;\n bottom: 0;\n right: px2rem(-10px);\n border: $Wizard-steps-liAfterBorder;\n border-right: 0;\n border-left: px2rem(10px) solid var(--borderColor);\n border-left-color: rgba(0, 0, 0, 0.05);\n z-index: 2;\n }\n\n &:after {\n right: px2rem(-9px);\n border-left-color: var(--Wizard-steps-bg);\n z-index: 2;\n }\n\n &.is-active {\n color: var(--Wizard-steps-li-onActive-color);\n background: var(--Wizard-steps-li-onActive-bg);\n }\n\n &.is-active:after {\n border-left-color: var(--Wizard-steps-li-onActive-arrow-bg);\n }\n\n &.is-complete,\n &.is-complete:hover {\n color: var(--Wizard-steps-li-onActive-color);\n cursor: pointer;\n }\n }\n\n // .Badge {\n // margin-right: px2rem(4px);\n // }\n }\n }\n\n &-stepContent {\n padding: var(--Wizard-stepsContent-padding);\n\n & .Step-pane {\n display: none;\n\n &.is-active {\n display: inherit;\n }\n }\n }\n\n &--vertical {\n > .#{$ns}Wizard-step {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n border-bottom: none;\n\n > .#{$ns}Wizard-steps {\n height: auto;\n min-width: 40px;\n margin-right: 30px;\n margin-bottom: px2rem(30px); // padding: 0;\n background: none;\n border-bottom: none;\n\n li {\n background: var(--Wizard-steps-bg);\n }\n\n ul li {\n height: px2rem(40px);\n line-height: px2rem(40px);\n position: relative;\n float: none;\n border-bottom: var(--borderWidth) solid var(--borderColor);\n padding-left: var(--gap-md);\n\n &.is-active {\n background: #fff;\n }\n }\n }\n\n > .#{$ns}Wizard-stepContent {\n flex-grow: 1;\n width: 0;\n }\n\n > .#{$ns}Wizard-footer {\n width: 100%;\n }\n }\n }\n}\n",".#{$ns}Crud {\n position: relative;\n\n &.is-loading > &-body {\n // 弹框中,blur 效果变成白班,先去掉。\n // -webkit-filter: blur(5px);\n // filter: blur(5px);\n }\n\n &-selection {\n margin-bottom: var(--gap-base);\n }\n\n &-selectionLabel {\n display: inline-block;\n vertical-align: top;\n margin-top: var(--gap-xs);\n }\n\n &-value {\n cursor: pointer;\n vertical-align: middle;\n user-select: none;\n line-height: calc(\n var(--Form-input-lineHeight) * var(--Form-input-fontSize) - #{px2rem(2px)}\n );\n display: inline-block;\n font-size: var(--Form-selectValue-fontSize);\n color: var(--Form-selectValue-color);\n background: var(--Form-selectValue-bg);\n border: px2rem(1px) solid var(--Form-selectValue-borderColor);\n border-radius: 2px;\n margin-right: var(--gap-xs);\n margin-top: var(--gap-xs);\n\n &:hover {\n background: var(--Form-selectValue-onHover-bg);\n }\n\n &.is-disabled {\n pointer-events: none;\n opacity: var(--Button-onDisabled-opacity);\n }\n }\n\n &-valueIcon {\n cursor: pointer;\n border-right: px2rem(1px) solid var(--Form-selectValue-borderColor);\n padding: 1px 5px;\n\n &:hover {\n background: var(--Form-selectValue-onHover-bg);\n }\n }\n\n &-valueLabel {\n padding: 0 var(--gap-xs);\n }\n\n &-selectionClear {\n display: inline-block;\n cursor: pointer;\n user-select: none;\n margin-left: var(--gap-xs);\n margin-top: var(--gap-xs);\n vertical-align: middle;\n }\n\n &-toolbar-item {\n margin-left: var(--Crud-toolbar-gap);\n margin-top: var(--Crud-toolbar-gap);\n line-height: var(--Crud-toolbar-lineHeight);\n height: var(--Crud-toolbar-height);\n vertical-align: middle;\n display: inline-flex;\n align-items: center;\n\n &--left {\n float: left;\n }\n\n &--right {\n float: right;\n }\n }\n\n &-actions {\n > * + .#{$ns}Button,\n > * + .#{$ns}ButtonGroup,\n > * + .#{$ns}ButtonToolbar {\n margin-left: var(--Crud-toolbar-gap);\n }\n }\n\n &-statistics {\n line-height: var(--Crud-toolbar-height);\n vertical-align: middle;\n }\n\n &-pageSwitch {\n .#{$ns}Select {\n margin-left: var(--Crud-toolbar-gap);\n }\n }\n\n &-pager {\n align-self: flex-start;\n }\n\n &-filter {\n margin-bottom: var(--gap-base);\n }\n}\n\n@include media-breakpoint-up(sm) {\n .#{$ns}Crud {\n &-toolbar {\n margin-left: calc(var(--Crud-toolbar-gap) * -1);\n margin-top: calc(var(--Crud-toolbar-gap) * -1);\n flex-basis: 0;\n flex-grow: 1;\n @include clearfix();\n }\n\n &-toolbar-item {\n margin-left: var(--Crud-toolbar-gap);\n line-height: var(--Crud-toolbar-lineHeight);\n height: var(--Crud-toolbar-height);\n vertical-align: middle;\n\n &--left {\n float: left;\n }\n\n &--right {\n float: right;\n }\n }\n\n &-actions {\n > * + .#{$ns}Button,\n > * + .#{$ns}Button--disabled-wrap {\n margin-left: var(--Crud-toolbar-gap);\n }\n }\n }\n}\n",".#{$ns}Table {\n position: relative;\n\n border-radius: var(--Table-borderRadius);\n margin-bottom: var(--gap-md);\n\n .#{$ns}Form-control > & {\n margin-bottom: var(--gap-sm);\n }\n\n &-fixedLeft,\n &-fixedRight {\n position: absolute;\n background: var(--Table-bg);\n z-index: var(--Table-fixed-zIndex);\n top: auto;\n box-shadow: none;\n }\n\n &-fixedLeft {\n // 还是改成默认不显示,footable 展示的时候,配置 固定列还没修复\n left: 0;\n top: -999999px;\n\n &.in {\n box-shadow: var(--Table-fixedLeft-boxShadow);\n top: auto;\n }\n\n & > .#{$ns}Table-table {\n > thead > tr > th:last-child,\n > tbody > tr > td:last-child {\n padding-right: var(--TableCell-paddingX);\n }\n\n // > thead > tr > th:last-child {\n // border-right: var(--Table-thead-borderWidth) solid var(--Table-thead-borderColor);\n // }\n }\n }\n\n &-fixedRight {\n // 还是改成默认不显示,footable 展示的时候,配置 固定列还没修复\n right: 0;\n top: -999999px;\n\n &.in {\n box-shadow: var(--Table-fixedRight-boxShadow);\n top: auto;\n }\n\n & > .#{$ns}Table-table {\n > thead > tr > th:first-child,\n > tbody > tr > td:first-child {\n padding-left: var(--TableCell-paddingX);\n }\n\n // > thead > tr > th:first-child {\n // border-left: var(--Table-thead-borderWidth) solid var(--Table-thead-borderColor);\n // }\n }\n }\n\n &-fixedTop {\n position: absolute;\n background: var(--Table-bg);\n z-index: -1;\n opacity: 0;\n box-shadow: var(--Table-fixedTop-boxShadow);\n\n // box-sizing: content-box;\n // padding: var(--gap-base) var(--gap-base) 0 var(--gap-base);\n // margin: calc(var(--gap-base) * -1) calc(var(--gap-base) * -1) 0\n // calc(var(--gap-base) * -1);\n // > * {\n // box-sizing: border-box;\n // }\n\n &.in {\n position: fixed;\n opacity: 1;\n z-index: $zindex-affix;\n }\n\n > .#{$ns}Table-fixedLeft,\n > .#{$ns}Table-fixedRight {\n z-index: $zindex-affix + 10;\n // box-shadow: none;\n background: transparent;\n }\n\n &.is-fakeHide {\n > .#{$ns}Table-fixedLeft,\n > .#{$ns}Table-fixedRight,\n > .#{$ns}Table-wrapper {\n visibility: hidden;\n position: absolute;\n }\n }\n }\n\n &-heading {\n background: var(--Table-heading-bg);\n padding: calc(\n (\n var(--Table-heading-height) - var(--Table-fontSize) *\n var(--lineHeightBase)\n ) / 2\n )\n var(--gap-sm);\n }\n\n &--unsaved &-heading {\n background: var(--Table--unsaved-heading-bg);\n color: var(--Table--unsaved-heading-color);\n }\n\n &-wrapper {\n overflow: hidden;\n }\n\n &-placeholder {\n color: var(--text--muted-color);\n text-align: center;\n height: var(--Table-placeholder-height);\n background: transparent !important;\n\n &:hover {\n color: var(--text--muted-color);\n background: transparent !important;\n }\n\n > td {\n vertical-align: middle !important;\n text-align: center;\n }\n }\n\n &-searchableForm {\n background: var(--Table-searchableForm-backgroundColor);\n border-radius: var(--Table-searchableForm-borderRadius);\n\n &-footer {\n padding: var(--Panel-footerPadding);\n clear: both;\n }\n\n &-checkbox {\n & > div > .#{$ns}CheckboxControl {\n padding-top: 0;\n }\n }\n }\n\n &-header {\n padding: var(--Table-toolbar-marginY) var(--Table-toolbar-marginX);\n\n > * + .#{$ns}Button,\n > * + .#{$ns}ButtonGroup,\n > * + .#{$ns}ButtonToolbar {\n margin-left: var(--Crud-toolbar-gap);\n }\n }\n\n &-toolbar {\n @include clearfix();\n display: flex;\n margin: 0 var(--Table-toolbar-marginX) var(--Table-toolbar-marginY);\n flex-wrap: wrap;\n\n .#{$ns}DropDown {\n &-menuItem {\n height: auto;\n\n .#{$ns}Checkbox {\n display: flex;\n align-items: center;\n }\n }\n }\n }\n\n &-header + &-toolbar {\n padding-top: 0;\n }\n\n &-contentWrap {\n position: relative;\n margin-bottom: var(--Table-toolbar-marginY);\n }\n\n &-actions {\n display: inline-block;\n\n > * {\n margin-right: var(--Crud-toolbar-gap);\n }\n }\n\n &-content {\n min-height: 0.01%;\n overflow-x: auto;\n transform: translateZ(0);\n\n th {\n position: relative;\n }\n }\n\n &-content-colDragLine {\n position: absolute;\n width: 7px;\n top: 0;\n bottom: 0;\n right: -4px;\n cursor: col-resize;\n user-select: none;\n opacity: 0.5;\n z-index: $zindex-top;\n &:hover {\n background: var(--primary);\n }\n }\n\n &-table {\n width: 100%;\n min-width: 100%;\n margin-bottom: 0;\n font-size: var(--Table-fontSize);\n color: var(--Table-color);\n background: var(--Table-bg);\n border-spacing: 0;\n border-collapse: collapse;\n border: var(--Table-borderWidth) solid var(--Table-borderColor);\n\n & th,\n & td {\n text-align: left;\n }\n\n & th.text-center,\n & td.text-center,\n & th[colspan],\n & td[colspan] {\n text-align: center;\n }\n\n & th.text-right,\n & td.text-right {\n text-align: right;\n }\n\n &--withCombine {\n > thead > tr > th,\n > tbody > tr > td {\n &:first-child {\n padding-left: var(--TableCell-paddingX) !important;\n }\n\n &:last-child {\n padding-right: var(--TableCell-paddingX) !important;\n }\n }\n\n // reset\n > tbody > tr {\n @if $Table-strip-bg !=transparent {\n &.#{$ns}Table-tr--odd {\n background: transparent;\n }\n }\n\n &:hover {\n background: transparent;\n }\n\n > td {\n vertical-align: middle;\n }\n\n > td:not(:last-child) {\n border-right: var(--Table-borderWidth) solid var(--Table-borderColor);\n }\n }\n }\n\n &--checkOnItemClick {\n > tbody > tr {\n cursor: pointer;\n }\n }\n\n > thead > tr {\n > th {\n background: var(--Table-thead-bg);\n padding: var(--TableCell-paddingY) var(--TableCell-paddingX);\n\n &:first-child {\n padding-left: var(--TableCell--edge-paddingX);\n }\n\n &:last-child {\n padding-right: var(--TableCell--edge-paddingX);\n .#{$ns}Table-content-colDragLine {\n // 避免出现横向滚动条\n width: 4px;\n right: 0;\n }\n }\n\n &:not(:last-child) {\n border-right: var(--Table-thead-borderWidth) solid\n var(--Table-thead-borderColor);\n }\n border-bottom: var(--Table-thead-borderWidth) solid\n var(--Table-thead-borderColor);\n\n font-size: var(--Table-thead-fontSize);\n color: var(--Table-thead-color);\n font-weight: var(--fontWeightNormal);\n white-space: nowrap;\n\n // .#{$ns}TableCell--title {\n // display: flex;\n // align-items: center;\n // }\n .#{$ns}Remark {\n margin-left: var(--gap-xs);\n }\n }\n }\n\n > thead > tr + tr {\n border-top: var(--Table-borderWidth) solid var(--Table-borderColor);\n }\n\n > thead > tr {\n border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor);\n }\n\n > tbody > tr {\n position: relative;\n\n & + tr {\n border-top: var(--Table-borderWidth) solid var(--Table-borderColor);\n > th {\n border-top: var(--Table-thead-borderWidth) solid\n var(--Table-thead-borderColor);\n }\n }\n\n > th {\n background: var(--Table-thead-bg);\n // font-size: var(--Table-thead-fontSize);\n color: var(--Table-thead-color);\n font-weight: var(--fontWeightNormal);\n white-space: nowrap;\n border-right: var(--Table-thead-borderWidth) solid\n var(--Table-thead-borderColor);\n }\n\n > td,\n > th {\n padding: var(--TableCell-paddingY) var(--TableCell-paddingX);\n\n &:first-child {\n padding-left: var(--TableCell--edge-paddingX);\n }\n\n &:last-child {\n padding-right: var(--TableCell--edge-paddingX);\n }\n }\n\n @if var(--Table-strip-bg) !=transparent {\n background: transparent;\n\n &.#{$ns}Table-tr--odd {\n background: var(--Table-strip-bg);\n }\n }\n\n &.#{$ns}Table-tr--hasItemAction:hover {\n cursor: pointer;\n }\n\n &:hover,\n &.is-hovered {\n background: var(--Table-onHover-bg);\n border-color: var(--Table-onHover-borderColor);\n color: var(--Table-onHover-color);\n\n & + tr {\n border-color: var(--Table-onHover-borderColor);\n }\n }\n\n &.is-checked {\n background: var(--Table-onChecked-bg);\n border-color: var(--Table-onChecked-borderColor);\n color: var(--Table-onChecked-color);\n\n & + tr {\n border-color: var(--Table-onChecked-borderColor);\n }\n }\n\n &.is-moved,\n &.is-modified {\n background: var(--Table-onModified-bg);\n border-color: var(--Table-onModified-borderColor);\n color: var(--Table-onModified-color);\n\n & + tr {\n border-color: var(--Table-onModified-borderColor);\n }\n }\n\n &.is-summary {\n background: var(--Table-thead-bg);\n color: var(--Table-thead-color);\n font-weight: var(--fontWeightNormal);\n }\n\n &.bg-light {\n @include color-variant($light, 2%, 3%, 3%, 5%);\n color: $text-color;\n }\n\n &.bg-dark {\n @include color-variant($dark, 5%, 10%, 5%, 10%);\n @include font-variant($dark);\n }\n\n &.bg-black {\n @include color-variant($black, 5%, 10%, 5%, 10%);\n @include font-variant($black);\n }\n\n &.bg-primary {\n @include color-variant($primary, 5%, 10%, 5%, 10%);\n @include font-variant($primary);\n }\n\n &.bg-success {\n @include color-variant($success, 5%, 10%, 5%, 10%);\n @include font-variant($success);\n }\n\n &.bg-info {\n @include color-variant($info, 5%, 10%, 5%, 10%);\n @include font-variant($info);\n }\n\n &.bg-warning {\n @include color-variant($warning, 5%, 10%, 5%, 10%);\n @include font-variant($warning);\n }\n\n &.bg-danger {\n @include color-variant($danger, 5%, 10%, 5%, 10%);\n @include font-variant($danger);\n }\n\n &.is-dragging {\n opacity: var(--Table-onDragging-opacity);\n }\n }\n\n @for $i from 2 through 10 {\n tr.#{$ns}Table-tr--#{$i}th.is-expanded {\n .#{$ns}Table-expandCell:before {\n right: px2rem(7px) + px2rem(-18px) * ($i - 1);\n }\n }\n\n tr.#{$ns}Table-tr--#{$i}th {\n .#{$ns}Table-expandBtn {\n position: relative;\n right: -(px2rem(18px)) * ($i - 1);\n }\n\n .#{$ns}Table-expandCell + td {\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: px2rem(1px);\n top: 0;\n bottom: 0;\n left: px2rem(-8px) + px2rem(18px) * ($i - 2);\n height: auto;\n background: var(--Table-tree-borderColor);\n }\n\n &::after {\n content: '';\n position: absolute;\n height: px2rem(1px);\n top: 50%;\n left: px2rem(-8px) + px2rem(18px) * ($i - 2);\n width: px2rem(10px);\n background: var(--Table-tree-borderColor);\n }\n\n padding-left: px2rem(18px) * $i - px2rem(18px);\n }\n }\n\n tr.#{$ns}Table-tr--#{$i}th.is-expandable {\n .#{$ns}Table-expandCell + td {\n padding-left: px2rem(18px) * ($i - 1);\n }\n }\n\n tr.#{$ns}Table-tr--#{$i}th.is-last:not(.is-expanded) {\n .#{$ns}Table-expandCell + td {\n &::before {\n height: 50%;\n bottom: auto;\n }\n }\n }\n }\n\n > thead > tr > th.#{$ns}Table-checkCell,\n > tbody > tr > td.#{$ns}Table-checkCell {\n border-right: 0;\n width: px2rem(1px);\n padding-right: var(--TableCell-paddingX);\n white-space: nowrap;\n\n .#{$ns}Checkbox {\n margin: 0;\n }\n }\n\n > thead > tr > th.#{$ns}Table-expandCell,\n > tbody > tr > td.#{$ns}Table-expandCell {\n border-right: 0;\n width: px2rem(1px);\n padding-right: 0;\n }\n\n > thead > tr > th.#{$ns}Table-dragCell,\n > tbody > tr > td.#{$ns}Table-dragCell {\n border-right: 0;\n width: px2rem(1px);\n padding-right: 0;\n cursor: move;\n > svg {\n vertical-align: middle;\n }\n }\n\n > tbody > tr > td.#{$ns}Table-expandCell {\n position: relative;\n\n @for $i from 1 through 7 {\n .#{$ns}Table-divider-#{$i} {\n position: absolute;\n width: px2rem(1px);\n top: 0;\n bottom: 0;\n height: 100%;\n background: var(--Table-tree-borderColor);\n right: px2rem(7px) + px2rem(-18px) * ($i - 1);\n }\n }\n }\n\n > tbody > tr.is-expanded > td.#{$ns}Table-expandCell {\n // position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: px2rem(1px);\n top: 50%;\n bottom: 0;\n right: px2rem(7px);\n height: auto;\n background: var(--Table-tree-borderColor);\n }\n }\n\n > thead > tr > th.#{$ns}TableCell--sortable {\n padding-right: calc(\n var(--TableCell-paddingX) + var(--TableCell-sortBtn-width)\n );\n position: relative;\n }\n\n > thead > tr > th.#{$ns}TableCell--searchable {\n padding-right: calc(\n var(--TableCell-paddingX) + var(--TableCell-searchBtn-width)\n );\n position: relative;\n }\n\n > thead > tr > th.#{$ns}TableCell--filterable {\n padding-right: calc(\n var(--TableCell-paddingX) + var(--TableCell-filterBtn-width)\n );\n position: relative;\n }\n }\n\n &Cell-sortBtn {\n cursor: pointer;\n width: var(--TableCell-sortBtn-width);\n height: var(--gap-md);\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n position: absolute;\n right: calc(var(--TableCell-paddingX) - var(--TableCell-sortBtn-width) / 2);\n top: 50%;\n transform: translateY(-50%);\n color: var(--icon-color);\n\n &:hover {\n color: var(--icon-onHover-color);\n }\n\n &--up > svg,\n &--down > svg,\n &--default > svg {\n color: inherit;\n width: 12px;\n height: 12px;\n }\n\n &--up,\n &--down,\n &--default {\n display: none;\n position: absolute;\n z-index: 2;\n font-style: normal;\n\n &.is-active {\n display: inline-block;\n }\n }\n\n &--default {\n &.is-active {\n color: var(--text--muted-color);\n &:hover {\n color: var(--text-color);\n }\n }\n }\n &--up,\n &--down {\n &.is-active {\n color: var(--TableCell-sortBtn--onActive-color);\n }\n }\n }\n\n &Cell-searchBtn {\n cursor: pointer;\n // width: var(--TableCell-searchBtn-width);\n position: absolute;\n right: var(--gap-xs);\n top: 50%;\n transform: translateY(-50%);\n color: var(--text--muted-color);\n\n svg.icon {\n width: 12px;\n height: 12px;\n }\n\n &:hover {\n color: var(--text-color);\n }\n &.is-active {\n color: var(--TableCell-searchBtn--onActive-color);\n }\n }\n\n &Cell-searchPopOver {\n border: none;\n min-width: px2rem(320px);\n max-width: px2rem(640px);\n\n .#{$ns}Panel {\n margin: 0;\n }\n }\n\n &Cell-filterBtn {\n cursor: pointer;\n width: var(--TableCell-filterBtn-width);\n position: absolute;\n right: calc(\n var(--TableCell-paddingX) - var(--TableCell-filterBtn-width) / 2\n );\n top: 50%;\n transform: translateY(-50%);\n color: var(--text--muted-color);\n\n svg.icon {\n width: 12px;\n height: 12px;\n }\n\n &:hover {\n color: var(--text-color);\n }\n\n &.is-active {\n color: var(--TableCell-filterBtn--onActive-color);\n }\n\n .#{$ns}Remark {\n display: inline;\n }\n }\n\n &Cell-filterPopOver {\n border: none;\n width: px2rem(160px);\n\n .#{$ns}DropDown-menu {\n margin: 0;\n padding: 0;\n border-radius: 0;\n\n .#{$ns}DropDown-divider {\n height: var(--TableCell-filterPopOver-dropDownItem-height);\n line-height: var(--TableCell-filterPopOver-dropDownItem-height);\n padding: var(--TableCell-filterPopOver-dropDownItem-padding);\n background: var(--white);\n margin: 0;\n\n &:hover {\n background: var(--light);\n color: var(--primary);\n }\n\n &.is-selected {\n background: var(--light);\n color: var(--primary);\n }\n\n .#{$ns}Checkbox {\n width: 100%;\n margin: 0;\n }\n }\n }\n }\n\n &-itemActions-wrap {\n position: absolute;\n width: 100%;\n z-index: calc(var(--Table-fixed-zIndex) + 1);\n left: 0;\n top: 0;\n min-height: 30px;\n pointer-events: none;\n box-shadow: var(--Table-onHover-boxShadow);\n }\n\n &-itemActions {\n pointer-events: all;\n position: absolute;\n // background: var(--Table-onHover-bg);\n background: linear-gradient(\n 90deg,\n rgba(var(--Table-onHover-bg-rgb), 0) 0%,\n rgba(var(--Table-onHover-bg-rgb), 1) 20%,\n rgba(var(--Table-onHover-bg-rgb), 1) 100%\n );\n top: var(--Table-borderWidth);\n bottom: 0;\n right: 0;\n padding-left: px2rem(80px);\n padding-right: var(--TableCell-paddingX);\n display: flex;\n align-items: center;\n\n a {\n cursor: pointer;\n padding: var(--gap-xs) var(--gap-sm);\n color: var(--link-color);\n text-decoration: var(--link-decoration);\n\n &:hover {\n color: var(--link-onHover-color);\n text-decoration: var(--link-onHover-decoration);\n }\n\n &.is-disabled {\n pointer-events: none;\n opacity: var(--Button-onDisabled-opacity);\n color: var(--text--muted-color);\n }\n }\n }\n\n &-dragTip {\n color: var(--text--loud-color);\n clear: both;\n margin-top: var(--gap-xs);\n width: 100%;\n color: var(--info);\n }\n\n &-footTable {\n position: relative;\n width: 100%;\n border-spacing: 0;\n border-collapse: collapse;\n margin-bottom: 0;\n background: transparent;\n\n > tbody > tr > th {\n width: px2rem(120px);\n text-align: right;\n padding: var(--TableCell-paddingY) var(--TableCell-paddingX);\n }\n\n > tbody > tr > td {\n word-break: break-all;\n padding: var(--TableCell-paddingY) var(--TableCell-paddingX);\n }\n\n > tbody > tr:not(:first-child) {\n border-top: var(--Table-borderWidth) solid\n var(--Table-tbody-borderTopColor);\n }\n }\n\n &-expandBtn {\n position: relative;\n z-index: 1;\n color: var(--Table-expandBtn-color);\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: px2rem(14px);\n line-height: 1;\n height: 16px;\n\n > svg {\n display: inline-block;\n text-align: center;\n cursor: pointer;\n transition: transform ease-in-out var(--animation-duration),\n top ease-in-out var(--animation-duration);\n position: relative;\n transform-origin: 50% 50%;\n width: px2rem(10px);\n height: px2rem(10px);\n top: 0;\n }\n\n &.is-active > svg {\n transform: rotate(90deg);\n }\n\n &:hover {\n text-decoration: none;\n }\n }\n\n &-dragBtn {\n margin-right: var(--gap-xs);\n display: inline-block;\n visibility: hidden;\n cursor: move;\n color: var(--icon-color);\n\n &:hover {\n text-decoration: none;\n color: var(--icon-onHover-color);\n }\n > svg {\n vertical-align: -2px;\n }\n }\n\n &-table > tbody > tr:hover .#{$ns}Table-dragBtn,\n &-table > tbody > tr.is-dragging .#{$ns}Table-dragBtn,\n &-table > tbody > tr.is-drop-allowed .#{$ns}Table-dragBtn {\n visibility: visible;\n }\n\n .fake-hide {\n visibility: hidden;\n position: absolute;\n }\n\n &-badge {\n position: absolute;\n top: 0;\n left: 0;\n }\n\n &--autoFillHeight {\n margin-bottom: 0;\n > .#{$ns}Table-contentWrap {\n > .#{$ns}Table-content table {\n border-top: none; // 不然会导致拖动时顶部露出内容\n }\n > .#{$ns}Table-content table thead {\n position: sticky; // 简单实现表头吸顶效果,不考虑 IE 11 不然太麻烦\n top: 0;\n z-index: 1; // 由于 badge 导致 tbody 里 tr 的 position: relative 了\n }\n }\n > .#{$ns}Table-fixedTop {\n display: none;\n }\n > .#{$ns}Table-footToolbar {\n margin-bottom: 0;\n }\n }\n}\n\n.#{$ns}InputTable-toolbar {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-between;\n}\n\n.#{$ns}InputTable-pager {\n margin-left: auto;\n}\n\n.#{$ns}OperationField {\n margin: px2rem(-3px);\n\n > .#{$ns}Button,\n > .#{$ns}Button--disabled-wrap > .#{$ns}Button {\n margin: px2rem(3px);\n }\n\n > .#{$ns}Button--disabled-wrap > .#{$ns}Button--link {\n padding: 0;\n }\n\n > .#{$ns}Button--link {\n padding: 0;\n margin-right: px2rem(10px);\n }\n}\n",".#{$ns}ColumnToggler {\n position: relative;\n display: inline-block;\n\n &-caret {\n margin-left: var(--DropDown-caret-marginLeft);\n display: inline-block;\n vertical-align: top;\n transition: transform var(--animation-duration) ease;\n\n > svg {\n width: px2rem(10px);\n height: px2rem(10px);\n top: 0.125em;\n }\n }\n\n &.is-opened &-caret {\n transform: rotate(180deg);\n }\n\n &.is-actived > .#{$ns}Button {\n color: var(--link-color);\n }\n\n &--block {\n display: block;\n\n .#{$ns}Button {\n display: block;\n }\n }\n\n &-menu {\n position: absolute;\n z-index: $zindex-dropdown;\n top: 100%;\n left: 0;\n margin: px2rem(1px) 0 0;\n background: var(--DropDown-menu-bg);\n list-style: none;\n padding: var(--DropDown-menu-paddingY) var(--DropDown-menu-paddingX);\n border: var(--DropDown-menu-borderWidth) solid\n var(--DropDown-menu-borderColor);\n border-radius: var(--DropDown-menu-borderRadius);\n box-shadow: var(--DropDown-menu-boxShadow);\n min-width: var(--DropDown-menu-minWidth);\n text-align: left;\n }\n\n &--alignRight &-menu {\n left: auto;\n right: 0;\n }\n\n &-menuItem,\n &-menu > li {\n padding: var(--DropDown-menuItem-paddingY) var(--DropDown-menuItem-paddingX);\n white-space: nowrap;\n box-sizing: border-box;\n height: var(--DropDown-menu-height);\n vertical-align: middle;\n user-select: none;\n color: var(--link-color);\n text-decoration: var(--link-decoration);\n\n &:hover {\n background: var(--DropDown-menuItem-onHover-bg);\n color: var(--DropDown-menuItem-onHover-color);\n }\n\n &.is-active {\n color: var(--DropDown-menuItem-onActive-color);\n }\n\n &:not(.is-disabled),\n &:not(.disabled) {\n cursor: pointer;\n }\n\n &.is-disabled {\n cursor: not-allowed;\n // pointer-events: none;\n color: var(--DropDown-menuItem-onDisabled-color);\n filter: grayscale(80%);\n }\n\n &.#{$ns}DropDown-divider {\n height: px2rem(1px);\n margin: px2rem(9px) 0;\n overflow: hidden;\n background: var(--DropDown-menu-borderColor);\n padding: 0;\n }\n }\n\n &-menu > li a {\n color: inherit;\n display: block;\n text-decoration: none;\n }\n\n &-popover {\n border: none;\n box-shadow: none;\n }\n\n > .#{$ns}Button {\n min-width: unset;\n }\n\n @mixin flex-layout($direction: row) {\n display: flex;\n flex-flow: $direction nowrap;\n justify-content: space-between;\n align-items: center;\n }\n\n &-modal {\n @include flex-layout(column);\n width: px2rem(400px);\n padding: var(--ColumnToggler-lineHeight);\n margin-top: calc(50vh - 100px);\n border-radius: var(--ColumnToggler-borderRadius);\n background: var(--ColumnToggler-backgroundColor);\n box-shadow: 0 4px 5px 0 rgba(21, 26, 38, 0.06),\n 0 1px 10px 0 rgba(21, 26, 38, 0.05), 0 2px 4px -1px rgba(21, 26, 38, 0.04);\n\n &-header {\n width: 100%;\n @include flex-layout();\n\n a,\n span {\n display: inline-block;\n }\n\n .#{$ns}ColumnToggler-modal-title {\n opacity: 0.95;\n font-size: var(--fontSizeMd);\n color: var(--ColumnToggler-title-fontColor);\n line-height: var(--ColumnToggler-lineHeight);\n font-weight: bold;\n }\n }\n\n &-content {\n padding: 0;\n width: 100%;\n list-style: none;\n margin: px2rem(8px) 0;\n\n .#{$ns}ColumnToggler-menuItem {\n color: var(--ColumnToggler-title-fontColor);\n background: var(--ColumnToggler-item-backgroundColor);\n border-radius: px2rem(2px);\n font-size: var(--fontSizeSm);\n padding: px2rem(4px) px2rem(8px);\n height: var(--ColumnToggler-lineHeight);\n width: calc((100% - 24px) / 3);\n float: left;\n margin: px2rem(4px);\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n\n &:hover {\n background: var(--ColumnToggler-item-backgroundColor-onHover);\n }\n\n &--dragging {\n border: 1px solid var(--link-color);\n }\n\n label {\n > i {\n height: var(--fontSizeLg);\n width: var(--fontSizeLg);\n vertical-align: top;\n }\n }\n\n &-dragBar {\n margin-left: 0;\n margin-right: var(--gap-xs);\n cursor: move;\n color: #d8d8d8;\n }\n }\n }\n\n &-footer {\n width: 100%;\n @include flex-layout();\n\n .#{$ns}ColumnToggler-modeSelect {\n color: var(--ColumnToggler-fontColor);\n font-size: var(--fontSizeSm);\n\n &.is-actived {\n color: var(--link-color);\n }\n }\n\n & > div {\n @include flex-layout();\n\n &:first-child {\n justify-content: flex-start;\n\n a {\n display: inline-block;\n }\n }\n\n &:last-child {\n justify-content: flex-end;\n\n button {\n width: 72px;\n }\n }\n }\n }\n }\n}\n\n.#{$ns}ColumnToggler-tooltip {\n border: none;\n\n .#{$ns}Tooltip-arrow::before {\n border-top-color: transparent;\n }\n}\n",".#{$ns}List {\n position: relative;\n\n &-items {\n border-radius: var(--List-borderRadius);\n border: var(--List-borderWidth) solid var(--List-borderColor);\n background: var(--List-bg);\n margin-bottom: var(--gap-sm);\n }\n\n &-toolbar {\n @include clearfix();\n display: flex;\n flex-wrap: wrap;\n margin: 0 var(--List-toolbar-marginX) var(--List-toolbar-marginY);\n }\n\n &-actions {\n display: inline-block;\n\n > * {\n margin-right: var(--Crud-toolbar-gap);\n }\n }\n\n &-header {\n padding: var(--List-toolbar-marginY) var(--List-toolbar-marginX);\n\n > * + .#{$ns}Button,\n > * + .#{$ns}ButtonGroup,\n > * + .#{$ns}ButtonToolbar {\n margin-left: var(--Crud-toolbar-gap);\n }\n }\n\n &-header + &-toolbar {\n padding-top: 0;\n }\n\n &-heading {\n padding: var(--gap-xs) 0;\n }\n\n &-fixedTop {\n position: absolute;\n background: var(--white);\n z-index: -1;\n opacity: 0;\n box-shadow: var(--List-fixedTop-boxShadow);\n // padding: var(--gap-sm);\n\n &.in {\n position: fixed;\n opacity: 1;\n z-index: $zindex-affix;\n }\n\n .#{$ns}Cards-toolbar {\n margin-bottom: 0;\n }\n\n &:empty {\n display: none;\n }\n }\n\n &--unsaved &-heading {\n background: var(--List--unsaved-heading-bg);\n color: var(--List--unsaved-heading-color);\n padding: var(--gap-xs) var(--gap-sm);\n margin-bottom: var(--gap-sm);\n }\n\n &-dragTip {\n width: 100%;\n color: var(--info);\n clear: both;\n margin-top: var(--gap-xs);\n }\n\n &-placeholder {\n color: var(--text--muted-color);\n text-align: center;\n min-height: var(--List-placeholder-height);\n line-height: var(--List-placeholder-height);\n }\n}\n\n.#{$ns}ListGroup {\n max-width: px2rem(400px);\n display: flex;\n flex-direction: column;\n\n &-item {\n position: relative;\n display: block;\n padding: var(--ListItem-paddingY) var(--ListItem-paddingX);\n margin-bottom: px2rem(-1px);\n background: var(--white);\n border: var(--ListItem-borderWidth) solid var(--List-borderColor);\n\n &:first-child {\n border-top-left-radius: var(--borderRadius);\n border-top-right-radius: var(--borderRadius);\n }\n\n &:last-child {\n border-bottom-left-radius: var(--borderRadius);\n border-bottom-right-radius: var(--borderRadius);\n margin-bottom: 0;\n }\n\n &:hover {\n // todo\n z-index: 1;\n }\n\n &.is-active {\n // todo\n z-index: 2;\n }\n\n &.is-disabled {\n color: var(--text--muted-color);\n }\n }\n\n &--expanded {\n .#{$ns}ListGroup-item {\n border-radius: var(--borderRadius);\n\n margin-bottom: var(--gap-sm);\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n }\n}\n\n.#{$ns}ListItem {\n @include clearfix();\n\n & + & {\n border-top: var(--ListItem-borderWidth) solid var(--ListItem-borderColor);\n }\n\n position: relative;\n display: block;\n padding: var(--ListItem-paddingY) var(--ListItem-paddingX);\n\n &:nth-child(even) {\n background: var(--ListItem--strip-bg);\n }\n\n &-checkBtn {\n float: left;\n margin-right: var(--gap-sm);\n }\n\n &-dragBtn {\n cursor: move;\n float: left;\n margin-right: var(--gap-sm);\n }\n\n &-actions {\n float: right;\n }\n\n &--actions-at-left &-actions {\n float: left;\n margin-right: var(--gap-base);\n }\n\n &-title {\n margin: 0;\n padding: 0;\n font-size: var(--fontSizeBase);\n color: var(--text--loud-color);\n font-weight: var(--fontWeightNormal);\n }\n\n &-content {\n overflow: hidden;\n }\n\n &-field {\n position: relative;\n display: flex;\n flex-wrap: nowrap;\n }\n\n &-fieldValue {\n position: relative;\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &-fieldLabel {\n width: px2rem(150px);\n color: var(--text--muted-color);\n }\n\n &.is-checked {\n background: var(--ListItem-onChecked-bg);\n border-color: var(--ListItem-onChecked-borderColor);\n color: var(--ListItem-onChecked-color);\n\n + .#{$ns}ListItem {\n border-color: var(--ListItem-onChecked-borderColor);\n }\n\n .#{$ns}ListItem-fieldLabel {\n color: var(--ListItem-onChecked-fieldLabel-color);\n }\n }\n\n &.is-modified,\n &.is-moved {\n background: var(--ListItem-onModified-bg);\n border-color: var(--ListItem-onModified-borderColor);\n color: var(--ListItem-onModified-color);\n\n + .#{$ns}ListItem {\n border-color: var(--ListItem-onModified-borderColor);\n }\n\n .#{$ns}ListItem-fieldLabel {\n color: var(--ListItem-onModified-fieldLabel-color);\n }\n }\n\n &.is-dragging {\n opacity: var(--ListItem-onDragging-opacity);\n }\n\n &--hasItemAction {\n cursor: pointer;\n }\n &--hasItemAction:hover {\n color: var(--ListMenu-item--onHover-color);\n background: var(--ListMenu-item--onHover-bg);\n }\n}\n",".#{$ns}Cards {\n &-toolbar {\n @include clearfix();\n margin: 0 var(--Cards-toolbar-marginX) var(--Cards-toolbar-marginY);\n }\n\n &-actions {\n display: inline-block;\n\n > * {\n margin-right: var(--Crud-toolbar-gap);\n }\n }\n\n &-heading {\n padding: var(--gap-xs) 0;\n }\n\n &-header {\n padding: var(--Cards-toolbar-marginY) var(--Cards-toolbar-marginX);\n\n > * + .#{$ns}Button,\n > * + .#{$ns}ButtonGroup,\n > * + .#{$ns}ButtonToolbar {\n margin-left: var(--Crud-toolbar-gap);\n }\n }\n\n &-header + &-toolbar {\n padding-top: 0;\n }\n\n &-fixedTop {\n position: absolute;\n background: var(--white);\n z-index: -1;\n opacity: 0;\n box-shadow: var(--Cards-fixedTop-boxShadow);\n padding: var(--gap-sm);\n\n &.in {\n position: fixed;\n opacity: 1;\n z-index: $zindex-affix;\n }\n\n .#{$ns}Cards-toolbar {\n margin-bottom: 0;\n }\n\n &:empty {\n display: none;\n }\n }\n\n &--unsaved &-heading {\n background: var(--Cards--unsaved-heading-bg);\n color: var(--Cards--unsaved-heading-color);\n padding: var(--gap-xs) var(--gap-sm);\n margin-bottom: var(--gap-sm);\n }\n\n &-dragTip {\n width: 100%;\n color: var(--info);\n clear: both;\n margin-top: var(--gap-xs);\n }\n\n &-placeholder {\n background: var(--white);\n color: var(--text--muted-color);\n text-align: center;\n height: var(--Cards-placeholder-height);\n line-height: var(--Cards-placeholder-height);\n\n border: var(--Card-borderWidth) solid var(--Card-borderColor);\n border-radius: var(--Card-borderRadius);\n }\n\n &-body > div {\n display: flex;\n }\n\n &--masonry {\n display: block;\n\n &:after {\n content: none;\n }\n\n column-gap: 0;\n column-fill: initial;\n\n > div {\n width: 100%;\n float: none;\n break-inside: avoid;\n max-width: unset;\n display: inline-block;\n flex: unset;\n }\n }\n}\n\n@include media-breakpoint-up(sm) {\n .#{$ns}Cards--masonrySm1 {\n column-count: 12;\n }\n\n .#{$ns}Cards--masonrySm2 {\n column-count: 6;\n }\n\n .#{$ns}Cards--masonrySm3 {\n column-count: 4;\n }\n\n .#{$ns}Cards--masonrySm4 {\n column-count: 3;\n }\n\n .#{$ns}Cards--masonrySm6 {\n column-count: 2;\n }\n\n .#{$ns}Cards--masonrySm12 {\n column-count: 1;\n }\n\n .#{$ns}Cards-toolbar {\n display: flex;\n flex-wrap: wrap;\n }\n}\n\n@include media-breakpoint-up(md) {\n .#{$ns}Cards--masonryMd1 {\n column-count: 12;\n }\n\n .#{$ns}Cards--masonryMd2 {\n column-count: 6;\n }\n\n .#{$ns}Cards--masonryMd3 {\n column-count: 4;\n }\n\n .#{$ns}Cards--masonryMd4 {\n column-count: 3;\n }\n\n .#{$ns}Cards--masonryMd6 {\n column-count: 2;\n }\n\n .#{$ns}Cards--masonryMd12 {\n column-count: 1;\n }\n}\n\n@include media-breakpoint-up(lg) {\n .#{$ns}Cards--masonryLg1 {\n column-count: 12;\n }\n\n .#{$ns}Cards--masonryLg2 {\n column-count: 6;\n }\n\n .#{$ns}Cards--masonryLg3 {\n column-count: 4;\n }\n\n .#{$ns}Cards--masonryLg4 {\n column-count: 3;\n }\n\n .#{$ns}Cards--masonryLg6 {\n column-count: 2;\n }\n\n .#{$ns}Cards--masonryLg12 {\n column-count: 1;\n }\n}\n",".#{$ns}Card {\n background: var(--Card-bg);\n border: var(--Card-borderWidth) solid var(--Card-borderColor);\n border-radius: var(--Card-borderRadius);\n margin-bottom: var(--gap-base);\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n\n &--link {\n cursor: pointer;\n }\n\n &-title {\n color: var(--text-color);\n font-size: var(--fontSizeMd);\n font-weight: var(--fontWeightMd);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &-subTitle {\n // white-space: nowrap;\n max-height: calc(var(--fontSizeBase) * var(--lineHeightBase) * 2);\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--text--muted-color);\n\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n }\n\n &-title + &-subTitle {\n margin-top: var(--gap-xs);\n }\n\n &-dragBtn {\n display: inline-block;\n cursor: pointer;\n padding: 0 var(--gap-sm);\n }\n\n &-heading {\n display: flex;\n padding: var(--gap-md);\n flex: 1 0 auto;\n }\n\n &-avtar {\n float: left;\n margin-right: var(--gap-base);\n max-width: px2rem(200px);\n\n img {\n max-width: 100%;\n }\n }\n\n &-avtarText {\n flex-shrink: 0;\n background: var(--primary);\n color: var(--white);\n width: 50px;\n height: 50px;\n line-height: 50px;\n text-align: center;\n vertical-align: middle;\n border-radius: 500px;\n float: left;\n margin-right: var(--gap-base);\n font-size: var(--fontSizeXl);\n text-transform: uppercase();\n }\n\n &-meta {\n display: block;\n flex-grow: 1;\n height: 100%;\n position: relative;\n }\n &-meta + &-toolbar {\n margin-left: var(--gap-md);\n }\n &-toolbar {\n line-height: normal;\n text-align: right;\n }\n &-highlight {\n background: var(--success);\n width: px2rem(8px);\n height: px2rem(8px);\n border-radius: 100%;\n display: inline-block;\n margin: 0 var(--gap-sm);\n }\n\n &-body {\n padding: var(--gap-md);\n flex: 1 0 auto;\n }\n\n &-heading + &-body {\n padding-top: 0;\n }\n\n &-field {\n position: relative;\n display: flex;\n flex-wrap: nowrap;\n }\n\n &-fieldValue {\n position: relative;\n flex-basis: 0;\n flex-grow: 1;\n width: 0;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n\n &-fieldLabel {\n width: px2rem(60px);\n color: var(--text--muted-color);\n }\n\n &-actions {\n border-top: var(--Card-borderWidth) solid var(--Card-actions-borderColor);\n display: flex;\n flex-direction: row;\n width: 100%;\n table-layout: fixed;\n white-space: nowrap;\n\n > a {\n background: transparent;\n flex-grow: 1;\n border-color: var(--Card-actions-borderColor);\n border-style: solid;\n border-width: 0 var(--Card-borderWidth) 0 0;\n color: var(--text-color);\n text-align: center;\n line-height: px2rem(40px);\n font-size: var(--Card-actions-fontSize);\n\n &:not(.is-disabled) {\n cursor: pointer;\n\n &:hover {\n background: var(--Card-actions-onHover-bg);\n color: var(--Card-actions-onHover-color);\n text-decoration: none;\n }\n }\n\n &:last-child {\n border: none;\n }\n\n &.is-disabled {\n color: var(--text--muted-color);\n\n &:hover {\n text-decoration: none;\n }\n }\n }\n }\n\n &.is-checked {\n background: var(--Card-onChecked-bg);\n border-color: var(--Card-onChecked-borderColor);\n color: var(--Card-onChecked-color);\n\n .#{$ns}Card-actions,\n .#{$ns}Card-actions > a {\n border-color: var(--Card-onChecked-borderColor);\n color: var(--Card-onChecked-color);\n }\n\n .#{$ns}Card-fieldLabel {\n color: var(--Card-onChecked-fieldLabel-color);\n }\n\n .#{$ns}Card-actions > a:hover {\n background: var(--Card-actions-onChecked-onHover-bg);\n color: var(--Card-actions-onChecked-onHover-color);\n }\n }\n\n &.is-modified,\n &.is-moved {\n background: var(--Card-onModified-bg);\n border-color: var(--Card-onModified-borderColor);\n color: var(--Card-onModified-color);\n\n .#{$ns}Card-actions,\n .#{$ns}Card-actions > a {\n border-color: var(--Card-onModified-borderColor);\n color: var(--Card-onModified-color);\n }\n\n .#{$ns}Card-fieldLabel {\n color: var(--Card-onModified-fieldLabel-color);\n }\n\n .#{$ns}Card-actions > a:hover {\n background: var(--Card-onModified-onHover-bg);\n color: var(--Card-onModified-onHover-color);\n }\n }\n\n .is-dragging > & {\n opacity: var(--Card-onDragging-opacity);\n }\n\n &-footer-wrapper {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n &-actions-wrapper {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex-wrap: wrap;\n }\n &-checkbox {\n margin: 0 var(--gap-sm) !important;\n }\n &-secondary {\n max-width: 12.5rem;\n color: var(--Card-secondary-color);\n padding: 0 var(--gap-md);\n font-size: var(--fontSizeMd);\n font-weight: var(--fontWeightBase);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n &-secondary + &-actions-wrapper {\n .#{$ns}Card-actions {\n margin-left: unset;\n border: none;\n width: unset;\n }\n .#{$ns}Card-actions > a {\n border: none;\n }\n }\n &-multiMedia--top,\n &-multiMedia--bottom,\n &-multiMedia--left,\n &-multiMedia--right {\n .#{$ns}Card-actions-wrapper {\n .#{$ns}Card-actions {\n margin-left: unset;\n border: none;\n width: unset;\n }\n .#{$ns}Card-actions > a {\n border: none;\n }\n }\n }\n &-multiMedia--top {\n display: block;\n .#{$ns}Card-multiMedia-img {\n border-bottom-left-radius: unset;\n border-bottom-right-radius: unset;\n }\n }\n &-multiMedia--bottom {\n display: flex;\n flex-direction: column-reverse;\n .#{$ns}Card-actions {\n border-bottom: var(--Card-borderWidth) solid\n var(--Card-actions-borderColor);\n }\n .#{$ns}Card-multiMedia-img {\n border-top-left-radius: unset;\n border-top-right-radius: unset;\n }\n }\n &-multiMedia--top,\n &-multiMedia--bottom {\n .#{$ns}Card-body {\n padding-bottom: var(--gap-md);\n }\n }\n &-multiMedia--left {\n display: flex;\n align-items: center;\n\n .#{$ns}Card-actions {\n margin-left: var(--gap-md);\n border-left: var(--Card-borderWidth) solid var(--Card-actions-borderColor);\n }\n\n .#{$ns}Card-multiMedia-img,\n .#{$ns}Card-multiMedia-video {\n margin: var(--gap-md) 0 var(--gap-md) var(--gap-md);\n }\n }\n &-multiMedia--right {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-direction: row-reverse;\n\n .#{$ns}Card-actions {\n margin-right: var(--gap-md);\n border-right: var(--Card-borderWidth) solid\n var(--Card-actions-borderColor);\n }\n\n .#{$ns}Card-multiMedia-img,\n .#{$ns}Card-multiMedia-video {\n margin: var(--gap-md) var(--gap-md) var(--gap-md) 0;\n }\n }\n &-multiMedia-flex {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n &-multiMedia-img {\n display: block;\n width: auto;\n height: auto;\n object-fit: cover;\n border-radius: var(--Card-borderRadius);\n }\n &-multiMedia-video {\n width: px2rem(180px);\n height: px2rem(120px);\n .#{$ns}Video {\n width: 100%;\n height: 100%;\n min-width: unset;\n border-radius: var(--Card-borderRadius);\n overflow: hidden;\n .#{$ns}Video-player {\n width: 100%;\n height: 100%;\n .video-react {\n width: 100%;\n height: 100%;\n padding-top: unset !important;\n }\n }\n }\n }\n}\n",".#{$ns}Field-quickEditBtn {\n color: var(--QuickEdit-iconColor);\n margin-left: var(--gap-xs);\n display: inline-block;\n vertical-align: text-top;\n cursor: pointer;\n opacity: 0.6;\n\n &:hover {\n color: var(--QuickEdit-onHover-iconColor);\n opacity: 1;\n }\n}\n\n.#{$ns}Field--quickEditable {\n outline: none;\n position: relative;\n\n &:focus {\n position: relative;\n\n &:after {\n content: '';\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n z-index: 1;\n border: var(--QuickEdit-onFocus-borderWidth) dashed\n var(--QuickEdit-onFocus-borderColor);\n }\n }\n\n &:hover .#{$ns}Field-quickEditBtn {\n visibility: visible;\n }\n}\n\n.#{$ns}QuickEdit-popover {\n min-width: px2rem(320px);\n max-width: px2rem(640px);\n\n .#{$ns}Panel {\n margin-bottom: 0;\n border: none;\n }\n}\n",".#{$ns}Field-popOverBtn {\n color: var(--PopOverAble-iconColor);\n margin-left: var(--gap-xs);\n display: inline-block;\n cursor: pointer;\n opacity: 0.6;\n vertical-align: middle;\n\n &:hover {\n color: var(--PopOverAble-onHover-iconColor);\n opacity: 1;\n }\n}\n\n.#{$ns}Field--popOverAble {\n outline: none;\n position: relative;\n}\n\n.#{$ns}PopOverAble-popover {\n min-width: px2rem(320px);\n max-width: px2rem(640px);\n\n .#{$ns}Panel {\n margin-bottom: 0;\n border: none;\n }\n}\n\n.#{$ns}PopOverAble--fixed {\n position: fixed;\n\n > * {\n margin-bottom: 0;\n }\n}\n\n.#{$ns}PopOverAble--fixed-center {\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.#{$ns}PopOverAble--fixed-left-top {\n top: 0;\n left: 0;\n}\n\n.#{$ns}PopOverAble--fixed-right-top {\n top: 0;\n right: 0;\n}\n\n.#{$ns}PopOverAble--fixed-left-bottom {\n bottom: 0;\n left: 0;\n}\n\n.#{$ns}PopOverAble--fixed-right-bottom {\n bottom: 0;\n right: 0;\n}\n",".#{$ns}Progress {\n &-line {\n display: inline-block;\n width: 100%;\n margin-right: calc(-2em + -8px);\n padding-right: calc(2em + 8px);\n\n &-inter {\n height: 10px;\n background-color: var(--Progress-bar-backgroundColor);\n overflow: hidden;\n border-radius: var(--Progress-borderRadius);\n }\n\n &-no-label {\n padding-right: 0;\n margin-right: 0;\n }\n\n &-text {\n display: inline-block;\n width: 2em;\n margin-left: 8px;\n color: var(--text-color);\n font-size: var(--fontSizeXs);\n white-space: nowrap;\n text-align: left;\n word-break: normal;\n .icon {\n font-size: 15px;\n }\n }\n\n &-bar {\n float: left;\n width: 0;\n height: 100%;\n font-size: 12px;\n line-height: 10px;\n text-align: center;\n background: var(--primary);\n transition: width var(--animation-duration) ease;\n\n &--stripe {\n background-image: linear-gradient(\n 45deg,\n rgba(255, 255, 255, 0.15) 25%,\n transparent 25%,\n transparent 50%,\n rgba(255, 255, 255, 0.15) 50%,\n rgba(255, 255, 255, 0.15) 75%,\n transparent 75%,\n transparent\n );\n background-size: 2rem 2rem;\n }\n\n &--animate {\n position: relative;\n transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;\n &::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: var(--Progress-animate-backgroundColor);\n border-radius: 10px;\n opacity: 0;\n animation: progress-bar-active 2.4s cubic-bezier(0.23, 1, 0.32, 1)\n infinite;\n content: '';\n }\n }\n &--stripe-animate {\n animation: progress-bar-stripes 1s linear infinite;\n }\n }\n }\n\n &-circle {\n width: 120px;\n height: 120px;\n position: relative;\n &-text {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n margin: 0;\n padding: 0;\n color: var(--text-color);\n font-size: 1em;\n line-height: 1;\n white-space: normal;\n text-align: center;\n transform: translate(-50%, -50%);\n .icon {\n font-size: 1.2em;\n }\n }\n .bg-warning-circle {\n &-path {\n stroke: var(--warning);\n }\n }\n .bg-danger-circle {\n &-path {\n stroke: var(--danger);\n }\n }\n .bg-info-circle {\n &-path {\n stroke: var(--info);\n }\n }\n .bg-success-circle {\n &-path {\n stroke: var(--success);\n }\n }\n .bg-primary-circle {\n &-path {\n stroke: var(--primary);\n }\n }\n }\n}\n\n@keyframes progress-bar-active {\n 0% {\n transform: translateX(-100%) scaleX(0);\n opacity: 0.1;\n }\n\n 20% {\n transform: translateX(-100%) scaleX(0);\n opacity: 0.5;\n }\n\n 100% {\n transform: translateX(0) scaleX(1);\n opacity: 0;\n }\n}\n\n@keyframes progress-bar-stripes {\n from {\n background-position: 2rem 0;\n }\n to {\n background-position: 0 0;\n }\n}\n",".#{$ns}Property {\n > table {\n width: 100%;\n border-collapse: collapse;\n\n > thead > tr > th {\n padding: var(--gap-sm);\n background: var(--Property-title-bg);\n border: 1px solid var(--borderColor);\n }\n\n > tbody > tr {\n background: var(--background);\n\n > td,\n > th {\n border: 1px solid var(--borderColor);\n padding: var(--gap-sm);\n\n .#{$ns}Form-item:last-child {\n margin-bottom: 0;\n }\n }\n > th {\n background: var(--Property-label-bg);\n }\n }\n }\n\n &--simple {\n > table {\n > thead > tr > th {\n background: transparent;\n border: none;\n }\n\n > tbody > tr {\n background: transparent;\n }\n\n > tbody > tr > td,\n > tbody > tr > th {\n border: none;\n }\n }\n }\n}\n",".#{$ns}Field-copyBtn {\n color: var(--Copyable-iconColor);\n margin-left: var(--gap-xs);\n display: inline-block;\n cursor: pointer;\n\n &:hover {\n color: var(--Copyable-onHover-iconColor);\n }\n}\n",".#{$ns}Divider {\n margin: var(--gap-base) calc(var(--gap-base) * -1);\n border-bottom: var(--borderWidth) var(--Divider-borderStyle)\n var(--borderColor);\n height: px2rem(2px);\n font-size: 0;\n\n &--solid {\n border-bottom-style: solid;\n }\n}\n",".#{$ns}Pagination {\n display: inline-block;\n padding: 0;\n margin: 0 0 px2rem(-10px);\n border-radius: px2rem(4px);\n\n > li {\n display: inline;\n\n > a,\n > span {\n user-select: none;\n cursor: pointer;\n position: relative;\n float: left;\n text-decoration: none;\n min-width: var(--Pagination-minWidth);\n height: var(--Pagination-height);\n border: 0;\n line-height: var(--Pagination-height);\n padding: var(--Pagination-padding);\n text-align: center;\n color: #666666;\n border-radius: 0;\n margin-left: 0;\n font-size: var(--Pagination-fontSize);\n }\n\n > a:hover,\n > span:hover,\n > a:focus,\n > span:focus {\n background: transparent;\n color: var(--primary);\n }\n }\n\n > li.is-disabled {\n > span,\n > a {\n cursor: not-allowed;\n }\n\n > a,\n > span,\n > a:hover,\n > span:hover,\n > a:focus,\n > span:focus {\n color: #cccccc;\n }\n }\n\n > li.is-active {\n > a,\n > span,\n > a:hover,\n > span:hover,\n > a:focus,\n > span:focus {\n background: var(--Pagination-onActive-backgroundColor);\n color: var(--Pagination-onActive-color);\n border: var(--Pagination-onActive-border);\n border-radius: var(--borderRadius);\n }\n }\n\n &-prev {\n > span {\n cursor: pointer;\n }\n }\n\n &-ellipsis {\n > a > span {\n position: relative;\n top: px2rem(-4px);\n }\n }\n\n &-next {\n > span {\n cursor: pointer;\n }\n }\n\n &-inputGroup {\n display: inline-flex;\n flex-wrap: nowrap;\n align-items: center;\n\n input {\n width: px2rem(50px);\n height: var(--Pagination-height);\n border: var(--borderWidth) solid var(--borderColor);\n border-radius: var(--borderRadius);\n padding: var(--gap-xs) px2rem(10px);\n margin: 0 px2rem(10px);\n text-align: center;\n\n &:focus,\n &:hover {\n outline: none;\n border: var(--borderWidth) solid var(--primary);\n }\n }\n }\n}\n\n.#{$ns}PaginationWrapper-pager {\n &:first-child {\n margin-bottom: var(--gap-sm);\n }\n\n text-align: right;\n}\n",".#{$ns}Wrapper {\n &--xs {\n padding: var(--gap-xs);\n }\n\n &--sm {\n padding: var(--gap-sm);\n }\n\n &--md {\n padding: var(--gap-md);\n }\n\n &--lg {\n padding: var(--gap-lg);\n }\n\n &--xl {\n padding: var(--gap-xl);\n }\n}\n",".#{$ns}StatusField {\n vertical-align: middle;\n white-space: nowrap;\n display: inline-flex;\n flex-wrap: nowrap;\n flex-direction: row;\n align-items: center;\n\n &-label {\n font-size: var(--fontSizeSm);\n margin-left: var(--gap-xs);\n }\n\n @keyframes animation-rolling_red {\n 0% {\n transform: translateX(0);\n }\n\n 50% {\n transform: translateX(20px);\n }\n\n 100% {\n transform: translateX(0);\n }\n }\n\n @keyframes animation-rolling_blue {\n 0% {\n transform: translateX(0);\n }\n\n 50% {\n transform: translateX(-20px);\n }\n\n 100% {\n transform: translateX(0);\n }\n }\n\n svg.#{$ns}Status-icon {\n width: var(--Satus-icon-width);\n height: var(--Satus-icon-height);\n top: 0;\n }\n\n .#{$ns}Status-icon {\n &.rolling {\n width: 30px;\n height: 10px;\n display: inline-block;\n vertical-align: middle;\n position: relative;\n\n &::before {\n content: '';\n display: inline-block;\n border: 5px solid var(--danger);\n border-radius: 500px;\n position: absolute;\n top: 0;\n left: 0;\n animation: animation-rolling_red 2s;\n animation-iteration-count: infinite;\n }\n\n &::after {\n content: '';\n display: inline-block;\n border: 5px solid var(--primary);\n border-radius: 500px;\n position: absolute;\n top: 0;\n left: 20px;\n\n animation: animation-rolling_blue 2s;\n animation-iteration-count: infinite;\n }\n }\n\n &.icon-warning {\n color: var(--warning);\n }\n }\n\n .#{$ns}Status-icon.rolling + &-label {\n color: var(--warning);\n }\n\n .#{$ns}Status-icon.icon-success + &-label {\n color: var(--success);\n }\n\n .#{$ns}Status-icon.icon-fail + &-label {\n color: var(--danger);\n }\n\n .#{$ns}Status-icon.icon-warning + &-label {\n color: var(--warning);\n }\n}\n","@mixin arrow-control {\n width: 10%;\n min-width: var(--Carousel-arrowControl-width);\n height: 100%;\n cursor: pointer;\n top: 0;\n bottom: 0;\n position: absolute;\n transition-duration: var(--Carousel-transitionDuration);\n svg {\n position: absolute;\n top: 50%;\n left: 50%;\n right: 50%;\n transform: translate(-50%, -50%);\n width: var(--Carousel-svg-width);\n height: var(--Carousel-svg-height);\n }\n}\n\n.#{$ns}Carousel {\n min-width: var(--Carousel-minWidth);\n height: var(--Carousel-height);\n position: relative;\n display: block;\n background: var(--Carousel-bg);\n\n &.#{$ns}Carousel--light {\n .#{$ns}Carousel-dot {\n background: var(--Carousel--light-control);\n }\n\n svg {\n fill: var(--Carousel--light-control);\n }\n\n .#{$ns}Carousel-item {\n .title,\n .description {\n color: var(--Carousel--light-control);\n }\n }\n }\n\n &.#{$ns}Carousel--dark {\n .#{$ns}Carousel-dot {\n background: var(--Carousel--dark-control);\n }\n\n svg {\n fill: var(--Carousel--dark-control);\n }\n\n .#{$ns}Carousel-item {\n .title,\n .description {\n color: var(--Carousel--dark-control);\n }\n }\n }\n\n &-container {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n .#{$ns}Carousel-item {\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n transition-duration: var(--Carousel-transitionDuration);\n transition-timing-function: ease-out;\n transition-property: transform, opacity;\n\n &.fade {\n opacity: 0;\n }\n\n &.fade.in {\n opacity: 1;\n }\n\n &.slide {\n transform: translateX(100%);\n }\n\n &.slide.in {\n transform: translateX(0);\n }\n\n &.slide.out {\n transform: translateX(-100%);\n }\n\n &.slideRight {\n transform: translateX(-100%);\n }\n\n &.slideRight.in {\n transform: translateX(0);\n }\n\n &.slideRight.out {\n transform: translateX(100%);\n }\n\n .title {\n position: absolute;\n bottom: var(--Carousel-imageTitle-bottom);\n text-align: center;\n width: 100%;\n opacity: 0.8;\n }\n\n .description {\n position: absolute;\n bottom: var(--Carousel-imageDescription-bottom);\n text-align: center;\n width: 100%;\n opacity: 0.8;\n }\n\n .image {\n width: 100%;\n height: 100%;\n background-size: cover;\n }\n }\n }\n\n &-image {\n width: 100%;\n height: 100%;\n }\n\n &-image .#{$ns}Image-origin {\n height: 100%;\n width: 100%;\n }\n\n &-dotsControl {\n position: absolute;\n bottom: 0px;\n width: 100%;\n z-index: 100;\n text-align: center;\n\n .#{$ns}Carousel-dot {\n display: inline-block;\n height: var(--Carousel-dot-width);\n width: var(--Carousel-dot-height);\n border-radius: var(--Carousel-dot-borderRadius);\n margin: var(--Carousel-dot-margin);\n transition-duration: var(--Carousel-transitionDuration);\n opacity: 0.3;\n\n &.is-active {\n opacity: 1;\n }\n }\n }\n\n .#{$ns}Carousel-leftArrow {\n @include arrow-control;\n display: none;\n left: 0;\n }\n\n .#{$ns}Carousel-rightArrow {\n @include arrow-control;\n display: none;\n right: 0;\n }\n\n &:hover {\n .#{$ns}Carousel-leftArrow {\n display: block;\n }\n .#{$ns}Carousel-rightArrow {\n display: block;\n }\n }\n\n &-arrowsControl {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 100;\n text-align: center;\n }\n}\n","@keyframes disappear {\n to {\n opacity: 0;\n }\n}\n\n@keyframes appear {\n from {\n opacity: 0;\n }\n}\n\n.#{$ns}ImageGallery {\n display: flex;\n flex-direction: column;\n background: transparent;\n border: none;\n border-radius: 0;\n max-width: 1010px !important;\n\n &-close {\n position: absolute;\n right: 0;\n top: 0;\n color: rgba(255, 255, 255, 0.8);\n cursor: pointer;\n\n &:hover {\n color: #fff;\n }\n\n > svg {\n width: px2rem(16px);\n height: px2rem(16px);\n }\n }\n\n &-title {\n height: px2rem(30px);\n vertical-align: top;\n line-height: px2rem(30px);\n font-size: px2rem(12px);\n color: var(--white);\n text-align: center;\n }\n\n &-main {\n background: #000;\n flex-basis: 0;\n flex-grow: 1;\n height: 0;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n user-select: none;\n\n > img {\n display: block;\n max-width: 100%;\n max-height: 100%;\n }\n }\n\n &-prevBtn,\n &-nextBtn {\n > svg {\n width: px2rem(48px);\n height: px2rem(48px);\n }\n\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n cursor: pointer;\n color: #999;\n text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px;\n\n &:hover {\n color: #fff;\n text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px;\n }\n animation-name: disappear;\n animation-delay: var(--animation-duration);\n animation-duration: var(--animation-duration);\n animation-fill-mode: both;\n\n &.is-disabled {\n pointer-events: none;\n }\n }\n\n &-main:hover &-prevBtn,\n &-main:hover &-nextBtn {\n animation-name: appear;\n animation-delay: 0s;\n animation-duration: var(--animation-duration);\n }\n\n &-prevBtn {\n left: var(--gap-md);\n }\n\n &-nextBtn {\n right: var(--gap-md);\n }\n\n &-footer {\n height: px2rem(74px);\n background: #222;\n display: flex;\n flex-direction: row;\n user-select: none;\n }\n\n &-prevList,\n &-nextList {\n width: var(--gap-md);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n background: rgba(0, 0, 0, 0.3);\n color: #fff;\n\n &.is-disabled {\n background: rgba(0, 0, 0, 0.3);\n color: rgba(255, 255, 255, 0.1);\n pointer-events: none;\n }\n\n &:hover {\n background: rgba(0, 0, 0, 1);\n color: #fff;\n }\n }\n\n &-itemsWrap {\n flex-grow: 1;\n flex-basis: 0;\n width: 0;\n overflow: hidden;\n align-items: center;\n justify-content: center;\n display: flex;\n }\n\n &-items {\n display: inline-block;\n white-space: nowrap;\n }\n\n &-item {\n margin: 10px 5px;\n width: 54px;\n height: 54px;\n display: inline-flex;\n position: relative;\n border: 1px solid #666;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n\n > img {\n display: block;\n max-width: 100%;\n max-height: 100%;\n }\n\n @supports (object-fit: cover) {\n > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n }\n\n &:after {\n position: absolute;\n content: '';\n display: block;\n background: rgba(0, 0, 0, 0.5);\n z-index: 1;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n }\n\n &:hover {\n border: 1px solid #e5e5e5;\n &:after {\n display: none;\n }\n }\n\n &.is-active {\n border: 1px solid var(--primary);\n &:after {\n display: none;\n }\n }\n }\n}\n","@use 'sass:math';\n\n.#{$ns}Images {\n display: flex;\n flex-wrap: wrap;\n margin: calc(var(--gap-xs) * -1);\n\n &-item {\n display: flex;\n margin: var(--gap-xs);\n }\n}\n\n.#{$ns}Image {\n border: var(--borderWidth) solid var(--borderColor);\n\n &--thumb {\n display: inline-block;\n padding: var(--gap-xs);\n }\n\n &-thumbWrap {\n position: relative;\n height: 100%;\n }\n\n &-image {\n display: block;\n }\n\n &--original &-image {\n max-width: 100%;\n max-height: 100%;\n width: auto;\n margin: auto;\n }\n\n &-thumb {\n width: px2rem(110px);\n height: px2rem(110px);\n position: relative;\n overflow: hidden;\n\n > img {\n position: absolute;\n left: 50%;\n top: 50%;\n max-height: 100%;\n width: auto;\n transform: translate(-50%, -50%);\n }\n }\n\n &-info {\n padding: 5px 10px;\n }\n\n &--thumb &-info {\n width: px2rem(110px);\n padding: 0;\n }\n\n &-thumb--4-3 {\n height: px2rem(math.div(110px * 3, 4));\n }\n\n &-thumb--16-9 {\n height: px2rem(math.div(110px * 9, 16));\n }\n\n &-thumb--fixed-size {\n min-width: px2rem(110px);\n min-height: px2rem(110px);\n width: 100%;\n padding: 0;\n height: 100%;\n }\n\n &-thumb--fixed-size &-thumb {\n width: 100%;\n height: 100%;\n\n > img {\n width: auto;\n height: 100%;\n }\n }\n\n &-thumb--w-full > img {\n width: 100%;\n height: auto;\n }\n\n @supports (object-fit: contain) {\n &-thumb--contain > img {\n position: static;\n width: 100% !important;\n height: 100% !important;\n transform: translate(0, 0);\n top: 0;\n left: 0;\n object-fit: contain;\n }\n\n &-origin--contain > img {\n width: 100% !important;\n height: 100% !important;\n object-fit: contain;\n }\n }\n\n @supports (object-fit: cover) {\n &-thumb--cover > img {\n position: static;\n width: 100% !important;\n height: 100% !important;\n transform: translate(0, 0);\n top: 0;\n left: 0;\n object-fit: cover;\n }\n\n &-origin--cover > img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover;\n }\n }\n\n &-caption {\n font-size: var(--fontSizeSm);\n }\n\n &-title {\n font-size: var(--fontSizeBase);\n color: var(--text--loud-color);\n }\n\n &-overlay {\n background: rgba(8, 14, 26, 0.5);\n position: absolute;\n width: 100%;\n height: 100%;\n display: none;\n top: 0;\n left: 0;\n\n justify-content: center;\n align-items: center;\n align-content: center;\n flex-wrap: wrap;\n color: #fff;\n\n > div {\n width: 100%;\n text-align: center;\n margin-bottom: 5px;\n }\n\n > a {\n cursor: pointer;\n color: #fff;\n display: inline-block;\n padding: 0 5px;\n line-height: 1;\n font-size: px2rem(16px);\n }\n }\n\n &-origin:hover &-overlay,\n &-thumbWrap:hover &-overlay {\n display: flex;\n }\n}\n\n.#{$ns}ImageField--thumb {\n display: inline-block;\n position: relative;\n @include clearfix();\n // margin-bottom: var(--gap-md);\n}\n\n.#{$ns}ImagesField {\n position: relative;\n @include clearfix();\n}\n",".#{$ns}InputBox {\n @include input-input();\n @include input-border();\n\n &--inline {\n display: inline-flex;\n }\n\n > input[readonly] {\n cursor: inherit;\n }\n\n &.is-error {\n border-color: var(--Form-input-onError-borderColor);\n background: var(--Form-input-onError-bg);\n }\n\n &.is-focused {\n border-color: var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n background: var(--Form-input-onFocused-bg);\n }\n\n &.is-clickable:hover {\n border-color: var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n cursor: pointer;\n }\n\n &.is-error.is-focused {\n border-color: var(--Form-input-onError-borderColor);\n }\n\n &.is-disabled {\n color: var(--text--muted-color);\n background: var(--Form-input-onDisabled-bg);\n border-color: var(--Form-input-onDisabled-borderColor);\n }\n\n &-clear {\n @include input-clear();\n }\n\n > svg {\n display: inline-block;\n width: 14px;\n color: var(--icon-color);\n }\n\n > a {\n cursor: pointer;\n }\n}\n",".#{$ns}ResultBox {\n @include input-input();\n @include input-border();\n flex-wrap: wrap;\n padding: 0 px2rem(3px);\n min-height: var(--Form-input-height);\n align-items: center;\n\n &.is-error {\n border-color: var(--Form-input-onError-borderColor);\n background: var(--Form-input-onError-bg);\n }\n\n &.is-focused,\n &.is-active,\n &:focus {\n outline: none;\n border-color: var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n background: var(--Form-input-onFocused-bg);\n }\n\n &.is-clickable:not(.is-disabled) {\n cursor: pointer;\n\n &:hover {\n border-color: var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n background: var(--Form-input-onFocused-bg);\n }\n }\n\n &.is-error.is-focused {\n border-color: var(--Form-input-onError-borderColor);\n }\n\n &.is-disabled {\n color: var(--text--muted-color);\n background: var(--Form-input-onDisabled-bg);\n border-color: var(--Form-input-onDisabled-borderColor);\n pointer-events: none;\n }\n\n &-singleValue {\n padding: 0 calc(var(--Form-input-paddingX) - #{px2rem(3px)});\n display: inline-block;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &-clear {\n @include input-clear();\n width: px2rem(26px);\n height: px2rem(26px);\n margin: 0 px2rem(-2px);\n margin-left: auto;\n\n &:hover {\n background: var(--ResultBox-value-bg);\n }\n\n > svg {\n width: px2rem(12px);\n height: px2rem(12px);\n }\n }\n\n > svg {\n display: inline-block;\n width: px2rem(14px);\n color: var(--icon-color);\n }\n\n > a {\n cursor: pointer;\n }\n\n &-value {\n background: var(--ResultBox-value-bg);\n color: var(--ResultBox-value-color);\n font-size: var(--Form-input-fontSize);\n padding: 0 var(--gap-xs);\n min-height: px2rem(24px);\n flex-wrap: nowrap;\n display: inline-flex;\n align-items: center;\n margin: 2px 3px;\n user-select: none;\n\n > a {\n cursor: pointer;\n margin-left: var(--gap-xs);\n color: var(--ResultBox-icon-color);\n &:hover {\n color: var(--ResultBox-icon--onHover-color);\n }\n\n > svg {\n width: px2rem(10px);\n height: px2rem(10px);\n }\n }\n\n &:hover {\n background: var(--ResultBox-value--onHover-bg);\n }\n\n &.is-disabled {\n pointer-events: none;\n color: var(--ResultBox-value--onDisabled-color);\n\n > a {\n color: var(--ResultBox-icon--onDisabled-color);\n }\n }\n }\n\n &-placeholder {\n color: var(--Form-input-placeholderColor);\n user-select: none;\n margin-left: 8px;\n }\n\n > input {\n padding-left: 8px;\n min-height: 24px;\n }\n\n &.is-mobile {\n min-height: calc(var(--Form-input-lineHeight) * var(--fontSizeLg));\n border: none;\n padding: 0;\n font-size: var(--fontSizeLg);\n border: none;\n justify-content: flex-end;\n\n .#{$ns}ResultBox-arrow {\n margin-right: var(--gap-xs);\n // margin-left: var(--gap-xs);\n width: var(--gap-md);\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n margin-left: 4px;\n\n > svg {\n transition: transform var(--animation-duration);\n display: inline-block;\n color: var(--Form-select-caret-iconColor);\n width: 10px;\n height: 10px;\n top: 0;\n transform: rotate(-90deg);\n }\n }\n }\n}\n",".#{$ns}SearchBox {\n display: inline-flex;\n flex-direction: row;\n\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-input-fontSize);\n flex-wrap: nowrap;\n align-items: center;\n justify-content: flex-end;\n\n height: 30px;\n width: 30px;\n padding: 0 8px;\n\n transition: all var(--animation-duration) ease-in-out;\n border: var(--Form-input-borderWidth) solid transparent;\n border-radius: var(--Form-input-borderRadius);\n\n &:hover {\n background: var(--Form-input-onHover-bg);\n }\n\n &.is-active {\n background: var(--Form-input-bg);\n border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);\n width: 150px;\n > input {\n flex-grow: 1;\n }\n }\n\n &-activeBtn,\n &-searchBtn,\n &-cancelBtn {\n cursor: pointer;\n color: var(--icon-color);\n\n &:hover {\n color: var(--icon-onHover-color);\n }\n }\n\n &.is-disabled &-activeBtn,\n &.is-disabled &-searchBtn,\n &.is-disabled &-cancelBtn {\n color: var(--icon-onDisabled-color);\n pointer-events: none;\n }\n\n > input {\n outline: none;\n border: none;\n background: transparent;\n color: var(--Form-input-color);\n\n width: 0;\n height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));\n\n &::placeholder {\n color: var(--Form-input-placeholderColor);\n user-select: none;\n }\n }\n\n height: 30px;\n}\n",".#{$ns}ListMenu {\n background: var(--ListMenu-item-bg);\n min-width: px2rem(200px);\n border: var(--ListMenu-borderWidth) solid var(--ListMenu-bordrColor);\n border-radius: var(--ListMenu-borderRadius);\n\n &-groupLabel {\n font-size: var(--fontSizeXs);\n color: var(--text--muted-color);\n padding: calc(\n (\n var(--ListMenu-item-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize) - var(--gap-sm)\n ) / 2\n )\n 0 0 calc(var(--Form-select-paddingX) - var(--gap-xs));\n }\n\n &-group:not(:first-child) > &-groupLabel {\n border-top: px2rem(1px) solid var(--ListMenu-divider-color);\n }\n\n &-item {\n display: flex;\n min-height: var(--ListMenu-item-height);\n color: var(--ListMenu-item-color);\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-input-fontSize);\n cursor: pointer;\n padding: calc(\n (\n var(--ListMenu-item-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--Form-select-paddingX);\n\n &.is-active {\n color: var(--ListMenu-item--onActive-color);\n background: var(--ListMenu-item--onActive-bg);\n }\n\n // &:hover,\n &.is-highlight {\n color: var(--ListMenu-item--onHover-color);\n background: var(--ListMenu-item--onHover-bg);\n }\n\n &.is-disabled {\n color: var(--ListMenu-item--onDisabled-color);\n background: var(--ListMenu-item--onDisabled-bg);\n }\n }\n\n &-placeholder {\n display: block;\n min-height: var(--ListMenu-item-height);\n color: var(--text--muted-color);\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-input-fontSize);\n cursor: pointer;\n padding: calc(\n (\n var(--ListMenu-item-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--Form-select-paddingX);\n }\n}\n\n.#{$ns}PopOver > .#{$ns}ListMenu {\n border-color: var(--listMenu--onActive-borderColor);\n}\n",".#{$ns}Log {\n background: var(--Log-bg);\n color: var(--Log-color);\n padding: var(--Log-padding);\n overflow-y: auto;\n font-family: var(--fontFamilyMonospace);\n &-line {\n padding: var(--Log-line-padding);\n white-space: pre-wrap;\n word-wrap: break-word;\n // bootstrap 会修改这些,覆盖掉\n code {\n color: inherit;\n background: inherit;\n }\n &:hover {\n background: var(--Log-line--onHover-bg);\n }\n }\n\n .ansi-bold {\n font-weight: 700;\n }\n\n .ansi-italic {\n font-style: italic;\n }\n\n .ansi-underline {\n text-decoration: underline;\n }\n\n .ansi-black-fg,\n .ansi-bright-black-fg {\n color: #4e4e4e;\n }\n\n .ansi-red-fg,\n .ansi-bright-red-fg {\n color: #ff6c60;\n }\n\n .ansi-green-fg,\n .ansi-bright-green-fg {\n color: #0a0;\n }\n\n .ansi-yellow-fg,\n .ansi-bright-yellow-fg {\n color: #ffffb6;\n }\n\n .ansi-blue-fg,\n .ansi-bright-blue-fg {\n color: #96cbfe;\n }\n\n .ansi-magenta-fg,\n .ansi-bright-magenta-fg {\n color: #ff73fd;\n }\n\n .ansi-cyan-fg,\n .ansi-bright-cyan-fg {\n color: #5ff;\n }\n\n .ansi-white-fg,\n .ansi-bright-white-fg {\n color: #eee;\n }\n\n .ansi-grey-fg,\n .ansi-bright-grey-fg {\n color: #969696;\n }\n\n .ansi-black-bg {\n background-color: #4e4e4e;\n }\n\n .ansi-red-bg {\n background-color: #ff6c60;\n }\n\n .ansi-green-bg {\n background-color: #0a0;\n }\n\n .ansi-yellow-bg {\n background-color: #ffffb6;\n }\n\n .ansi-blue-bg {\n background-color: #96cbfe;\n }\n\n .ansi-magenta-bg {\n background-color: #ff73fd;\n }\n\n .ansi-cyan-bg {\n background-color: #0aa;\n }\n\n .ansi-white-bg {\n background-color: #eee;\n }\n}\n",".#{$ns}JsonField {\n &-nodeValue {\n white-space: normal;\n word-break: break-all;\n overflow-wrap: break-word;\n }\n}\n",".#{$ns}Icon {\n height: var(--fontSizeBase);\n vertical-align: middle;\n}\n",".#{$ns}Steps {\n display: flex;\n list-style: none;\n padding: 0;\n\n .#{$ns}StepsItem {\n flex: 1;\n overflow: hidden;\n padding: 0 px2rem(20px);\n height: auto;\n line-height: px2rem(32px);\n &-container {\n &Icon {\n vertical-align: top;\n display: inline-block;\n padding-right: px2rem(10px);\n .#{$ns}StepsItem-icon {\n display: inline-block;\n width: px2rem(30px);\n height: px2rem(30px);\n line-height: px2rem(28px);\n border-radius: 50%;\n font-size: var(--Steps-icon-fontsize);\n text-align: center;\n }\n }\n &Wrapper {\n display: inline-block;\n position: relative;\n .#{$ns}StepsItem-body {\n .#{$ns}StepsItem-title {\n font-size: var(--Steps-title-fontsize);\n color: var(--Steps-title-color);\n padding-right: px2rem(20px);\n position: relative;\n display: inline-block;\n > span {\n display: inline-block;\n }\n &:after {\n content: '';\n position: absolute;\n right: 0;\n top: px2rem(16px);\n height: 1px;\n left: 100%;\n width: 9999px;\n padding-right: px2rem(10px);\n background-color: var(--Steps-line-bg);\n }\n }\n .#{$ns}StepsItem-title.is-success {\n &:after {\n background-color: var(--Steps-line-success-bg);\n }\n }\n .#{$ns}StepsItem-subTitle {\n padding-left: px2rem(10px);\n font-size: var(--Steps-sub-title-fontsize);\n color: var(--Steps-sub-title-color);\n }\n .#{$ns}StepsItem-description {\n max-width: px2rem(140px);\n white-space: nowrap;\n }\n }\n }\n }\n &:last-child {\n flex: none;\n .#{$ns}StepsItem-title {\n &:after {\n display: none;\n }\n }\n }\n }\n\n &--vertical {\n flex-direction: column;\n .#{$ns}StepsItem {\n padding: px2rem(5px) 0;\n min-height: 75px;\n &-container {\n &Icon > .#{$ns}StepsItem-icon {\n position: relative;\n &:after {\n content: '';\n position: absolute;\n right: 0;\n top: px2rem(35px);\n height: 9999px;\n left: px2rem(14px);\n width: 1px;\n background-color: var(--Steps-line-bg);\n }\n }\n &Wrapper > .#{$ns}StepsItem-body > .#{$ns}StepsItem-title {\n &:after {\n display: none;\n }\n }\n }\n &:last-child {\n flex: none;\n .#{$ns}StepsItem-icon {\n &:after {\n display: none;\n }\n }\n }\n }\n }\n\n .#{$ns}StepsItem.is-wait {\n .#{$ns}StepsItem-icon {\n background-color: var(--white);\n color: var(--Steps-bg);\n border: 1px solid var(--Steps-bg);\n }\n }\n .#{$ns}StepsItem.is-error {\n .#{$ns}StepsItem-icon {\n background-color: var(--Steps-status-error);\n color: var(--white);\n border: 1px solid var(--Steps-status-error);\n }\n .#{$ns}StepsItem-title,\n .#{$ns}StepsItem-subTitle,\n .#{$ns}StepsItem-description {\n color: var(--Steps-status-error);\n }\n }\n .#{$ns}StepsItem.is-finish,\n .#{$ns}StepsItem.is-process {\n .#{$ns}StepsItem-icon {\n background-color: var(--Steps-status-success);\n color: var(--white);\n border: 1px solid var(--Steps-status-success);\n }\n }\n}\n\n\n.#{$ns}Steps-mobile.#{$ns}Steps--horizontal {\n .#{$ns}StepsItem {\n\n &-container {\n &Wrapper {\n .#{$ns}StepsItem-body {\n .#{$ns}StepsItem-title {\n &::after {\n display: none !important;\n }\n }\n }\n\n .#{$ns}StepsItem-body{\n .#{$ns}StepsItem-title {\n .#{$ns}StepsItem-subTitle {\n padding-left: px2rem(5px);\n }\n }\n }\n }\n\n &Icon {\n position: relative;\n display: block;\n\n &:after {\n content: '';\n position: absolute;\n right: 0;\n top: px2rem(15px);\n height: 1px;\n left: px2rem(40px);\n width: 99999px;\n background-color: var(--Steps-line-bg);\n }\n }\n\n &Icon.is-success {\n &:after {\n background-color: var(--Steps-line-success-bg);\n }\n }\n }\n\n &:last-child {\n flex: 1;\n\n .#{$ns}StepsItem-container {\n &Icon {\n &:after {\n display: none !important;\n }\n }\n }\n }\n }\n}",".#{$ns}Portlet {\n border: var(--Portlet-borderWidth) var(--Portlet-borderStyle) var(--Portlet-borderColor);\n border-radius: var(--Portlet-borderRadius);\n\n padding: var(--gap-base);\n\n &-tab.unactive-select {\n .is-active {\n a:first-child,\n &:hover > a:first-child,\n > a:first-child:focus {\n border: none !important;\n color: inherit !important;\n cursor: auto !important;\n }\n }\n }\n\n &-tab.no-divider {\n .#{$ns}Tabs-links {\n border-bottom: none;\n }\n }\n\n .#{$ns}Tabs-pane {\n padding: unset;\n }\n\n &-toolbar {\n display: inline-flex;\n float: right;\n justify-content: flex-end;\n\n .#{$ns}Button {\n margin-left: calc(var(--gap-xs));\n }\n }\n\n &-header-desc {\n height: 100%;\n overflow: hidden;\n position: relative;\n margin-left: var(--gap-base);\n }\n}\n\n.#{$ns}Portlet.no-header {\n .#{$ns}Portlet-tab .#{$ns}Tabs-links {\n display: none;\n }\n}",".u-hairline::after {\n position: absolute;\n box-sizing: border-box;\n content: ' ';\n pointer-events: none;\n top: -50%;\n right: -50%;\n bottom: -50%;\n left: -50%;\n border: 0 solid var(--borderColorLight);\n z-index: 1;\n transform: scale(0.5);\n}\n\n.#{$ns}GridNav {\n display: flex;\n flex-wrap: wrap;\n\n &-top {\n position: relative;\n\n &::after {\n border-top-width: px2rem(1px);\n }\n }\n}\n\n.#{$ns}GridNavItem {\n position: relative;\n box-sizing: border-box;\n\n &--square {\n height: 0;\n position: relative;\n }\n\n &-icon {\n width: var(--rv-grid-item-icon-size);\n }\n\n &-text {\n color: var(--text-color);\n font-size: var(--fontSizeSm);\n line-height: 1.5;\n word-break: break-all;\n flex-shrink: 0;\n }\n\n &-icon + &-text {\n margin-top: px2rem(8px);\n }\n\n &-image {\n display: inline-block;\n\n svg,\n img {\n max-width: 100%;\n display: block;\n width: 60%;\n margin: 0 auto;\n }\n }\n\n &-content {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n height: 100%;\n padding: var(--gap-md) var(--gap-sm);\n background-color: var(--white);\n position: relative;\n\n .#{$ns}Badge-text {\n z-index: 10;\n }\n\n &--border::after {\n border-width: 0 var(--borderWidth) var(--borderWidth) 0;\n }\n\n &--square {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n }\n\n &--center {\n align-items: center;\n justify-content: center;\n }\n\n &--horizontal {\n flex-direction: row;\n\n .#{$ns}GridNavItem-text {\n margin: 0 0 0 var(--gap-sm);\n }\n }\n\n &--reverse {\n flex-direction: column-reverse;\n\n .#{$ns}GridNavItem-text {\n margin: 0 0 var(--gap-sm);\n }\n }\n\n &--horizontal &--reverse {\n flex-direction: row-reverse;\n\n .#{$ns}GridNavItem-text {\n margin: 0 var(--gap-sm) 0 0;\n }\n }\n\n &--surround {\n &::after {\n border-width: var(--borderWidth);\n }\n }\n\n &--clickable {\n cursor: pointer;\n }\n }\n}\n","%fieldSetBase {\n position: relative;\n\n &:after {\n content: '';\n pointer-events: none;\n border: 1px solid var(--borderColor);\n position: absolute;\n z-index: 0;\n top: 11px;\n left: 0;\n bottom: 0;\n right: 0;\n }\n\n > legend {\n position: absolute;\n top: 0;\n left: 0;\n display: inline-block;\n border: 0;\n width: auto;\n z-index: 1;\n background: var(--Fieldset-legend-bgColor);\n border-left: 0 !important;\n }\n\n .collapse {\n position: relative;\n }\n}\n\nfieldset.#{$ns}Collapse {\n margin-bottom: var(--Form-item-gap);\n > legend {\n font-weight: var(--fontWeightNormal);\n padding: var(--gap-xs) 0;\n font-size: var(--fontSizeMd);\n color: var(--text--loud-color);\n border-left: var(--primary) px2rem(4px) solid;\n line-height: 1.2;\n margin: var(--gap-base) 0;\n padding: 0 0 0 14px;\n cursor: pointer;\n border-bottom: none !important;\n background: transparent;\n display: flex;\n flex-direction: row;\n // width: 100%;\n &:hover {\n background: transparent;\n }\n }\n\n &--xs {\n @extend %fieldSetBase;\n padding: 20px 5px 5px 5px;\n\n > legend {\n left: 5px;\n font-size: var(--fontSizeXs);\n padding: 0 3px;\n margin: 0 0 0 -3px;\n }\n\n &:after {\n top: 6px;\n }\n }\n\n &--sm {\n @extend %fieldSetBase;\n\n padding: 25px 10px 10px 10px;\n\n > legend {\n left: 10px;\n font-size: var(--fontSizeSm);\n padding: 0 5px;\n margin: 0 0 0 -5px;\n }\n\n &:after {\n top: 6px;\n }\n }\n\n &--base {\n @extend %fieldSetBase;\n\n padding: 30px var(--gap-md) var(--gap-md) var(--gap-md);\n\n > legend {\n left: var(--gap-md);\n font-size: var(--fontSizeBase);\n padding: 0 8px;\n margin: 0 0 0 -8px;\n }\n\n &:after {\n top: 7px;\n }\n }\n\n &--md {\n @extend %fieldSetBase;\n padding: 30px 20px 20px 20px;\n\n > legend {\n left: 20px;\n font-size: var(--fontSizeMd);\n padding: 0 10px;\n margin: 0 0 0 -10px;\n }\n\n &:after {\n top: 7px;\n }\n }\n\n &--lg {\n @extend %fieldSetBase;\n padding: 40px 30px 30px 30px;\n\n > legend {\n left: 30px;\n font-size: var(--fontSizeLg);\n padding: 0 var(--gap-md);\n margin: 0 0 0 calc(var(--gap-md) * -1);\n }\n\n &:after {\n top: 9px;\n }\n }\n}\n","@use 'sass:math';\n\n.#{$ns}Form-groupColumn {\n margin-bottom: var(--gap-sm);\n}\n\n@include media-breakpoint-up(md) {\n .#{$ns}Form-group {\n margin-bottom: var(--Form-item-gap);\n\n &:last-child {\n margin-bottom: 0;\n }\n\n .#{$ns}Form-value > & {\n margin-bottom: var(--Form-input-marginBottom);\n }\n\n &--hor {\n display: flex;\n flex-wrap: wrap;\n margin-left: calc(var(--Form-group-gutterWidth) / -2);\n margin-right: calc(var(--Form-group-gutterWidth) / -2);\n align-items: flex-start;\n\n &.v-middle {\n align-items: center;\n }\n\n &.v-bottom {\n align-items: flex-end;\n }\n\n > * {\n padding-left: calc(var(--Form-group-gutterWidth) / 2);\n padding-right: calc(var(--Form-group-gutterWidth) / 2);\n }\n\n > .#{$ns}Form-item--inline {\n margin-right: 0;\n }\n\n > .#{$ns}Form-item,\n > div > .#{$ns}Form-item {\n margin-bottom: 0;\n }\n\n .#{$ns}Form-input > .#{$ns}Form-group {\n margin-bottom: 0;\n }\n }\n\n &--lg {\n margin-left: calc(var(--Form-group--lg-gutterWidth) / -2);\n margin-right: calc(var(--Form-group--lg-gutterWidth) / -2);\n\n > * {\n padding-left: calc(var(--Form-group--lg-gutterWidth) / 2);\n padding-left: calc(var(--Form-group--lg-gutterWidth) / 2);\n }\n }\n\n &--md {\n margin-left: calc(var(--Form-group--md-gutterWidth) / -2);\n margin-right: calc(var(--Form-group--md-gutterWidth) / -2);\n\n > * {\n padding-left: calc(var(--Form-group--md-gutterWidth) / 2);\n padding-right: calc(var(--Form-group--md-gutterWidth) / 2);\n }\n }\n\n &--sm {\n margin-left: calc(var(--Form-group--sm-gutterWidth) / -2);\n margin-right: calc(var(--Form-group--sm-gutterWidth) / -2);\n\n > * {\n padding-left: calc(var(--Form-group--sm-gutterWidth) / 2);\n padding-right: calc(var(--Form-group--sm-gutterWidth) / 2);\n }\n }\n\n &--xs {\n margin-left: calc(var(--Form-group--xs-gutterWidth) / -2);\n margin-right: calc(var(--Form-group--xs-gutterWidth) / -2);\n\n > * {\n padding-left: calc(var(--Form-group--xs-gutterWidth) / 2);\n padding-right: calc(var(--Form-group--xs-gutterWidth) / 2);\n }\n }\n }\n\n .#{$ns}Form-groupColumn {\n flex-basis: 0;\n flex-grow: 1;\n width: 100%;\n max-width: 100%;\n margin-bottom: 0;\n }\n\n @for $i from (1) through $Form--horizontal-columns {\n .#{$ns}Form-groupColumn--#{$i} {\n flex: 0 0 percentage(math.div($i, $Form--horizontal-columns));\n max-width: percentage(math.div($i, $Form--horizontal-columns));\n min-height: 1px;\n }\n }\n\n .#{$ns}Form-groupColumn--auto {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%;\n min-height: 1px;\n }\n}\n",".#{$ns}InputGroup {\n display: inline-flex;\n flex-wrap: nowrap;\n\n &.#{$ns}Form-control--sizeXs,\n &.#{$ns}Form-control--sizeSm,\n &.#{$ns}Form-control--sizeMd,\n &.#{$ns}Form-control--sizeLg {\n display: inline-flex;\n }\n\n &-addOn,\n & .#{$ns}Form-control {\n display: inline-block;\n white-space: nowrap;\n }\n\n &-addOn {\n background: var(--InputGroup-addOn-bg);\n border: var(--InputGroup-addOn-borderWidth) solid\n var(--InputGroup-addOn-borderColor);\n line-height: calc(\n var(--InputGroup-height) - var(--InputGroup-paddingY) * 2 -\n var(--InputGroup-addOn-borderWidth) * 2\n );\n height: var(--InputGroup-height);\n box-sizing: border-box;\n padding: var(--InputGroup-paddingY) var(--InputGroup-paddingX);\n\n &:not(:last-child) {\n border-right: 0;\n }\n\n &:first-child {\n border-top-left-radius: var(--InputGroup-addOn-borderRadius);\n border-bottom-left-radius: var(--InputGroup-addOn-borderRadius);\n }\n\n &:last-child {\n border-top-right-radius: var(--InputGroup-addOn-borderRadius);\n border-bottom-right-radius: var(--InputGroup-addOn-borderRadius);\n }\n }\n\n &-btn {\n .#{$ns}Button {\n border-radius: 0;\n border: var(--InputGroup-button-borderWidth) solid\n var(--InputGroup-button-borderColor);\n }\n\n &:not(:last-child) .#{$ns}Button {\n border-right: 0;\n }\n\n &:first-child .#{$ns}Button {\n border-top-left-radius: var(--InputGroup-button-borderRadius);\n border-bottom-left-radius: var(--InputGroup-button-borderRadius);\n }\n\n &:last-child .#{$ns}Button {\n border-top-right-radius: var(--InputGroup-button-borderRadius);\n border-bottom-right-radius: var(--InputGroup-button-borderRadius);\n }\n }\n\n .#{$ns}TextControl-input {\n flex-basis: 0;\n flex-grow: 1;\n display: inline-flex;\n\n &:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n &:not(:last-child) {\n border-right-width: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n .#{$ns}SelectControl {\n .#{$ns}Select {\n background: var(--InputGroup-select-bg);\n border: var(--InputGroup-select-borderWidth) solid\n var(--InputGroup-select-borderColor);\n color: var(--InputGroup-select-color);\n }\n\n &:not(:last-child) .#{$ns}Select {\n border-right: 0;\n }\n\n &:first-child .#{$ns}Select {\n border-top-left-radius: var(--InputGroup-select-borderRadius);\n border-bottom-left-radius: var(--InputGroup-select-borderRadius);\n }\n\n &:last-child .#{$ns}Select {\n border-top-right-radius: var(--InputGroup-select-borderRadius);\n border-bottom-right-radius: var(--InputGroup-select-borderRadius);\n }\n\n &:not(:first-child) .#{$ns}Select {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n &:not(:last-child) .#{$ns}Select {\n border-right-width: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n }\n\n .#{$ns}Select-arrow {\n color: var(--InputGroup-select-arrowColor);\n }\n\n &.is-focused {\n .#{$ns}InputGroup-addOn,\n .#{$ns}TextControl-input,\n .#{$ns}Select,\n .#{$ns}InputGroup-btn .#{$ns}Button {\n border-color: var(--InputGroup-addOn-onFocused-borderColor);\n }\n\n .#{$ns}Select {\n background: var(--InputGroup-select-onFocused-bg);\n }\n\n .#{$ns}Select {\n color: var(--InputGroup-select-onFocused-color);\n }\n\n .#{$ns}Select-arrow {\n color: var(--InputGroup-select-onFocused-arrowColor);\n }\n\n .#{$ns}InputGroup-addOn {\n color: var(--primary);\n }\n }\n}\n\n.#{$ns}InputGroup:not(.is-inline) {\n display: flex;\n}\n",".#{$ns}TextControl {\n @include input-text();\n\n &-placeholder {\n color: var(--Form-input-placeholderColor);\n user-select: none;\n position: absolute;\n left: var(--Form-input-paddingX);\n top: var(--Form-input-paddingY);\n margin-top: calc(2 * var(--Form-input-borderWidth));\n line-height: var(--Form-input-lineHeight);\n }\n\n // &-valueWrap {\n // flex-grow: 1;\n // line-height: 1;\n // flex-wrap: wrap;\n // display: flex;\n\n // > input {\n // display: inline-block;\n // width: auto;\n // vertical-align: middle;\n // }\n // }\n\n &--withAddOn {\n display: flex;\n flex-wrap: nowrap;\n\n @include media-breakpoint-up(sm) {\n &.#{$ns}Form-control--sizeXs,\n &.#{$ns}Form-control--sizeSm,\n &.#{$ns}Form-control--sizeMd,\n &.#{$ns}Form-control--sizeLg {\n display: inline-flex;\n\n > .#{$ns}TextControl-input {\n min-width: unset;\n }\n }\n }\n }\n\n &--withAddOn > &-input {\n flex-basis: 1;\n flex-grow: 1;\n min-width: 0;\n\n border-radius: 0;\n\n &:first-child {\n border-top-left-radius: var(--Form-input-borderRadius);\n border-bottom-left-radius: var(--Form-input-borderRadius);\n }\n\n &:last-child {\n border-top-right-radius: var(--Form-input-borderRadius);\n border-bottom-right-radius: var(--Form-input-borderRadius);\n }\n\n @if var(--Form-input-addOnDividerBorderWidth) ==0 {\n &:not(:last-child) {\n border-right-width: 0;\n }\n }\n }\n\n &-addOn {\n display: flex;\n align-items: center;\n justify-content: center;\n padding-left: px2rem(10px);\n padding-right: px2rem(10px);\n background: var(--Form-input-addOnBg);\n color: var(--Form-input-addOnColor);\n border-color: var(--Form-input-borderColor);\n border-style: solid;\n border-width: px2rem(1px) 0;\n\n &:first-child {\n border-left-width: px2rem(1px);\n }\n\n &:last-child {\n border-right-width: px2rem(1px);\n border-top-right-radius: var(--Form-input-borderRadius);\n border-bottom-right-radius: var(--Form-input-borderRadius);\n }\n }\n\n &--withAddOn > &-button {\n > .#{$ns}Button {\n position: relative;\n border-radius: 0;\n margin-left: px2rem(-1px);\n border: var(--InputGroup-button-borderWidth) solid\n var(--InputGroup-button-borderColor);\n }\n\n &:not(:last-child) .#{$ns}Button {\n border-right: 0;\n }\n\n &:first-child .#{$ns}Button {\n @if var(--InputGroup-button-borderRadius) {\n border-top-left-radius: var(--InputGroup-button-borderRadius);\n border-bottom-left-radius: var(--InputGroup-button-borderRadius);\n }\n }\n\n &:last-child .#{$ns}Button {\n @if var(--InputGroup-button-borderRadius) {\n border-top-right-radius: var(--InputGroup-button-borderRadius);\n border-bottom-right-radius: var(--InputGroup-button-borderRadius);\n }\n }\n }\n\n &--withAddOn.is-focused > &-button .#{$ns}Button {\n border-color: var(--Form-input-onFocused-borderColor);\n }\n\n &--withAddOn.is-error > &-addOn {\n border-color: var(--Form-input-onError-borderColor);\n }\n\n &--withAddOn.is-focused > &-addOn {\n border-color: var(--Form-input-onFocused-borderColor);\n color: var(--Form-input-onFocus-addOnColor);\n box-shadow: var(--Form-input-boxShadow);\n }\n\n &--withAddOn.is-disabled > &-addOn {\n color: var(--text--muted-color);\n }\n\n &--withAddOn.is-inline {\n display: inline-block;\n\n @include media-breakpoint-up(sm) {\n &.#{$ns}Form-control--sizeXs,\n &.#{$ns}Form-control--sizeSm,\n &.#{$ns}Form-control--sizeMd,\n &.#{$ns}Form-control--sizeLg {\n > .#{$ns}TextControl-input {\n min-width: 100%;\n }\n }\n }\n }\n\n &-input--withAC {\n position: relative;\n flex-wrap: wrap;\n\n input {\n width: auto;\n // color: var(--Form-input-placeholderColor);\n }\n }\n\n &-sugs {\n position: absolute;\n background: var(--Form-select-menu-bg);\n color: var(--Form-select-menu-color);\n border: var(--Form-input-borderWidth) solid\n var(--Form-input-onFocused-borderColor);\n left: px2rem(-1px);\n right: px2rem(-1px);\n top: 100%;\n z-index: 10;\n max-height: px2rem(300px);\n overflow: auto;\n }\n\n &-sugItem {\n padding: calc(\n (\n var(--Form-selectOption-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize) - #{px2rem(2px)}\n ) / 2\n )\n px2rem(12px);\n\n svg {\n width: px2rem(16px);\n margin-top: px2rem(4px);\n float: right;\n fill: var(--Form-input-onHover-iconColor);\n }\n\n &:not(.is-disabled) {\n cursor: pointer;\n }\n\n &.is-highlight {\n color: var(--Form-select-menu-onHover-color);\n background: var(--Form-select-menu-onHover-bg);\n }\n }\n\n &-value {\n user-select: none;\n line-height: calc(\n var(--Form-input-lineHeight) * var(--Form-input-fontSize)\n );\n vertical-align: middle;\n display: inline-block;\n }\n\n &-input--multiple {\n height: auto;\n min-height: var(--Form-input-height);\n padding: calc(var(--Form-input-paddingY) - #{px2rem(2px)})\n calc(var(--Form-input-paddingX) - #{px2rem(3px)});\n }\n\n &-input--multiple &-placeholder {\n margin-top: 0;\n }\n\n &-input--multiple > input {\n margin-top: 2px;\n }\n\n &-input--multiple &-valueWrap {\n white-space: normal;\n\n margin-bottom: calc(var(--gap-xs) * -1);\n\n > input {\n margin-bottom: var(--gap-xs);\n }\n }\n\n &-input--multiple &-value {\n white-space: nowrap;\n line-height: calc(\n var(--Form-input-lineHeight) * var(--Form-input-fontSize) - #{px2rem(2px)}\n );\n font-size: var(--Form-selectValue-fontSize);\n color: var(--Form-selectValue-color);\n background: var(--Form-selectValue-bg);\n border: px2rem(1px) solid var(--Form-selectValue-borderColor);\n border-radius: px2rem(2px);\n margin: 2px 3px;\n }\n\n &-valueIcon {\n cursor: pointer;\n border-right: px2rem(1px) solid var(--Form-selectValue-borderColor);\n padding: 1px 5px;\n\n &:hover {\n background: var(--Form-selectValue-onHover-bg);\n }\n }\n\n &-input--multiple &-valueLabel {\n padding: 0 var(--gap-xs);\n }\n\n &-counter {\n color: var(--text--muted-color);\n }\n\n .has-error--maxLength &-counter {\n color: var(--danger);\n }\n\n // yunshe4.0\n &-input {\n &:hover {\n border-color: var(--Form-input-onHover-borderColor);\n }\n }\n}\n\n.#{$ns}TextControl.is-disabled {\n &-input input {\n color: var(--Form-input-onDisabled-color);\n }\n}\n",".#{$ns}TextareaControl {\n position: relative;\n\n > textarea {\n @include input-border();\n\n border: 1px solid var(--Form-input-borderColor);\n border-radius: var(--Form-input-borderRadius);\n background: var(--Form-input-bg);\n padding: var(--Form-input-paddingY) var(--Form-input-paddingX);\n font-size: var(--Form-input-fontSize);\n display: block;\n width: 100%;\n line-height: var(--Form-input-lineHeight);\n outline: none;\n resize: none;\n\n &::placeholder {\n color: var(--Form-input-placeholderColor);\n }\n\n // yunshe4.0\n &:hover {\n border-color: var(--Form-input-onHover-borderColor);\n }\n }\n\n & > textarea:focus,\n &.is-focused > textarea {\n border-color: var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n\n // yunshe4.0\n &:hover {\n border-color: var(--Form-input-onFocused-borderColor);\n }\n }\n\n &.is-disabled > textarea,\n & > textarea[disabled] {\n background: $gray200;\n color: var(--text--muted-color);\n }\n\n &.is-error {\n > textarea {\n border-color: var(--Form-input-onError-borderColor);\n }\n }\n\n &-counter {\n position: absolute;\n right: var(--Form-input-paddingX);\n bottom: var(--Form-input-paddingY);\n font-size: var(--fontSizeSm);\n padding: 0 5px;\n border-radius: 3px;\n color: #fff;\n background: rgba(0, 0, 0, 0.6);\n\n &.is-empty {\n color: #666;\n background: rgba(0, 0, 0, 0.4);\n }\n }\n\n .has-error--maxLength &-counter {\n background: var(--danger);\n }\n}\n",".#{$ns}Checkbox {\n margin: 0 var(--gap-sm) 0 0;\n font-weight: var(--fontWeightNormal);\n user-select: none;\n pointer-events: none;\n\n input {\n position: absolute;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n pointer-events: none;\n }\n\n &:hover input:not(:disabled) + i {\n border-color: var(--Checkbox-onHover-color);\n // box-shadow: 0 0 px2rem(1px) var(--Checkbox-onHover-color) inset;\n }\n\n > i {\n cursor: pointer;\n line-height: 1;\n background: var(--Checkbox-gb);\n display: inline-block;\n vertical-align: middle;\n position: relative;\n pointer-events: all;\n\n + span {\n pointer-events: all;\n margin-left: var(--Checkbox-gap);\n cursor: pointer;\n display: inline-block;\n vertical-align: middle;\n\n > a {\n // float: right;\n margin-left: var(--gap-xs);\n display: none;\n }\n\n &:empty {\n display: none;\n }\n }\n\n &:before {\n content: '';\n position: absolute;\n left: 50%;\n top: 50%;\n width: 0px;\n height: 0px;\n background: transparent;\n transition: all var(--animation-duration);\n transform-origin: 50% 50%;\n transform: translate(-50%, -50%);\n }\n }\n\n &:hover > i + span > a {\n display: inline-block;\n }\n\n &--checkbox {\n padding-left: var(--Checkbox-size);\n\n input {\n margin-left: calc(var(--Checkbox-size) * -1);\n\n &:checked + i {\n border-color: var(--Checkbox-onHover-color);\n\n &:before {\n width: var(--Checkbox-inner-size);\n height: var(--Checkbox-inner-size);\n background: var(--Checkbox-onHover-color);\n }\n }\n\n &[disabled] + i {\n border-color: var(--Checkbox-onDisabled-color);\n cursor: not-allowed;\n\n &:before {\n width: var(--Checkbox-inner-size);\n height: calc(var(--Checkbox-inner-size) / 2);\n background: var(--Checkbox-onDisabled-bg);\n }\n }\n\n &[disabled] + i + span {\n cursor: not-allowed;\n color: var(--text--muted-color);\n }\n }\n\n > i {\n width: var(--Checkbox-size);\n height: var(--Checkbox-size);\n border: px2rem(1px) solid var(--Checkbox-color);\n border-radius: var(--Checkbox-borderRadius);\n margin-left: calc(var(--Checkbox-size) * -1);\n }\n }\n\n &--full.#{$ns}Checkbox--checkbox {\n &:not(:disabled) + i:hover {\n border-color: var(--Checkbox-color);\n }\n\n input {\n &:checked + i {\n border-color: var(--Checkbox-onHover-color);\n background: var(--Checkbox-onHover-color);\n\n &:before {\n width: var(--Checkbox--full-inner-size);\n height: calc(var(--Checkbox--full-inner-size) / 2);\n border-color: var(--Checkbox-gb);\n }\n }\n\n &[disabled] + i {\n border-color: var(--Checkbox-onDisabled-color);\n background: var(--Checkbox-onDisabled-bg);\n }\n\n &[disabled]:checked + i {\n &:before {\n border-color: var(--Checkbox-onDisabled-color);\n }\n }\n\n &:checked[disabled] + i {\n border-color: var(--Checkbox-onDisabled-color);\n background: var(--Checkbox-onDisabled-bg);\n }\n }\n\n > i {\n position: relative;\n cursor: pointer;\n\n &:before {\n content: '';\n position: absolute;\n left: 50%;\n top: 50%;\n width: 0;\n height: 0;\n border-color: transparent;\n transition: width var(--animation-duration),\n height var(--animation-duration), transform var(--animation-duration);\n border-width: 0 0 px2rem(2px) px2rem(2px);\n transform: translate(-50%, -60%) rotate(-40deg);\n border-style: solid;\n }\n }\n }\n\n &--radio {\n padding-left: var(--Radio-size);\n\n input {\n margin-left: calc(var(--Radio-size) * -1);\n\n &:checked + i {\n border-color: var(--Radio-onHover-color);\n\n &:before {\n width: var(--Radio-inner-size);\n height: var(--Radio-inner-size);\n background: var(--Radio-onHover-color);\n border-radius: 50%;\n }\n }\n\n &[disabled] + i {\n border-color: var(--Radio-onDisabled-color);\n background: var(--Radio-onDisabled-bg);\n cursor: not-allowed;\n\n &:before {\n background: var(--Radio-onDisabled-color);\n }\n }\n\n &[disabled] + i + span {\n cursor: not-allowed;\n color: var(--text--muted-color);\n }\n\n &:focus + i {\n box-shadow: var(--Radio-onFocus-boxShadow);\n }\n }\n\n > i {\n cursor: pointer;\n width: var(--Radio-size);\n height: var(--Radio-size);\n border: px2rem(1px) solid var(--Radio-color);\n margin-left: calc(var(--Radio-size) * -1);\n margin-top: px2rem(-2px);\n border-radius: 50%;\n }\n }\n\n &--sm {\n padding-left: var(--Checkbox--sm-size);\n\n input {\n margin-left: calc(var(--Checkbox--sm-size) * -1);\n\n &:checked + i {\n &:before {\n width: var(--Checkbox--sm-inner-size);\n height: var(--Checkbox--sm-inner-size);\n }\n }\n }\n\n > i {\n width: var(--Checkbox--sm-size);\n height: var(--Checkbox--sm-size);\n margin-left: calc(var(--Checkbox--sm-size) * -1);\n margin-top: 0;\n\n + span {\n margin-left: var(--gap-xs);\n }\n }\n }\n\n &--sm.#{$ns}Checkbox--full {\n input[type='checkbox'] {\n &:checked + i {\n &:before {\n width: var(--Checkbox--sm--full-inner-size);\n height: calc(var(--Checkbox--sm--full-inner-size) / 2);\n }\n }\n }\n }\n\n &-desc {\n color: var(--text--muted-color);\n margin-left: var(--Checkbox-gap);\n margin-top: var(--gap-xs);\n pointer-events: all;\n }\n}\n\n.#{$ns}CheckboxControl,\n.#{$ns}RadiosControl,\n.#{$ns}CheckboxesControl {\n padding-top: calc(\n (var(--Form-input-height) - var(--Checkbox-size)) / 2 - 3px\n ); // 3px 是空白的高度\n}\n\n.#{$ns}RadiosControl,\n.#{$ns}CheckboxesControl {\n .#{$ns}Checkbox {\n display: block;\n margin-bottom: var(--Form-label-paddingTop);\n }\n\n &.is-inline .#{$ns}Checkbox {\n display: inline-block;\n margin-right: var(--gap-md);\n }\n}\n\n.#{$ns}RadiosControl-group,\n.#{$ns}CheckboxesControl-group {\n &:not(:first-child) {\n margin-top: px2rem(10px);\n }\n\n .#{$ns}RadiosControl-groupLabel,\n .#{$ns}CheckboxesControl-groupLabel {\n display: block;\n font-size: var(--fontSizeSm);\n color: #999;\n }\n}\n",".#{$ns}Selection {\n > .#{$ns}Checkbox {\n display: block;\n // height: var(--Form-input-height);\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-input-fontSize);\n padding: calc(\n (\n var(--Form-input-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--gap-sm)\n calc(\n (\n var(--Form-input-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n calc(var(--gap-sm) + var(--Checkbox-size));\n }\n\n &--inline > .#{$ns}Checkbox {\n display: inline-block;\n }\n\n &-addBtn {\n display: block;\n cursor: pointer;\n\n &:hover {\n text-decoration: none;\n }\n\n > svg {\n width: px2rem(14px);\n height: px2rem(14px);\n margin-right: var(--Checkbox-gap);\n }\n }\n}\n\n.#{$ns}GroupedSelection {\n max-height: px2rem(300px);\n overflow: auto;\n user-select: none;\n\n &-group:not(:first-child) > &-itemLabel {\n border-top: px2rem(1px) solid var(--ListMenu-divider-color);\n }\n\n &-group > &-itemLabel {\n font-size: var(--fontSizeSm);\n padding: var(--gap-xs) var(--gap-xs);\n color: var(--text--muted-color);\n }\n\n &-item {\n display: flex;\n // height: var(--Form-input-height);\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-input-fontSize);\n padding: calc(\n (\n var(--Form-input-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--gap-sm);\n flex-direction: row;\n\n > .#{$ns}Checkbox {\n margin-right: 0;\n }\n cursor: pointer;\n user-select: none;\n\n &.is-active {\n color: var(--Form-select-menu-onActive-color);\n background: var(--Form-select-menu-onActive-bg);\n }\n\n &:hover {\n background: var(--Tree-item-onHover-bg);\n }\n\n &.is-disabled {\n pointer-events: none;\n color: var(--text--muted-color);\n }\n }\n\n &-group > &-items > &-item {\n padding-left: var(--gap-base);\n }\n\n &-itemLabel {\n flex-grow: 1;\n\n span {\n white-space: nowrap; // 避免在条件组合中折行\n }\n }\n\n &-placeholder {\n @include checkboxes-placeholder();\n }\n}\n\n.#{$ns}TableSelection {\n .#{$ns}Table-content {\n border-top: var(--Table-borderWidth) solid var(--Table-borderColor);\n }\n\n .#{$ns}Table-table > thead > tr > th,\n .#{$ns}Table-table > tbody > tr > td {\n font-size: var(--fontSizeSm);\n padding-top: var(--gap-xs);\n padding-bottom: px2rem(6px);\n vertical-align: middle;\n }\n\n .#{$ns}Table-table > thead > tr > th {\n padding-top: px2rem(6px);\n }\n\n .#{$ns}Table-table > thead > tr > th:first-child,\n .#{$ns}Table-table > tbody > tr > td:first-child {\n padding-left: px2rem(10px);\n padding-right: 0;\n }\n\n .#{$ns}Table-table > thead > tr > th:last-child,\n .#{$ns}Table-table > tbody > tr > td:last-child {\n padding-right: var(--gap-md);\n }\n\n .#{$ns}Table-table > tbody > tr {\n cursor: pointer;\n }\n\n .#{$ns}Table-table > tbody > tr.is-active {\n color: var(--Form-select-menu-onActive-color);\n background: var(--Form-select-menu-onActive-bg);\n }\n}\n\n.#{$ns}TreeSelection {\n .#{$ns}Table-expandBtn {\n color: var(--icon-color);\n margin-right: 5px;\n }\n\n &-sublist {\n position: relative;\n margin: 0 0 0 px2rem(35px);\n display: none;\n\n &:before {\n width: 1px;\n content: '';\n display: block;\n position: absolute;\n top: calc(var(--gap-xs) * -1);\n bottom: calc(var(--Form-input-height) / 2);\n left: -19px;\n border-left: dashed 1px var(--icon-color);\n }\n }\n\n &-item {\n position: relative;\n }\n &-item.is-expanded > &-sublist {\n display: block;\n }\n\n &-item:not(:last-child) > &-sublist:before {\n bottom: 0;\n }\n\n &-sublist &-item:before {\n height: 1px;\n content: '';\n display: block;\n position: absolute;\n top: calc(var(--Form-input-height) / 2);\n width: 19px;\n left: -19px;\n border-top: dashed 1px var(--icon-color);\n }\n\n &-itemInner {\n display: flex;\n align-items: center;\n // height: var(--Form-input-height);\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-input-fontSize);\n padding: calc(\n (\n var(--Form-input-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--gap-sm);\n flex-direction: row;\n\n > .#{$ns}Checkbox {\n margin-right: 0;\n margin-left: var(--gap-sm);\n }\n cursor: pointer;\n user-select: none;\n\n position: relative;\n & > * {\n position: relative;\n z-index: 2;\n }\n\n &:hover:after {\n position: absolute;\n content: '';\n z-index: 1;\n top: 0;\n right: 0;\n bottom: 0;\n left: -99999px;\n background: var(--Tree-item-onHover-bg);\n }\n\n &.is-active {\n color: var(--Form-select-menu-onActive-color);\n }\n\n &.is-disabled {\n pointer-events: none;\n color: var(--text--muted-color);\n }\n }\n\n &-itemLabel {\n flex-grow: 1;\n }\n\n &-placeholder {\n @include checkboxes-placeholder();\n }\n}\n\n.#{$ns}ChainedSelection {\n display: flex;\n flex-direction: row;\n min-height: 100%;\n\n &-col {\n flex-grow: 1;\n min-width: 150px;\n }\n\n &-col:not(:last-child) {\n border-right: 1px solid var(--borderColor);\n }\n\n &-subTitle {\n font-size: var(--fontSizeSm);\n padding: var(--gap-xs) var(--gap-xs);\n color: var(--text--muted-color);\n }\n\n &-item {\n display: flex;\n // height: var(--Form-input-height);\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-input-fontSize);\n padding: calc(\n (\n var(--Form-input-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--gap-sm);\n flex-direction: row;\n\n > .#{$ns}Checkbox {\n margin-right: 0;\n }\n cursor: pointer;\n user-select: none;\n\n &.is-active {\n color: var(--Form-select-menu-onActive-color);\n background: var(--Form-select-menu-onActive-bg);\n }\n\n &:hover {\n background: var(--Tree-item-onHover-bg);\n }\n\n &.is-disabled {\n pointer-events: none;\n color: var(--text--muted-color);\n }\n }\n\n &-itemLabel {\n flex-grow: 1;\n }\n\n &-placeholder {\n @include checkboxes-placeholder();\n }\n}\n\n.#{$ns}AssociatedSelection {\n display: flex;\n flex-direction: row;\n\n &-left,\n &-right {\n flex-grow: 1;\n width: 0;\n min-height: px2rem(200px);\n max-height: px2rem(400px);\n overflow: auto;\n }\n\n &-left {\n border-right: 1px solid var(--borderColor);\n }\n\n &-reload {\n text-align: center;\n color: var(--info);\n margin: 20px 0 0;\n\n &.is-clickable {\n cursor: pointer;\n }\n }\n\n &-box {\n line-height: var(--Form-input-lineHeight);\n font-size: var(--fontSizeSm);\n color: var(--text--muted-color);\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n\n > p {\n text-align: center;\n margin: 10px 0 20px;\n color: var(--text--muted-color);\n }\n }\n}\n",".#{$ns}CityPicker {\n .#{$ns}Select {\n margin-right: var(--gap-xs);\n margin-bottom: var(--gap-xs);\n }\n\n &-input {\n outline: none;\n vertical-align: top;\n // margin-left: var(--gap-xs);\n border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);\n border-radius: var(--Form-input-borderRadius);\n // height: var(--Form-input-height);\n line-height: var(--Form-input-lineHeight);\n padding: var(--Form-input-paddingY) var(--Form-input-paddingX);\n font-size: var(--Form-input-fontSize);\n\n &::placeholder {\n color: var(--Form-input-placeholderColor);\n user-select: none;\n }\n\n &:focus {\n border-color: var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n background: var(--Form-input-onFocused-bg);\n }\n }\n}\n\n.#{$ns}Form-item--inline > .#{$ns}Form-value > .#{$ns}CityPicker {\n display: inline-block;\n}\n",".#{$ns}CityArea {\n &-popup {\n height: px2rem(280px);\n }\n &-Input {\n margin-top: var(--gap-xs);\n outline: none;\n vertical-align: top;\n border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);\n border-radius: var(--Form-input-borderRadius);\n line-height: var(--Form-input-lineHeight);\n padding: var(--Form-input-paddingY) var(--Form-input-paddingX);\n font-size: var(--Form-input-fontSize);\n display: inline-flex !important;\n\n &::placeholder {\n color: var(--Form-input-placeholderColor);\n user-select: none;\n }\n\n &:focus {\n border-color: var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n background: var(--Form-input-onFocused-bg);\n }\n }\n}\n",".#{$ns}Switch {\n cursor: pointer;\n position: relative;\n display: inline-block;\n height: var(--Switch-height);\n min-width: var(--Switch-width);\n overflow: hidden;\n border-radius: px2rem(30px);\n background: var(--Switch-bgColor);\n margin: 0;\n vertical-align: middle;\n text-align: left;\n\n &.is-disabled {\n cursor: not-allowed;\n opacity: 0.4;\n }\n\n .text {\n margin: 0 px2rem(7px) 0 px2rem(25px);\n color: var(--Switch-valueColor);\n text-indent: calc(var(--Switch-width) / 2);\n text-transform: uppercase;\n font-size: var(--fontSizeSm);\n line-height: var(--Switch-height);\n font-style: normal;\n font-weight: bold;\n transition: all var(--animation-duration);\n\n > svg {\n width: var(--fontSizeSm);\n height: var(--fontSizeSm);\n margin-top: calc((var(--Switch-height) - var(--fontSizeSm)) / 2);\n }\n }\n\n .slider {\n &:before {\n content: '';\n position: absolute;\n background: var(--white);\n width: calc(var(--Switch-height) - #{px2rem(2px)});\n top: px2rem(1px);\n bottom: px2rem(1px);\n left: px2rem(1px);\n border-radius: 50%;\n transition: margin-left var(--animation-duration);\n }\n }\n\n &.is-checked {\n background: var(--Switch-onActive-bgColor);\n\n .slider::before {\n left: auto;\n right: px2rem(1px);\n border-width: 0;\n }\n\n .text {\n margin: 0 25px 0 7px;\n color: var(--white);\n text-indent: var(--gap-xs); // todo\n }\n }\n\n &.is-checked.is-disabled {\n .slider:before {\n color: var(--Switch-onDisabled-color);\n }\n\n .text {\n color: var(--Switch-onDisabled-color);\n }\n }\n\n input {\n position: absolute;\n opacity: 0;\n }\n}\n\n.#{$ns}Switch-option {\n vertical-align: middle;\n margin-left: var(--Switch-gap);\n\n &:first-child {\n margin-left: 0;\n margin-right: var(--Switch-gap);\n }\n\n &:empty {\n display: none;\n }\n}\n\n.#{$ns}SwitchControl {\n padding-top: calc((var(--Form-input-height) - var(--Switch-height)) / 2);\n\n &.is-inline {\n display: inline-block;\n }\n}\n",".#{$ns}Number {\n margin: 0;\n padding: 0;\n line-height: var(--Form-input-height);\n font-size: var(--Form-input-fontSize);\n height: var(--Form-input-height);\n display: inline-block;\n vertical-align: middle;\n background: var(--Number-bg);\n border: var(--Number-borderWidth) solid var(--Number-borderColor);\n border-radius: var(--Number-borderRadius);\n\n @include input-border();\n &.no-steps > &-handler-wrap {\n display: none;\n }\n\n &-focused {\n border-color: var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n }\n\n &-handler {\n text-align: center;\n overflow: hidden;\n display: block;\n touch-action: none;\n\n &-active {\n background: #ddd;\n }\n }\n\n &-handler-up-inner,\n &-handler-down-inner {\n user-select: none;\n -webkit-user-select: none;\n display: inline-block;\n }\n\n &:hover {\n border-color: var(--Form-input-onFocused-borderColor);\n\n .#{$ns}Number-handler-up,\n .#{$ns}Number-handler-wrap {\n border-color: var(--Form-input-onFocused-borderColor);\n }\n }\n\n &-disabled:hover {\n border-color: var(--Form-input-borderColor);\n\n .#{$ns}Number-handler-up,\n .#{$ns}Number-handler-wrap {\n border-color: var(--Form-input-borderColor);\n }\n }\n\n &-input-wrap {\n overflow: hidden;\n height: 100%;\n }\n\n &-input {\n width: 100%;\n background: transparent;\n text-align: left;\n vertical-align: top;\n outline: 0;\n -moz-appearance: textfield;\n line-height: calc(var(--Form-input-height) - var(--Number-borderWidth) * 2);\n height: 100%;\n transition: all var(--animation-duration) ease;\n border: 0;\n border-radius: var(--Form-input-borderRadius);\n padding: 0 var(--Form-input-paddingX);\n }\n\n &-handler {\n background: var(--Number-handler-bg);\n color: var(--Number-handler-color);\n font-family: var(--Number-handler-fontFamily);\n font-size: var(--Number-handler-fontSize);\n\n &:hover {\n background: var(--Number-handler-onHover-bg);\n color: var(--Number-handler-onHover-color);\n }\n\n &:hover:active {\n background: var(--Number-handler-onActive-bg);\n }\n }\n\n &-handler-up {\n &-inner {\n transform: var(--Number-handler--up-transform);\n\n &:after {\n content: var(--Number-handler--up-content);\n }\n }\n }\n\n &-handler-down {\n &-inner {\n &:after {\n content: var(--Number-handler--down-content);\n }\n }\n }\n\n @if $Number-handler-mode==vertical {\n &-handler-wrap {\n float: right;\n border-left: px2rem(1px) solid var(--Form-input-borderColor);\n width: var(--Number-handler-width);\n height: 100%;\n }\n\n &-handler {\n line-height: calc((var(--Form-input-height) - #{px2rem(6px)}) / 2);\n height: calc(\n (var(--Form-input-height) - var(--Number-borderWidth) * 2) / 2\n );\n }\n\n &-handler-up {\n border-bottom: var(--Number-handler-borderBottom);\n padding-top: px2rem(1px);\n }\n } @else {\n position: relative;\n\n &-input {\n text-align: center;\n }\n\n &-handler-up,\n &-handler-down {\n position: absolute;\n width: var(--Number-handler-width);\n height: 100%;\n top: 0;\n }\n\n &-handler-down {\n left: 0;\n }\n\n &-handler-up {\n right: 0;\n }\n }\n\n &-handler-down-disabled,\n &-handler-up-disabled {\n background: var(--Number-handler-onDisabled-bg);\n pointer-events: none;\n color: var(--Number-handler-onDisabled-color);\n }\n\n &-disabled {\n .#{$ns}Number-input {\n opacity: 0.72;\n cursor: not-allowed;\n background: var(--Number-onDisabled-bg);\n }\n\n .#{$ns}Number-handler {\n opacity: 0.72;\n\n &:hover {\n color: var(--text--muted-color);\n border-color: var(--Form-input-borderColor);\n }\n }\n }\n}\n\n.#{$ns}NumberControl:not(.is-inline) > .#{$ns}Number {\n display: block;\n}\n\n.#{$ns}Number--borderHalf,\n.#{$ns}Number--borderNone {\n .#{$ns}Number-handler-wrap {\n border-left: none;\n }\n}\n\n.#{$ns}NumberControl--withUnit {\n display: flex;\n .#{$ns}Number {\n flex-grow: 1;\n }\n .#{$ns}Select {\n border-left: 0;\n }\n}\n",".#{$ns}Select {\n display: inline-flex;\n vertical-align: middle;\n text-align: left;\n align-items: center;\n outline: none;\n position: relative;\n font-size: var(--Form-input-fontSize);\n border: var(--Form-select-borderWidth) solid var(--Form-select-borderColor);\n background: var(--Form-select-bg);\n border-radius: var(--Form-select-borderRadius);\n min-height: var(--Form-selectOption-height);\n $paddingY: calc(\n (\n var(--Form-selectOption-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize) - var(--Form-select-borderWidth) * 2\n ) / 2\n );\n padding: $paddingY 0 $paddingY var(--Form-select-paddingX);\n cursor: pointer;\n color: var(--Form-select-color);\n\n &:hover {\n background: var(--Form-select-onHover-bg);\n border-color: var(--Form-select-onHover-borderColor);\n\n .#{$ns}Select-arrow:before {\n color: var(--Form-select-caret-onHover-iconColor);\n }\n }\n\n &.is-disabled {\n color: var(--text--muted-color);\n background: var(--Form-input-onDisabled-bg);\n border-color: var(--Form-input-onDisabled-borderColor);\n }\n\n &:focus {\n box-shadow: var(--Form-select-onFocus-boxShadow);\n }\n\n @include input-border();\n\n &-valueWrap {\n user-select: none;\n position: relative;\n flex-grow: 1;\n line-height: 1;\n // width: 0;\n max-width: 100%;\n }\n &-valuesNoWrap {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n line-height: px2rem(20px);\n }\n &-placeholder {\n color: var(--Form-select-placeholderColor);\n line-height: var(--Form-input-lineHeight);\n user-select: none;\n white-space: nowrap;\n }\n\n &-value {\n line-height: calc(\n var(--Form-input-lineHeight) * var(--Form-input-fontSize)\n );\n white-space: nowrap;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n &--multi {\n height: auto;\n min-height: var(--Form-selectOption-height);\n\n .#{$ns}Select-valueWrap {\n margin-bottom: calc(var(--gap-xs) * -1);\n\n > input {\n display: inline-block;\n width: px2rem(100px);\n margin-bottom: var(--gap-xs);\n }\n }\n .#{$ns}Select-values + .#{$ns}Select-input {\n transform: translateY(0);\n }\n\n .#{$ns}Select-value {\n position: static;\n white-space: normal;\n user-select: none;\n line-height: calc(\n var(--Form-input-lineHeight) * var(--Form-input-fontSize) - #{px2rem(\n 2px\n )}\n );\n display: inline-block;\n vertical-align: middle;\n font-size: var(--Form-selectValue-fontSize);\n color: var(--Form-selectValue-color);\n background: var(--Form-selectValue-bg);\n border: px2rem(1px) solid var(--Form-selectValue-borderColor);\n border-radius: px2rem(2px);\n margin-right: var(--gap-xs);\n margin-bottom: var(--gap-xs);\n }\n\n .#{$ns}Select-valueLabel {\n padding: 0 var(--gap-xs);\n }\n }\n &-valueIcon {\n cursor: pointer;\n border-right: px2rem(1px) solid var(--Form-selectValue-borderColor);\n padding: 1px 5px;\n\n &:hover {\n background: var(--Form-selectValue-onHover-bg);\n }\n\n &.is-disabled {\n pointer-events: none;\n display: none;\n cursor: not-allowed;\n background: var(--Form-selectValue-onDisable-bg);\n }\n }\n\n &-arrow {\n margin-right: var(--gap-xs);\n // margin-left: var(--gap-xs);\n width: var(--gap-md);\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n\n > svg {\n transition: transform var(--animation-duration);\n display: inline-block;\n color: var(--Form-select-caret-iconColor);\n width: 10px;\n height: 10px;\n top: 0;\n }\n }\n\n &.is-opened:not(.is-mobile) &-arrow > svg {\n transform: rotate(180deg);\n }\n\n &.is-mobile {\n min-height: calc(var(--Form-input-lineHeight) * var(--fontSizeLg));\n border: none;\n padding: 0;\n font-size: var(--fontSizeLg);\n\n .#{$ns}Select-valueWrap {\n text-align: right;\n padding-right: 4px;\n }\n .#{$ns}Select-arrow {\n > svg {\n transform: rotate(-90deg);\n }\n }\n }\n\n &-menu {\n max-height: px2rem(300px);\n overflow: auto;\n user-select: none;\n .#{$ns}Checkbox--sm > i {\n margin-top: px2rem(-3px);\n }\n &.is-mobile {\n width: 100%;\n text-align: center;\n .#{$ns}Select-option {\n line-height: px2rem(36px);\n }\n }\n }\n &--longlist {\n overflow: hidden;\n max-height: max-content;\n }\n &-input {\n cursor: pointer;\n outline: none;\n border: none;\n margin: 0 var(--Form-select-paddingX);\n height: var(--Form-select-search-height);\n font-size: var(--Form-select-input-fontSize);\n border-bottom: 1px solid var(--borderColor);\n display: flex;\n align-items: center;\n\n // &.is-focused {\n // border-color: var(--Form-input-onFocused-borderColor);\n // }\n\n > svg {\n fill: #999;\n width: px2rem(14px);\n min-width: px2rem(14px);\n height: px2rem(14px);\n margin-right: var(--gap-xs);\n }\n\n > input {\n outline: none;\n border: none;\n flex-grow: 1;\n background: transparent;\n position: relative;\n top: 0.125em;\n }\n }\n\n &-option {\n cursor: pointer;\n min-width: px2rem(120px);\n padding: calc(\n (\n var(--Form-select-menu-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--Form-select-paddingX);\n\n &.is-active {\n color: var(--Form-select-menu-onActive-color);\n background: var(--Form-select-menu-onActive-bg);\n }\n\n &.is-highlight {\n color: var(--Form-select-menu-onHover-color);\n background: var(--Form-select-menu-onHover-bg);\n }\n\n &.is-disabled {\n color: var(--Form-select-menu-onDisabled-color);\n background: var(--Form-select-menu-onDisabled-bg);\n }\n\n &--placeholder {\n color: var(--Form-input-placeholderColor);\n }\n\n > label {\n display: block;\n }\n\n > a {\n float: right;\n margin-left: var(--gap-xs);\n display: none;\n }\n\n &.is-highlight > a {\n display: block;\n }\n }\n\n &-noResult {\n color: var(--Form-select-placeholderColor);\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-select-input-fontSize);\n user-select: none;\n padding: calc(\n (\n var(--Form-select-menu-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--Form-select-paddingX);\n }\n\n &-option-hl {\n color: var(--danger);\n }\n\n &-addBtn {\n display: block;\n cursor: pointer;\n padding: calc(\n (\n var(--Form-select-menu-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--Form-select-paddingX);\n\n &:hover {\n text-decoration: none;\n }\n\n > svg {\n width: px2rem(14px);\n height: px2rem(14px);\n margin-right: var(--Checkbox-gap);\n }\n }\n\n &.is-focused:not(.is-mobile),\n &.is-opened:not(.is-mobile) {\n border-color: var(--Form-input-onFocused-borderColor);\n color: var(--Form-select-onFocused-color);\n }\n\n &-spinner {\n line-height: calc(\n var(--Form-input-lineHeight) * var(--Form-input-fontSize)\n );\n }\n\n &-clear {\n padding: px2rem(3px);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 2;\n\n svg {\n fill: var(--Form-input-iconColor);\n width: px2rem(10px);\n height: px2rem(10px);\n top: 0;\n }\n\n &:hover svg {\n fill: var(--Form-input-onHover-iconColor);\n }\n }\n\n &-popup {\n height: px2rem(320px);\n }\n}\n\n.#{$ns}Select-popover {\n margin-top: calc(var(--Form-select-outer-borderWidth) * -1);\n\n background: var(--Form-select-menu-bg);\n color: var(--Form-select-menu-color);\n border: var(--Form-select-outer-borderWidth) solid\n var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-select-outer-boxShadow);\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n min-width: px2rem(100px);\n\n // PopOver 上已经配置了,这个要是配置就会覆盖,所以先干掉好了\n // z-index: 10;\n\n &.#{$ns}PopOver--leftTopLeftBottom {\n margin-top: calc(\n (var(--Form-select-popoverGap) - var(--Form-select-outer-borderWidth)) *\n -1\n );\n }\n}\n\n.#{$ns}SelectControl {\n &:not(.is-inline) > .#{$ns}Select {\n display: flex;\n }\n\n &.is-error > .#{$ns}Select {\n border-color: var(--Form-input-onError-borderColor);\n background: var(--Form-input-onError-bg);\n }\n}\n\n// 需要能撑开\n@include media-breakpoint-up(sm) {\n .#{$ns}Form-control--sizeXs > .#{$ns}Select,\n .#{$ns}Form-control--sizeSm > .#{$ns}Select,\n .#{$ns}Form-control--sizeMd > .#{$ns}Select,\n .#{$ns}Form-control--sizeLg > .#{$ns}Select {\n min-width: 100%;\n max-width: 100%;\n display: inline-flex !important;\n\n .#{$ns}Select-valueWrap {\n width: 0; // ! 没有这个会撑开。\n }\n }\n}\n",".#{$ns}Selections {\n height: 100%;\n min-width: px2rem(200px);\n position: relative;\n display: flex;\n flex-direction: column;\n\n &-title {\n height: var(--Form-input-height);\n background: var(--Table-thead-bg);\n font-size: var(--Form-input-fontSize);\n padding: calc(\n (\n var(--Form-input-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--gap-sm);\n }\n\n &-placeholder {\n color: var(--Form-input-placeholderColor);\n text-align: center;\n width: 100%;\n flex-basis: var(--Form-input-height);\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n font-size: var(--Form-input-fontSize);\n }\n\n &-items {\n flex-grow: 1;\n }\n\n &-item {\n display: flex;\n flex-direction: row;\n height: var(--Form-input-height);\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-input-fontSize);\n align-items: center;\n padding: calc(\n (\n var(--Form-input-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--gap-sm);\n\n > label {\n flex-basis: px2rem(50px);\n flex-grow: 1;\n }\n\n > .#{$ns}Selections-dragbar {\n top: 0;\n width: var(--gap-lg);\n position: relative;\n left: calc(var(--gap-xs) * -1);\n color: var(--icon-color);\n cursor: move;\n }\n\n &--dragging {\n > * {\n opacity: 0.2;\n }\n }\n }\n\n &-delBtn {\n color: var(--icon-color);\n cursor: pointer;\n\n &:hover {\n color: var(--icon-onHover-color);\n }\n\n > svg {\n width: 12px;\n height: 12px;\n }\n }\n}\n",".#{$ns}ListControl {\n &-items {\n display: block;\n margin: calc(var(--ListControl-gutterWidth) / -2);\n\n &:empty {\n display: none;\n }\n }\n\n &-item {\n position: relative;\n user-select: none;\n font-size: var(--ListControl-fontSize);\n display: inline-block;\n vertical-align: middle;\n margin: calc(var(--ListControl-gutterWidth) / 2);\n border: var(--ListControl-item-borderWidth) solid\n var(--ListControl-item-borderColor);\n background: var(--ListControl-item-bg);\n padding: var(--ListControl-item-paddingY) var(--ListControl-item-paddingX);\n color: var(--ListControl-item-color);\n transition: var(--ListControl-item-transition);\n max-width: calc(#{px2rem(200px)} + 2 * var(--ListControl-item-paddingX));\n border-radius: var(--ListControl-item-borderRadius);\n\n &:not(.is-disabled) {\n cursor: pointer;\n }\n\n .b-inherit {\n border-color: var(--ListControl-item-color);\n }\n\n @include hover {\n background: var(--ListControl-item-onHover-bg);\n border-color: var(--ListControl-item-onHover-borderColor);\n color: var(--ListControl-item-onHover-color);\n\n .b-inherit {\n border-color: var(--ListControl-item-onHover-borderColor);\n }\n }\n\n &:hover:active,\n &.is-active {\n background: var(--ListControl-item-onActive-bg);\n border-color: var(--ListControl-item-onActive-borderColor);\n color: var(--ListControl-item-onActive-color);\n\n &:hover {\n background: var(--ListControl-item-onActive-onHover-bg);\n }\n\n .b-inherit {\n border-color: var(--ListControl-item-onActive-color);\n }\n\n &:before {\n content: '';\n position: absolute;\n width: px2rem(14px);\n height: px2rem(14px);\n background: var(--ListControl-item-onActive-before-bg);\n right: 0;\n bottom: 0;\n }\n\n &:after {\n content: '';\n position: absolute;\n width: px2rem(10px);\n height: var(--gap-xs);\n border-color: var(--ListControl-item-onActive-after-borderColor);\n border-style: solid;\n border-width: 0 0 px2rem(2px) px2rem(2px);\n right: px2rem(1px);\n bottom: var(--gap-xs);\n transform: rotate(-40deg);\n }\n }\n\n &.is-disabled {\n pointer-events: none;\n opacity: var(--ListControl-item-onDisabled-opacity);\n border-color: var(--ListControl-item-onDisabled-borderColor);\n\n &:before {\n background: var(--ListControl-item-onDisabled-color);\n }\n\n background: var(--ListControl-item-onDisabled-bg);\n color: var(--ListControl-item-onDisabled-color);\n\n .b-inherit {\n border-color: var(--ListControl-item-onDisabled-borderColor);\n }\n }\n }\n\n &-itemImage {\n margin: calc(var(--ListControl-item-paddingY) * -1)\n calc(var(--ListControl-item-paddingX) * -1);\n\n img {\n display: block;\n max-width: 100%;\n }\n }\n\n &-itemLabel {\n text-align: center;\n }\n\n &-itemImage + &-itemLabel {\n margin-top: var(--ListControl-item-paddingY);\n }\n\n &-placeholder {\n color: var(--Form-input-placeholderColor);\n }\n}\n",".#{$ns}LocationPicker {\n position: relative;\n display: inline-flex;\n flex-wrap: nowrap;\n border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor);\n font-size: var(--DatePicker-fontSize);\n padding: var(--DatePicker-paddingY) var(--DatePicker-paddingX);\n height: var(--DatePicker-height);\n outline: none;\n white-space: nowrap;\n color: var(--DatePicker-color);\n background: var(--DatePicker-bg);\n border-radius: var(--LocationPicker-borderRadius);\n\n &:not(.is-disabled) {\n cursor: pointer;\n\n &:hover {\n background: var(--DatePicker-onHover-bg);\n border-color: var(--DatePicker-onHover-borderColor);\n\n .#{$ns}DatePicker-toggler:before {\n color: var(--DatePicker-onHover-iconColor);\n }\n }\n }\n\n &.is-focused,\n &.is-active {\n border-color: var(--DatePicker-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n }\n\n &.is-disabled {\n background: $gray200;\n\n > #{$ns}LocationPicker-input {\n color: var(--text--muted-color);\n }\n }\n\n &-placeholder {\n color: var(--DatePicker-placeholderColor);\n user-select: none;\n margin-right: var(--gap-base);\n flex-basis: 0;\n flex-grow: 1;\n }\n\n &-value {\n margin-right: var(--gap-base);\n flex-basis: 0;\n flex-grow: 1;\n }\n\n &-toggler {\n cursor: pointer;\n color: var(--DatePicker-iconColor);\n\n &:hover {\n color: var(--DatePicker-onHover-iconColor);\n }\n }\n\n &-clear {\n display: inline-block;\n @include input-clear();\n line-height: 1;\n margin-right: var(--gap-xs);\n }\n}\n\n.#{$ns}LocationControl {\n position: relative;\n width: 100%;\n}\n\n.#{$ns}LocationControl:not(.is-inline) > .#{$ns}LocationPicker {\n display: flex;\n}\n\n.#{$ns}LocationPicker-popover {\n min-width: 320px;\n width: 100%;\n max-width: 100%;\n margin-top: -1px;\n border-color: var(--Form-input-onFocused-borderColor);\n}\n\n.#{$ns}MapPicker {\n &-search {\n padding: 5px 10px;\n }\n\n &-map {\n display: block;\n width: 100%;\n height: 200px;\n }\n\n &-item {\n padding: 10px 10px;\n position: relative;\n border-top: 1px solid var(--borderColor);\n\n > svg {\n position: absolute;\n right: 20px;\n top: 50%;\n transform: translateY(-50%);\n }\n }\n\n &-itemTitle {\n font-size: var(--fontSizeBase);\n }\n\n &-itemDesc {\n font-size: var(--fontSizeSm);\n }\n\n &-sugItem {\n cursor: pointer;\n padding: calc(\n (\n var(--Form-select-menu-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--Form-select-paddingX);\n\n &:hover {\n color: var(--Form-select-menu-onActive-color);\n background: var(--Form-select-menu-onActive-bg);\n }\n }\n}\n\n.tangram-suggestion-main {\n display: none !important;\n}\n",".#{$ns}MatrixControl {\n &-error {\n margin-bottom: 0;\n }\n}\n",".#{$ns}ColorPicker {\n position: relative;\n display: inline-flex;\n flex-wrap: nowrap;\n white-space: nowrap;\n border: var(--ColorPicker-borderWidth) solid var(--ColorPicker-borderColor);\n font-size: var(--ColorPicker-fontSize);\n padding: var(--ColorPicker-paddingY) var(--ColorPicker-paddingX);\n background: var(--ColorPicker-bg);\n color: var(--ColorPicker-color);\n border-radius: var(--borderRadius);\n\n &-popup {\n height: px2rem(400px);\n }\n\n &:not(.is-disabled) {\n cursor: pointer;\n\n &:hover {\n background: var(--ColorPicker-onHover-bg);\n border-color: var(--ColorPicker-onHover-borderColor);\n }\n }\n\n &-input {\n border: 0;\n background: transparent;\n outline: none;\n width: 100%;\n flex-basis: 0;\n flex-grow: 1;\n padding: 0;\n margin: 0;\n height: calc(var(--ColorPicker-fontSize) * var(--ColorPicker-lineHeight));\n\n &::placeholder {\n color: var(--ColorPicker-placeholderColor);\n }\n }\n\n &.is-focused {\n border-color: var(--ColorPicker-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n }\n\n &.is-disabled {\n background: var(--ColorPicker-onDisabled-bg);\n color: var(--ColorPicker-onDisabled-color);\n pointer-events: none;\n\n > .#{$ns}ColorPicker-input {\n color: var(--ColorPicker-onDisabled-color);\n\n &::placeholder {\n color: var(--ColorPicker-onDisabled-color);\n }\n }\n }\n\n &-preview {\n display: flex;\n align-items: center;\n margin-right: var(--gap-sm);\n cursor: pointer;\n }\n\n &-previewIcon {\n display: block;\n width: px2rem(16px);\n height: px2rem(16px);\n box-shadow: var(--boxShadowSm);\n }\n\n &-clear {\n @include input-clear();\n display: inline-block;\n line-height: 1;\n }\n\n &-arrow {\n margin-right: var(--gap-xs);\n // margin-left: var(--gap-xs);\n width: var(--gap-md);\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n\n > svg {\n transition: transform var(--animation-duration);\n display: inline-block;\n color: var(--Form-select-caret-iconColor);\n width: 10px;\n height: 10px;\n top: 0;\n }\n }\n\n &.is-opened &-arrow > svg {\n transform: rotate(180deg);\n }\n}\n\n.#{$ns}ColorPicker-popover {\n border: none;\n box-shadow: none;\n}\n\n.#{$ns}ColorControl:not(.is-inline) > .#{$ns}ColorPicker {\n display: flex;\n}\n\n// override\n\n.sketch-picker {\n border: none !important;\n border-radius: var(--borderRadius) !important;\n box-shadow: var(--ColorPicker-boxShadow) !important;\n}\n",".#{$ns}DatePicker {\n position: relative;\n display: inline-flex;\n flex-wrap: nowrap;\n border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor);\n font-size: var(--DatePicker-fontSize);\n padding: var(--DatePicker-paddingY) var(--DatePicker-paddingX);\n height: var(--DatePicker-height);\n outline: none;\n white-space: nowrap;\n color: var(--DatePicker-color);\n background: var(--DatePicker-bg);\n border-radius: var(--DatePicker-borderRadius);\n\n @include input-border();\n\n &:not(.is-disabled) {\n cursor: pointer;\n\n &:hover {\n background: var(--DatePicker-onHover-bg);\n border-color: var(--DatePicker-onHover-borderColor);\n\n .#{$ns}DatePicker-toggler:before {\n color: var(--DatePicker-onHover-iconColor);\n }\n }\n }\n\n &.is-focused {\n border-color: var(--DatePicker-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n }\n\n &.is-disabled {\n background: $gray200;\n\n > .#{$ns}DatePicker-input {\n color: var(--text--muted-color);\n }\n }\n\n &-placeholder {\n color: var(--DatePicker-placeholderColor);\n user-select: none;\n margin-right: var(--gap-base);\n min-width: px2rem(50px);\n flex-basis: 0;\n flex-grow: 1;\n }\n\n &-value {\n margin-right: var(--gap-base);\n flex-basis: 0;\n flex-grow: 1;\n }\n\n &-toggler {\n cursor: pointer;\n color: var(--DatePicker-iconColor);\n display: inline-flex;\n align-items: center;\n\n &:hover {\n color: var(--DatePicker-onHover-iconColor);\n }\n }\n\n &-clear {\n display: inline-block;\n @include input-clear();\n line-height: 1;\n margin-right: var(--gap-xs);\n }\n}\n\n.#{$ns}DateControl:not(.is-inline) > .#{$ns}DatePicker {\n display: flex;\n}\n\n.#{$ns}DatePicker-shortcuts {\n margin: 0;\n background: var(--Calendar-shortcuts-bg);\n padding: calc(\n (\n var(--Calendar-shortcuts-height) - var(--Calendar-fontSize) *\n var(--lineHeightBase)\n ) / 2\n )\n var(--gap-sm);\n list-style: none;\n width: px2rem(250px);\n\n & + .rdt .rdtPicker {\n padding-top: 0;\n }\n}\n\n.#{$ns}DatePicker-shortcut {\n display: inline-block;\n margin-right: var(--gap-sm);\n\n a {\n font-size: var(--Calendar-fontSize);\n cursor: pointer;\n color: var(--Calendar-shortcut-color);\n text-decoration: var(--Calendar-shortcut-decoration);\n\n &:hover {\n color: var(--Calendar-shortcut-onHover-color);\n text-decoration: var(--Calendar-shortcut-onHover-decoration);\n }\n }\n}\n\n.#{$ns}DatePicker-popover {\n margin: px2rem(2px) 0 0;\n\n &.#{$ns}PopOver--leftTopLeftBottom,\n &.#{$ns}PopOver--rightTopRightBottom {\n margin: px2rem(-2px) 0 0;\n }\n}\n\n.#{$ns}DatePicker-popup {\n height: px2rem(300px);\n}\n\n// 移动端输入框样式\n.#{$ns}DatePicker.is-mobile {\n border: 0;\n justify-content: flex-end;\n\n span,\n a {\n &:focus {\n outline: unset;\n }\n }\n\n .#{$ns}DatePicker-value,\n .#{$ns}DatePicker-clear {\n display: inline-flex;\n justify-content: flex-end;\n padding: 0 0;\n }\n\n .#{$ns}DatePicker-value {\n margin-right: var(--gap-xs);\n }\n\n .#{$ns}DatePicker-placeholder {\n flex-grow: unset;\n flex-basis: unset;\n }\n\n .#{$ns}DatePicker-toggler {\n margin-top: -3px;\n }\n}\n\n.#{$ns}DatePicker-popup.#{$ns}DatePicker-mobile {\n color: red;\n .rdt {\n width: 100%;\n .rdtPicker {\n width: 100%;\n padding: unset;\n }\n }\n}\n\n// override third-party styles\n.rdt {\n user-select: none;\n font-size: var(--Calendar-fontSize);\n color: var(--Calendar-color);\n\n .rdtPicker {\n margin-top: 0;\n padding: var(--gap-sm);\n background: transparent;\n border: none;\n\n .dow {\n color: var(--Calendar-wLabel-color);\n font-weight: normal;\n }\n\n td.rdtDay,\n td.rdtHour,\n td.rdtMinute,\n td.rdtSecond,\n .rdtTimeToggle {\n background: var(--Calendar-cell-bg);\n\n &:hover {\n background: var(--Calendar-cell-onHover-bg);\n }\n }\n\n td.rdtBetween {\n background: var(--Calendar-cell-onBetween-bg);\n }\n\n td.rdtToday:before {\n border-bottom-color: var(--Calendar-cell-onActive-bg);\n }\n\n td.rdtActive.rdtToday:before {\n border-bottom-color: var(--Calendar-cell-bg);\n }\n\n td.rdtActive,\n td.rdtActive:hover {\n background: var(--Calendar-cell-onActive-bg);\n }\n\n td.rdtDisabled,\n td.rdtDisabled:hover {\n background: var(--Calendar-cell-onDisabled-bg);\n }\n }\n\n thead tr:first-child th {\n cursor: default;\n font-weight: normal;\n border-bottom: none;\n }\n\n thead tr:first-child th:hover {\n background: transparent;\n }\n\n tfoot {\n border-top: 0;\n\n td {\n padding-top: var(--gap-xs);\n text-align: left;\n\n span {\n width: 10px;\n display: inline-block;\n text-align: center;\n }\n\n .rdtActions {\n margin-top: var(--gap-sm);\n text-align: right;\n }\n }\n }\n}\n\n.#{$ns}CalendarInputWrapper {\n display: inline-block;\n position: relative;\n .#{$ns}CalendarInput-sugs {\n list-style: none;\n position: absolute;\n background: var(--Form-select-menu-bg);\n color: var(--Form-select-menu-color);\n border: var(--Form-input-borderWidth) solid\n var(--Form-input-onFocused-borderColor);\n left: px2rem(-1px);\n right: px2rem(-1px);\n top: 100%;\n z-index: 10;\n max-height: px2rem(200px);\n overflow: auto;\n &Item {\n padding-left: 4px;\n &.is-highlight,\n &:hover {\n color: var(--Form-select-menu-onHover-color);\n background: var(--Form-select-menu-onHover-bg);\n }\n }\n }\n}\n\n.#{$ns}CalendarInput {\n outline: none;\n width: 40px;\n font-size: var(--Calendar-input-fontSize);\n color: var(--Calendar-input-color);\n border: 1px solid var(--Calendar-input-borderColor);\n border-radius: var(--Calendar-input-borderRadius);\n height: var(--Calendar-input-height);\n line-height: var(--Calendar-input-lineHeight);\n padding: var(--Calendar-input-paddingY) var(--Calendar-input-paddingX);\n box-shadow: none;\n\n &:focus {\n border-color: var(--Calendar-input-onFocused-borderColor);\n box-shadow: none;\n }\n}\n\n.#{$ns}CalendarTime {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n\n.#{$ns}CalendarCounter {\n &-btn {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 25px;\n text-align: center;\n color: var(--Button--primary-bg);\n\n &:hover {\n color: var(--Button--primary-onActive-bg);\n }\n\n > svg {\n width: 16px;\n height: 16px;\n }\n\n &--up > svg {\n transform: rotate(-90deg);\n }\n\n &--down > svg {\n transform: rotate(90deg);\n }\n }\n\n &-sep {\n width: var(--gap-md);\n text-align: center;\n }\n\n &--daypart {\n margin-left: 10px;\n }\n\n &--daypart &-value {\n height: 30px;\n display: flex;\n align-items: center;\n padding: 0 5px;\n }\n}\n\n.rdtBtn {\n line-height: var(--Calendar-btn-lineHeight);\n padding: var(--Calendar-btn-paddingY) var(--Calendar-btn-paddingX);\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n user-select: none;\n cursor: pointer;\n text-decoration: none;\n font-size: var(--Calendar-btn-fontSize);\n border: 1px solid var(--Calendar-btn-border);\n\n &:hover {\n text-decoration: none;\n }\n\n &.is-disabled {\n border-color: var(--Button-onDisabled-borderColor);\n opacity: 0.6;\n pointer-events: none;\n }\n\n .fa,\n .iconfont {\n font-size: var(--fontSizeSm);\n }\n\n @include button-variant(\n var(--Calendar-btn-bg),\n var(--Calendar-btn-border),\n var(--Calendar-btn-color),\n var(--Calendar-btn-onHover-bg),\n var(--Calendar-btn-onHover-border),\n var(--Calendar-btn-onHover-color),\n var(--Calendar-btn-onActive-bg),\n var(--Calendar-btn-onActive-border),\n var(--Calendar-btn-onActive-color)\n );\n\n border-radius: var(--Calendar-btn-borderRadius);\n\n & + .rdtBtn {\n margin-left: var(--gap-xs);\n }\n\n &Cancel {\n @include button-variant(\n var(--Calendar-btnCancel-bg),\n var(--Calendar-btnCancel-border),\n var(--Calendar-btnCancel-color),\n var(--Calendar-btnCancel-onHover-bg),\n var(--Calendar-btnCancel-onHover-border),\n var(--Calendar-btnCancel-onHover-color),\n var(--Calendar-btnCancel-onActive-bg),\n var(--Calendar-btnCancel-onActive-border),\n var(--Calendar-btnCancel-onActive-color)\n );\n }\n}\n\n.rdtBtnPrev:before,\n.rdtBtnNext:before {\n display: inline-block;\n color: inherit;\n font-style: normal;\n line-height: 1;\n}\n\n.rdtPrev,\n.rdtNext {\n cursor: pointer !important;\n width: var(--gap-md);\n padding: 0;\n color: #999;\n font-size: var(--fontSizeXl);\n text-decoration: none;\n font-family: auto;\n font-weight: normal;\n\n &:hover {\n text-decoration: none;\n color: #000;\n }\n}\n\n.rdtSwitch {\n text-align: center;\n color: #000;\n cursor: pointer;\n font-weight: normal;\n\n &:hover {\n color: var(--link-onHover-color);\n text-decoration: none;\n }\n}\n\n.rdtHeader {\n display: table;\n table-layout: fixed;\n border-collapse: separate;\n width: 100%;\n // padding: 0 10px;\n\n > * {\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n }\n\n .rdtSwitch + .rdtSwitch {\n margin-left: var(--gap-xs);\n }\n}\n\ntd.rdtMonth,\ntd.rdtYear,\ntd.rdtQuarter {\n width: px2rem(50px);\n height: px2rem(40px);\n\n > span {\n height: px2rem(24px);\n display: block;\n }\n\n &.rdtBetween {\n background: transparent !important;\n\n > span {\n background: var(--Calendar-cell-onBetween-bg);\n }\n }\n\n &:hover,\n &.rdtActive {\n background: transparent !important;\n\n > span {\n background: var(--info);\n color: var(--white);\n }\n }\n\n &.rdtDisabled {\n background: transparent !important;\n\n > span {\n background: #edf1f2;\n color: #999;\n }\n }\n}\n\n.#{$ns}DateCalendar {\n display: inline-block;\n border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor);\n background: var(--DatePicker-bg);\n border-radius: var(--DatePicker-borderRadius);\n}\n",".#{$ns}DateRangePicker {\n position: relative;\n display: inline-flex;\n flex-wrap: nowrap;\n border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor);\n font-size: var(--DatePicker-fontSize);\n padding: var(--DatePicker-paddingY) var(--DatePicker-paddingX);\n height: var(--DatePicker-height);\n outline: none;\n border-radius: var(--DatePicker-borderRadius);\n\n color: var(--DatePicker-color);\n background: var(--DatePicker-bg);\n\n @include input-border();\n\n &:not(.is-disabled) {\n cursor: pointer;\n\n &:hover {\n background: var(--DatePicker-onHover-bg);\n border-color: var(--DatePicker-onHover-borderColor);\n\n .#{$ns}DateRangePicker-toggler {\n color: var(--DatePicker-onHover-iconColor);\n }\n }\n }\n\n &.is-focused {\n border-color: var(--DatePicker-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n }\n\n &.is-disabled {\n background: $gray200;\n\n > .#{$ns}DateRangePicker-input {\n color: var(--text--muted-color);\n }\n }\n\n &-placeholder {\n color: var(--DatePicker-placeholderColor);\n user-select: none;\n margin-right: var(--gap-base);\n flex-basis: 0;\n flex-grow: 1;\n }\n\n &-value {\n margin-right: var(--gap-base);\n flex-basis: 0;\n flex-grow: 1;\n }\n\n &-toggler {\n cursor: pointer;\n color: var(--DatePicker-iconColor);\n display: inline-flex;\n align-items: center;\n\n &:hover {\n color: var(--DatePicker-onHover-iconColor);\n }\n }\n\n &-clear {\n @include input-clear();\n display: inline-block;\n line-height: 1;\n margin-right: var(--gap-xs);\n }\n}\n\n.#{$ns}DateRangePicker-wrap {\n width: auto;\n padding: var(--gap-sm);\n}\n\n.#{$ns}DateRangePicker-start,\n.#{$ns}DateRangePicker-end {\n display: inline-block;\n vertical-align: top;\n\n .rdtPicker {\n padding: 0;\n box-shadow: none;\n border: none;\n }\n}\n\n.#{$ns}DateRangePicker-end {\n margin-top: 20px;\n}\n\n.#{$ns}DateRangePicker-rangers {\n margin: 0 0 var(--gap-sm);\n padding: 0;\n list-style: none;\n}\n\n.#{$ns}DateRangePicker-ranger {\n display: inline-block;\n margin-right: var(--gap-sm);\n\n a {\n cursor: pointer;\n }\n}\n\n.#{$ns}DateRangePicker-actions {\n text-align: right;\n margin-top: var(--gap-sm);\n}\n\n.#{$ns}DateRangeControl:not(.is-inline) > .#{$ns}DateRangePicker {\n display: flex;\n}\n\n.#{$ns}DateRangePicker-popover {\n margin: px2rem(2px) 0 0;\n\n &.#{$ns}PopOver--leftTopLeftBottom,\n &.#{$ns}PopOver--rightTopRightBottom {\n margin: px2rem(-2px) 0 0;\n }\n}\n\n.#{$ns}DateRangePicker-popup {\n height: px2rem(400px);\n}\n\n@include media-breakpoint-up(sm) {\n .#{$ns}DateRangePicker-wrap {\n white-space: nowrap;\n }\n\n .#{$ns}DateRangePicker-end {\n margin-top: 0;\n margin-left: var(--gap-sm);\n }\n}\n\n.#{$ns}DateRangeCalendar {\n display: inline-block;\n border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor);\n background: var(--DatePicker-bg);\n border-radius: var(--DatePicker-borderRadius);\n}\n",".#{$ns}ImageControl {\n position: relative;\n\n &-dropzone {\n outline: none;\n }\n\n &-addBtn {\n margin: 0;\n width: px2rem(120px);\n height: px2rem(120px);\n display: inline-flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border: var(--borderWidth) solid var(--borderColor);\n border-radius: var(--ImageControl-addBtn-borderRadius);\n cursor: pointer;\n margin-right: var(--gap-base);\n\n @include button-variant(\n var(--ImageControl-addBtn-bg),\n var(--ImageControl-addBtn-border),\n var(--ImageControl-addBtn-color),\n var(--ImageControl-addBtn-onHover-bg),\n var(--ImageControl-addBtn-onHover-border),\n var(--ImageControl-addBtn-onHover-color),\n var(--ImageControl-addBtn-onActive-bg),\n var(--ImageControl-addBtn-onActive-border),\n var(--ImageControl-addBtn-onActive-color)\n );\n\n > svg {\n width: px2rem(24px);\n height: px2rem(24px);\n top: 0;\n margin-bottom: px2rem(8px);\n }\n\n &.is-disabled {\n pointer-events: none;\n border: px2rem(1px) solid var(--ImageControl-addBtn-onDisabled-border);\n background: var(--ImageControl-addBtn-onDisabled-bg);\n color: var(--ImageControl-addBtn-onDisabled-color);\n }\n }\n\n &-pasteTip {\n pointer-events: none;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n position: absolute;\n font-size: var(--Tooltip--attr-fontSize);\n line-height: var(--Tooltip--attr-lineHeigt);\n text-align: left;\n white-space: nowrap;\n background: var(--Tooltip--attr-bg);\n border: var(--Tooltip--attr-borderWidth) solid\n var(--Tooltip--attr-borderColor);\n border-radius: var(--Tooltip--attr-borderRadius);\n box-shadow: var(--Tooltip--attr-boxShadow);\n left: 100%;\n color: var(--Tooltip--attr-color);\n padding: var(--Tooltip--attr-paddingY) var(--Tooltip--attr-paddingX);\n margin: 30px 0 0 var(--Tooltip--attr-gap);\n }\n\n &-dropzone:focus &-addBtn {\n border-color: var(--ImageControl-addBtn-onHover-border);\n background: var(--ImageControl-addBtn-onHover-bg);\n color: var(--ImageControl-addBtn-onHover-color);\n }\n\n &-item {\n border: var(--borderWidth) solid var(--borderColor);\n border-radius: var(--ImageControl-addBtn-borderRadius);\n vertical-align: top;\n padding: var(--gap-xs);\n display: inline-block;\n margin-right: var(--gap-base);\n margin-bottom: var(--gap-base);\n position: relative;\n width: px2rem(120px);\n }\n\n &-image {\n width: 100%;\n height: 100%;\n padding: 0;\n border: none;\n display: block;\n }\n\n &-itemClear {\n position: absolute;\n cursor: pointer;\n\n color: #999;\n top: 5px;\n right: 5px;\n line-height: 1;\n\n > svg {\n top: 0;\n width: 10px;\n height: 10px;\n }\n }\n\n &-itemInfo {\n display: inline-flex;\n width: 110px;\n height: 110px;\n justify-content: center;\n align-items: center;\n align-content: center;\n flex-wrap: wrap;\n\n > p {\n width: 100%;\n text-align: center;\n font-size: 12px;\n margin-bottom: 5px;\n }\n }\n\n &-progress {\n width: 70px;\n height: 5px;\n background: #ebebeb;\n }\n\n &-progressValue {\n height: 5px;\n border-radius: var(--ImageControl-progress-borderRadius);\n display: block;\n background: var(--info);\n min-width: 10%;\n transition: ease-out width var(--animation-duration);\n }\n\n &-item.is-invalid &-itemClear {\n display: none;\n }\n\n &-item.is-invalid:hover &-itemClear {\n display: block;\n }\n\n &-retryBtn {\n margin: 0;\n width: px2rem(110px);\n height: px2rem(110px);\n display: inline-flex;\n cursor: pointer;\n justify-content: center;\n align-items: center;\n align-content: center;\n flex-wrap: wrap;\n color: #666;\n\n &:hover {\n color: #333;\n text-decoration: none;\n }\n\n > p {\n width: 100%;\n text-align: center;\n color: var(--danger);\n margin: 10px 0 0;\n }\n }\n\n &-errorMsg {\n color: var(--danger);\n margin: 5px 0 0;\n }\n\n &-uploadBtn {\n margin-top: 5px;\n }\n\n &-cropperWrapper {\n position: relative;\n\n img {\n max-width: 100%;\n max-height: 400px;\n }\n }\n\n &-croperToolbar {\n display: inline-flex;\n width: 50px;\n position: absolute;\n right: 0;\n bottom: 0;\n flex-direction: column;\n align-items: flex-end;\n\n > a {\n color: #fff;\n padding: 2px 5px;\n cursor: pointer;\n font-size: 20px;\n\n .icon-retry {\n polygon {\n fill: #fff;\n }\n\n path {\n stroke: #fff;\n }\n }\n }\n }\n\n &-acceptTip {\n height: 120px;\n color: #999;\n border: 2px dashed var(--borderColor);\n\n // &.is-accept {\n border-color: var(--info);\n background: #f3f9fe;\n // }\n\n border-radius: var(--borderRadius);\n\n line-height: 120px;\n text-align: center;\n }\n\n &-fixed-size {\n width: 100%;\n height: 100%;\n padding: 0;\n }\n\n &-fixed-size &-itemOverlay {\n width: 100%;\n height: 100%;\n }\n}\n",".#{$ns}FileControl {\n &-templateInfo {\n display: block;\n margin-bottom: var(--gap-base);\n padding: var(--Button-paddingY) var(--Button-paddingX);\n cursor: pointer;\n\n > svg {\n margin-right: var(--gap-xs);\n }\n }\n\n &-dropzone {\n outline: none;\n }\n\n &-selectBtn {\n display: inline-flex;\n align-items: center;\n margin-right: 10px;\n\n > svg {\n width: px2rem(14px);\n height: px2rem(14px);\n }\n }\n\n // &-dropzone:focus {\n // .#{$ns}FileControl-selectBtn {\n // background: var(--Button--default-onHover-bg);\n // border-color: var(--Button--default-onHover-border);\n // color: var(--Button--default-onHover-color);\n // }\n\n // &:after {\n // content: '当前状态接受从剪切板中粘贴文件。';\n // color: var(--text--muted-color);\n // font-size: 11px;\n // margin-top: 10px;\n // }\n // }\n\n &-description {\n color: #999;\n font-size: 12px;\n }\n\n &-list {\n list-style: none;\n margin: 10px 0;\n padding: 0;\n\n > li {\n color: #333;\n font-size: 12px;\n\n &:hover {\n color: #108cee;\n background: #f3f3f3;\n }\n }\n }\n\n &-itemInfo {\n padding: 0px 6px;\n line-height: 26px;\n height: auto;\n\n span {\n word-break: break-all;\n }\n\n &.is-invalid {\n color: #999;\n }\n\n > svg:first-child {\n margin-right: 10px;\n }\n\n > svg:not(:first-child) {\n margin-left: 10px;\n width: px2rem(16px);\n height: px2rem(16px);\n top: var(--gap-xs);\n }\n }\n\n &-itemInfoText {\n white-space: nowrap;\n max-width: 170px;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n vertical-align: middle;\n }\n\n &-clear {\n float: right;\n color: #999;\n display: none;\n cursor: pointer;\n\n &:hover {\n color: #333;\n }\n }\n\n &-list:empty {\n display: none;\n }\n\n &-list > li:hover &-clear {\n display: block;\n }\n\n &-progressInfo {\n display: inline-flex;\n height: 20px;\n padding: 0 6px;\n transform: translateY(-3px);\n width: 100%;\n align-items: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n\n > span {\n display: inline-block;\n padding: 0 4px 0 10px;\n font-size: 12px;\n }\n\n > svg {\n display: inline-block;\n margin: 0 4px 0 10px;\n width: 14px;\n height: 14px;\n top: 0;\n }\n }\n\n &-progress {\n height: 5px;\n flex: 1;\n background: #ebebeb;\n\n > span {\n display: block;\n background: var(--info);\n border-radius: var(--FileControl-progress-borderRadius);\n height: 100%;\n min-width: 10%;\n transition: ease-out width var(--animation-duration);\n }\n }\n\n &-acceptTip {\n height: 120px;\n color: #999;\n border: 2px dashed var(--info);\n border-radius: var(--borderRadius);\n background: #f3f9fe;\n line-height: 120px;\n text-align: center;\n }\n\n &-sum {\n font-size: var(--fontSizeSm);\n\n > a {\n cursor: pointer;\n }\n }\n}\n","// Excel 上传的配置,基于 https://react-dropzone.js.org/\n\n.#{$ns}ExcelControl {\n &-container {\n display: flex;\n flex-direction: column;\n font-family: sans-serif;\n cursor: pointer;\n }\n\n &-container > p {\n font-size: 1rem;\n }\n\n &-container > em {\n font-size: 0.8rem;\n }\n\n &-dropzone {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: var(--gap-md);\n border-width: 2px;\n border-radius: 2px;\n border-color: #eeeeee;\n border-style: dashed;\n background-color: #fafafa;\n color: #bdbdbd;\n outline: none;\n transition: border 0.24s ease-in-out;\n }\n\n &-dropzone:focus {\n border-color: var(--primary);\n }\n\n &-dropzone.disabled {\n opacity: 0.6;\n }\n}\n",".#{$ns}EditorControl {\n min-height: px2rem(200px);\n max-height: px2rem(400px);\n\n > .#{$ns}MonacoEditor,\n > .#{$ns}MonacoEditor > .monaco-diff-editor {\n min-height: px2rem(198px);\n }\n\n overflow: visible;\n height: auto;\n border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);\n max-width: 100%;\n box-sizing: content-box;\n\n &.is-error {\n border-color: var(--Form-input-onError-borderColor);\n }\n\n &.is-focused {\n border-color: var(--Form-input-onFocused-borderColor);\n }\n\n .#{$ns}MonacoEditor {\n position: relative;\n\n &-header {\n position: absolute;\n right: px2rem(14px);\n top: 0;\n padding: 0;\n width: px2rem(18px);\n height: px2rem(18px);\n z-index: 5;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n background: var(--Modal-header-bg);\n box-sizing: border-box;\n }\n\n &-fullscreen {\n cursor: pointer;\n color: var(--Modal-close-color);\n line-height: inherit;\n text-decoration: none;\n text-align: center;\n vertical-align: middle;\n\n &:hover {\n color: var(--Model-close-onHover-color);\n\n svg {\n fill: var(--Model-close-onHover-color);\n }\n }\n }\n }\n\n &--sm {\n min-height: 100px;\n\n > .#{$ns}MonacoEditor {\n min-height: 100px;\n }\n }\n\n &--md {\n min-height: 250px;\n\n > .#{$ns}MonacoEditor {\n min-height: 250px;\n }\n }\n\n &--lg {\n min-height: 300px;\n\n > .#{$ns}MonacoEditor {\n min-height: 300px;\n }\n }\n\n &--xl {\n min-height: 400px;\n\n > .#{$ns}MonacoEditor {\n min-height: 400px;\n }\n }\n\n &--xxl {\n min-height: 500px;\n\n > .#{$ns}MonacoEditor {\n min-height: 500px;\n }\n }\n}\n\n.monaco-inputbox > .wrapper {\n padding: 0;\n}\n\n.is-fullscreen {\n margin: 0 !important;\n position: fixed !important;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 2147483630 !important;\n width: auto !important;\n}\n\n// @media (min-width: 768px) {\n\n// .amis-editor-control.form-contorl-inline,\n// .form-group-inline .amis-editor-control {\n// display: inline-block;\n// width: 280px;\n// }\n// }\n",".fr-popup {\n z-index: $zindex-popover !important;\n}\n\n.#{$ns}RichTextControl {\n > .tox-tinymce {\n border: 0;\n }\n\n > textarea {\n width: 100%;\n }\n\n min-height: px2rem(200px);\n height: auto;\n border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);\n width: 100%;\n\n @include input-border();\n\n .fr-toolbar.fr-top {\n box-shadow: none;\n border: 0;\n position: relative;\n }\n\n .fr-box.fr-basic.fr-top:not(.fr-fullscreen) .fr-wrapper {\n min-height: 150px;\n max-height: 400px;\n box-shadow: none;\n overflow: auto;\n border: none;\n }\n\n .second-toolbar {\n border: none;\n }\n\n .fr-toolbar .fr-command.fr-btn,\n .fr-popup .fr-command.fr-btn {\n color: var(--Button--default-color);\n }\n\n .fr-toolbar .fr-command.fr-btn.fr-active,\n .fr-popup .fr-command.fr-btn.fr-active {\n color: var(--info);\n background: var(--Form-select-onHover-bg);\n }\n\n .fr-desktop .fr-command:hover,\n .fr-desktop .fr-command:focus {\n background: var(--Form-select-onHover-bg);\n }\n\n .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,\n .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {\n background: var(--Form-select-onHover-bg);\n }\n\n .fr-command.fr-btn\n + .fr-dropdown-menu\n .fr-dropdown-wrapper\n .fr-dropdown-content\n ul.fr-dropdown-list\n li\n a.fr-active {\n background: var(--info);\n color: #fff;\n }\n\n &.is-focused {\n border: var(--Form-input-borderWidth) solid\n var(--Form-input-onFocused-borderColor);\n }\n\n .fr-box.fr-basic .fr-element {\n min-height: 150px;\n }\n\n .fr-sticky-dummy {\n position: absolute;\n }\n\n &.is-disabled {\n border-color: var(--Form-input-onDisabled-borderColor);\n pointer-events: none;\n opacity: 0.6;\n\n .fr-box.fr-basic.fr-top .fr-wrapper {\n border-color: var(--Form-input-onDisabled-borderColor);\n }\n }\n\n // &.amis-rich-text-control-md {\n // .fr-box.fr-basic .fr-element,\n // .fr-box.fr-basic.fr-top .fr-wrapper {\n // min-height: 250px;\n // }\n // }\n\n // &.amis-rich-text-control-lg {\n // .fr-box.fr-basic .fr-element,\n // .fr-box.fr-basic.fr-top .fr-wrapper {\n // min-height: 300px;\n // }\n // }\n}\n\n// @media (min-width: 768px) {\n\n// .amis-rich-text-control.form-contorl-inline,\n// .form-group-inline .amis-rich-text-control {\n// display: inline-block;\n// width: 280px;\n// }\n// }\n",".tox-tinymce-aux {\n z-index: $zindex-top;\n}\n.tox-fullscreen .tox.tox-tinymce-aux {\n z-index: $zindex-top;\n}\n",".#{$ns}RangeControl {\n position: relative;\n @include clearfix();\n\n padding-top: 1rem;\n padding-bottom: 1.1rem;\n\n &--withInput {\n .#{$ns}InputRange {\n width: calc(100% - 120px);\n }\n\n .#{$ns}InputRange-label--mid {\n left: calc(50% - 60px);\n }\n\n &.is-multiple {\n .#{$ns}InputRange {\n width: calc(100% - 210px);\n }\n }\n }\n\n .#{$ns}InputRange {\n &-input {\n font-size: var(--fontSizeSm);\n position: absolute;\n right: px2rem(26px);\n top: px2rem(12px);\n height: px2rem(30px);\n\n input {\n padding: px2rem(10px);\n width: px2rem(74px);\n height: 100%;\n\n &:focus {\n outline: none;\n border: var(--borderWidth) solid var(--info);\n }\n }\n\n &-separator {\n display: inline-block;\n padding: 0 5px;\n }\n }\n\n &-unit {\n position: absolute;\n right: px2rem(10px);\n top: px2rem(7px);\n }\n\n &-clear {\n position: absolute;\n top: px2rem(18px);\n right: 0;\n cursor: pointer;\n\n svg {\n height: px2rem(16px);\n width: px2rem(16px);\n fill: #999;\n }\n }\n }\n}\n\n.#{$ns}InputRange {\n height: var(--InputRange-slider-height);\n position: relative;\n width: 100%;\n\n // slider\n &-slider {\n appearance: none;\n background: var(--InputRange-slider-bg);\n border: var(--InputRange-slider-border);\n // border-radius: 100%;\n cursor: pointer;\n display: block;\n width: var(--InputRange-slider-width);\n height: var(--InputRange-slider-height);\n margin-left: calc(var(--InputRange-slider-width) / -2);\n margin-top: calc(\n var(--InputRange-slider-height) / -2 + var(--InputRange-track-height) / -2\n );\n outline: none;\n position: absolute;\n z-index: 2;\n top: 50%;\n transition: var(--InputRange-slider-transition);\n\n &:active {\n transform: var(--InputRange-slider-onActive-transform);\n }\n\n &:focus {\n box-shadow: var(--InputRange-slider-onFocus-boxShadow);\n }\n\n .input-range--disabled & {\n background: var(--InputRange-slider-onDisabled-bg);\n border: var(--InputRange-slider-onDisabled-border);\n box-shadow: none;\n transform: none;\n }\n\n &:before {\n content: '||';\n color: #fff;\n display: block;\n line-height: px2rem(22px);\n text-align: center;\n }\n }\n\n &-sliderContainer {\n transition: var(--InputRange-sliderContainer-transition);\n }\n\n // label\n &-label {\n color: var(--InputRange-label-color);\n font-size: var(--InputRange-label-fontSize);\n transform: translateZ(0);\n white-space: nowrap;\n }\n\n &-label--min,\n &-label--max,\n &-label--mid {\n bottom: var(--InputRange-label-positionBottom);\n position: absolute;\n }\n\n &-label--mid {\n left: 50%;\n bottom: calc(var(--gap-xs) * -1);\n transform: translateX(-50%);\n }\n\n &-label--max {\n right: 0;\n }\n\n &-label--value {\n position: absolute;\n display: var(--InputRange-label--value-display);\n top: var(--InputRange-label--value-positionTop);\n left: var(--InputRange-label--value-positionLeft);\n }\n\n // label Container\n\n // &-labelContainer {\n // left: -50%;\n // position: relative;\n // .#{$ns}InputRange-label--max & {\n // left: 50%;\n // }\n // }\n\n // track\n &-track {\n background: var(--InputRange-track-bg);\n // border-radius: 0;\n cursor: pointer;\n display: block;\n height: var(--InputRange-track-height);\n position: relative;\n transition: var(--InputRange-track-transition);\n\n .#{$ns}InputRange.is-disabled & {\n background: var(--InputRange-track-onDisabled-bg);\n }\n\n &.is-active {\n background: var(--InputRange-track-onActive-bg);\n }\n }\n\n &-track--background {\n left: 0.5rem;\n margin-top: calc(-0.5 * var(--InputRange-track-height));\n position: absolute;\n right: 0.5rem;\n top: 50%;\n\n &::before,\n &::after {\n content: '';\n width: 0.5rem;\n height: 100%;\n position: absolute;\n top: 0;\n background: inherit;\n z-index: 1;\n }\n\n &::before {\n left: -0.5rem;\n }\n\n &::after {\n right: -0.5rem;\n }\n }\n\n &-track--active {\n background: var(--InputRange-track-onActive-bg);\n }\n}\n",".#{$ns}RepeatControl {\n .repeat-btn {\n width: px2rem(80px);\n }\n\n .Select {\n display: inline-block;\n min-width: 100px;\n }\n\n .input-range {\n margin-top: 0;\n }\n\n // .InputRange-label--value {\n // top: -25px;\n\n // .InputRange-labelContainer {\n // font-size: 14px;\n // }\n // }\n\n // .InputRange-slider {\n // z-index: 2;\n // }\n\n // .InputRange-track--active, .InputRange-slider {\n // background: #23b7e5;\n // border-color: #23b7e5;\n // }\n}\n\n@media (min-width: 768px) {\n .repeat-control.form-contorl-inline,\n .form-group-inline .repeat-control {\n display: inline-block;\n min-width: 280px;\n width: auto;\n }\n}\n",".#{$ns}TreeControl {\n border: 1px solid var(--Form-input-borderColor);\n padding: 6px 12px;\n border-radius: 2px;\n max-height: 300px;\n overflow: auto;\n\n &.h-full {\n max-height: none;\n overflow: visible;\n }\n\n &.no-border {\n border: 0;\n }\n}\n\n.#{$ns}Tree {\n &-list,\n &-sublist {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n &-sublist {\n margin-left: var(--Tree-indent);\n }\n\n &-sublist.is-folded {\n display: none;\n }\n\n &-item {\n line-height: var(--Tree-itemHeight);\n position: relative;\n\n > div {\n &:hover {\n text-decoration: none;\n\n > .#{$ns}Tree-item-icons {\n visibility: visible;\n }\n }\n\n > span > svg {\n display: inline-block;\n cursor: pointer;\n position: relative;\n top: 2px;\n width: px2rem(16px);\n height: px2rem(16px);\n margin-left: var(--gap-xs);\n }\n }\n }\n\n &.is-disabled {\n pointer-events: none;\n }\n\n &.is-draggable {\n position: relative;\n }\n\n &--outline &-sublist &-item--isLeaf {\n &:before {\n position: absolute;\n top: -8px;\n left: calc((var(--Tree-indent) - 5px) * -1);\n bottom: 0px;\n border-left: 1px solid var(--borderColor);\n content: '';\n }\n }\n\n &-rootItem {\n line-height: var(--Tree-itemHeight);\n }\n\n &-item > div:hover > .#{$ns}Tree-item-icons,\n &-rootItem > div:hover > .#{$ns}Tree-item-icons {\n visibility: visible;\n }\n\n &-itemLabel {\n display: flex;\n align-items: center;\n position: relative;\n\n & > * {\n position: relative;\n z-index: 2;\n }\n\n &:hover:after {\n position: absolute;\n content: '';\n z-index: 1;\n background: var(--Tree-item-onHover-bg);\n top: 0;\n right: 0;\n bottom: 0;\n left: -99999px;\n }\n }\n\n &.is-draggable &-itemLabel:hover::after {\n display: none;\n }\n\n &-item-icons {\n visibility: hidden;\n transition: visibility var(--animation-duration) ease;\n display: inline-block;\n vertical-align: top;\n height: var(--Tree-itemHeight);\n line-height: var(--Tree-itemHeight);\n padding-right: var(--gap-xs);\n\n > a {\n display: inline-block;\n vertical-align: middle;\n margin-left: var(--gap-xs);\n cursor: pointer;\n\n > svg {\n $svgSize: px2rem(12px);\n width: $svgSize;\n height: $svgSize;\n top: 0;\n }\n }\n }\n\n &-itemInput {\n padding-left: var(--Tree-itemArrowWidth);\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n\n > a {\n display: inline-block;\n cursor: pointer;\n margin-left: var(--gap-sm);\n color: var(--icon-color);\n\n &:hover {\n color: var(--icon-onHover-color);\n text-decoration: none;\n }\n }\n\n > input {\n flex-grow: 1;\n width: 100%;\n outline: none;\n background: var(--Form-input-bg);\n border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);\n border-radius: var(--Form-input-borderRadius);\n line-height: var(--Form-input-lineHeight);\n padding: calc(\n (\n var(--Tree-inputHeight) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize) - #{px2rem(2px)}\n ) / 2\n )\n var(--Form-input-paddingX);\n font-size: var(--Form-input-fontSize);\n\n &::placeholder {\n color: var(--Form-input-placeholderColor);\n user-select: none;\n }\n\n &:focus {\n border-color: var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n background: var(--Form-input-onFocused-bg);\n }\n }\n }\n\n &-addTopBtn {\n cursor: pointer;\n height: var(--Tree-itemHeight);\n line-height: var(--Tree-itemHeight);\n display: block;\n\n &:hover {\n text-decoration: none;\n }\n\n &.is-disabled {\n pointer-events: none;\n color: var(--text--muted-color);\n }\n\n > svg {\n $svgSize: px2rem(14px);\n width: $svgSize;\n height: $svgSize;\n top: $svgSize * 0.125;\n margin-right: var(--gap-xs);\n }\n }\n\n &-itemArrow {\n cursor: pointer;\n width: var(--Tree-itemArrowWidth);\n display: inline-flex;\n margin-right: var(--gap-xs);\n\n // &:before {\n // font-style: normal;\n // font-family: $Tree-arrowVendor;\n // content: $Tree-unfoldedArrowContent;\n // }\n > svg {\n width: var(--Tree-itemArrowWidth);\n height: var(--Tree-itemArrowWidth);\n display: block;\n transition: transform var(--animation-duration);\n top: 0;\n transform: rotate(90deg);\n }\n\n &.is-folded > svg {\n transform: rotate(0deg);\n }\n }\n\n &-itemArrowPlaceholder {\n display: inline-block;\n width: calc(var(--Tree-itemArrowWidth) + var(--gap-xs));\n }\n\n &-itemDrager {\n cursor: move;\n color: var(--icon-color);\n }\n\n &-spinner {\n margin-right: var(--gap-xs);\n }\n\n &-itemIcon {\n display: inline-flex;\n margin-right: var(--gap-xs);\n }\n\n &-rootIcon,\n &-folderIcon,\n &-leafIcon {\n > svg {\n top: 0;\n width: px2rem(14px);\n height: px2rem(14px);\n }\n }\n\n &-itemLabel {\n user-select: none;\n\n &.is-checked,\n &.is-children-checked {\n color: var(--Tree-itemLabel--onChecked-color);\n }\n\n &.is-disabled {\n color: var(--text--muted-color);\n }\n\n > .#{$ns}Checkbox {\n display: inline-flex;\n align-self: center;\n }\n }\n\n &-itemText {\n cursor: pointer;\n flex: 1 auto;\n line-height: var(--lineHeightBase);\n padding: px2rem(4px) 0;\n }\n\n &-placeholder {\n color: var(--text--muted-color);\n }\n\n &-dropIndicator {\n position: absolute;\n height: px2rem(2px);\n background-color: var(--Tree-itemLabel--onChecked-color);\n border-radius: px2rem(1px);\n z-index: 1;\n\n &::after {\n position: absolute;\n top: px2rem(-3px);\n left: px2rem(-6px);\n width: px2rem(8px);\n height: px2rem(8px);\n background-color: transparent;\n border: px2rem(2px) solid var(--Tree-itemLabel--onChecked-color);\n border-radius: 50%;\n content: '';\n }\n\n &--hover {\n border-radius: 0;\n background-color: var(--Tree-item-onHover-bg);\n\n &::after {\n display: none;\n }\n }\n }\n}\n",".#{$ns}TreeSelectControl {\n position: relative;\n\n > .#{$ns}TreeSelect-popover {\n width: 100%;\n }\n}\n\n.#{$ns}TreeSelect {\n @include input-text();\n outline: none;\n\n &.is-opened {\n border-color: var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n background: var(--Form-input-onFocused-bg);\n }\n\n &-popup {\n height: px2rem(400px);\n }\n}\n\n.#{$ns}TreeSelect-popover {\n background: transparent;\n border: none;\n box-shadow: none;\n\n > .#{$ns}Tree {\n background: var(--TreeSelect-popover-bg);\n border: var(--Form-input-borderWidth) solid\n var(--Form-input-onFocused-borderColor);\n padding: var(--gap-xs) var(--Form-input-paddingX);\n border-radius: 0;\n margin-top: -1px;\n max-height: 400px;\n overflow: auto;\n }\n}\n",".#{$ns}Combo {\n &-placeholder {\n color: var(--text--muted-color);\n padding-top: var(--Form-label-paddingTop);\n }\n\n &-toolbarBtn {\n line-height: var(--Combo-toolbarBtn-lineHeight);\n height: var(--Combo-toolbarBtn-height);\n color: var(--Combo-toolbarBtn-color);\n padding: var(--Combo-toolbarBtn-paddingY) var(--Combo-toolbarBtn-paddingX);\n cursor: pointer;\n\n &:hover {\n color: var(--Combo-toolbarBtn-onHover-color);\n }\n }\n\n &-setNullBtn {\n margin-top: var(--gap-xs);\n display: inline-block;\n }\n\n &-addBtn {\n > svg {\n width: var(--Combo-addBtn-fontSize);\n height: var(--Combo-addBtn-fontSize);\n }\n\n font-size: var(--Combo-addBtn-fontSize);\n\n @include button-size(\n var(--Combo-addBtn-paddingY),\n var(--Combo-addBtn-paddingX),\n var(--Combo-addBtn-fontSize),\n var(--Combo-addBtn-lineHeight),\n var(--Combo-addBtn-borderRadius),\n var(--Combo-addBtn-height)\n );\n\n @include button-variant(\n var(--Combo-addBtn-bg),\n var(--Combo-addBtn-border),\n var(--Combo-addBtn-color),\n var(--Combo-addBtn-onHover-bg),\n var(--Combo-addBtn-onHover-border),\n var(--Combo-addBtn-onHover-color),\n var(--Combo-addBtn-onActive-bg),\n var(--Combo-addBtn-onActive-border),\n var(--Combo-addBtn-onActive-color)\n );\n\n &.is-disabled {\n pointer-events: none;\n opacity: var(--Button-onDisabled-opacity);\n }\n }\n\n &-delBtn {\n color: var(--icon-color);\n cursor: pointer;\n\n &:hover {\n color: var(--icon-onHover-color);\n }\n }\n\n &-tab-delBtn {\n color: var(--icon-color);\n cursor: pointer;\n margin-left: var(--gap-sm);\n display: inline-block;\n\n > svg {\n width: px2rem(11px);\n height: px2rem(11px);\n }\n\n &:hover {\n color: var(--icon-onHover-color);\n }\n }\n\n &-items {\n &:empty {\n display: none;\n\n + .#{$ns}Combo-toolbar {\n padding-top: calc(\n (var(--Form-input-height) - var(--Combo-addBtn-height)) / 2\n );\n }\n }\n\n margin-bottom: var(--Combo-items-marginBottom);\n }\n\n &-item {\n background: var(--Page-main-bg);\n }\n\n &-itemDrager {\n cursor: move;\n\n > a {\n color: var(--icon-color);\n\n &:hover {\n color: var(--icon-onHover-color);\n }\n }\n\n svg {\n width: px2rem(16px);\n height: px2rem(16px);\n }\n }\n\n &--hor {\n .#{$ns}Combo-item {\n display: flex;\n flex-wrap: nowrap;\n }\n\n .#{$ns}Combo-item + .#{$ns}Combo-item {\n margin-top: var(--Combo--horizontal-item-gap);\n }\n\n .#{$ns}Combo-itemInner {\n flex-basis: 0;\n flex-grow: 1;\n }\n\n .#{$ns}Combo-itemTag {\n margin-right: var(--gap-sm);\n\n label {\n color: var(--info);\n margin-right: var(--gap-sm);\n }\n }\n\n .#{$ns}Combo-delBtn {\n margin-left: var(--gap-xs);\n display: flex;\n white-space: nowrap;\n align-items: flex-start;\n padding-top: var(--Form-label-paddingTop);\n\n &.is-disabled {\n pointer-events: none;\n opacity: var(--Button-onDisabled-opacity);\n }\n }\n\n &.is-draggable .#{$ns}Combo-toolbar {\n padding-left: px2rem(24px);\n }\n\n .#{$ns}Combo-itemDrager {\n padding: var(--Combo--horizontal-dragger-top) px2rem(6px) 0 0;\n display: flex;\n align-items: center;\n }\n }\n\n // &--ver {\n // .#{$ns}Combo-item {\n // background: var(--white);\n // }\n // }\n\n &--ver:not(&--noBorder) {\n @include clearfix();\n > .#{$ns}Combo-items {\n margin: calc(var(--Combo--vertical-item-gap) * -2)\n calc(var(--Combo--vertical-item-gap) * -2) 0\n calc(var(--Combo--vertical-item-gap) * -2);\n\n > .#{$ns}Combo-placeholder {\n margin: calc(var(--Combo--vertical-item-gap) * 2);\n }\n }\n\n .#{$ns}Combo-itemTag {\n text-align: right;\n\n label {\n color: var(--info);\n margin-right: var(--gap-sm);\n }\n }\n\n // 不严格点会命中 combo 里面嵌套 combo 的情况,so sad.\n > .#{$ns}Combo-item,\n > .#{$ns}Combo-items > .#{$ns}Combo-item {\n border: var(--Combo--vertical-item-borderWidth) dashed\n var(--Combo--vertical-item-borderColor);\n padding: var(--Combo--vertical-item-paddingY)\n var(--Combo--vertical-item-paddingX);\n position: relative;\n }\n\n > .#{$ns}Combo-items > .#{$ns}Combo-item {\n margin: calc(var(--Combo--vertical-item-gap) * 2);\n }\n\n > .#{$ns}Combo-items > .#{$ns}Combo-item > .#{$ns}Combo-delBtn {\n position: absolute;\n opacity: 0;\n top: var(--gap-xs);\n right: var(--gap-xs);\n }\n\n &:not(.is-disabled) > .#{$ns}Combo-item:hover,\n &:not(.is-disabled) > .#{$ns}Combo-items > .#{$ns}Combo-item:hover {\n border-color: var(--Combo--vertical-item-onHover-borderColor);\n // border-style: solid;\n\n > .#{$ns}Combo-delBtn {\n opacity: 1;\n }\n }\n\n > .#{$ns}Combo-items > .#{$ns}Combo-item > .#{$ns}Combo-itemDrager {\n position: absolute;\n top: var(--Combo--horizontal-dragger-top);\n left: px2rem(-30px);\n display: flex;\n align-items: center;\n }\n\n &.is-draggable {\n > .#{$ns}Combo-items > .#{$ns}Combo-item {\n margin-left: px2rem(35px);\n }\n > .#{$ns}Combo-toolbar {\n padding-left: px2rem(25px);\n }\n }\n }\n\n &-item--dragging {\n position: relative;\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n z-index: 5;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.1);\n }\n }\n}\n\n.#{$ns}ComboTabs > .#{$ns}Tabs-links {\n @include clearfix();\n .#{$ns}Tabs-link {\n > a {\n word-break: break-all;\n }\n }\n}\n\n.#{$ns}ComboTabs-addLink {\n float: right;\n > a svg {\n margin-right: var(--gap-xs);\n }\n}\n\n.#{$ns}Combo-dragableTip {\n color: var(--text--muted-color);\n font-size: var(--fontSizeSm);\n margin-left: var(--gap-xs);\n\n &:empty {\n display: none;\n }\n}\n\n.#{$ns}ComboControl.is-inline {\n .#{$ns}Combo--hor .#{$ns}Combo-itemInner {\n flex-grow: unset;\n flex-basis: unset;\n }\n\n .#{$ns}Combo--ver .#{$ns}Combo-item {\n display: inline-block;\n min-width: var(--Form-control-widthBase);\n }\n}\n\n@include media-breakpoint-up(sm) {\n .#{$ns}Combo-form .#{$ns}Form-item:last-child {\n margin-bottom: 0;\n }\n}\n",".#{$ns}SubForm {\n &-values {\n margin: 2px -3px;\n\n &:empty {\n display: none;\n }\n }\n\n &-value {\n background: var(--ResultBox-value-bg);\n color: var(--ResultBox-value-color);\n font-size: var(--Form-input-fontSize);\n padding: 0 var(--gap-xs);\n min-height: px2rem(24px);\n flex-wrap: nowrap;\n display: inline-flex;\n align-items: center;\n margin: 2px 3px;\n user-select: none;\n\n &Label {\n color: inherit;\n }\n\n &Del,\n &Edit,\n &DragBar {\n cursor: pointer;\n margin-left: var(--gap-xs);\n color: var(--ResultBox-icon-color);\n &:hover {\n color: var(--ResultBox-icon--onHover-color);\n }\n\n > svg {\n width: px2rem(12px);\n height: px2rem(12px);\n }\n }\n\n &DragBar {\n margin-left: 0;\n margin-right: var(--gap-xs);\n cursor: move;\n }\n\n &:hover {\n background: var(--ResultBox-value--onHover-bg);\n }\n\n &.is-disabled {\n pointer-events: none;\n color: var(--ResultBox-value--onDisabled-color);\n\n > a {\n color: var(--ResultBox-icon--onDisabled-color);\n }\n }\n\n &--dragging {\n position: relative;\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n z-index: 5;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.1);\n }\n }\n }\n\n &-addBtn {\n width: auto;\n min-width: auto;\n font-weight: var(--fontWeightNormal);\n color: var(--Button--link-color);\n text-decoration: var(--link-decoration);\n border: none;\n height: auto;\n padding: 0 4px;\n display: inline-flex;\n align-items: center;\n\n @include hover-focus {\n color: var(--Button--link-onHover-color);\n text-decoration: var(--link-onHover-decoration);\n box-shadow: none;\n }\n\n > svg {\n width: 12px;\n height: 12px;\n margin-right: 4px !important;\n top: 0;\n }\n\n &:disabled,\n &.is-disabled {\n color: var(--text--muted-color);\n pointer-events: none;\n background: transparent;\n }\n }\n\n &-placeholder {\n color: var(--Form-input-placeholderColor);\n user-select: none;\n padding: 4px;\n }\n}\n",".#{$ns}ChainedSelectControl {\n .#{$ns}Select {\n margin-right: var(--gap-xs);\n }\n}\n",".#{$ns}Picker {\n @include input-text();\n outline: none;\n\n &.is-focus > &-input {\n border-color: var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-input-boxShadow);\n background: var(--Form-input-onFocused-bg);\n }\n\n &.is-disabled {\n pointer-events: none;\n opacity: var(--Button-onDisabled-opacity);\n }\n\n &-placeholder {\n color: var(--Form-input-placeholderColor);\n user-select: none;\n position: absolute;\n // margin-top: 2 * var(--Form-input-borderWidth);\n line-height: var(--Form-input-lineHeight);\n }\n\n &-input {\n min-height: var(--Form-input-height);\n height: auto;\n }\n\n .#{$ns}Picker-values {\n display: inline;\n }\n\n &-valueWrap {\n flex-grow: 1;\n position: relative;\n\n > input {\n width: 1rem;\n display: inline-block;\n }\n }\n\n .#{$ns}Picker-valueWrap {\n margin-bottom: calc(var(--gap-xs) * -1);\n line-height: 1;\n }\n\n .#{$ns}Picker-value {\n cursor: pointer;\n user-select: none;\n white-space: nowrap;\n vertical-align: middle;\n line-height: calc(\n var(--Form-input-lineHeight) * var(--Form-input-fontSize) - #{px2rem(2px)}\n );\n display: inline-block;\n font-size: var(--Form-selectValue-fontSize);\n color: var(--Form-selectValue-color);\n background: var(--Form-selectValue-bg);\n border: px2rem(1px) solid var(--Form-selectValue-borderColor);\n border-radius: 2px;\n margin-right: var(--gap-xs);\n margin-bottom: var(--gap-xs);\n }\n\n .#{$ns}Picker-valueIcon {\n cursor: pointer;\n border-right: px2rem(1px) solid var(--Form-selectValue-borderColor);\n padding: 1px 5px;\n\n &:hover {\n background: var(--Form-selectValue-onHover-bg);\n }\n }\n\n .#{$ns}Picker-valueLabel {\n padding: 0 var(--gap-xs);\n }\n\n &-btn {\n cursor: pointer;\n color: var(--Picker-iconColor);\n\n &:hover {\n color: var(--Picker-onHover-iconColor);\n }\n }\n\n &-clear {\n display: inline-block;\n @include input-clear();\n line-height: 1;\n margin-right: var(--gap-xs);\n }\n}\n\n.#{$ns}PickerControl.is-inline {\n .#{$ns}Picker {\n display: inline-block;\n min-width: px2rem(150px);\n }\n}\n",".#{$ns}QrCode {\n min-height: var(--Form-input-height);\n padding: px2rem(7px) 0;\n}\n",".#{$ns}TagControl {\n position: relative;\n\n &-input.is-focused {\n border-radius: 0;\n }\n\n &-input.is-disabled {\n border-style: dashed;\n background: transparent;\n }\n\n &.is-inline {\n display: inline-block;\n }\n\n > .#{$ns}TagControl-popover {\n // box-shadow: none;\n padding: 0;\n border: none;\n width: 100%;\n margin-top: calc(\n var(--Form-select-popoverGap) - var(--Form-select-outer-borderWidth)\n );\n\n &.#{$ns}PopOver--leftBottomLeftTop {\n top: 100% !important;\n }\n\n &.#{$ns}PopOver--leftTopLeftBottom {\n top: auto !important;\n bottom: 100% !important;\n }\n }\n\n &-sug {\n margin-top: var(--Form-input-marginBottom);\n\n &Tip {\n color: var(--TagControl-sugTip-color);\n margin-bottom: var(--Form-input-marginBottom);\n }\n\n &Item {\n margin-right: var(--gap-sm);\n margin-bottom: var(--gap-sm);\n display: inline-block;\n font-size: var(--TagControl-sugBtn-fontSize);\n cursor: pointer;\n user-select: none;\n border: var(--TagControl-sugBtn-borderWidth) solid transparent;\n\n @include button-size(\n var(--TagControl-sugBtn-paddingY),\n var(--TagControl-sugBtn-paddingX),\n var(--TagControl-sugBtn-fontSize),\n var(--TagControl-sugBtn-lineHeight),\n var(--TagControl-sugBtn-borderRadius),\n var(--TagControl-sugBtn-height)\n );\n\n @include button-variant(\n var(--TagControl-sugBtn-bg),\n var(--TagControl-sugBtn-border),\n var(--TagControl-sugBtn-color),\n var(--TagControl-sugBtn-onHover-bg),\n var(--TagControl-sugBtn-onHover-border),\n var(--TagControl-sugBtn-onHover-color),\n var(--TagControl-sugBtn-onActive-bg),\n var(--TagControl-sugBtn-onActive-border),\n var(--TagControl-sugBtn-onActive-color)\n );\n\n &.is-disabled {\n pointer-events: none;\n opacity: var(--Button-onDisabled-opacity);\n }\n }\n }\n}\n\n.#{$ns}TagControl-popover {\n &.#{$ns}PopOver--leftBottomLeftTop > .#{$ns}ListMenu {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n &.#{$ns}PopOver--leftTopLeftBottom > .#{$ns}ListMenu {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n}\n",".#{$ns}Rating {\n display: flex;\n position: relative;\n align-items: center;\n justify-content: flex-start;\n flex-flow: row wrap;\n\n & > ul {\n display: flex;\n padding: unset;\n margin: unset;\n align-items: center;\n justify-content: flex-start;\n flex-flow: row wrap;\n }\n\n &-star {\n position: relative;\n margin-right: var(--Rating-star-margin);\n overflow: hidden;\n display: block;\n font-size: var(--Rating-star-size);\n line-height: 1;\n cursor: pointer;\n user-select: none;\n color: var(--Rating-inactive-color);\n\n &-half > svg.icon,\n & > svg.icon {\n display: block;\n width: px2rem(24px);\n height: px2rem(24px);\n top: 0;\n }\n \n &:last-of-type {\n margin-right: 0;\n }\n\n &.is-disabled {\n cursor: not-allowed;\n pointer-events: none;\n }\n\n &-half {\n position: absolute;\n overflow: hidden;\n display: block;\n z-index: 1;\n top: 0;\n left: 0;\n width: 50%;\n }\n }\n\n &-text {\n font-size: var(--fontSizeSm);\n color: var(--text-color);\n font-weight: var(--fontWeightNormal);\n\n &--left {\n margin-right: var(--Rating-star-margin);\n }\n\n &--right {\n margin-left: var(--Rating-star-margin);\n }\n }\n}\n\n.#{$ns}RatingControl {\n position: relative;\n overflow: hidden;\n}\n",".#{$ns}Transfer {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n min-height: px2rem(300px);\n position: relative;\n\n &--inline {\n display: inline-flex;\n flex-wrap: nowrap;\n }\n\n &-title {\n display: flex;\n align-items: center;\n background: var(--Transfer-title-bg);\n height: px2rem(30px);\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-input-fontSize);\n padding: calc(\n (\n #{px2rem(30px)} - var(--Form-input-lineHeight) * var(--Form-input-fontSize)\n ) / 2\n )\n var(--gap-sm);\n flex-direction: row;\n border-radius: var(--borderRadius) var(--borderRadius) 0 0;\n\n &--light {\n background: transparent;\n }\n\n > span {\n flex-grow: 1;\n }\n }\n\n &-select,\n &-result {\n width: 0;\n min-width: px2rem(200px);\n max-height: px2rem(400px);\n flex-grow: 1;\n border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);\n display: flex;\n flex-direction: column;\n border-radius: var(--borderRadius);\n }\n\n &-select > &-selection,\n &-result > &-value {\n flex-grow: 1;\n max-height: 100%;\n overflow: auto;\n position: relative; // 貌似不加 relative 会有 bug。\n }\n\n &-search + &-selection {\n border-top: 1px solid var(--borderColor);\n }\n\n &-selection .#{$ns}ListSelection-placeholder {\n height: 100%;\n display: flex;\n align-items: center;\n text-align: center;\n justify-content: center;\n }\n\n &-search {\n padding: var(--gap-sm);\n }\n\n &-mid {\n min-width: px2rem(10px);\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n &-arrow {\n width: 40px;\n height: 30px;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid var(--borderColor);\n margin: 0 10px;\n color: var(--icon-color);\n\n > svg {\n top: 0;\n width: 14px;\n height: 14px;\n }\n }\n\n &-checkAll,\n &-clearAll {\n user-select: none;\n cursor: pointer;\n\n &.is-disabled {\n pointer-events: none;\n color: var(--text--muted-color);\n }\n }\n}\n\n.#{$ns}TabsTransfer {\n .#{$ns}Transfer-title {\n height: 40px;\n }\n\n // .#{$ns}Transfer-result {\n // flex-grow: unset;\n // }\n\n &-placeholder {\n @include checkboxes-placeholder();\n }\n\n &-tab {\n padding: 0;\n overflow: auto;\n }\n\n &-tabs {\n display: flex;\n flex-direction: column;\n height: 100%;\n\n > .#{$ns}Tabs-links {\n border-top: 0 none;\n padding: 5px 0 0 5px;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n align-items: center;\n\n > .#{$ns}Tabs-link > a:first-child {\n font-size: 12px;\n padding: 7px 8px;\n }\n\n .#{$ns}TabsTransfer-tabsMid {\n flex-grow: 1;\n }\n\n > .#{$ns}SearchBox {\n margin: -5px 5px 0 10px;\n\n &.is-active {\n width: 150px;\n margin-right: 10px;\n padding-left: 10px;\n }\n }\n }\n\n > .#{$ns}Tabs-content {\n flex-grow: 1;\n min-height: 0;\n position: relative;\n padding: 5px 0 0;\n\n > .#{$ns}Tabs-pane {\n position: relative;\n height: 100%;\n\n &.is-active {\n display: flex;\n flex-direction: column;\n\n > .#{$ns}Transfer-selection {\n flex-grow: 1;\n max-height: 100%;\n overflow: auto;\n }\n }\n }\n }\n }\n}\n\n.#{$ns}TransferControl {\n position: relative;\n\n &.is-inline {\n display: inline-block;\n }\n}\n\n.#{$ns}TransferPicker {\n &-icon {\n transition: transform var(--animation-duration) ease-out;\n margin: 5px 5px 5px auto;\n display: flex;\n color: var(--Form-select-caret-iconColor);\n &:hover {\n color: var(--Form-select-caret-onHover-iconColor);\n }\n\n > svg {\n width: px2rem(12px);\n height: px2rem(12px);\n top: 0;\n }\n }\n}\n\n.#{$ns}TransferDropDown {\n &-icon {\n transition: transform var(--animation-duration) ease-out;\n margin: 5px 5px 5px auto;\n display: flex;\n color: var(--Form-select-caret-iconColor);\n &:hover {\n color: var(--Form-select-caret-onHover-iconColor);\n }\n\n > svg {\n width: px2rem(10px);\n height: px2rem(10px);\n top: 0;\n }\n }\n\n &.is-active &-icon {\n transform: rotate(180deg);\n }\n}\n.#{$ns}TransferDropDown-content {\n min-height: px2rem(200px);\n display: flex;\n flex-direction: column;\n\n &.is-mobile {\n width: 100%;\n }\n & > .#{$ns}Transfer-selection {\n flex-grow: 1;\n max-height: 100%;\n overflow: auto;\n position: relative; // 貌似不加 relative 会有 bug。\n }\n}\n",".#{$ns}NestedSelectControl {\n position: relative;\n}\n\n.#{$ns}NestedSelect {\n position: relative;\n @include input-border();\n &-optionArrowRight {\n display: inline-block;\n padding-right: px2rem(10px);\n\n svg {\n width: px2rem(12px);\n height: px2rem(12px);\n fill: var(--Form-input-iconColor);\n }\n }\n\n &-menuOuter {\n display: flex;\n }\n\n &-noResult {\n width: px2rem(160px);\n padding: 0 var(--gap-xs);\n color: var(--Form-select-placeholderColor);\n line-height: var(--Form-input-lineHeight);\n font-size: var(--Form-select-input-fontSize);\n user-select: none;\n padding: calc(\n (\n var(--Form-select-menu-height) - var(--Form-input-lineHeight) *\n var(--Form-input-fontSize)\n ) / 2\n )\n var(--Form-select-paddingX);\n }\n\n &-menu {\n width: px2rem(160px);\n height: px2rem(175px); // 高度写死,否则有可能会上下闪动\n background: var(--Form-select-menu-bg);\n color: var(--Form-select-menu-color);\n border: var(--Form-select-outer-borderWidth) solid\n var(--Form-input-onFocused-borderColor);\n box-shadow: var(--Form-select-outer-boxShadow);\n overflow-y: auto;\n overflow-x: hidden;\n\n &:not(:first-child) {\n border-left: 0;\n }\n\n .#{$ns}NestedSelect-option {\n position: relative;\n padding-left: var(--gap-md);\n min-height: var(--Form-input-height);\n line-height: var(--Form-input-height);\n cursor: pointer;\n display: flex;\n\n > .#{$ns}NestedSelect-optionLabel {\n flex: 1;\n\n &.is-disabled {\n cursor: not-allowed;\n color: var(--text--muted-color);\n }\n }\n\n &.is-active {\n color: var(--Form-select-menu-onActive-color);\n background: var(--Form-select-menu-onActive-bg);\n }\n\n &:hover {\n color: var(--Form-select-menu-onHover-color);\n background: var(--Form-select-menu-onHover-bg);\n }\n\n &:hover > .#{$ns}NestedSelect-childrenOuter {\n display: block;\n }\n\n &.checkall {\n border-bottom: px2rem(1px) solid #eceff8;\n }\n }\n }\n &-popup {\n height: px2rem(460px);\n }\n}\n",".#{$ns}Cascader-tabs {\n display: flex;\n &.scrollable {\n display: block;\n overflow-x: auto;\n white-space: nowrap;\n &::-webkit-scrollbar {\n display: none;\n }\n }\n}\n.#{$ns}Cascader-tab {\n flex: 1;\n width: calc((100vw - 20px) / 3);\n height: px2rem(370px);\n overflow-y: auto;\n display: inline-block;\n &::-webkit-scrollbar {\n display: none;\n }\n}\n.#{$ns}Cascader {\n width: 100%;\n padding: 0 10px;\n &-Nav {\n overflow-x: auto;\n &Item {\n display: inline-block;\n margin-right: px2rem(10px);\n list-style: none;\n cursor: pointer;\n user-select: none;\n padding: 0 px2rem(6px);\n }\n }\n &-btnGroup {\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: px2rem(60px);\n }\n &-options {\n box-sizing: border-box;\n height: var(--Cascader-option-height);\n padding-top: px2rem(6px);\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n margin: 0;\n padding: 0;\n }\n &-option {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: px2rem(6px) 0;\n font-size: var(--fontSizeMd);\n line-height: var(--Cascader-option-lineHeight);\n cursor: pointer;\n position: relative;\n &.selected {\n span {\n color: var(--primary);\n }\n }\n &.disabled {\n span {\n color: gray;\n }\n }\n &--text {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n user-select: none;\n }\n &-selectedNum {\n min-width: px2rem(16px);\n height: px2rem(16px);\n line-height: px2rem(16px);\n border-radius: 100%;\n text-align: center;\n background: var(--Form-select-menu-onActive-color);\n color: var(--white) !important;\n font-size: var(--fontSizeSm);\n display: inline-block;\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n }\n }\n &-icon {\n color: var(--primary);\n }\n &-tab {\n padding: 0;\n }\n\n &-btnCancel {\n color: var(--PopUp-cancelAction-color);\n }\n}\n",".#{$ns}IconPickerControl {\n @include input-text();\n\n &-placeholder {\n color: var(--Form-input-placeholderColor);\n user-select: none;\n position: absolute;\n left: var(--Form-input-paddingX);\n top: var(--Form-input-paddingY);\n margin-top: calc(2 * var(--Form-input-borderWidth));\n line-height: var(--Form-input-lineHeight);\n }\n\n &-valueWrap {\n flex-grow: 1;\n line-height: 1;\n white-space: nowrap;\n\n > input {\n display: inline-block;\n width: auto;\n vertical-align: middle;\n }\n }\n\n &-input--withAC {\n position: relative;\n flex-wrap: wrap;\n\n > input {\n width: auto;\n }\n }\n\n &-sugsPanel {\n position: absolute;\n background: var(--Form-select-menu-bg);\n color: var(--Form-select-menu-color);\n border: var(--Form-input-borderWidth) solid\n var(--Form-input-onFocused-borderColor);\n left: px2rem(-1px);\n right: px2rem(-1px);\n top: 100%;\n z-index: 10;\n height: auto;\n }\n\n &-tabs {\n background: var(--IconPicker-tabs-bg);\n }\n\n &-tab {\n display: inline-block;\n padding: var(--IconPicker-tab-padding);\n height: var(--IconPicker-tab-height);\n line-height: var(--IconPicker-tab-lineHeight);\n cursor: pointer;\n text-align: center;\n font-size: var(--fontSizeSm);\n user-select: none;\n\n &.active {\n background: var(--IconPicker-tab-onActive-bg);\n }\n }\n\n &-sugs {\n position: relative;\n padding: var(--IconPicker-padding);\n max-height: var(--IconPicker-content-maxHeight);\n overflow-y: auto;\n }\n\n &-sugItem {\n display: inline-block;\n width: var(--IconPicker-sugItem-width);\n height: var(--IconPicker-sugItem-height);\n text-align: center;\n line-height: var(--IconPicker-sugItem-lineHeight);\n cursor: pointer;\n\n &:hover {\n background: var(--Form-select-menu-onHover-bg);\n }\n\n &.is-active {\n color: var(--white);\n background: var(--Form-select-menu-onActive-color);\n }\n }\n\n &-value {\n user-select: none;\n line-height: calc(\n var(--Form-input-lineHeight) * var(--Form-input-fontSize)\n );\n vertical-align: middle;\n display: inline-block;\n\n > i {\n display: inline-block;\n margin-right: var(--IconPicker-selectedIcon-marginRight);\n }\n }\n}\n","@use 'sass:math';\n\n.#{$ns}Form {\n font-size: var(--Form-fontSize);\n position: relative;\n\n // 一般是快速编辑里的最后一个输入框\n &--quickEdit > div:last-of-type {\n margin-bottom: 0;\n }\n\n &--inline {\n > .#{$ns}Button {\n margin-bottom: calc(var(--Form-item-gap) / 2);\n margin-right: calc(var(--Form-item-gap) / 2);\n }\n\n > .#{$ns}PlainField {\n display: inline-block;\n padding-top: var(--Form-input-paddingY);\n // padding-bottom: var(--Form-input-paddingY);\n }\n }\n}\n\n.#{$ns}Form-static {\n min-height: var(--Form-input-height);\n padding-top: var(--Form-label-paddingTop);\n padding-bottom: var(--Form-label-paddingTop);\n margin-bottom: 0;\n\n .#{$ns}Form-item--inline > .#{$ns}Form-value > & {\n display: inline-block;\n vertical-align: top;\n }\n\n &--borderFull {\n border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);\n border-radius: var(--Form-input-borderRadius);\n padding: var(--Form-input-paddingY) var(--Form-input-paddingX);\n }\n\n &--borderHalf {\n border-bottom: var(--Form-input-borderWidth) solid\n var(--Form-input-borderColor);\n border-radius: var(--Form-input-borderRadius);\n padding: var(--Form-input-paddingY) var(--Form-input-paddingX);\n }\n}\n\n.#{$ns}Form-label {\n font-weight: var(--fontWeightNormal);\n margin-bottom: var(--gap-xs);\n position: relative;\n\n > span {\n position: relative;\n }\n}\n\n.#{$ns}Form-star {\n color: var(--danger);\n font-size: var(--fontSizeXs);\n line-height: 1;\n}\n\n.#{$ns}Form-feedback {\n color: var(--danger);\n margin: var(--Form-input-marginBottom) 0 0;\n padding-left: var(--gap-base);\n font-size: var(--fontSizeSm);\n}\n\n.#{$ns}Form-description {\n display: block;\n color: var(--Form-description-color);\n margin: var(--Form-input-marginBottom) 0 0;\n font-size: var(--Form-description-fontSize);\n}\n\n.#{$ns}Form-hint {\n display: inline-block;\n margin-left: var(--gap-sm);\n padding-top: var(--Form-input-paddingY);\n vertical-align: top;\n}\n\n.#{$ns}Form-item {\n margin-bottom: var(--Form-item-gap);\n\n &:last-child {\n margin-bottom: 0;\n }\n\n .#{$ns}Grid-form > &:last-child {\n margin-bottom: 0;\n }\n\n .#{$ns}Form--inline > &--inline {\n &:last-child {\n margin-right: 0;\n margin-bottom: 0;\n }\n }\n\n .#{$ns}Form-remark {\n padding-top: var(--Form-label-paddingTop);\n vertical-align: top;\n }\n\n &--inline {\n margin-bottom: calc(var(--Form-item-gap) / 2);\n margin-right: calc(var(--Form-item-gap) / 2);\n }\n\n &--horizontal {\n > .#{$ns}Form-label {\n text-align: var(--Form--horizontal-label-align);\n white-space: var(--Form--horizontal-label-whiteSpace);\n }\n }\n\n &--normal {\n > .#{$ns}Form-label {\n display: block;\n\n .#{$ns}Form-star {\n position: absolute;\n left: px2rem(-6px);\n top: px2rem(3px);\n }\n }\n }\n\n &.is-error > .#{$ns}Form-label {\n color: var(--danger);\n }\n}\n\n.#{$ns}Form-placeholder {\n color: var(--Form-input-placeholderColor);\n}\n\n.#{$ns}Form-caption {\n display: inline-block;\n line-height: var(--Form-input-height);\n height: var(--Form-input-height);\n margin-left: px2rem(10px);\n}\n\n@include media-breakpoint-up(sm) {\n .#{$ns}Form-label {\n display: inline-block;\n max-width: 100%;\n }\n\n .#{$ns}Form-control--sizeXs {\n // min-width: var(--Form-control-widthXs);\n // width: auto;\n width: var(--Form-control-widthXs);\n max-width: 100%;\n display: inline-block;\n vertical-align: top;\n\n // 非常难受,number 类型的 input 不能设置size\n &.#{$ns}NumberControl {\n width: var(--Form-control-widthXs);\n }\n }\n\n .#{$ns}Form-control--sizeSm {\n width: var(--Form-control-widthSm);\n max-width: 100%;\n display: inline-block;\n vertical-align: top;\n\n // 非常难受,number 类型的 input 不能设置size\n &.#{$ns}NumberControl {\n width: var(--Form-control-widthSm);\n }\n }\n\n .#{$ns}Form-control--sizeMd {\n width: var(--Form-control-widthMd);\n max-width: 100%;\n display: inline-block;\n vertical-align: top;\n }\n\n .#{$ns}Form-control--sizeLg {\n width: var(--Form-control-widthLg);\n max-width: 100%;\n display: inline-block;\n vertical-align: top;\n\n // 非常难受,number 类型的 input 不能设置size\n &.#{$ns}NumberControl {\n width: var(--Form-control-widthLg);\n }\n }\n\n .#{$ns}Form-item {\n &--horizontal {\n display: flex;\n flex-wrap: nowrap;\n margin-left: calc(var(--Form--horizontal-gutterWidth) / 2 * -1);\n margin-right: calc(var(--Form--horizontal-gutterWidth) / 2 * -1);\n\n > * {\n padding-left: calc(var(--Form--horizontal-gutterWidth) / 2);\n padding-right: calc(var(--Form--horizontal-gutterWidth) / 2);\n }\n\n > .#{$ns}Form-value {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n min-width: 0;\n }\n\n .#{$ns}Form-itemColumn--xs,\n .#{$ns}Form-itemColumn--sm,\n .#{$ns}Form-itemColumn--normal,\n .#{$ns}Form-itemColumn--auto,\n .#{$ns}Form-itemColumn--md,\n .#{$ns}Form-itemColumn--lg {\n flex-grow: unset;\n flex-basis: unset;\n }\n\n > .#{$ns}Form-label {\n padding-top: var(--Form-label-paddingTop);\n margin-bottom: 0;\n flex-shrink: 0;\n\n .#{$ns}Form-star {\n position: absolute;\n left: px2rem(-6px);\n top: px2rem(3px);\n }\n }\n\n .#{$ns}Form-itemColumn--xs {\n width: var(--Form--horizontal-label-widthXs);\n }\n\n .#{$ns}Form-itemColumn--sm {\n width: var(--Form--horizontal-label-widthSm);\n }\n\n .#{$ns}Form-itemColumn--normal {\n width: var(--Form--horizontal-label-widthBase);\n }\n\n .#{$ns}Form-itemColumn--md {\n width: var(--Form--horizontal-label-widthMd);\n }\n\n .#{$ns}Form-itemColumn--lg {\n width: var(--Form--horizontal-label-widthLg);\n }\n\n .#{$ns}Form-itemColumn--auto {\n width: auto;\n }\n\n @for $i from (1) through $Form--horizontal-columns {\n .#{$ns}Form-itemColumn--#{$i} {\n flex: 0 0 percentage(math.div($i, $Form--horizontal-columns));\n max-width: percentage(math.div($i, $Form--horizontal-columns));\n min-height: 1px;\n }\n }\n }\n\n &--inline {\n display: inline-block;\n vertical-align: top;\n\n > .#{$ns}Form-label {\n padding-top: var(--Form-label-paddingTop);\n margin-bottom: 0;\n margin-right: calc(var(--Form-item-gap) / 2);\n\n .#{$ns}Form-star {\n position: absolute;\n left: px2rem(-6px);\n top: px2rem(3px);\n }\n }\n\n > .#{$ns}Form-value {\n display: inline-block;\n vertical-align: top;\n\n > .#{$ns}Button--link {\n padding-top: var(--Form-label-paddingTop);\n }\n\n > .#{$ns}Form-control {\n vertical-align: top;\n display: inline-block;\n }\n\n > .#{$ns}Form-control.#{$ns}InputGroup {\n display: inline-flex;\n }\n\n > .#{$ns}TextControl--withAddOn {\n display: inline-flex;\n }\n }\n }\n }\n\n .#{$ns}Form-row {\n display: flex;\n flex-wrap: wrap;\n\n margin-left: calc(var(--Form-row-gutterWidth) / -2);\n margin-right: calc(var(--Form-row-gutterWidth) / -2);\n align-items: flex-start;\n\n > * {\n padding-left: calc(var(--Form-row-gutterWidth) / 2);\n padding-right: calc(var(--Form-row-gutterWidth) / 2);\n }\n }\n\n .#{$ns}Form-col {\n flex-basis: 0;\n flex-grow: 1;\n flex-shrink: 1;\n }\n\n .#{$ns}Form-rowInner {\n display: flex;\n flex-wrap: nowrap;\n\n > .#{$ns}Form-label {\n display: inline-block;\n vertical-align: top;\n padding-top: var(--Form-label-paddingTop);\n padding-right: var(--Form-row-gutterWidth);\n }\n\n > .#{$ns}Form-control {\n flex-basis: 0;\n flex-grow: 1;\n\n // &:not(.#{$ns}Form-control--withSize) {\n // width: var(--Form-control-widthBase);\n // }\n }\n }\n}\n\n.#{$ns}Form--quickEdit {\n min-width: var(--Form-control-widthSm);\n}\n\n.#{$ns}Form--column {\n display: flex;\n flex-wrap: wrap;\n margin-left: calc(var(--Form-group-gutterWidth) / -2);\n margin-right: calc(var(--Form-group-gutterWidth) / -2);\n > .#{$ns}Form-item {\n flex-grow: 1;\n padding-left: calc(var(--Form-group-gutterWidth) / 2);\n padding-right: calc(var(--Form-group-gutterWidth) / 2);\n }\n}\n\n.#{$ns}Form--column-2 > .#{$ns}Form-item {\n width: 50%;\n}\n\n.#{$ns}Form--column-3 > .#{$ns}Form-item {\n width: 33%;\n}\n\n.#{$ns}Form--column-4 > .#{$ns}Form-item {\n width: 25%;\n}\n\n.#{$ns}Form--column-5 > .#{$ns}Form-item {\n width: 20%;\n}\n\n.#{$ns}Form--column-6 > .#{$ns}Form-item {\n width: 16.6%;\n}\n\n.#{$ns}Form--column-7 > .#{$ns}Form-item {\n width: 14.2%;\n}\n\n.#{$ns}Form--column-8 > .#{$ns}Form-item {\n width: 12.5%;\n}\n\n.#{$ns}Form-column-9 > .#{$ns}Form-item {\n width: 11.1%;\n}\n\n.#{$ns}Form-column-10 > .#{$ns}Form-item {\n width: 10%;\n}\n\n/* 移动端样式调整 */\n@include media-breakpoint-down(sm) {\n .#{$ns}Form {\n .#{$ns}Form-item {\n display: flex;\n flex-wrap: wrap;\n margin-bottom: 0;\n padding: var(--Form-item-gap) 0;\n position: relative;\n\n &::after {\n position: absolute;\n box-sizing: border-box;\n content: ' ';\n pointer-events: none;\n right: 0;\n bottom: 0;\n left: 0;\n border-bottom: var(--Form-input-borderWidth) solid var(--borderColor);\n transform: scaleY(0.5);\n }\n\n .#{$ns}InputGroup-addOn,\n .#{$ns}TextControl-addOn {\n border: none;\n }\n\n > .#{$ns}Form-label {\n flex: 0 0 28%;\n max-width: 28%;\n min-height: 1px;\n text-align: left;\n padding-right: calc(var(--Form--horizontal-gutterWidth) / 2);\n overflow-wrap: break-word;\n margin-right: 0;\n margin-bottom: 0;\n font-size: var(--fontSizeLg);\n }\n\n .#{$ns}Form-description {\n font-size: var(--fontSizeBase);\n }\n\n .#{$ns}TextControl-input {\n font-size: var(--fontSizeLg);\n\n input {\n height: calc(var(--Form-input-lineHeight) * var(--fontSizeLg));\n }\n }\n\n .#{$ns}Form-value,\n .#{$ns}Form-control {\n flex: 1;\n flex-wrap: wrap;\n font-size: var(--fontSizeLg);\n\n &.is-disabled > .#{$ns}TextControl-input {\n background: transparent;\n }\n }\n\n .#{$ns}Form-hint,\n .#{$ns}Form-remark,\n .#{$ns}Form-static,\n .#{$ns}Form-group--hor .#{$ns}Form-item,\n .#{$ns}SwitchControl,\n .#{$ns}CheckboxControl,\n .#{$ns}RadiosControl,\n .#{$ns}CheckboxesControl {\n padding-top: 0;\n padding-bottom: 0;\n }\n\n .#{$ns}Form-group--horizontal .#{$ns}TextControl-input input {\n height: var(--Form-input-height);\n }\n\n .#{$ns}Form-hint {\n font-size: var(--fontSizeBase);\n margin-left: 0;\n color: var(--text--muted-color);\n }\n\n .#{$ns}TextControl-placeholder {\n top: 0;\n }\n\n .#{$ns}Form-static {\n min-height: 0;\n }\n\n .#{$ns}Form-description,\n .#{$ns}Form-feedback {\n font-size: var(--fontSizeBase);\n }\n\n .#{$ns}InputGroup {\n .#{$ns}Select,\n .#{$ns}InputGroup-btn .#{$ns}Button {\n border: none;\n }\n\n > .#{$ns}TextControl-input input {\n height: var(--Form-input-height);\n }\n }\n\n .#{$ns}ColorPicker {\n padding: 0;\n border: none;\n\n .#{$ns}ColorPicker-arrow {\n display: none;\n }\n }\n\n .#{$ns}Form-group--hor .#{$ns}Form-item .#{$ns}Button {\n margin-bottom: var(--gap-xs);\n }\n\n .#{$ns}TextareaControl > textarea,\n .#{$ns}Form-control > .#{$ns}TextControl-input,\n .#{$ns}TextControl.is-focused > .#{$ns}TextControl-input {\n border: none;\n padding: 0 var(--Form-input-paddingX) 0 0;\n box-shadow: none;\n\n &:hover,\n &:focus,\n &.active {\n border: none;\n outline: none;\n outline-style: none;\n }\n }\n\n .#{$ns}Form-control > .#{$ns}TextControl-input--multiple {\n padding: 0;\n min-height: 0;\n }\n }\n\n .#{$ns}Form-groupColumn {\n margin-bottom: 0;\n }\n\n .#{$ns}Divider {\n display: none;\n }\n\n .#{$ns}Tabs-pane {\n padding: 0;\n }\n\n > .#{$ns}Form-item {\n &:last-child::after,\n &:last-of-type::after {\n display: none;\n }\n }\n\n .#{$ns}Form-item .#{$ns}Form-groupColumn > .#{$ns}Form-item {\n padding-bottom: var(--Form-input-paddingX);\n }\n }\n}\n",".#{$ns}AnchorNav {\n display: flex;\n height: px2rem(400px);\n\n &--vertical {\n .#{$ns}AnchorNav-link-wrap {\n margin: 0;\n padding: 0;\n width: var(--Tabs--vertical-width);\n border-right: var(--AnchorNav-links-container-borderRight);\n padding-bottom: px2rem(60px);\n\n > .#{$ns}AnchorNav-link {\n position: relative;\n display: block;\n\n > a {\n display: block;\n border: var(--Tabs-borderWidth) solid transparent;\n border-width: var(--AnchorNav-onActive-borderWidth);\n color: var(--Tabs-color);\n padding: var(--Tabs-linkPadding);\n font-size: var(--Tabs-linkFontSize);\n outline: none;\n text-align: right;\n text-decoration: none;\n cursor: pointer;\n margin: 0;\n\n &:hover {\n color: var(--primary);\n }\n }\n\n &.is-active {\n > a,\n > a:hover {\n color: var(--Tabs--vertical-onActive-color);\n border-color: var(--Tabs--vertical-onActive-border);\n }\n }\n }\n }\n }\n\n &--horizontal {\n flex-direction: column;\n .#{$ns}AnchorNav-link-wrap {\n user-select: none;\n margin: 0px;\n padding: 0px;\n border-bottom: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);\n list-style: none;\n\n > .#{$ns}AnchorNav-link {\n margin-bottom: calc(var(--Tabs-borderWidth) * -1);\n display: inline-block;\n position: relative;\n\n > a:first-child {\n font-size: var(--Tabs-linkFontSize);\n outline: 0;\n border: var(--Tabs-borderWidth) solid transparent;\n border-width: 0 0 var(--Tabs--line-borderWidth) 0;\n border-top-left-radius: var(--Tabs-borderRadius);\n border-top-right-radius: var(--Tabs-borderRadius);\n color: var(--Tabs-color);\n margin: var(--Tabs-linkMargin);\n padding: var(--Tabs-linkPadding);\n text-decoration: none;\n cursor: pointer;\n display: block;\n\n &:hover,\n &:focus {\n color: var(--primary);\n background: transparent;\n border-color: transparent;\n }\n }\n\n &:last-child {\n > a {\n margin: 0;\n }\n }\n\n &.is-active {\n > a:first-child,\n > a:first-child:hover,\n > a:first-child:focus {\n font-size: var(--Tabs-linkFontSize);\n border-width: 0 0 var(--Tabs--line-borderWidth) 0;\n border-color: var(--Tabs--line-onHover-borderColor);\n color: var(--Tabs--line-onHover-color);\n background: transparent;\n }\n }\n }\n }\n }\n\n &-section-wrap {\n border: none;\n flex-grow: 1;\n overflow: auto;\n scroll-behavior: smooth;\n background: var(--Tabs-content-bg);\n\n > .#{$ns}AnchorNav-section {\n display: block;\n padding: var(--gap-base);\n }\n }\n}\n",".#{$ns}Markdown {\n strong {\n font-weight: bolder;\n }\n\n img {\n border-style: none;\n }\n\n svg:not(:root) {\n overflow: hidden;\n }\n\n button:-moz-focusring,\n [type='button']:-moz-focusring,\n [type='reset']:-moz-focusring,\n [type='submit']:-moz-focusring {\n outline: 1px dotted ButtonText;\n }\n\n [type='checkbox'] {\n box-sizing: border-box;\n padding: 0;\n }\n\n table {\n border-spacing: 0;\n border-collapse: collapse;\n }\n\n table td,\n table th {\n padding: 0;\n }\n\n hr {\n height: 0;\n margin: 15px 0;\n overflow: hidden;\n background: transparent;\n border: 0;\n border-bottom: 1px solid #ddd;\n }\n\n hr::before {\n display: table;\n content: '';\n }\n\n hr::after {\n display: table;\n clear: both;\n content: '';\n }\n\n p {\n margin-top: 0;\n margin-bottom: 10px;\n }\n\n blockquote {\n margin: 0;\n }\n\n ul,\n ol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n }\n\n ol ol,\n ul ol {\n list-style-type: lower-roman;\n }\n\n ul ul ol,\n ul ol ol,\n ol ul ol,\n ol ol ol {\n list-style-type: lower-alpha;\n }\n\n dd {\n margin-left: 0;\n }\n\n p,\n blockquote,\n ul,\n ol,\n dl,\n table,\n pre {\n margin-top: 0;\n margin-bottom: 16px;\n }\n\n hr {\n height: 4px;\n padding: 0;\n margin: 16px 0;\n background-color: #e7e7e7;\n border: 0 none;\n }\n\n ul:not(.dropdown-menu):not(.nav),\n ol {\n padding-left: 2em;\n }\n\n ul ul,\n ul ol,\n ol ol,\n ol ul {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n li > p {\n margin-top: 16px;\n }\n\n dl {\n padding: 0;\n }\n\n dl dt {\n padding: 0;\n margin-top: 16px;\n font-size: 1em;\n font-style: italic;\n font-weight: bold;\n }\n\n dl dd {\n padding: 0 16px;\n margin-bottom: 16px;\n }\n\n blockquote {\n padding: 0 15px;\n color: #777;\n border-left: 4px solid #ddd;\n }\n\n blockquote > :first-child {\n margin-top: 0;\n }\n\n blockquote > :last-child {\n margin-bottom: 0;\n }\n\n table {\n display: block;\n width: 100%;\n overflow: auto;\n word-break: normal;\n }\n\n table th {\n font-weight: bold;\n }\n\n table th,\n table td {\n padding: 6px 13px;\n border: 1px solid #ddd;\n }\n\n table tr {\n background-color: #fff;\n border-top: 1px solid #ccc;\n }\n\n table tr:nth-child(2n) {\n background-color: #f8f8f8;\n }\n\n @media (min-width: 1200px) {\n img {\n max-width: 800px;\n }\n }\n\n code {\n padding: 0;\n padding-top: 0.2em;\n padding-bottom: 0.2em;\n margin: 0;\n background-color: rgba(0, 0, 0, 0.04);\n border-radius: 3px;\n }\n\n code:before,\n code:after {\n letter-spacing: -0.2em;\n content: '\\00a0';\n }\n\n pre > code {\n padding: 0;\n margin: 0;\n word-break: normal;\n white-space: pre;\n background: transparent;\n border: 0;\n }\n\n .highlight {\n margin-bottom: 16px;\n }\n\n .highlight pre,\n pre {\n padding: 16px;\n overflow: auto;\n line-height: 1.45;\n background-color: #f7f7f7;\n border-radius: 3px;\n }\n\n .highlight pre {\n margin-bottom: 0;\n word-break: normal;\n }\n\n pre {\n word-wrap: normal;\n }\n\n pre code {\n display: inline;\n max-width: initial;\n padding: 0;\n margin: 0;\n overflow: initial;\n line-height: inherit;\n word-wrap: normal;\n background-color: transparent;\n border: 0;\n }\n\n pre code:before,\n pre code:after {\n content: normal;\n }\n\n kbd {\n display: inline-block;\n padding: 3px 5px;\n line-height: 10px;\n color: #555;\n vertical-align: middle;\n background-color: #fcfcfc;\n border: solid 1px #ccc;\n border-bottom-color: #bbb;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #bbb;\n }\n\n hr {\n border-bottom-color: #eee;\n }\n}\n",".#{$ns}Link {\n &.is-disabled {\n cursor: not-allowed;\n color: var(--text--muted-color);\n }\n}\n",".#{$ns}MappingField {\n margin-right: var(--gap-xs);\n &:last-child {\n margin-right: 0;\n }\n}\n",".#{$ns}FormulaEditor {\n overflow: visible;\n max-width: 100%;\n box-sizing: content-box;\n\n &-content {\n border-radius: var(--borderRadius);\n border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);\n }\n\n &-header {\n width: 100%;\n height: px2rem(30px);\n line-height: px2rem(30px);\n padding: 0 #{px2rem(10px)};\n box-sizing: border-box;\n background: var(--Formula-header-bgColor);\n border-radius: var(--borderRadius) var(--borderRadius) 0 0;\n border-bottom: var(--Form-input-borderWidth) solid\n var(--Form-input-borderColor);\n font-weight: 500;\n }\n\n &-editor {\n min-height: px2rem(238px);\n max-height: px2rem(320px);\n height: auto;\n padding: #{px2rem(10px)};\n padding-right: 0;\n }\n\n &.is-error &-editor {\n border-color: var(--Form-input-onError-borderColor);\n }\n\n &.is-focused &-editor {\n border-color: var(--Form-input-onFocused-borderColor);\n }\n\n &-settings {\n display: flex;\n flex-direction: row;\n align-items: stretch;\n justify-content: space-between;\n max-height: px2rem(350px);\n margin: 0 -5px;\n\n > div {\n flex: 1;\n padding: 0 5px;\n display: flex;\n flex-direction: column;\n\n > h3 {\n padding: 10px 0;\n margin: 0;\n flex-shrink: 0;\n }\n\n > div {\n flex: 1;\n min-height: 0;\n }\n }\n }\n\n .cm-field,\n .cm-func {\n border-radius: 2px;\n color: #fff;\n margin: 0 1px;\n padding: 0 2px;\n }\n .cm-field {\n background: #007bff;\n }\n .cm-func {\n background: #17a2b8;\n }\n}\n\n.#{$ns}FormulaFuncList {\n display: flex;\n flex-direction: column;\n\n & > &-searchBox {\n display: flex;\n width: auto;\n flex-shrink: 0;\n margin-bottom: px2rem(8px);\n }\n\n &-columns {\n flex: 1;\n min-height: 0;\n overflow: auto;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n\n > div:first-child {\n min-width: 200px;\n flex-shrink: 0;\n }\n }\n &-funcItem {\n padding: 0 10px;\n cursor: pointer;\n\n &.is-active {\n background: var(--Formula-funcItem-bgColor-onActive);\n }\n }\n &-groupTitle {\n padding: 5px 0;\n background: transparent;\n }\n &-groupBody {\n > div {\n padding: 5px 0;\n }\n }\n &-funcDetail {\n padding: 10px 20px;\n\n pre {\n white-space: pre-wrap;\n word-wrap: break-word;\n background: var(--Formula-header-bgColor);\n padding: #{px2rem(10px)};\n border-radius: var(--borderRadius);\n margin-top: 0;\n }\n\n div {\n color: var(--text--loud-color);\n }\n }\n}\n\n.#{$ns}FormulaPicker {\n &-icon {\n margin-left: auto;\n margin-right: #{px2rem(5px)};\n }\n}\n",".#{$ns}Timeline-vertical {\n display: flex;\n flex-flow: column;\n\n .#{$ns}TimelineItem {\n display: flex;\n flex: 1;\n flex-direction: row;\n\n &:last-of-type {\n .#{$ns}TimelineItem-axle .#{$ns}TimelineItem-line {\n display: none;\n }\n }\n\n &-axle {\n position: relative;\n flex: var(--TimelineItem--axle-flex);\n\n .#{$ns}TimelineItem-line {\n position: absolute;\n height: calc(100% - var(--TimelineItem--left-line-top));\n width: var(--TimelineItem--left-line-width);\n left: var(--TimelineItem--left-line-left);\n top: var(--TimelineItem--left-line-top);\n background-color: var(--TimelineItem--line-bg);\n }\n\n .#{$ns}TimelineItem-round {\n position: absolute;\n width: var(--TimelineItem--round-width);\n height: var(--TimelineItem--round-height);\n left: var(--TimelineItem--round-left);\n top: var(--TimelineItem--round-top);\n background: var(--TimelineItem-round-bg);\n border-radius: var(--TimelineItem--round-radius);\n\n &--danger {\n background: var(--Timeline--danger-bg);\n }\n\n &--info {\n background: var(--Timeline--info-bg);\n }\n\n &--success {\n background: var(--Timeline--success-bg);\n }\n\n &--warning {\n background: var(--Timeline--warning-bg);\n }\n }\n\n .#{$ns}TimelineItem-icon {\n position: absolute;\n width: var(--TimelineItem--icon-width);\n height: var(--TimelineItem--icon-height);\n left: var(--TimelineItem--icon-left);\n border-radius: var(--TimelineItem--icon-radius);\n }\n }\n\n &-content {\n padding-bottom: var(--TimelineItem--content-padding-bottom);\n margin-left: var(--TimelineItem--content-margin-left);\n\n .#{$ns}TimelineItem-time {\n color: var(--TimelineItem--text-secondary-color);\n font-size: var(--Timeline--font-size);\n margin-bottom: var(--TimelineItem--content-time-margin-bottom);\n }\n\n .#{$ns}TimelineItem-title {\n color: var(--TimelineItem--text-primary-color);\n font-size: var(--Timeline--font-size);\n margin-bottom: var(--TimelineItem--content-title-margin-bottom);\n }\n\n .#{$ns}TimelineItem-detail {\n .#{$ns}TimelineItem-detail-button {\n display: flex;\n cursor: pointer;\n align-items: center;\n font-size: var(--Timeline--font-size);\n color: var(--TimelineItem--detail-button-color);\n margin-bottom: var(--TimelineItem--detail-button-margin-bottom);\n }\n\n .#{$ns}TimelineItem-detail-arrow {\n width: var(--TimelineItem-detail-arrow-width);\n height: var(--TimelineItem-detail-arrow-width);\n }\n\n .#{$ns}TimelineItem-detail-arrow-top {\n transform: rotateX(180deg);\n }\n\n .#{$ns}TimelineItem-detail-visible {\n display: block;\n max-width: var(--TimelineItem-detail-visible-max-width);\n font-size: var(--Timeline--font-size);\n padding: var(--TimelineItem-detail-visible-padding);\n box-shadow: var(--TimelineItem-detail-visible-shadow);\n }\n\n .#{$ns}TimelineItem-detail-invisible {\n display: none;\n }\n }\n }\n }\n\n &.#{$ns}Timeline-left {\n .#{$ns}TimelineItem {\n flex-direction: row-reverse;\n }\n }\n\n &.#{$ns}Timeline-alternate {\n .#{$ns}TimelineItem:nth-child(odd) {\n flex-direction: row-reverse;\n max-width: 50%;\n }\n\n .#{$ns}TimelineItem:nth-child(even) {\n margin-left: calc(50% - var(--Timeline-alternate-margin-left));\n max-width: calc(50% + var(--Timeline-alternate-margin-left));\n }\n }\n}\n\n.#{$ns}Timeline-horizontal {\n display: flex;\n flex-flow: row;\n margin-left: 50%;\n transform: translateX(-50%);\n\n .#{$ns}TimelineItem {\n display: flex;\n width: -webkit-fill-available;\n flex-flow: column;\n\n &:last-of-type {\n .#{$ns}TimelineItem-axle .#{$ns}TimelineItem-line {\n display: none;\n }\n }\n\n &-axle {\n position: relative;\n flex: var(--TimelineItem--axle-flex);\n\n .#{$ns}TimelineItem-line {\n position: absolute;\n height: var(--TimelineItem--left-line-width);\n width: calc(100% - var(--TimelineItem--left-line-left));\n left: var(--TimelineItem--left-line-top);\n top: var(--TimelineItem--left-line-left);\n background-color: var(--TimelineItem--line-bg);\n }\n\n .#{$ns}TimelineItem-round {\n position: absolute;\n width: var(--TimelineItem--round-width);\n height: var(--TimelineItem--round-height);\n left: var(--TimelineItem--round-top);\n top: var(--TimelineItem--round-left);\n background: var(--TimelineItem-round-bg);\n border-radius: var(--TimelineItem--round-radius);\n\n &--danger {\n background: var(--Timeline--danger-bg);\n }\n\n &--info {\n background: var(--Timeline--info-bg);\n }\n\n &--success {\n background: var(--Timeline--success-bg);\n }\n\n &--warning {\n background: var(--Timeline--warning-bg);\n }\n }\n\n .#{$ns}TimelineItem-icon {\n position: absolute;\n width: var(--TimelineItem--icon-width);\n height: var(--TimelineItem--icon-height);\n left: var(--TimelineItem--icon-left);\n border-radius: var(--TimelineItem--icon-radius);\n }\n }\n }\n}\n","/*\n * utilities\n */\n\n// background\n\n.bg-light {\n @include color-variant($light, 2%, 3%, 3%, 5%);\n color: $text-color;\n}\n\n.bg-dark {\n @include color-variant($dark, 5%, 10%, 5%, 10%);\n @include font-variant($dark);\n}\n\n.bg-black {\n @include color-variant($black, 5%, 10%, 5%, 10%);\n @include font-variant($black);\n}\n\n.bg-primary {\n @include color-variant($primary, 5%, 10%, 5%, 10%);\n @include font-variant($primary);\n}\n\n.bg-success {\n @include color-variant($success, 5%, 10%, 5%, 10%);\n @include font-variant($success);\n}\n\n.bg-info {\n @include color-variant($info, 5%, 10%, 5%, 10%);\n @include font-variant($info);\n}\n\n.bg-warning {\n @include color-variant($warning, 5%, 10%, 5%, 10%);\n @include font-variant($warning);\n}\n\n.bg-danger {\n @include color-variant($danger, 5%, 10%, 5%, 10%);\n @include font-variant($danger);\n}\n\n.bg-white {\n @include color-variant($white, 5%, 10%, 5%, 10%);\n color: $text-color;\n}\n\n.bg-none {\n background: none !important;\n}\n\n.cursor-pointer {\n cursor: pointer;\n}\n\n// text colors\n@include text-wariant($primary, primary);\n@include text-wariant($info, info);\n@include text-wariant($success, success);\n@include text-wariant($warning, warning);\n@include text-wariant($danger, danger);\n@include text-wariant($dark, dark);\n@include text-wariant($white, white);\n@include text-wariant($black, black);\n\n.text-muted {\n color: var(--text--muted-color);\n}\n\n.text-loud {\n color: var(--text--loud-color);\n}\n\n.clearfix {\n @include clearfix();\n}\n\n.pos-rlt {\n position: relative;\n}\n\n.pos-stc {\n position: static !important;\n}\n\n.pos-abt {\n position: absolute;\n}\n\n.pos-fix {\n position: fixed;\n}\n\n.show {\n visibility: visible;\n}\n\n.line {\n // width: 100%; 不要设置 100%, 否则跟 pull-in 配合使用时候,宽度为不对。\n height: 2px;\n margin: 10px 0;\n font-size: 0;\n overflow: hidden;\n}\n\n.line-xs {\n margin: 0;\n}\n\n.line-lg {\n margin-top: 15px;\n margin-bottom: 15px;\n}\n\n.line-dashed {\n border-style: dashed !important;\n background: transparent;\n border-width: 0;\n}\n\n.no-line {\n border-width: 0;\n}\n\n.no-border,\n.no-borders {\n border-color: transparent;\n border-width: 0;\n}\n\n.no-b-t {\n border-top-width: 0;\n}\n\n.no-b-r {\n border-right-width: 0;\n}\n\n.no-b-b {\n border-bottom-width: 0;\n}\n\n.no-b-l {\n border-left-width: 0;\n}\n\n.no-radius {\n border-radius: 0;\n}\n\n.block {\n display: block;\n}\n\n.block.hide {\n display: none;\n}\n\n.inline {\n display: inline-block;\n}\n\n.none {\n display: none;\n}\n\n.pull-none {\n float: none;\n}\n\n.pull-right {\n float: right;\n}\n\n.pull-left {\n float: left;\n}\n\n.rounded {\n border-radius: 500px;\n}\n\n.clear {\n display: block;\n overflow: hidden;\n}\n\n.no-bg {\n background: transparent;\n color: inherit;\n}\n\n.no-select {\n user-select: none;\n}\n\n.l-h {\n line-height: var(--lineHeightBase);\n}\n\n.l-h-0x {\n line-height: 0;\n}\n\n.l-h-1x {\n line-height: 1.2;\n}\n\n.l-h-2x {\n line-height: 2em;\n}\n\n.l-s-1x {\n letter-spacing: 1;\n}\n\n.l-s-2x {\n letter-spacing: 2;\n}\n\n.l-s-3x {\n letter-spacing: 3;\n}\n\n.font-normal {\n font-weight: normal;\n}\n\n.font-thin {\n font-weight: 300;\n}\n\n.font-bold {\n font-weight: 700;\n}\n\n.text-5x {\n font-size: 5em;\n}\n\n.text-4x {\n font-size: 4em;\n}\n\n.text-3x {\n font-size: 3em;\n}\n\n.text-2x {\n font-size: 2em;\n}\n\n.text-xl {\n font-size: var(--fontSizeXl) !important;\n}\n\n.text-lg {\n font-size: var(--fontSizeLg) !important;\n}\n\n.text-md {\n font-size: var(--fontSizeMd) !important;\n}\n\n.text-base {\n font-size: var(--fontSizeBase) !important;\n}\n\n.text-sm {\n font-size: var(--fontSizeSm) !important;\n}\n\n.text-xs {\n font-size: var(--fontSizeXs) !important;\n}\n\n.text-xxs {\n text-indent: -9999px;\n}\n\n.text-ellipsis {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.text-u-c {\n text-transform: uppercase;\n}\n\n.text-l-t {\n text-decoration: line-through;\n}\n\n.text-u-l {\n text-decoration: underline;\n}\n\n.text-left {\n text-align: left;\n}\n\n.text-center {\n text-align: center;\n}\n\n.text-right {\n text-align: right;\n}\n\n.box-shadow {\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);\n}\n\n.box-shadow-lg {\n box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05);\n}\n\n.text-shadow {\n font-size: 170px;\n text-shadow: 0 1px 0 var(--borderColor), 0 2px 0 var(--borderColorLight),\n 0 5px 10px rgba(0, 0, 0, 0.125), 0 10px 20px rgba(0, 0, 0, 0.2);\n}\n\n.no-shadow {\n box-shadow: none !important;\n}\n\n.wrapper-xs {\n padding: 5px;\n}\n\n.wrapper-sm {\n padding: 10px;\n}\n\n.wrapper {\n padding: 15px;\n}\n\n.wrapper-md {\n padding: 20px;\n}\n\n.wrapper-lg {\n padding: 30px;\n}\n\n.wrapper-xl {\n padding: 50px;\n}\n\n.padder-lg {\n padding-left: 30px;\n padding-right: 30px;\n}\n\n.padder-md {\n padding-left: 20px;\n padding-right: 20px;\n}\n\n.padder {\n padding-left: 15px;\n padding-right: 15px;\n}\n\n.padder-v-xs {\n padding-top: 5px;\n padding-bottom: 5px;\n}\n\n.padder-v-sm {\n padding-top: 10px;\n padding-bottom: 10px;\n}\n\n.padder-v {\n padding-top: 15px;\n padding-bottom: 15px;\n}\n\n.padder-v-md {\n padding-top: 20px;\n padding-bottom: 20px;\n}\n\n.padder-v-lg {\n padding-top: 30px;\n padding-bottom: 30px;\n}\n\n.no-padder {\n padding: 0 !important;\n}\n\n.pull-in {\n margin-left: -15px;\n margin-right: -15px;\n}\n\n.pull-in-md {\n margin-left: -20px;\n margin-right: -20px;\n}\n\n.pull-in-sm {\n margin-left: -10px;\n margin-right: -10px;\n}\n\n.pull-out {\n margin: -10px -15px;\n}\n\n.b {\n border: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.b-a {\n border: 1px solid var(--borderColor);\n}\n\n.b-t {\n border-top: 1px solid var(--borderColor);\n}\n\n.b-t-none {\n border-top-width: 0;\n}\n\n.b-r {\n border-right: 1px solid var(--borderColor);\n}\n\n.b-r-none {\n border-right-width: 0;\n}\n\n.b-b {\n border-bottom: 1px solid var(--borderColor);\n}\n\n.b-b-none {\n border-bottom-width: 0;\n}\n\n.b-l {\n border-left: 1px solid var(--borderColor);\n}\n\n.b-l-none {\n border-left-width: 0;\n}\n\n.b-light {\n border-color: var(--light);\n}\n\n.b-dark {\n border-color: var(--dark);\n}\n\n.b-black {\n border-color: var(--dark);\n}\n\n.b-primary {\n border-color: var(--primary);\n}\n\n.b-success {\n border-color: var(--success);\n}\n\n.b-info {\n border-color: var(--info);\n}\n\n.b-warning {\n border-color: var(--warning);\n}\n\n.b-danger {\n border-color: var(--danger);\n}\n\n.b-white {\n border-color: #fff;\n}\n\n.b-dashed {\n border-style: dashed !important;\n}\n\n.b-l-light {\n border-left-color: var(--light);\n}\n\n.b-l-dark {\n border-left-color: var(--dark);\n}\n\n.b-l-black {\n border-left-color: var(--dark);\n}\n\n.b-l-primary {\n border-left-color: var(--primary);\n}\n\n.b-l-success {\n border-left-color: var(--success);\n}\n\n.b-l-info {\n border-left-color: var(--info);\n}\n\n.b-l-warning {\n border-left-color: var(--warning);\n}\n\n.b-l-danger {\n border-left-color: var(--danger);\n}\n\n.b-l-white {\n border-left-color: #fff;\n}\n\n.b-l-2x {\n border-left-width: 2px;\n}\n\n.b-l-3x {\n border-left-width: 3px;\n}\n\n.b-l-4x {\n border-left-width: 4px;\n}\n\n.b-l-5x {\n border-left-width: 5px;\n}\n\n.b-2x {\n border-width: 2px;\n}\n\n.b-3x {\n border-width: 3px;\n}\n\n.b-4x {\n border-width: 4px;\n}\n\n.b-5x {\n border-width: 5px;\n}\n\n.r {\n border-radius: var(--borderRadius) var(--borderRadius) var(--borderRadius)\n var(--borderRadius);\n}\n\n.r-2x {\n border-radius: var(--borderRadiusMd);\n}\n\n.r-3x {\n border-radius: var(--borderRadiusLg);\n}\n\n.r-l {\n border-radius: var(--borderRadius) 0 0 var(--borderRadius);\n}\n\n.r-r {\n border-radius: 0 var(--borderRadius) var(--borderRadius) 0;\n}\n\n.r-t {\n border-radius: var(--borderRadius) var(--borderRadius) 0 0;\n}\n\n.r-b {\n border-radius: 0 0 var(--borderRadius) var(--borderRadius);\n}\n\n.m-xxs {\n margin: 2px 4px;\n}\n\n.m-xs {\n margin: 5px;\n}\n\n.m-sm {\n margin: 10px;\n}\n\n.m {\n margin: 15px;\n}\n\n.m-md {\n margin: 20px;\n}\n\n.m-lg {\n margin: 30px;\n}\n\n.m-xl {\n margin: 50px;\n}\n\n.m-n,\n.m-none {\n margin: 0 !important;\n}\n\n.m-l-none {\n margin-left: 0 !important;\n}\n\n.m-l-xs {\n margin-left: 5px;\n}\n\n.m-l-sm {\n margin-left: 10px;\n}\n\n.m-l {\n margin-left: 15px;\n}\n\n.m-l-md {\n margin-left: 20px;\n}\n\n.m-l-lg {\n margin-left: 30px;\n}\n\n.m-l-xl {\n margin-left: 40px;\n}\n\n.m-l-xxl {\n margin-left: 50px;\n}\n\n.m-l-n-xxs {\n margin-left: -1px;\n}\n\n.m-l-n-xs {\n margin-left: -5px;\n}\n\n.m-l-n-sm {\n margin-left: -10px;\n}\n\n.m-l-n {\n margin-left: -15px;\n}\n\n.m-l-n-md {\n margin-left: -20px;\n}\n\n.m-l-n-lg {\n margin-left: -30px;\n}\n\n.m-l-n-xl {\n margin-left: -40px;\n}\n\n.m-l-n-xxl {\n margin-left: -50px;\n}\n\n.m-t-none {\n margin-top: 0 !important;\n}\n\n.m-t-xxs {\n margin-top: 1px;\n}\n\n.m-t-xs {\n margin-top: 5px;\n}\n\n.m-t-sm {\n margin-top: 10px;\n}\n\n.m-t {\n margin-top: 15px;\n}\n\n.m-t-md {\n margin-top: 20px;\n}\n\n.m-t-lg {\n margin-top: 30px;\n}\n\n.m-t-xl {\n margin-top: 40px;\n}\n\n.m-t-xxl {\n margin-top: 50px;\n}\n\n.m-t-n-xxs {\n margin-top: -1px;\n}\n\n.m-t-n-xs {\n margin-top: -5px;\n}\n\n.m-t-n-sm {\n margin-top: -10px;\n}\n\n.m-t-n {\n margin-top: -15px;\n}\n\n.m-t-n-md {\n margin-top: -20px;\n}\n\n.m-t-n-lg {\n margin-top: -30px;\n}\n\n.m-t-n-xl {\n margin-top: -40px;\n}\n\n.m-t-n-xxl {\n margin-top: -50px;\n}\n\n.m-r-none {\n margin-right: 0 !important;\n}\n\n.m-r-xxs {\n margin-right: 1px;\n}\n\n.m-r-xs {\n margin-right: 5px;\n}\n\n.m-r-sm {\n margin-right: 10px;\n}\n\n.m-r {\n margin-right: 15px;\n}\n\n.m-r-md {\n margin-right: 20px;\n}\n\n.m-r-lg {\n margin-right: 30px;\n}\n\n.m-r-xl {\n margin-right: 40px;\n}\n\n.m-r-xxl {\n margin-right: 50px;\n}\n\n.m-r-n-xxs {\n margin-right: -1px;\n}\n\n.m-r-n-xs {\n margin-right: -5px;\n}\n\n.m-r-n-sm {\n margin-right: -10px;\n}\n\n.m-r-n {\n margin-right: -15px;\n}\n\n.m-r-n-md {\n margin-right: -20px;\n}\n\n.m-r-n-lg {\n margin-right: -30px;\n}\n\n.m-r-n-xl {\n margin-right: -40px;\n}\n\n.m-r-n-xxl {\n margin-right: -50px;\n}\n\n.m-b-none {\n margin-bottom: 0 !important;\n}\n\n.m-b-xxs {\n margin-bottom: 1px;\n}\n\n.m-b-xs {\n margin-bottom: 5px;\n}\n\n.m-b-sm {\n margin-bottom: 10px;\n}\n\n.m-b {\n margin-bottom: 15px;\n}\n\n.m-b-md {\n margin-bottom: 20px;\n}\n\n.m-b-lg {\n margin-bottom: 30px;\n}\n\n.m-b-xl {\n margin-bottom: 40px;\n}\n\n.m-b-xxl {\n margin-bottom: 50px;\n}\n\n.m-b-n-xxs {\n margin-bottom: -1px;\n}\n\n.m-b-n-xs {\n margin-bottom: -5px;\n}\n\n.m-b-n-sm {\n margin-bottom: -10px;\n}\n\n.m-b-n {\n margin-bottom: -15px;\n}\n\n.m-b-n-md {\n margin-bottom: -20px;\n}\n\n.m-b-n-lg {\n margin-bottom: -30px;\n}\n\n.m-b-n-xl {\n margin-bottom: -40px;\n}\n\n.m-b-n-xxl {\n margin-bottom: -50px;\n}\n\n.p-xxs {\n padding: 2px 4px;\n}\n\n.p-xs {\n padding: 5px;\n}\n\n.p-sm {\n padding: 10px;\n}\n\n.p {\n padding: 15px;\n}\n\n.p-md {\n padding: 20px;\n}\n\n.p-lg {\n padding: 30px;\n}\n\n.p-xl {\n padding: 50px;\n}\n\n.p-n,\n.p-none {\n padding: 0 !important;\n}\n\n.p-l-none {\n padding-left: 0 !important;\n}\n\n.p-l-xs {\n padding-left: 5px;\n}\n\n.p-l-sm {\n padding-left: 10px;\n}\n\n.p-l {\n padding-left: 15px;\n}\n\n.p-l-md {\n padding-left: 20px;\n}\n\n.p-l-lg {\n padding-left: 30px;\n}\n\n.p-l-xl {\n padding-left: 40px;\n}\n\n.p-l-xxl {\n padding-left: 50px;\n}\n\n.p-t-none {\n padding-top: 0 !important;\n}\n\n.p-t-xxs {\n padding-top: 1px;\n}\n\n.p-t-xs {\n padding-top: 5px;\n}\n\n.p-t-sm {\n padding-top: 10px;\n}\n\n.p-t {\n padding-top: 15px;\n}\n\n.p-t-md {\n padding-top: 20px;\n}\n\n.p-t-lg {\n padding-top: 30px;\n}\n\n.p-t-xl {\n padding-top: 40px;\n}\n\n.p-t-xxl {\n padding-top: 50px;\n}\n\n.p-t-n-xxs {\n padding-top: -1px;\n}\n\n.p-r-none {\n padding-right: 0 !important;\n}\n\n.p-r-xxs {\n padding-right: 1px;\n}\n\n.p-r-xs {\n padding-right: 5px;\n}\n\n.p-r-sm {\n padding-right: 10px;\n}\n\n.p-r {\n padding-right: 15px;\n}\n\n.p-r-md {\n padding-right: 20px;\n}\n\n.p-r-lg {\n padding-right: 30px;\n}\n\n.p-r-xl {\n padding-right: 40px;\n}\n\n.p-r-xxl {\n padding-right: 50px;\n}\n\n.p-b-none {\n padding-bottom: 0 !important;\n}\n\n.p-b-xxs {\n padding-bottom: 1px;\n}\n\n.p-b-xs {\n padding-bottom: 5px;\n}\n\n.p-b-sm {\n padding-bottom: 10px;\n}\n\n.p-b {\n padding-bottom: 15px;\n}\n\n.p-b-md {\n padding-bottom: 20px;\n}\n\n.p-b-lg {\n padding-bottom: 30px;\n}\n\n.p-b-xl {\n padding-bottom: 40px;\n}\n\n.p-b-xxl {\n padding-bottom: 50px;\n}\n\n.avatar {\n position: relative;\n display: block;\n border-radius: 500px;\n white-space: nowrap;\n\n & img {\n border-radius: 500px;\n width: 100%;\n }\n\n & i {\n position: absolute;\n left: 0;\n top: 0;\n width: 10px;\n height: 10px;\n margin: 2px;\n border-width: 2px;\n border-style: solid;\n border-radius: 100%;\n\n &.right {\n left: auto;\n right: 0;\n }\n\n &.bottom {\n left: auto;\n top: auto;\n bottom: 0;\n right: 0;\n }\n\n &.left {\n top: auto;\n bottom: 0;\n }\n\n &.on {\n background: var(--success);\n }\n\n &.off {\n background: var(--text--muted-color);\n }\n\n &.busy {\n background: var(--danger);\n }\n\n &.away {\n background: var(--warning);\n }\n }\n\n &.thumb-md i {\n width: 12px;\n height: 12px;\n margin: 3px;\n }\n\n &.thumb-sm i {\n margin: 1px;\n }\n\n &.thumb-xs i {\n margin: 0;\n }\n}\n\n.w-1x {\n width: 1em;\n}\n\n.w-2x {\n width: 2em;\n}\n\n.w-3x {\n width: 3em;\n}\n\n.w-xxs {\n width: 60px;\n}\n\n.h-xxs {\n height: 60px;\n}\n\n.w-xs {\n width: 90px;\n}\n\n.h-xs {\n height: 90px;\n}\n\n.w-ssm {\n width: 120px;\n}\n\n.w-sm {\n width: 150px;\n}\n\n.h-sm {\n height: 150px;\n}\n\n.h-ssm {\n height: 120px;\n}\n\n.w {\n width: 200px;\n}\n\n.h {\n height: 200px;\n}\n\n.w-md {\n width: 240px;\n}\n\n.h-md {\n height: 240px;\n}\n\n.w-lg {\n width: 280px;\n}\n\n.h-lg {\n height: 280px;\n}\n\n.w-xl {\n width: 320px;\n}\n\n.h-xl {\n height: 320px;\n}\n\n.w-xxl {\n width: 360px;\n}\n\n.h-xxl {\n height: 360px;\n}\n\n.w-xxxl {\n width: 420px;\n}\n\n.h-xxxl {\n height: 420px;\n}\n\n.w-full {\n width: 100%;\n}\n\n.w-auto {\n width: auto;\n}\n\n.h-auto {\n height: auto;\n}\n\n.h-full {\n height: 100%;\n}\n\n.no-grow {\n flex-grow: unset !important;\n flex-basis: unset !important;\n}\n\n.nowrap {\n white-space: nowrap;\n flex-wrap: nowrap;\n}\n\n@include media-breakpoint-up(sm) {\n .#{$ns}Form-col {\n &.w,\n &.w-xs,\n &.w-sm,\n &.w-md,\n &.w-lg {\n flex-basis: unset;\n flex-grow: unset;\n }\n }\n}\n\n.thumb-xl {\n width: 128px;\n display: inline-block;\n}\n\n.thumb-lg {\n width: 96px;\n display: inline-block;\n}\n\n.thumb-md {\n width: 64px;\n display: inline-block;\n}\n\n.thumb {\n width: 50px;\n display: inline-block;\n}\n\n.thumb-sm {\n width: 40px;\n display: inline-block;\n}\n\n.thumb-xs {\n width: 34px;\n display: inline-block;\n}\n\n.thumb-xxs {\n width: 30px;\n display: inline-block;\n}\n\n.thumb-wrapper {\n padding: 2px;\n border: 1px solid var(--borderColor);\n}\n\n.thumb,\n.thumb-xxs,\n.thumb-xs,\n.thumb-sm,\n.thumb-md,\n.thumb-lg,\n.thumb-btn,\n.thumb-xl {\n & img {\n height: auto;\n max-width: 100%;\n vertical-align: middle;\n }\n}\n\n.img-full {\n width: 100%;\n\n & img {\n width: 100%;\n }\n}\n\n.v-top {\n vertical-align: top !important;\n align-self: flex-start;\n}\n\n.v-middle {\n vertical-align: middle !important;\n align-self: center;\n}\n\n.v-bottom {\n vertical-align: bottom !important;\n align-self: flex-end;\n}\n\n.scrollable {\n overflow-x: hidden;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n\n &.hover {\n &,\n & > .cell-inner {\n overflow-y: hidden !important;\n }\n\n &:hover,\n &:focus,\n &:active {\n overflow: visible;\n overflow-y: auto;\n\n & > .cell-inner {\n overflow-y: auto !important;\n }\n }\n }\n\n .smart & {\n &,\n & > .cell-inner {\n overflow-y: auto !important;\n }\n }\n}\n\n.scroll-x,\n.scroll-y {\n overflow: hidden;\n -webkit-overflow-scrolling: touch;\n}\n\n.scroll-y {\n overflow-y: auto;\n}\n\n.scroll-x {\n overflow-x: auto;\n}\n\n.hover-action {\n display: none;\n}\n\n.hover-rotate {\n transition: all var(--animation-duration) ease-in-out\n var(--animation-duration);\n}\n\n.hover-anchor:hover,\n.hover-anchor:focus,\n.hover-anchor:active {\n & > .hover-action {\n display: inherit;\n }\n\n & > .hover-rotate {\n transform: rotate(90deg);\n }\n}\n\n.backdrop {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1050;\n\n &.fade {\n opacity: 0;\n }\n\n &.in {\n opacity: 0.8;\n }\n}\n\n.col-xs-2-4,\n.col-sm-2-4,\n.col-md-2-4,\n.col-lg-2-4,\n.col-xs-1-5,\n.col-sm-1-5,\n.col-md-1-5,\n.col-lg-1-5 {\n position: relative;\n min-height: 1px;\n padding-right: 15px;\n padding-left: 15px;\n}\n\n// 5/12 = 2.4\n.col-xs-2-4 {\n width: 20%;\n float: left;\n}\n\n// 8 / 12 = 1.5\n.col-xs-1-5 {\n width: 12.5%;\n float: left;\n}\n\n.invisible {\n position: absolute !important;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n}\n\n.invisible2 {\n visibility: hidden;\n}\n\n.hbox {\n display: table;\n table-layout: fixed;\n border-spacing: 0;\n width: 100%;\n height: 100%;\n\n & > .col {\n display: table-cell;\n vertical-align: top;\n height: 100%;\n float: none;\n }\n}\n\n.vbox {\n display: table;\n border-spacing: 0;\n position: relative;\n width: 100%;\n height: 100%;\n min-height: 240px;\n\n & .row-row {\n display: table-row;\n height: 100%;\n\n & .cell {\n position: relative;\n height: 100%;\n width: 100%;\n\n .ie & {\n display: table-cell;\n overflow: auto;\n\n & .cell-inner {\n overflow: visible !important;\n }\n }\n\n & .cell-inner {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n -webkit-overflow-scrolling: touch;\n overflow: auto;\n }\n }\n }\n}\n\n.word-break {\n white-space: normal;\n word-break: break-all;\n word-wrap: break-word;\n}\n\n.white-space-pre {\n white-space: pre;\n}\n\n//\n// Labels\n// --------------------------------------------------\n\n.label {\n display: inline;\n padding: 0.2em 0.6em 0.3em;\n font-size: 75%;\n font-weight: 700;\n line-height: 1;\n color: var(--label-color);\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n border-radius: 0.25em;\n\n // Empty labels collapse automatically (not available in IE8)\n &:empty {\n display: none;\n }\n\n // Quick fix for labels in buttons\n .btn & {\n position: relative;\n top: -1px;\n }\n}\na.label {\n &:hover,\n &:focus {\n color: var(--label-link--hover-color);\n text-decoration: none;\n cursor: pointer;\n }\n}\n\n// Colors\n// Contextual variations (linked labels get darker on :hover)\n\n.label-default {\n @include label-variant(var(--label--default-bg));\n}\n\n.label-primary {\n @include label-variant(var(--label--primary-bg));\n}\n\n.label-success {\n @include label-variant(var(--label--success-bg));\n}\n\n.label-info {\n @include label-variant(var(--label--info-bg));\n}\n\n.label-warning {\n @include label-variant(var(--label--warning-bg));\n}\n\n.label-danger {\n @include label-variant(var(--label--danger-bg));\n}\n\n@keyframes apearSensor {\n from {\n opacity: 0;\n }\n}\n\n@media (min-width: 768px) {\n .col-sm-2-4 {\n width: 20%;\n float: left;\n }\n\n .col-sm-1-5 {\n width: 12.5%;\n float: left;\n }\n}\n\n@media (min-width: 992px) {\n .col-md-2-4 {\n width: 20%;\n float: left;\n }\n\n .col-md-1-5 {\n width: 12.5%;\n float: left;\n }\n}\n\n@media (min-width: 1200px) {\n .col-lg-2-4 {\n width: 20%;\n float: left;\n }\n\n .col-lg-1-5 {\n width: 12.5%;\n float: left;\n }\n}\n\n// sm\n@media (min-width: 768px) and (max-width: 991px) {\n .hidden-sm.show {\n display: inherit !important;\n }\n\n .no-m-sm {\n margin: 0 !important;\n }\n\n .no-padder-sm {\n padding: 0 !important;\n }\n}\n\n.visible-xs {\n display: none;\n}\n\n/*phone*/\n@media (max-width: 767px) {\n .visible-xs {\n display: block !important;\n }\n\n .hidden-xs {\n display: none !important;\n }\n\n .w-auto-xs {\n width: auto;\n }\n\n .shift {\n display: none !important;\n }\n\n .shift.in {\n display: block !important;\n }\n\n .row-2 [class*='col'] {\n width: 50%;\n float: left;\n }\n\n .row-2 .col-0 {\n clear: none;\n }\n\n .row-2 li:nth-child(odd) {\n clear: left;\n margin-left: 0;\n }\n\n .text-center-xs {\n text-align: center;\n }\n\n .text-left-xs {\n text-align: left;\n }\n\n .text-right-xs {\n text-align: right;\n }\n\n .no-border-xs {\n border-width: 0;\n }\n\n .pull-none-xs {\n float: none !important;\n }\n\n .pull-right-xs {\n float: right !important;\n }\n\n .pull-left-xs {\n float: left !important;\n }\n\n .dropdown-menu.pull-none-xs {\n left: 0;\n }\n\n .hidden-xs.show {\n display: inherit !important;\n }\n\n .wrapper-lg,\n .wrapper-md {\n padding: 15px;\n }\n\n .padder-lg,\n .padder-md {\n padding-left: 15px;\n padding-right: 15px;\n }\n\n .no-m-xs {\n margin: 0 !important;\n }\n\n .no-padder-xs {\n padding: 0 !important;\n }\n}\n"]}
|