Flowfile 0.5.1__py3-none-any.whl → 0.5.4__py3-none-any.whl
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.
- build_backends/main.py +25 -22
- build_backends/main_prd.py +10 -19
- flowfile/__init__.py +194 -74
- flowfile/__main__.py +10 -7
- flowfile/api.py +51 -57
- flowfile/web/__init__.py +14 -9
- flowfile/web/static/assets/AdminView-f53bad23.css +129 -0
- flowfile/web/static/assets/AdminView-f9847d67.js +713 -0
- flowfile/web/static/assets/CloudConnectionView-cf85f943.css +72 -0
- flowfile/web/static/assets/{CloudConnectionManager-0dfba9f2.js → CloudConnectionView-faace55b.js} +11 -11
- flowfile/web/static/assets/{CloudStorageReader-29d14fcc.css → CloudStorageReader-24c54524.css} +27 -27
- flowfile/web/static/assets/{CloudStorageReader-d5b1b6c9.js → CloudStorageReader-d86ecaa7.js} +10 -8
- flowfile/web/static/assets/{CloudStorageWriter-00d87aad.js → CloudStorageWriter-0f4d9a44.js} +10 -8
- flowfile/web/static/assets/{CloudStorageWriter-b0ee067f.css → CloudStorageWriter-60547855.css} +26 -26
- flowfile/web/static/assets/ColumnActionInput-c44b7aee.css +159 -0
- flowfile/web/static/assets/ColumnActionInput-f4189ae0.js +330 -0
- flowfile/web/static/assets/{ColumnSelector-47996a16.css → ColumnSelector-371637fb.css} +2 -2
- flowfile/web/static/assets/{ColumnSelector-4685e75d.js → ColumnSelector-e66b33da.js} +3 -5
- flowfile/web/static/assets/ContextMenu-49463352.js +9 -0
- flowfile/web/static/assets/ContextMenu-dd5f3f25.js +9 -0
- flowfile/web/static/assets/ContextMenu-f709b884.js +9 -0
- flowfile/web/static/assets/ContextMenu.vue_vue_type_script_setup_true_lang-a1bd6314.js +59 -0
- flowfile/web/static/assets/{CrossJoin-702a3edd.js → CrossJoin-24694b8f.js} +12 -10
- flowfile/web/static/assets/{CrossJoin-1119d18e.css → CrossJoin-71b4cc10.css} +20 -20
- flowfile/web/static/assets/{CustomNode-b1519993.js → CustomNode-569d45ff.js} +43 -24
- flowfile/web/static/assets/CustomNode-edb9b939.css +42 -0
- flowfile/web/static/assets/{DatabaseConnectionSettings-0c04b2e5.css → DatabaseConnectionSettings-c20a1e16.css} +23 -21
- flowfile/web/static/assets/{DatabaseConnectionSettings-6f3e4ea5.js → DatabaseConnectionSettings-cfc08938.js} +5 -4
- flowfile/web/static/assets/{DatabaseReader-ae61773c.css → DatabaseReader-5bf8c75b.css} +41 -46
- flowfile/web/static/assets/{DatabaseReader-d38c7295.js → DatabaseReader-701feabb.js} +25 -15
- flowfile/web/static/assets/{DatabaseManager-cf5ef661.js → DatabaseView-0482e5b5.js} +11 -11
- flowfile/web/static/assets/DatabaseView-6655afd6.css +57 -0
- flowfile/web/static/assets/{DatabaseWriter-b04ef46a.js → DatabaseWriter-16721989.js} +17 -10
- flowfile/web/static/assets/{DatabaseWriter-2f570e53.css → DatabaseWriter-bdcf2c8b.css} +29 -27
- flowfile/web/static/assets/{designer-8da3ba3a.css → DesignerView-49abb835.css} +783 -663
- flowfile/web/static/assets/{designer-9633482a.js → DesignerView-f64749fb.js} +1292 -3253
- flowfile/web/static/assets/{documentation-ca400224.js → DocumentationView-61bd2990.js} +5 -5
- flowfile/web/static/assets/{documentation-12216a74.css → DocumentationView-9ea6e871.css} +9 -9
- flowfile/web/static/assets/{ExploreData-2d0cf4db.css → ExploreData-10c5acc8.css} +13 -12
- flowfile/web/static/assets/{ExploreData-5fa10ed8.js → ExploreData-e2735b13.js} +18 -9
- flowfile/web/static/assets/{ExternalSource-d39af878.js → ExternalSource-2535c3b2.js} +9 -7
- flowfile/web/static/assets/{ExternalSource-e37b6275.css → ExternalSource-7ac7373f.css} +20 -20
- flowfile/web/static/assets/Filter-2cdbc93c.js +287 -0
- flowfile/web/static/assets/Filter-7494ea97.css +48 -0
- flowfile/web/static/assets/{Formula-bb96803d.css → Formula-53d58c43.css} +7 -7
- flowfile/web/static/assets/{Formula-6b04fb1d.js → Formula-fcda3c2c.js} +13 -11
- flowfile/web/static/assets/{FuzzyMatch-1010f966.css → FuzzyMatch-ad6361d6.css} +68 -69
- flowfile/web/static/assets/{FuzzyMatch-999521f4.js → FuzzyMatch-f8d3b7d3.js} +12 -10
- flowfile/web/static/assets/{Pivot-cf333e3d.css → GraphSolver-4b4d7db9.css} +5 -5
- flowfile/web/static/assets/{GraphSolver-17dd2198.js → GraphSolver-72eaa695.js} +14 -12
- flowfile/web/static/assets/GroupBy-5792782d.css +9 -0
- flowfile/web/static/assets/{GroupBy-6b039e18.js → GroupBy-8aa0598b.js} +9 -7
- flowfile/web/static/assets/{Join-fd79b451.css → Join-28b5e18f.css} +22 -22
- flowfile/web/static/assets/{Join-24d0f113.js → Join-e40f0ffa.js} +13 -11
- flowfile/web/static/assets/LoginView-5111c9ae.js +134 -0
- flowfile/web/static/assets/LoginView-d325d632.css +172 -0
- flowfile/web/static/assets/ManualInput-3702e677.css +293 -0
- flowfile/web/static/assets/{ManualInput-34639209.js → ManualInput-9b6f3224.js} +170 -116
- flowfile/web/static/assets/{MultiSelect-0e8724a3.js → MultiSelect-ef28e19e.js} +2 -2
- flowfile/web/static/assets/{MultiSelect.vue_vue_type_script_setup_true_lang-b0e538c2.js → MultiSelect.vue_vue_type_script_setup_true_lang-83b3bbfd.js} +1 -1
- flowfile/web/static/assets/NodeDesigner-94cd4dd3.css +1429 -0
- flowfile/web/static/assets/NodeDesigner-d2b7ee2b.js +2712 -0
- flowfile/web/static/assets/{NumericInput-3d63a470.js → NumericInput-1d789794.js} +2 -2
- flowfile/web/static/assets/{NumericInput.vue_vue_type_script_setup_true_lang-e0edeccc.js → NumericInput.vue_vue_type_script_setup_true_lang-7775f83e.js} +5 -2
- flowfile/web/static/assets/Output-692dd25d.css +37 -0
- flowfile/web/static/assets/{Output-edea9802.js → Output-cefef801.js} +14 -10
- flowfile/web/static/assets/{GraphSolver-f0cb7bfb.css → Pivot-0eda81b4.css} +5 -5
- flowfile/web/static/assets/{Pivot-61d19301.js → Pivot-bab1b75b.js} +12 -10
- flowfile/web/static/assets/PivotValidation-0e905b1a.css +13 -0
- flowfile/web/static/assets/PivotValidation-41b57ad6.css +13 -0
- flowfile/web/static/assets/{PivotValidation-f97fec5b.js → PivotValidation-e7941f91.js} +3 -3
- flowfile/web/static/assets/{PivotValidation-de9f43fe.js → PivotValidation-fba09336.js} +3 -3
- flowfile/web/static/assets/{PolarsCode-650322d1.css → PolarsCode-2b1f1f23.css} +4 -4
- flowfile/web/static/assets/{PolarsCode-bc3c9984.js → PolarsCode-740e40fa.js} +18 -9
- flowfile/web/static/assets/PopOver-862d7e28.js +939 -0
- flowfile/web/static/assets/PopOver-d96599db.css +33 -0
- flowfile/web/static/assets/{Read-64a3f259.js → Read-225cc63f.js} +16 -12
- flowfile/web/static/assets/{Read-e808b239.css → Read-90f366bc.css} +15 -15
- flowfile/web/static/assets/{RecordCount-3d5039be.js → RecordCount-ffc71eca.js} +6 -4
- flowfile/web/static/assets/{RecordId-597510e0.js → RecordId-a70bb8df.js} +9 -7
- flowfile/web/static/assets/{SQLQueryComponent-df51adbe.js → SQLQueryComponent-15a421f5.js} +3 -3
- flowfile/web/static/assets/SQLQueryComponent-edb90b98.css +29 -0
- flowfile/web/static/assets/{Sample-4be0a507.js → Sample-6c26afc7.js} +6 -4
- flowfile/web/static/assets/SecretSelector-6329f743.css +43 -0
- flowfile/web/static/assets/SecretSelector-ceed9496.js +113 -0
- flowfile/web/static/assets/{SecretManager-4839be57.js → SecretsView-214d255a.js} +35 -36
- flowfile/web/static/assets/SecretsView-aa291340.css +38 -0
- flowfile/web/static/assets/{Select-9b72f201.js → Select-8fc29999.js} +9 -7
- flowfile/web/static/assets/{SettingsSection-71e6b7e3.css → SettingsSection-07fbbc39.css} +4 -4
- flowfile/web/static/assets/{SettingsSection-5c696bee.css → SettingsSection-26fe48d4.css} +4 -4
- flowfile/web/static/assets/{SettingsSection-7ded385d.js → SettingsSection-3f70e4c3.js} +3 -3
- flowfile/web/static/assets/{SettingsSection-f0f75a42.js → SettingsSection-83090218.js} +3 -3
- flowfile/web/static/assets/{SettingsSection-2e4d03c4.css → SettingsSection-8f980839.css} +4 -4
- flowfile/web/static/assets/{SettingsSection-e1e9c953.js → SettingsSection-9f0d1725.js} +3 -3
- flowfile/web/static/assets/SetupView-3fa0aa03.js +160 -0
- flowfile/web/static/assets/SetupView-e2da3442.css +230 -0
- flowfile/web/static/assets/{SingleSelect-6c777aac.js → SingleSelect-a4a568cb.js} +2 -2
- flowfile/web/static/assets/{SingleSelect.vue_vue_type_script_setup_true_lang-33e3ff9b.js → SingleSelect.vue_vue_type_script_setup_true_lang-c8ebdd33.js} +1 -1
- flowfile/web/static/assets/{SliderInput-7cb93e62.js → SliderInput-be533e71.js} +7 -4
- flowfile/web/static/assets/SliderInput-f2e4f23c.css +4 -0
- flowfile/web/static/assets/{Sort-6cbde21a.js → Sort-154dad81.js} +9 -7
- flowfile/web/static/assets/Sort-4abb7fae.css +9 -0
- flowfile/web/static/assets/{TextInput-d9a40c11.js → TextInput-454e2bda.js} +2 -2
- flowfile/web/static/assets/{TextInput.vue_vue_type_script_setup_true_lang-5896c375.js → TextInput.vue_vue_type_script_setup_true_lang-e86510d0.js} +5 -2
- flowfile/web/static/assets/{TextToRows-5d2c1190.css → TextToRows-12afb4f4.css} +10 -10
- flowfile/web/static/assets/{TextToRows-c4fcbf4d.js → TextToRows-ea73433d.js} +11 -10
- flowfile/web/static/assets/{ToggleSwitch-4ef91d19.js → ToggleSwitch-9d7b30f1.js} +2 -2
- flowfile/web/static/assets/{ToggleSwitch.vue_vue_type_script_setup_true_lang-38478c20.js → ToggleSwitch.vue_vue_type_script_setup_true_lang-00f2580e.js} +1 -1
- flowfile/web/static/assets/{UnavailableFields-5edd5322.css → UnavailableFields-394a1f78.css} +14 -14
- flowfile/web/static/assets/{UnavailableFields-a03f512c.js → UnavailableFields-b72a2c72.js} +4 -4
- flowfile/web/static/assets/{Union-bfe9b996.js → Union-1e44f263.js} +8 -6
- flowfile/web/static/assets/{Union-af6c3d9b.css → Union-d6a8d7d5.css} +7 -7
- flowfile/web/static/assets/Unique-2b705521.css +3 -0
- flowfile/web/static/assets/{Unique-5d023a27.js → Unique-a3bc6d0a.js} +13 -10
- flowfile/web/static/assets/{Unpivot-1e422df3.css → Unpivot-b6ad6427.css} +7 -7
- flowfile/web/static/assets/{Unpivot-91cc5354.js → Unpivot-e27935fc.js} +11 -9
- flowfile/web/static/assets/{UnpivotValidation-7ee2de44.js → UnpivotValidation-72497680.js} +3 -3
- flowfile/web/static/assets/UnpivotValidation-d5ca3b7b.css +13 -0
- flowfile/web/static/assets/{VueGraphicWalker-ed5ab88b.css → VueGraphicWalker-430f0b86.css} +1 -1
- flowfile/web/static/assets/{VueGraphicWalker-e51b9924.js → VueGraphicWalker-d9ab70a3.js} +4 -4
- flowfile/web/static/assets/{api-cf1221f0.js → api-a2102880.js} +1 -1
- flowfile/web/static/assets/{api-c1bad5ca.js → api-f75042b0.js} +1 -1
- flowfile/web/static/assets/{dropDown-35135ba8.css → dropDown-1d6acbd9.css} +41 -41
- flowfile/web/static/assets/{dropDown-614b998d.js → dropDown-2798a109.js} +3 -3
- flowfile/web/static/assets/{fullEditor-f7971590.js → fullEditor-cf7d7d93.js} +11 -10
- flowfile/web/static/assets/{fullEditor-178376bb.css → fullEditor-fe9f7e18.css} +77 -65
- flowfile/web/static/assets/{genericNodeSettings-4fe5f36b.js → genericNodeSettings-14eac1c3.js} +5 -5
- flowfile/web/static/assets/{genericNodeSettings-924759c7.css → genericNodeSettings-3b2507ea.css} +10 -10
- flowfile/web/static/assets/{index-5429bbf8.js → index-387a6f18.js} +41806 -40958
- flowfile/web/static/assets/index-6b367bb5.js +38 -0
- flowfile/web/static/assets/{index-50508d4d.css → index-e96ab018.css} +2184 -569
- flowfile/web/static/assets/index-f0a6e5a5.js +2696 -0
- flowfile/web/static/assets/node.types-2c15bb7e.js +82 -0
- flowfile/web/static/assets/nodeInput-ed2ae8d7.js +2 -0
- flowfile/web/static/assets/{outputCsv-076b85ab.js → outputCsv-3c1757e8.js} +3 -3
- flowfile/web/static/assets/outputCsv-b9a072af.css +2499 -0
- flowfile/web/static/assets/{outputExcel-0fd17dbe.js → outputExcel-686e1f48.js} +3 -3
- flowfile/web/static/assets/{outputExcel-b41305c0.css → outputExcel-f5d272b2.css} +26 -26
- flowfile/web/static/assets/outputParquet-54597c3c.css +4 -0
- flowfile/web/static/assets/{outputParquet-b61e0847.js → outputParquet-df28faa7.js} +4 -4
- flowfile/web/static/assets/{readCsv-c767cb37.css → readCsv-3bfac4c3.css} +15 -15
- flowfile/web/static/assets/{readCsv-a8bb8b61.js → readCsv-e37eee21.js} +3 -3
- flowfile/web/static/assets/{readExcel-806d2826.css → readExcel-3db6b763.css} +13 -13
- flowfile/web/static/assets/{readExcel-67b4aee0.js → readExcel-a13f14bb.js} +5 -5
- flowfile/web/static/assets/{readParquet-92ce1dbc.js → readParquet-344cf746.js} +3 -3
- flowfile/web/static/assets/{readParquet-48c81530.css → readParquet-c5244ad5.css} +4 -4
- flowfile/web/static/assets/secrets.api-ae198c5c.js +65 -0
- flowfile/web/static/assets/{selectDynamic-92e25ee3.js → selectDynamic-6b4b0767.js} +5 -5
- flowfile/web/static/assets/{selectDynamic-aa913ff4.css → selectDynamic-f2fb394f.css} +21 -20
- flowfile/web/static/assets/{vue-codemirror.esm-41b0e0d7.js → vue-codemirror.esm-31ba0e0b.js} +31 -640
- flowfile/web/static/assets/{vue-content-loader.es-2c8e608f.js → vue-content-loader.es-4469c8ff.js} +1 -1
- flowfile/web/static/index.html +2 -2
- {flowfile-0.5.1.dist-info → flowfile-0.5.4.dist-info}/METADATA +3 -4
- flowfile-0.5.4.dist-info/RECORD +407 -0
- flowfile_core/__init__.py +13 -6
- flowfile_core/auth/jwt.py +51 -16
- flowfile_core/auth/models.py +32 -7
- flowfile_core/auth/password.py +89 -0
- flowfile_core/auth/secrets.py +64 -19
- flowfile_core/configs/__init__.py +9 -7
- flowfile_core/configs/flow_logger.py +15 -14
- flowfile_core/configs/node_store/__init__.py +72 -4
- flowfile_core/configs/node_store/nodes.py +155 -172
- flowfile_core/configs/node_store/user_defined_node_registry.py +108 -27
- flowfile_core/configs/settings.py +28 -15
- flowfile_core/database/connection.py +7 -6
- flowfile_core/database/init_db.py +96 -2
- flowfile_core/database/models.py +3 -1
- flowfile_core/fileExplorer/__init__.py +17 -0
- flowfile_core/fileExplorer/funcs.py +145 -57
- flowfile_core/fileExplorer/utils.py +10 -11
- flowfile_core/flowfile/_extensions/real_time_interface.py +10 -8
- flowfile_core/flowfile/analytics/analytics_processor.py +26 -24
- flowfile_core/flowfile/analytics/graphic_walker.py +11 -12
- flowfile_core/flowfile/analytics/utils.py +1 -1
- flowfile_core/flowfile/code_generator/__init__.py +11 -0
- flowfile_core/flowfile/code_generator/code_generator.py +706 -247
- flowfile_core/flowfile/connection_manager/_connection_manager.py +6 -5
- flowfile_core/flowfile/connection_manager/models.py +1 -1
- flowfile_core/flowfile/database_connection_manager/db_connections.py +60 -44
- flowfile_core/flowfile/database_connection_manager/models.py +1 -1
- flowfile_core/flowfile/extensions.py +17 -12
- flowfile_core/flowfile/flow_data_engine/cloud_storage_reader.py +34 -32
- flowfile_core/flowfile/flow_data_engine/create/funcs.py +115 -83
- flowfile_core/flowfile/flow_data_engine/flow_data_engine.py +493 -423
- flowfile_core/flowfile/flow_data_engine/flow_file_column/interface.py +2 -2
- flowfile_core/flowfile/flow_data_engine/flow_file_column/main.py +92 -52
- flowfile_core/flowfile/flow_data_engine/flow_file_column/polars_type.py +12 -11
- flowfile_core/flowfile/flow_data_engine/flow_file_column/type_registry.py +6 -6
- flowfile_core/flowfile/flow_data_engine/flow_file_column/utils.py +26 -30
- flowfile_core/flowfile/flow_data_engine/fuzzy_matching/prepare_for_fuzzy_match.py +31 -20
- flowfile_core/flowfile/flow_data_engine/join/__init__.py +1 -1
- flowfile_core/flowfile/flow_data_engine/join/utils.py +11 -9
- flowfile_core/flowfile/flow_data_engine/join/verify_integrity.py +14 -15
- flowfile_core/flowfile/flow_data_engine/pivot_table.py +5 -7
- flowfile_core/flowfile/flow_data_engine/polars_code_parser.py +95 -82
- flowfile_core/flowfile/flow_data_engine/read_excel_tables.py +66 -65
- flowfile_core/flowfile/flow_data_engine/sample_data.py +27 -21
- flowfile_core/flowfile/flow_data_engine/subprocess_operations/__init__.py +1 -1
- flowfile_core/flowfile/flow_data_engine/subprocess_operations/models.py +13 -11
- flowfile_core/flowfile/flow_data_engine/subprocess_operations/subprocess_operations.py +190 -127
- flowfile_core/flowfile/flow_data_engine/threaded_processes.py +8 -8
- flowfile_core/flowfile/flow_data_engine/utils.py +99 -67
- flowfile_core/flowfile/flow_graph.py +920 -571
- flowfile_core/flowfile/flow_graph_utils.py +31 -49
- flowfile_core/flowfile/flow_node/flow_node.py +379 -258
- flowfile_core/flowfile/flow_node/models.py +53 -41
- flowfile_core/flowfile/flow_node/schema_callback.py +14 -19
- flowfile_core/flowfile/graph_tree/graph_tree.py +41 -41
- flowfile_core/flowfile/handler.py +80 -30
- flowfile_core/flowfile/manage/compatibility_enhancements.py +209 -126
- flowfile_core/flowfile/manage/io_flowfile.py +54 -57
- flowfile_core/flowfile/node_designer/__init__.py +19 -13
- flowfile_core/flowfile/node_designer/_type_registry.py +34 -37
- flowfile_core/flowfile/node_designer/custom_node.py +162 -36
- flowfile_core/flowfile/node_designer/ui_components.py +278 -34
- flowfile_core/flowfile/schema_callbacks.py +71 -51
- flowfile_core/flowfile/setting_generator/__init__.py +0 -1
- flowfile_core/flowfile/setting_generator/setting_generator.py +6 -5
- flowfile_core/flowfile/setting_generator/settings.py +64 -53
- flowfile_core/flowfile/sources/external_sources/base_class.py +12 -10
- flowfile_core/flowfile/sources/external_sources/custom_external_sources/external_source.py +27 -17
- flowfile_core/flowfile/sources/external_sources/custom_external_sources/sample_users.py +9 -9
- flowfile_core/flowfile/sources/external_sources/factory.py +0 -1
- flowfile_core/flowfile/sources/external_sources/sql_source/models.py +45 -31
- flowfile_core/flowfile/sources/external_sources/sql_source/sql_source.py +198 -73
- flowfile_core/flowfile/sources/external_sources/sql_source/utils.py +250 -196
- flowfile_core/flowfile/util/calculate_layout.py +9 -13
- flowfile_core/flowfile/util/execution_orderer.py +25 -17
- flowfile_core/flowfile/util/node_skipper.py +4 -4
- flowfile_core/flowfile/utils.py +19 -21
- flowfile_core/main.py +26 -19
- flowfile_core/routes/auth.py +284 -11
- flowfile_core/routes/cloud_connections.py +25 -25
- flowfile_core/routes/logs.py +21 -29
- flowfile_core/routes/public.py +46 -4
- flowfile_core/routes/routes.py +70 -34
- flowfile_core/routes/secrets.py +25 -27
- flowfile_core/routes/user_defined_components.py +483 -4
- flowfile_core/run_lock.py +0 -1
- flowfile_core/schemas/__init__.py +4 -6
- flowfile_core/schemas/analysis_schemas/graphic_walker_schemas.py +55 -55
- flowfile_core/schemas/cloud_storage_schemas.py +96 -66
- flowfile_core/schemas/input_schema.py +231 -144
- flowfile_core/schemas/output_model.py +49 -34
- flowfile_core/schemas/schemas.py +116 -89
- flowfile_core/schemas/transform_schema.py +518 -263
- flowfile_core/schemas/yaml_types.py +21 -7
- flowfile_core/secret_manager/secret_manager.py +123 -18
- flowfile_core/types.py +29 -9
- flowfile_core/utils/arrow_reader.py +7 -6
- flowfile_core/utils/excel_file_manager.py +3 -3
- flowfile_core/utils/fileManager.py +7 -7
- flowfile_core/utils/fl_executor.py +8 -10
- flowfile_core/utils/utils.py +4 -4
- flowfile_core/utils/validate_setup.py +5 -4
- flowfile_frame/__init__.py +117 -51
- flowfile_frame/adapters.py +2 -9
- flowfile_frame/adding_expr.py +73 -32
- flowfile_frame/cloud_storage/frame_helpers.py +27 -23
- flowfile_frame/cloud_storage/secret_manager.py +12 -26
- flowfile_frame/config.py +2 -5
- flowfile_frame/database/__init__.py +36 -0
- flowfile_frame/database/connection_manager.py +205 -0
- flowfile_frame/database/frame_helpers.py +249 -0
- flowfile_frame/expr.py +311 -218
- flowfile_frame/expr.pyi +160 -159
- flowfile_frame/expr_name.py +23 -23
- flowfile_frame/flow_frame.py +571 -476
- flowfile_frame/flow_frame.pyi +123 -104
- flowfile_frame/flow_frame_methods.py +227 -246
- flowfile_frame/group_frame.py +50 -20
- flowfile_frame/join.py +2 -2
- flowfile_frame/lazy.py +129 -87
- flowfile_frame/lazy_methods.py +83 -30
- flowfile_frame/list_name_space.py +55 -50
- flowfile_frame/selectors.py +148 -68
- flowfile_frame/series.py +9 -7
- flowfile_frame/utils.py +19 -21
- flowfile_worker/__init__.py +12 -7
- flowfile_worker/configs.py +41 -33
- flowfile_worker/create/__init__.py +14 -9
- flowfile_worker/create/funcs.py +114 -77
- flowfile_worker/create/models.py +46 -43
- flowfile_worker/create/pl_types.py +14 -15
- flowfile_worker/create/read_excel_tables.py +34 -41
- flowfile_worker/create/utils.py +22 -19
- flowfile_worker/external_sources/s3_source/main.py +18 -51
- flowfile_worker/external_sources/s3_source/models.py +34 -27
- flowfile_worker/external_sources/sql_source/main.py +8 -5
- flowfile_worker/external_sources/sql_source/models.py +13 -9
- flowfile_worker/flow_logger.py +10 -8
- flowfile_worker/funcs.py +214 -155
- flowfile_worker/main.py +11 -17
- flowfile_worker/models.py +35 -28
- flowfile_worker/process_manager.py +2 -3
- flowfile_worker/routes.py +121 -90
- flowfile_worker/secrets.py +114 -21
- flowfile_worker/spawner.py +89 -54
- flowfile_worker/utils.py +3 -2
- shared/__init__.py +2 -7
- shared/storage_config.py +25 -13
- test_utils/postgres/commands.py +3 -2
- test_utils/postgres/fixtures.py +9 -9
- test_utils/s3/commands.py +1 -1
- test_utils/s3/data_generator.py +3 -4
- test_utils/s3/demo_data_generator.py +4 -7
- test_utils/s3/fixtures.py +7 -5
- tools/migrate/__init__.py +1 -1
- tools/migrate/__main__.py +16 -29
- tools/migrate/legacy_schemas.py +251 -190
- tools/migrate/migrate.py +193 -181
- tools/migrate/tests/conftest.py +1 -3
- tools/migrate/tests/test_migrate.py +36 -41
- tools/migrate/tests/test_migration_e2e.py +28 -29
- tools/migrate/tests/test_node_migrations.py +50 -20
- flowfile/web/static/assets/CloudConnectionManager-2dfdce2f.css +0 -86
- flowfile/web/static/assets/ContextMenu-23e909da.js +0 -41
- flowfile/web/static/assets/ContextMenu-4c74eef1.css +0 -26
- flowfile/web/static/assets/ContextMenu-63cfa99b.css +0 -26
- flowfile/web/static/assets/ContextMenu-70ae0c79.js +0 -41
- flowfile/web/static/assets/ContextMenu-c13f91d0.css +0 -26
- flowfile/web/static/assets/ContextMenu-f149cf7c.js +0 -41
- flowfile/web/static/assets/CustomNode-74a37f74.css +0 -32
- flowfile/web/static/assets/DatabaseManager-30fa27e5.css +0 -64
- flowfile/web/static/assets/Filter-9b6d08db.js +0 -164
- flowfile/web/static/assets/Filter-f62091b3.css +0 -20
- flowfile/web/static/assets/GroupBy-b9505323.css +0 -51
- flowfile/web/static/assets/ManualInput-3246a08d.css +0 -96
- flowfile/web/static/assets/Output-283fe388.css +0 -37
- flowfile/web/static/assets/PivotValidation-891ddfb0.css +0 -13
- flowfile/web/static/assets/PivotValidation-c46cd420.css +0 -13
- flowfile/web/static/assets/SQLQueryComponent-36cef432.css +0 -27
- flowfile/web/static/assets/SliderInput-b8fb6a8c.css +0 -4
- flowfile/web/static/assets/Sort-3643d625.css +0 -51
- flowfile/web/static/assets/Unique-f9fb0809.css +0 -51
- flowfile/web/static/assets/UnpivotValidation-0d240eeb.css +0 -13
- flowfile/web/static/assets/nodeInput-5d0d6b79.js +0 -41
- flowfile/web/static/assets/outputCsv-9cc59e0b.css +0 -2499
- flowfile/web/static/assets/outputParquet-cf8cf3f2.css +0 -4
- flowfile/web/static/assets/secretApi-68435402.js +0 -46
- flowfile/web/static/assets/vue-codemirror-bccfde04.css +0 -32
- flowfile-0.5.1.dist-info/RECORD +0 -388
- {flowfile-0.5.1.dist-info → flowfile-0.5.4.dist-info}/WHEEL +0 -0
- {flowfile-0.5.1.dist-info → flowfile-0.5.4.dist-info}/entry_points.txt +0 -0
- {flowfile-0.5.1.dist-info → flowfile-0.5.4.dist-info}/licenses/LICENSE +0 -0
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
-
.el-menu-vertical-demo[data-v-
|
|
2
|
+
.el-menu-vertical-demo[data-v-04b48d7c]:not(.el-menu--collapse) {
|
|
3
3
|
width: 200px;
|
|
4
4
|
}
|
|
5
|
-
.el-menu-item [class^="fa-"][data-v-
|
|
6
|
-
.el-sub-menu [class^="fa-"][data-v-
|
|
5
|
+
.el-menu-item [class^="fa-"][data-v-04b48d7c],
|
|
6
|
+
.el-sub-menu [class^="fa-"][data-v-04b48d7c] {
|
|
7
7
|
margin-right: 5px;
|
|
8
8
|
width: 24px;
|
|
9
9
|
text-align: center;
|
|
@@ -11,48 +11,154 @@
|
|
|
11
11
|
vertical-align: middle;
|
|
12
12
|
}
|
|
13
13
|
.el-menu--collapse {
|
|
14
|
-
.el-menu-item [class^="fa-"][data-v-
|
|
15
|
-
.el-sub-menu [class^="fa-"][data-v-
|
|
14
|
+
.el-menu-item [class^="fa-"][data-v-04b48d7c],
|
|
15
|
+
.el-sub-menu [class^="fa-"][data-v-04b48d7c] {
|
|
16
16
|
margin-right: 0;
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
.logo-container[data-v-
|
|
20
|
+
.logo-container[data-v-a736f53d] {
|
|
21
21
|
display: flex;
|
|
22
22
|
align-items: center;
|
|
23
23
|
}
|
|
24
|
-
.column-layout[data-v-
|
|
24
|
+
.column-layout[data-v-a736f53d] {
|
|
25
25
|
flex-direction: column;
|
|
26
26
|
align-items: flex-start; /* Adjust if you want to center align */
|
|
27
27
|
}
|
|
28
|
-
.app-name[data-v-
|
|
28
|
+
.app-name[data-v-a736f53d] {
|
|
29
29
|
font-weight: bold;
|
|
30
30
|
font-size: 1.5em; /* Adjust the size as needed */
|
|
31
31
|
font-family: "Arial", sans-serif; /* Change to your desired font-family */
|
|
32
32
|
margin-top: 10px; /* Margin for when the app name is below */
|
|
33
33
|
}
|
|
34
|
-
.app-name.right[data-v-
|
|
34
|
+
.app-name.right[data-v-a736f53d] {
|
|
35
35
|
order: 2;
|
|
36
36
|
margin-left: 10px;
|
|
37
37
|
}
|
|
38
|
-
.app-name.left[data-v-
|
|
38
|
+
.app-name.left[data-v-a736f53d] {
|
|
39
39
|
order: -1;
|
|
40
40
|
margin-right: 10px;
|
|
41
41
|
}
|
|
42
|
+
|
|
43
|
+
.theme-toggle[data-v-c436efe9] {
|
|
44
|
+
display: flex;
|
|
45
|
+
align-items: center;
|
|
46
|
+
justify-content: center;
|
|
47
|
+
width: 36px;
|
|
48
|
+
height: 36px;
|
|
49
|
+
padding: 0;
|
|
50
|
+
border: 1px solid var(--color-border-primary);
|
|
51
|
+
border-radius: var(--border-radius-md);
|
|
52
|
+
background-color: var(--color-background-primary);
|
|
53
|
+
color: var(--color-text-secondary);
|
|
54
|
+
cursor: pointer;
|
|
55
|
+
transition: all var(--transition-base) var(--transition-timing);
|
|
56
|
+
}
|
|
57
|
+
.theme-toggle[data-v-c436efe9]:hover {
|
|
58
|
+
background-color: var(--color-background-hover);
|
|
59
|
+
color: var(--color-accent);
|
|
60
|
+
border-color: var(--color-accent);
|
|
61
|
+
}
|
|
62
|
+
.theme-toggle[data-v-c436efe9]:focus {
|
|
63
|
+
outline: none;
|
|
64
|
+
box-shadow: 0 0 0 2px var(--color-accent-subtle);
|
|
65
|
+
border-color: var(--color-accent);
|
|
66
|
+
}
|
|
67
|
+
.theme-toggle i[data-v-c436efe9] {
|
|
68
|
+
font-size: var(--font-size-lg);
|
|
69
|
+
}
|
|
42
70
|
.sidebar {
|
|
43
71
|
height: 100%;
|
|
72
|
+
display: flex;
|
|
73
|
+
flex-direction: column;
|
|
74
|
+
background-color: var(--color-background-primary);
|
|
44
75
|
}
|
|
45
76
|
.sidebar-container {
|
|
46
|
-
border-top:
|
|
77
|
+
border-top: 1px solid var(--color-border-primary);
|
|
47
78
|
display: flex;
|
|
48
79
|
flex-direction: column;
|
|
80
|
+
flex: 1;
|
|
49
81
|
}
|
|
50
82
|
.center-container {
|
|
51
83
|
display: flex;
|
|
52
84
|
justify-content: center;
|
|
53
85
|
width: 100%;
|
|
54
|
-
padding:
|
|
55
|
-
}
|
|
86
|
+
padding: var(--spacing-8) 0;
|
|
87
|
+
}
|
|
88
|
+
.sidebar-footer {
|
|
89
|
+
margin-top: auto;
|
|
90
|
+
padding: var(--spacing-3);
|
|
91
|
+
border-top: 1px solid var(--color-border-primary);
|
|
92
|
+
display: flex;
|
|
93
|
+
flex-direction: column;
|
|
94
|
+
align-items: center;
|
|
95
|
+
gap: var(--spacing-2);
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
/* Uses centralized [data-tooltip] styles from _modals.css */
|
|
99
|
+
.footer-btn-wrapper {
|
|
100
|
+
position: relative;
|
|
101
|
+
}
|
|
102
|
+
.logout-button {
|
|
103
|
+
display: flex;
|
|
104
|
+
align-items: center;
|
|
105
|
+
justify-content: center;
|
|
106
|
+
width: 36px;
|
|
107
|
+
height: 36px;
|
|
108
|
+
padding: 0;
|
|
109
|
+
border: 1px solid var(--color-border-primary);
|
|
110
|
+
border-radius: var(--border-radius-md);
|
|
111
|
+
background-color: var(--color-background-primary);
|
|
112
|
+
color: var(--color-text-secondary);
|
|
113
|
+
cursor: pointer;
|
|
114
|
+
transition: all var(--transition-base) var(--transition-timing);
|
|
115
|
+
}
|
|
116
|
+
.logout-button:hover {
|
|
117
|
+
background-color: var(--color-danger-light);
|
|
118
|
+
color: var(--color-danger);
|
|
119
|
+
border-color: var(--color-danger);
|
|
120
|
+
}
|
|
121
|
+
.logout-button:focus {
|
|
122
|
+
outline: none;
|
|
123
|
+
box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2);
|
|
124
|
+
border-color: var(--color-danger);
|
|
125
|
+
}
|
|
126
|
+
.logout-button i {
|
|
127
|
+
font-size: var(--font-size-lg);
|
|
128
|
+
}
|
|
129
|
+
/* Use global styles from _modals.css and _forms.css */
|
|
130
|
+
/* Only add component-specific styles here */
|
|
131
|
+
.modal-title i[data-v-79657dc0] {
|
|
132
|
+
margin-right: var(--spacing-2);
|
|
133
|
+
color: var(--color-accent);
|
|
134
|
+
}
|
|
135
|
+
.form[data-v-79657dc0] {
|
|
136
|
+
margin-top: var(--spacing-2);
|
|
137
|
+
}
|
|
138
|
+
.password-requirements[data-v-79657dc0] {
|
|
139
|
+
list-style: none;
|
|
140
|
+
padding: 0;
|
|
141
|
+
margin: var(--spacing-2) 0 0 0;
|
|
142
|
+
font-size: var(--font-size-xs);
|
|
143
|
+
}
|
|
144
|
+
.password-requirements li[data-v-79657dc0] {
|
|
145
|
+
display: flex;
|
|
146
|
+
align-items: center;
|
|
147
|
+
gap: var(--spacing-1);
|
|
148
|
+
padding: var(--spacing-1) 0;
|
|
149
|
+
color: var(--color-text-secondary);
|
|
150
|
+
}
|
|
151
|
+
.password-requirements li i[data-v-79657dc0] {
|
|
152
|
+
width: 14px;
|
|
153
|
+
color: var(--color-danger);
|
|
154
|
+
}
|
|
155
|
+
.password-requirements li.valid[data-v-79657dc0] {
|
|
156
|
+
color: var(--color-success);
|
|
157
|
+
}
|
|
158
|
+
.password-requirements li.valid i[data-v-79657dc0] {
|
|
159
|
+
color: var(--color-success);
|
|
160
|
+
}
|
|
161
|
+
.app-layout {
|
|
56
162
|
height: 100vh;
|
|
57
163
|
display: flex;
|
|
58
164
|
flex-direction: column;
|
|
@@ -60,6 +166,7 @@
|
|
|
60
166
|
.app-layout__content {
|
|
61
167
|
display: flex;
|
|
62
168
|
flex-grow: 1;
|
|
169
|
+
overflow: hidden;
|
|
63
170
|
}
|
|
64
171
|
@media screen and (max-width: 1000) {
|
|
65
172
|
.app-layout__content .app-layout__sidebar-wrapper {
|
|
@@ -76,12 +183,12 @@
|
|
|
76
183
|
}
|
|
77
184
|
.app-layout__content .app-layout__page {
|
|
78
185
|
width: 100%;
|
|
79
|
-
background-color:
|
|
186
|
+
background-color: var(--color-background-primary);
|
|
80
187
|
}
|
|
81
188
|
}
|
|
82
189
|
.app-layout__sidebar-wrapper {
|
|
83
190
|
width: 16rem;
|
|
84
|
-
background:
|
|
191
|
+
background: var(--color-background-primary);
|
|
85
192
|
transition: width 0.3s ease-out;
|
|
86
193
|
}
|
|
87
194
|
.app-layout__sidebar-wrapper.minimized {
|
|
@@ -91,31 +198,15 @@
|
|
|
91
198
|
flex-grow: 1;
|
|
92
199
|
overflow-y: auto;
|
|
93
200
|
}#app {
|
|
94
|
-
font-family:
|
|
95
|
-
color:
|
|
96
|
-
}
|
|
97
|
-
body {
|
|
98
|
-
margin: 0;
|
|
201
|
+
font-family: var(--font-family-base);
|
|
202
|
+
color: var(--color-text-primary);
|
|
99
203
|
}
|
|
100
204
|
html,
|
|
101
205
|
body,
|
|
102
206
|
#app {
|
|
103
207
|
height: 100%;
|
|
104
208
|
margin: 0;
|
|
105
|
-
overflow: hidden;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
/* Add the custom styles for el-notification__title */
|
|
109
|
-
.el-notification {
|
|
110
|
-
color: #333 !important; /* Ensure this style takes precedence */
|
|
111
|
-
border-radius: 5px !important; /* Ensure this style takes precedence */
|
|
112
|
-
text-align: left !important; /* Ensure this style takes precedence */
|
|
113
|
-
font-family: Roboto, Source Sans Pro, Avenir, Helvetica, Arial, sans-serif !important; /* Ensure this style takes precedence */
|
|
114
|
-
}
|
|
115
|
-
.el-notification__title {
|
|
116
|
-
font-size: 14px !important; /* Ensure this style takes precedence */
|
|
117
|
-
color: #333 !important; /* Ensure this style takes precedence */
|
|
118
|
-
font-weight: 500 !important; /* Ensure this style takes precedence */
|
|
209
|
+
overflow: hidden;
|
|
119
210
|
}:root{--el-color-white:#ffffff;--el-color-black:#000000;--el-color-primary:#409eff;--el-color-primary-light-1:#53a8ff;--el-color-primary-light-2:#66b1ff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-4:#8cc5ff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-6:#b3d8ff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-success:#67c23a;--el-color-success-light:#e1f3d8;--el-color-success-lighter:#f0f9eb;--el-color-warning:#e6a23c;--el-color-warning-light:#faecd8;--el-color-warning-lighter:#fdf6ec;--el-color-danger:#f56c6c;--el-color-danger-light:#fde2e2;--el-color-danger-lighter:#fef0f0;--el-color-error:#f56c6c;--el-color-error-light:#fde2e2;--el-color-error-lighter:#fef0f0;--el-color-info:#909399;--el-color-info-light:#e9e9eb;--el-color-info-lighter:#f4f4f5;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#c0c4cc;--el-border-color-base:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-background-color-base:#f5f7fa;--el-border-width-base:1px;--el-border-style-base:solid;--el-border-color-hover:var(--el-text-color-placeholder);--el-border-base:var(--el-border-width-base) var(--el-border-style-base) var(--el-border-color-base);--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-box-shadow-base:0 2px 4px rgba(0, 0, 0, 0.12),0 0 6px rgba(0, 0, 0, 0.04);--el-box-shadow-light:0 2px 12px 0 rgba(0, 0, 0, 0.1);--el-svg-monochrome-grey:#dcdde0;--el-fill-base:var(--el-color-white);--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-font-color-disabled-base:#bbb;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-disabled-fill-base:var(--el-background-color-base);--el-disabled-color-base:var(--el-text-color-placeholder);--el-disabled-border-base:var(--el-border-color-light);--el-transition-duration:0.3s;--el-transition-duration-fast:0.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--el-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center top}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--el-transition-md-fade);transform-origin:center bottom}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--el-transition-md-fade);transform-origin:top left}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-active{opacity:0;transform:translateY(-30px)}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}@font-face{font-family:element-icons;src:url(/assets/element-icons-9c88a535.woff) format("woff"),url(/assets/element-icons-de5eb258.ttf) format("truetype");font-weight:400;font-display:auto;font-style:normal}[class*=" el-icon-"],[class^=el-icon-]{font-family:element-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;vertical-align:baseline;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-icon-ice-cream-round:before{content:"\e6a0"}.el-icon-ice-cream-square:before{content:"\e6a3"}.el-icon-lollipop:before{content:"\e6a4"}.el-icon-potato-strips:before{content:"\e6a5"}.el-icon-milk-tea:before{content:"\e6a6"}.el-icon-ice-drink:before{content:"\e6a7"}.el-icon-ice-tea:before{content:"\e6a9"}.el-icon-coffee:before{content:"\e6aa"}.el-icon-orange:before{content:"\e6ab"}.el-icon-pear:before{content:"\e6ac"}.el-icon-apple:before{content:"\e6ad"}.el-icon-cherry:before{content:"\e6ae"}.el-icon-watermelon:before{content:"\e6af"}.el-icon-grape:before{content:"\e6b0"}.el-icon-refrigerator:before{content:"\e6b1"}.el-icon-goblet-square-full:before{content:"\e6b2"}.el-icon-goblet-square:before{content:"\e6b3"}.el-icon-goblet-full:before{content:"\e6b4"}.el-icon-goblet:before{content:"\e6b5"}.el-icon-cold-drink:before{content:"\e6b6"}.el-icon-coffee-cup:before{content:"\e6b8"}.el-icon-water-cup:before{content:"\e6b9"}.el-icon-hot-water:before{content:"\e6ba"}.el-icon-ice-cream:before{content:"\e6bb"}.el-icon-dessert:before{content:"\e6bc"}.el-icon-sugar:before{content:"\e6bd"}.el-icon-tableware:before{content:"\e6be"}.el-icon-burger:before{content:"\e6bf"}.el-icon-knife-fork:before{content:"\e6c1"}.el-icon-fork-spoon:before{content:"\e6c2"}.el-icon-chicken:before{content:"\e6c3"}.el-icon-food:before{content:"\e6c4"}.el-icon-dish-1:before{content:"\e6c5"}.el-icon-dish:before{content:"\e6c6"}.el-icon-moon-night:before{content:"\e6ee"}.el-icon-moon:before{content:"\e6f0"}.el-icon-cloudy-and-sunny:before{content:"\e6f1"}.el-icon-partly-cloudy:before{content:"\e6f2"}.el-icon-cloudy:before{content:"\e6f3"}.el-icon-sunny:before{content:"\e6f6"}.el-icon-sunset:before{content:"\e6f7"}.el-icon-sunrise-1:before{content:"\e6f8"}.el-icon-sunrise:before{content:"\e6f9"}.el-icon-heavy-rain:before{content:"\e6fa"}.el-icon-lightning:before{content:"\e6fb"}.el-icon-light-rain:before{content:"\e6fc"}.el-icon-wind-power:before{content:"\e6fd"}.el-icon-baseball:before{content:"\e712"}.el-icon-soccer:before{content:"\e713"}.el-icon-football:before{content:"\e715"}.el-icon-basketball:before{content:"\e716"}.el-icon-ship:before{content:"\e73f"}.el-icon-truck:before{content:"\e740"}.el-icon-bicycle:before{content:"\e741"}.el-icon-mobile-phone:before{content:"\e6d3"}.el-icon-service:before{content:"\e6d4"}.el-icon-key:before{content:"\e6e2"}.el-icon-unlock:before{content:"\e6e4"}.el-icon-lock:before{content:"\e6e5"}.el-icon-watch:before{content:"\e6fe"}.el-icon-watch-1:before{content:"\e6ff"}.el-icon-timer:before{content:"\e702"}.el-icon-alarm-clock:before{content:"\e703"}.el-icon-map-location:before{content:"\e704"}.el-icon-delete-location:before{content:"\e705"}.el-icon-add-location:before{content:"\e706"}.el-icon-location-information:before{content:"\e707"}.el-icon-location-outline:before{content:"\e708"}.el-icon-location:before{content:"\e79e"}.el-icon-place:before{content:"\e709"}.el-icon-discover:before{content:"\e70a"}.el-icon-first-aid-kit:before{content:"\e70b"}.el-icon-trophy-1:before{content:"\e70c"}.el-icon-trophy:before{content:"\e70d"}.el-icon-medal:before{content:"\e70e"}.el-icon-medal-1:before{content:"\e70f"}.el-icon-stopwatch:before{content:"\e710"}.el-icon-mic:before{content:"\e711"}.el-icon-copy-document:before{content:"\e718"}.el-icon-full-screen:before{content:"\e719"}.el-icon-switch-button:before{content:"\e71b"}.el-icon-aim:before{content:"\e71c"}.el-icon-crop:before{content:"\e71d"}.el-icon-odometer:before{content:"\e71e"}.el-icon-time:before{content:"\e71f"}.el-icon-bangzhu:before{content:"\e724"}.el-icon-close-notification:before{content:"\e726"}.el-icon-microphone:before{content:"\e727"}.el-icon-turn-off-microphone:before{content:"\e728"}.el-icon-position:before{content:"\e729"}.el-icon-postcard:before{content:"\e72a"}.el-icon-message:before{content:"\e72b"}.el-icon-chat-line-square:before{content:"\e72d"}.el-icon-chat-dot-square:before{content:"\e72e"}.el-icon-chat-dot-round:before{content:"\e72f"}.el-icon-chat-square:before{content:"\e730"}.el-icon-chat-line-round:before{content:"\e731"}.el-icon-chat-round:before{content:"\e732"}.el-icon-set-up:before{content:"\e733"}.el-icon-turn-off:before{content:"\e734"}.el-icon-open:before{content:"\e735"}.el-icon-connection:before{content:"\e736"}.el-icon-link:before{content:"\e737"}.el-icon-cpu:before{content:"\e738"}.el-icon-thumb:before{content:"\e739"}.el-icon-female:before{content:"\e73a"}.el-icon-male:before{content:"\e73b"}.el-icon-guide:before{content:"\e73c"}.el-icon-news:before{content:"\e73e"}.el-icon-price-tag:before{content:"\e744"}.el-icon-discount:before{content:"\e745"}.el-icon-wallet:before{content:"\e747"}.el-icon-coin:before{content:"\e748"}.el-icon-money:before{content:"\e749"}.el-icon-bank-card:before{content:"\e74a"}.el-icon-box:before{content:"\e74b"}.el-icon-present:before{content:"\e74c"}.el-icon-sell:before{content:"\e6d5"}.el-icon-sold-out:before{content:"\e6d6"}.el-icon-shopping-bag-2:before{content:"\e74d"}.el-icon-shopping-bag-1:before{content:"\e74e"}.el-icon-shopping-cart-2:before{content:"\e74f"}.el-icon-shopping-cart-1:before{content:"\e750"}.el-icon-shopping-cart-full:before{content:"\e751"}.el-icon-smoking:before{content:"\e752"}.el-icon-no-smoking:before{content:"\e753"}.el-icon-house:before{content:"\e754"}.el-icon-table-lamp:before{content:"\e755"}.el-icon-school:before{content:"\e756"}.el-icon-office-building:before{content:"\e757"}.el-icon-toilet-paper:before{content:"\e758"}.el-icon-notebook-2:before{content:"\e759"}.el-icon-notebook-1:before{content:"\e75a"}.el-icon-files:before{content:"\e75b"}.el-icon-collection:before{content:"\e75c"}.el-icon-receiving:before{content:"\e75d"}.el-icon-suitcase-1:before{content:"\e760"}.el-icon-suitcase:before{content:"\e761"}.el-icon-film:before{content:"\e763"}.el-icon-collection-tag:before{content:"\e765"}.el-icon-data-analysis:before{content:"\e766"}.el-icon-pie-chart:before{content:"\e767"}.el-icon-data-board:before{content:"\e768"}.el-icon-data-line:before{content:"\e76d"}.el-icon-reading:before{content:"\e769"}.el-icon-magic-stick:before{content:"\e76a"}.el-icon-coordinate:before{content:"\e76b"}.el-icon-mouse:before{content:"\e76c"}.el-icon-brush:before{content:"\e76e"}.el-icon-headset:before{content:"\e76f"}.el-icon-umbrella:before{content:"\e770"}.el-icon-scissors:before{content:"\e771"}.el-icon-mobile:before{content:"\e773"}.el-icon-attract:before{content:"\e774"}.el-icon-monitor:before{content:"\e775"}.el-icon-search:before{content:"\e778"}.el-icon-takeaway-box:before{content:"\e77a"}.el-icon-paperclip:before{content:"\e77d"}.el-icon-printer:before{content:"\e77e"}.el-icon-document-add:before{content:"\e782"}.el-icon-document:before{content:"\e785"}.el-icon-document-checked:before{content:"\e786"}.el-icon-document-copy:before{content:"\e787"}.el-icon-document-delete:before{content:"\e788"}.el-icon-document-remove:before{content:"\e789"}.el-icon-tickets:before{content:"\e78b"}.el-icon-folder-checked:before{content:"\e77f"}.el-icon-folder-delete:before{content:"\e780"}.el-icon-folder-remove:before{content:"\e781"}.el-icon-folder-add:before{content:"\e783"}.el-icon-folder-opened:before{content:"\e784"}.el-icon-folder:before{content:"\e78a"}.el-icon-edit-outline:before{content:"\e764"}.el-icon-edit:before{content:"\e78c"}.el-icon-date:before{content:"\e78e"}.el-icon-c-scale-to-original:before{content:"\e7c6"}.el-icon-view:before{content:"\e6ce"}.el-icon-loading:before{content:"\e6cf"}.el-icon-rank:before{content:"\e6d1"}.el-icon-sort-down:before{content:"\e7c4"}.el-icon-sort-up:before{content:"\e7c5"}.el-icon-sort:before{content:"\e6d2"}.el-icon-finished:before{content:"\e6cd"}.el-icon-refresh-left:before{content:"\e6c7"}.el-icon-refresh-right:before{content:"\e6c8"}.el-icon-refresh:before{content:"\e6d0"}.el-icon-video-play:before{content:"\e7c0"}.el-icon-video-pause:before{content:"\e7c1"}.el-icon-d-arrow-right:before{content:"\e6dc"}.el-icon-d-arrow-left:before{content:"\e6dd"}.el-icon-arrow-up:before{content:"\e6e1"}.el-icon-arrow-down:before{content:"\e6df"}.el-icon-arrow-right:before{content:"\e6e0"}.el-icon-arrow-left:before{content:"\e6de"}.el-icon-top-right:before{content:"\e6e7"}.el-icon-top-left:before{content:"\e6e8"}.el-icon-top:before{content:"\e6e6"}.el-icon-bottom:before{content:"\e6eb"}.el-icon-right:before{content:"\e6e9"}.el-icon-back:before{content:"\e6ea"}.el-icon-bottom-right:before{content:"\e6ec"}.el-icon-bottom-left:before{content:"\e6ed"}.el-icon-caret-top:before{content:"\e78f"}.el-icon-caret-bottom:before{content:"\e790"}.el-icon-caret-right:before{content:"\e791"}.el-icon-caret-left:before{content:"\e792"}.el-icon-d-caret:before{content:"\e79a"}.el-icon-share:before{content:"\e793"}.el-icon-menu:before{content:"\e798"}.el-icon-s-grid:before{content:"\e7a6"}.el-icon-s-check:before{content:"\e7a7"}.el-icon-s-data:before{content:"\e7a8"}.el-icon-s-opportunity:before{content:"\e7aa"}.el-icon-s-custom:before{content:"\e7ab"}.el-icon-s-claim:before{content:"\e7ad"}.el-icon-s-finance:before{content:"\e7ae"}.el-icon-s-comment:before{content:"\e7af"}.el-icon-s-flag:before{content:"\e7b0"}.el-icon-s-marketing:before{content:"\e7b1"}.el-icon-s-shop:before{content:"\e7b4"}.el-icon-s-open:before{content:"\e7b5"}.el-icon-s-management:before{content:"\e7b6"}.el-icon-s-ticket:before{content:"\e7b7"}.el-icon-s-release:before{content:"\e7b8"}.el-icon-s-home:before{content:"\e7b9"}.el-icon-s-promotion:before{content:"\e7ba"}.el-icon-s-operation:before{content:"\e7bb"}.el-icon-s-unfold:before{content:"\e7bc"}.el-icon-s-fold:before{content:"\e7a9"}.el-icon-s-platform:before{content:"\e7bd"}.el-icon-s-order:before{content:"\e7be"}.el-icon-s-cooperation:before{content:"\e7bf"}.el-icon-bell:before{content:"\e725"}.el-icon-message-solid:before{content:"\e799"}.el-icon-video-camera:before{content:"\e772"}.el-icon-video-camera-solid:before{content:"\e796"}.el-icon-camera:before{content:"\e779"}.el-icon-camera-solid:before{content:"\e79b"}.el-icon-download:before{content:"\e77c"}.el-icon-upload2:before{content:"\e77b"}.el-icon-upload:before{content:"\e7c3"}.el-icon-picture-outline-round:before{content:"\e75f"}.el-icon-picture-outline:before{content:"\e75e"}.el-icon-picture:before{content:"\e79f"}.el-icon-close:before{content:"\e6db"}.el-icon-check:before{content:"\e6da"}.el-icon-plus:before{content:"\e6d9"}.el-icon-minus:before{content:"\e6d8"}.el-icon-help:before{content:"\e73d"}.el-icon-s-help:before{content:"\e7b3"}.el-icon-circle-close:before{content:"\e78d"}.el-icon-circle-check:before{content:"\e720"}.el-icon-circle-plus-outline:before{content:"\e723"}.el-icon-remove-outline:before{content:"\e722"}.el-icon-zoom-out:before{content:"\e776"}.el-icon-zoom-in:before{content:"\e777"}.el-icon-error:before{content:"\e79d"}.el-icon-success:before{content:"\e79c"}.el-icon-circle-plus:before{content:"\e7a0"}.el-icon-remove:before{content:"\e7a2"}.el-icon-info:before{content:"\e7a1"}.el-icon-question:before{content:"\e7a4"}.el-icon-warning-outline:before{content:"\e6c9"}.el-icon-warning:before{content:"\e7a3"}.el-icon-goods:before{content:"\e7c2"}.el-icon-s-goods:before{content:"\e7b2"}.el-icon-star-off:before{content:"\e717"}.el-icon-star-on:before{content:"\e797"}.el-icon-more-outline:before{content:"\e6cc"}.el-icon-more:before{content:"\e794"}.el-icon-phone-outline:before{content:"\e6cb"}.el-icon-phone:before{content:"\e795"}.el-icon-user:before{content:"\e6e3"}.el-icon-user-solid:before{content:"\e7a5"}.el-icon-setting:before{content:"\e6ca"}.el-icon-s-tools:before{content:"\e7ac"}.el-icon-delete:before{content:"\e6d7"}.el-icon-delete-solid:before{content:"\e7c9"}.el-icon-eleme:before{content:"\e7c7"}.el-icon-platform-eleme:before{content:"\e7ca"}.el-icon-loading{animation:rotating 2s linear infinite}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotateZ(0)}100%{transform:rotateZ(360deg)}}.el-icon{--color:inherit;--font-size:14px;height:1em;width:1em;line-height:1em;text-align:center;display:inline-block;position:relative;fill:currentColor;color:var(--color);font-size:var(--font-size)}.el-icon.is-loading{animation:rotating 2s linear infinite}.el-icon svg{height:1em;width:1em}.el-affix--fixed{position:fixed}.el-alert{--el-alert-padding:8px 16px;--el-alert-border-radius-base:var(--el-border-radius-base);--el-alert-title-font-size:13px;--el-alert-description-font-size:12px;--el-alert-close-font-size:12px;--el-alert-close-customed-font-size:13px;--el-alert-icon-size:16px;--el-alert-icon-large-size:28px;width:100%;padding:var(--el-alert-padding);margin:0;box-sizing:border-box;border-radius:var(--el-alert-border-radius-base);position:relative;background-color:var(--el-color-white);overflow:hidden;opacity:1;display:flex;align-items:center;transition:opacity var(--el-transition-duration-fast)}.el-alert.is-light .el-alert__closebtn{color:var(--el-text-color-placeholder)}.el-alert.is-dark .el-alert__closebtn{color:var(--el-color-white)}.el-alert.is-dark .el-alert__description{color:var(--el-color-white)}.el-alert.is-center{justify-content:center}.el-alert--success{--el-alert-background-color:#f0f9eb}.el-alert--success.is-light{background-color:var(--el-alert-background-color);color:var(--el-color-success)}.el-alert--success.is-light .el-alert__description{color:var(--el-color-success)}.el-alert--success.is-dark{background-color:var(--el-color-success);color:var(--el-color-white)}.el-alert--info{--el-alert-background-color:#f4f4f5}.el-alert--info.is-light{background-color:var(--el-alert-background-color);color:var(--el-color-info)}.el-alert--info.is-light .el-alert__description{color:var(--el-color-info)}.el-alert--info.is-dark{background-color:var(--el-color-info);color:var(--el-color-white)}.el-alert--warning{--el-alert-background-color:#fdf6ec}.el-alert--warning.is-light{background-color:var(--el-alert-background-color);color:var(--el-color-warning)}.el-alert--warning.is-light .el-alert__description{color:var(--el-color-warning)}.el-alert--warning.is-dark{background-color:var(--el-color-warning);color:var(--el-color-white)}.el-alert--error{--el-alert-background-color:#fef0f0}.el-alert--error.is-light{background-color:var(--el-alert-background-color);color:var(--el-color-error)}.el-alert--error.is-light .el-alert__description{color:var(--el-color-error)}.el-alert--error.is-dark{background-color:var(--el-color-error);color:var(--el-color-white)}.el-alert__content{display:table-cell;padding:0 8px}.el-alert__icon{font-size:var(--el-alert-icon-size);width:var(--el-alert-icon-size)}.el-alert__icon.is-big{font-size:var(--el-alert-icon-large-size);width:var(--el-alert-icon-large-size)}.el-alert__title{font-size:var(--el-alert-title-font-size);line-height:18px}.el-alert__title.is-bold{font-weight:700}.el-alert .el-alert__description{font-size:var(--el-alert-description-font-size);margin:5px 0 0 0}.el-alert__closebtn{font-size:var(--el-alert-close-font-size);opacity:1;position:absolute;top:12px;right:15px;cursor:pointer}.el-alert__closebtn.is-customed{font-style:normal;font-size:var(--el-alert-close-customed-font-size);top:9px}.el-alert-fade-enter-from,.el-alert-fade-leave-active{opacity:0}.el-aside{--el-aside-width:300px;overflow:auto;box-sizing:border-box;flex-shrink:0;width:var(--el-aside-width)}.el-autocomplete{position:relative;display:inline-block}.el-autocomplete__popper.el-popper[role=tooltip]{background:#fff;border:1px solid var(--el-border-color-light);box-shadow:var(--el-box-shadow-light)}.el-autocomplete__popper.el-popper[role=tooltip] .el-popper__arrow::before{border:1px solid var(--el-border-color-light)}.el-autocomplete__popper.el-popper[role=tooltip][data-popper-placement^=top] .el-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.el-autocomplete__popper.el-popper[role=tooltip][data-popper-placement^=bottom] .el-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.el-autocomplete__popper.el-popper[role=tooltip][data-popper-placement^=left] .el-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.el-autocomplete__popper.el-popper[role=tooltip][data-popper-placement^=right] .el-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.el-autocomplete-suggestion{border-radius:var(--el-border-radius-base);box-sizing:border-box}.el-autocomplete-suggestion__wrap{max-height:280px;padding:10px 0;box-sizing:border-box}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-autocomplete-suggestion li{padding:0 20px;margin:0;line-height:34px;cursor:pointer;color:var(--el-text-color-regular);font-size:var(--el-font-size-base);list-style:none;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-autocomplete-suggestion li:hover{background-color:var(--el-background-color-base)}.el-autocomplete-suggestion li.highlighted{background-color:var(--el-background-color-base)}.el-autocomplete-suggestion li.divider{margin-top:6px;border-top:1px solid var(--el-color-black)}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{text-align:center;height:100px;line-height:100px;font-size:20px;color:var(--el-text-color-secondary)}.el-autocomplete-suggestion.is-loading li::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-autocomplete-suggestion.is-loading li:hover{background-color:var(--el-color-white)}.el-autocomplete-suggestion.is-loading .el-icon-loading{vertical-align:middle}.el-avatar{--el-avatar-font-color:#fff;--el-avatar-background-color:#c0c4cc;--el-avatar-text-font-size:14px;--el-avatar-icon-font-size:18px;--el-avatar-border-radius:var(--el-border-radius-base);--el-avatar-large-size:40px;--el-avatar-medium-size:36px;--el-avatar-small-size:28px;display:inline-block;box-sizing:border-box;text-align:center;overflow:hidden;color:var(--el-avatar-font-color);background:var(--el-avatar-background-color);width:var(--el-avatar-large-size);height:var(--el-avatar-large-size);line-height:var(--el-avatar-large-size);font-size:var(--el-avatar-text-font-size)}.el-avatar>img{display:block;height:100%;vertical-align:middle}.el-avatar--circle{border-radius:50%}.el-avatar--square{border-radius:var(--el-avatar-border-radius)}.el-avatar--icon{font-size:var(--el-avatar-icon-font-size)}.el-avatar--small{width:var(--el-avatar-small-size);height:var(--el-avatar-small-size);line-height:var(--el-avatar-small-size)}.el-avatar--medium{width:var(--el-avatar-medium-size);height:var(--el-avatar-medium-size);line-height:var(--el-avatar-medium-size)}.el-avatar--large{width:var(--el-avatar-large-size);height:var(--el-avatar-large-size);line-height:var(--el-avatar-large-size)}.el-backtop{--el-backtop-background-color:var(--el-color-white);--el-backtop-font-color:var(--el-color-primary);--el-backtop-hover-background-color:var(--el-border-color-extra-light);position:fixed;background-color:var(--el-backtop-background-color);width:40px;height:40px;border-radius:50%;color:var(--el-backtop-font-color);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 0 6px rgba(0,0,0,.12);cursor:pointer;z-index:5}.el-backtop:hover{background-color:var(--el-backtop-hover-background-color)}.el-badge{--el-badge-background-color:var(--el-color-danger);--el-badge-radius:10px;--el-badge-font-size:12px;--el-badge-padding:6px;--el-badge-size:18px;position:relative;vertical-align:middle;display:inline-block}.el-badge__content{background-color:var(--el-badge-background-color);border-radius:var(--el-badge-radius);color:var(--el-color-white);display:inline-block;font-size:var(--el-badge-font-size);height:var(--el-badge-size);line-height:var(--el-badge-size);padding:0 var(--el-badge-padding);text-align:center;white-space:nowrap;border:1px solid var(--el-color-white)}.el-badge__content.is-fixed{position:absolute;top:0;right:calc(1px + var(--el-badge-size)/ 2);transform:translateY(-50%) translateX(100%)}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{height:8px;width:8px;padding:0;right:0;border-radius:50%}.el-badge__content--primary{background-color:var(--el-color-primary)}.el-badge__content--success{background-color:var(--el-color-success)}.el-badge__content--warning{background-color:var(--el-color-warning)}.el-badge__content--info{background-color:var(--el-color-info)}.el-badge__content--danger{background-color:var(--el-color-danger)}.el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb::after,.el-breadcrumb::before{display:table;content:""}.el-breadcrumb::after{clear:both}.el-breadcrumb__separator{margin:0 9px;font-weight:700;color:var(--el-text-color-placeholder)}.el-breadcrumb__separator[class*=icon]{margin:0 6px;font-weight:400}.el-breadcrumb__item{float:left}.el-breadcrumb__inner{color:var(--el-text-color-regular)}.el-breadcrumb__inner a,.el-breadcrumb__inner.is-link{font-weight:700;text-decoration:none;transition:var(--el-transition-color);color:var(--el-text-color-primary)}.el-breadcrumb__inner a:hover,.el-breadcrumb__inner.is-link:hover{color:var(--el-color-primary);cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover{font-weight:400;color:var(--el-text-color-regular);cursor:text}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group::after,.el-button-group::before{display:table;content:""}.el-button-group::after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button+.el-button{margin-left:0}.el-button-group>.el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group>.el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-top-right-radius:var(--el-border-radius-base);border-bottom-right-radius:var(--el-border-radius-base);border-top-left-radius:var(--el-border-radius-base);border-bottom-left-radius:var(--el-border-radius-base)}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:var(--el-border-radius-round)}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button:not(:last-child){margin-right:-1px}.el-button-group>.el-button:active,.el-button-group>.el-button:focus,.el-button-group>.el-button:hover{z-index:1}.el-button-group>.el-button.is-active{z-index:1}.el-button-group>.el-dropdown>.el-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--primary:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--primary:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button{--el-button-font-weight:var(--el-font-weight-primary);--el-button-border-color:var(--el-border-color-base);--el-button-background-color:var(--el-color-white);--el-button-font-color:var(--el-text-color-regular);--el-button-disabled-font-color:var(--el-text-color-placeholder);--el-button-disabled-background-color:var(--el-color-white);--el-button-disabled-border-color:var(--el-border-color-light);--el-button-divide-border-color:rgba(255, 255, 255, 0.5)}.el-button{display:inline-block;line-height:1;min-height:40px;white-space:nowrap;cursor:pointer;background:var(--el-button-background-color,var(--el-color-white));border:var(--el-border-base);border-color:var(--el-button-border-color,var(--el-border-color-base));color:var(--el-button-font-color,var(--el-text-color-regular));-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;transition:.1s;font-weight:var(--el-button-font-weight);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:var(--el-font-size-base,14px);border-radius:var(--el-border-radius-base)}.el-button+.el-button{margin-left:10px}.el-button.is-round{padding:12px 20px}.el-button:focus,.el-button:hover{color:var(--el-color-primary);border-color:var(--el-color-primary-light-7);background-color:var(--el-color-primary-light-9);outline:0}.el-button:active{color:#3a8ee6;border-color:#3a8ee6;outline:0}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:var(--el-color-white);border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-button.is-plain:active{background:var(--el-color-white);border-color:#3a8ee6;color:#3a8ee6;outline:0}.el-button.is-active{color:#3a8ee6;border-color:#3a8ee6}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{color:var(--el-button-disabled-font-color);cursor:not-allowed;background-image:none;background-color:var(--el-button-disabled-background-color);border-color:var(--el-button-disabled-border-color)}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:var(--el-color-white);border-color:var(--el-button-disabled-border-color);color:var(--el-button-disabled-font-color)}.el-button.is-loading{position:relative;pointer-events:none}.el-button.is-loading:before{pointer-events:none;content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:rgba(255,255,255,.35)}.el-button.is-round{border-radius:var(--el-border-radius-round);padding:12px 23px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button--primary{--el-button-font-color:#ffffff;--el-button-background-color:#409eff;--el-button-border-color:#409eff;--el-button-hover-color:#66b1ff;--el-button-active-font-color:#e6e6e6;--el-button-active-background-color:#0d84ff;--el-button-active-border-color:#0d84ff}.el-button--primary:focus,.el-button--primary:hover{background:var(--el-button-hover-color);border-color:var(--el-button-hover-color);color:var(--el-button-font-color)}.el-button--primary:active{background:var(--el-button-active-background-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-font-color);outline:0}.el-button--primary.is-active{background:var(--el-button-active-background-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-font-color)}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{color:#fff;background-color:#a0cfff;border-color:#a0cfff}.el-button--primary.is-plain{color:var(--el-button-background-color);background-color:#ecf5ff;border-color:#b3d8ff}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:var(--el-button-background-color);border-color:var(--el-button-background-color);color:var(--el-color-white)}.el-button--primary.is-plain:active{background:var(--el-button-active-background-color);border-color:var(--el-button-active-border-color);color:var(--el-color-white);outline:0}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{color:#8cc5ff;background-color:#ecf5ff;border-color:#d9ecff}.el-button--success{--el-button-font-color:#ffffff;--el-button-background-color:#67c23a;--el-button-border-color:#67c23a;--el-button-hover-color:#85ce61;--el-button-active-font-color:#e6e6e6;--el-button-active-background-color:#529b2e;--el-button-active-border-color:#529b2e}.el-button--success:focus,.el-button--success:hover{background:var(--el-button-hover-color);border-color:var(--el-button-hover-color);color:var(--el-button-font-color)}.el-button--success:active{background:var(--el-button-active-background-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-font-color);outline:0}.el-button--success.is-active{background:var(--el-button-active-background-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-font-color)}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{color:#fff;background-color:#b3e19d;border-color:#b3e19d}.el-button--success.is-plain{color:var(--el-button-background-color);background-color:#f0f9eb;border-color:#c2e7b0}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:var(--el-button-background-color);border-color:var(--el-button-background-color);color:var(--el-color-white)}.el-button--success.is-plain:active{background:var(--el-button-active-background-color);border-color:var(--el-button-active-border-color);color:var(--el-color-white);outline:0}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{color:#a4da89;background-color:#f0f9eb;border-color:#e1f3d8}.el-button--warning{--el-button-font-color:#ffffff;--el-button-background-color:#e6a23c;--el-button-border-color:#e6a23c;--el-button-hover-color:#ebb563;--el-button-active-font-color:#e6e6e6;--el-button-active-background-color:#d48a1b;--el-button-active-border-color:#d48a1b}.el-button--warning:focus,.el-button--warning:hover{background:var(--el-button-hover-color);border-color:var(--el-button-hover-color);color:var(--el-button-font-color)}.el-button--warning:active{background:var(--el-button-active-background-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-font-color);outline:0}.el-button--warning.is-active{background:var(--el-button-active-background-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-font-color)}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{color:#fff;background-color:#f3d19e;border-color:#f3d19e}.el-button--warning.is-plain{color:var(--el-button-background-color);background-color:#fdf6ec;border-color:#f5dab1}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:var(--el-button-background-color);border-color:var(--el-button-background-color);color:var(--el-color-white)}.el-button--warning.is-plain:active{background:var(--el-button-active-background-color);border-color:var(--el-button-active-border-color);color:var(--el-color-white);outline:0}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{color:#f0c78a;background-color:#fdf6ec;border-color:#faecd8}.el-button--danger{--el-button-font-color:#ffffff;--el-button-background-color:#f56c6c;--el-button-border-color:#f56c6c;--el-button-hover-color:#f78989;--el-button-active-font-color:#e6e6e6;--el-button-active-background-color:#f23c3c;--el-button-active-border-color:#f23c3c}.el-button--danger:focus,.el-button--danger:hover{background:var(--el-button-hover-color);border-color:var(--el-button-hover-color);color:var(--el-button-font-color)}.el-button--danger:active{background:var(--el-button-active-background-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-font-color);outline:0}.el-button--danger.is-active{background:var(--el-button-active-background-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-font-color)}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{color:#fff;background-color:#fab6b6;border-color:#fab6b6}.el-button--danger.is-plain{color:var(--el-button-background-color);background-color:#fef0f0;border-color:#fbc4c4}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:var(--el-button-background-color);border-color:var(--el-button-background-color);color:var(--el-color-white)}.el-button--danger.is-plain:active{background:var(--el-button-active-background-color);border-color:var(--el-button-active-border-color);color:var(--el-color-white);outline:0}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{color:#f9a7a7;background-color:#fef0f0;border-color:#fde2e2}.el-button--info{--el-button-font-color:#ffffff;--el-button-background-color:#909399;--el-button-border-color:#909399;--el-button-hover-color:#a6a9ad;--el-button-active-font-color:#e6e6e6;--el-button-active-background-color:#767980;--el-button-active-border-color:#767980}.el-button--info:focus,.el-button--info:hover{background:var(--el-button-hover-color);border-color:var(--el-button-hover-color);color:var(--el-button-font-color)}.el-button--info:active{background:var(--el-button-active-background-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-font-color);outline:0}.el-button--info.is-active{background:var(--el-button-active-background-color);border-color:var(--el-button-active-border-color);color:var(--el-button-active-font-color)}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{color:#fff;background-color:#c8c9cc;border-color:#c8c9cc}.el-button--info.is-plain{color:var(--el-button-background-color);background-color:#f4f4f5;border-color:#d3d4d6}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:var(--el-button-background-color);border-color:var(--el-button-background-color);color:var(--el-color-white)}.el-button--info.is-plain:active{background:var(--el-button-active-background-color);border-color:var(--el-button-active-border-color);color:var(--el-color-white);outline:0}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{color:#bcbec2;background-color:#f4f4f5;border-color:#e9e9eb}.el-button--medium{min-height:36px;padding:10px 20px;font-size:var(--el-font-size-base,14px);border-radius:var(--el-border-radius-base)}.el-button--medium.is-round{padding:10px 20px}.el-button--medium.is-circle{padding:10px}.el-button--small{min-height:32px;padding:9px 15px;font-size:12px;border-radius:calc(var(--el-border-radius-base) - 1px)}.el-button--small.is-round{padding:9px 15px}.el-button--small.is-circle{padding:9px}.el-button--mini{min-height:28px;padding:7px 15px;font-size:12px;border-radius:calc(var(--el-border-radius-base) - 1px)}.el-button--mini.is-round{padding:7px 15px}.el-button--mini.is-circle{padding:7px}.el-button--text{border-color:transparent;color:var(--el-color-primary);background:0 0;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{color:var(--el-color-primary-light-2);border-color:transparent;background-color:transparent}.el-button--text:active{color:#3a8ee6;border-color:transparent;background-color:transparent}.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover{border-color:transparent}.el-calendar{--el-calendar-border:var(--el-table-border, 1px solid var(--el-border-color-lighter));--el-calendar-header-border-bottom:var(--el-calendar-border);--el-calendar-selected-background-color:#f2f8fe;--el-calendar-cell-width:85px;background-color:#fff}.el-calendar__header{display:flex;justify-content:space-between;padding:12px 20px;border-bottom:var(--el-calendar-header-border-bottom)}.el-calendar__title{color:#000;align-self:center}.el-calendar__body{padding:12px 20px 35px}.el-calendar-table{table-layout:fixed;width:100%}.el-calendar-table thead th{padding:12px 0;color:var(--el-text-color-regular);font-weight:400}.el-calendar-table:not(.is-range) td.next,.el-calendar-table:not(.is-range) td.prev{color:var(--el-text-color-placeholder)}.el-calendar-table td{border-bottom:var(--el-calendar-border);border-right:var(--el-calendar-border);vertical-align:top;transition:background-color var(--el-transition-duration-fast) ease}.el-calendar-table td.is-selected{background-color:var(--el-calendar-selected-background-color)}.el-calendar-table td.is-today{color:var(--el-color-primary)}.el-calendar-table tr:first-child td{border-top:var(--el-calendar-border)}.el-calendar-table tr td:first-child{border-left:var(--el-calendar-border)}.el-calendar-table tr.el-calendar-table__row--hide-border td{border-top:none}.el-calendar-table .el-calendar-day{box-sizing:border-box;padding:8px;height:var(--el-calendar-cell-width)}.el-calendar-table .el-calendar-day:hover{cursor:pointer;background-color:var(--el-calendar-selected-background-color)}.el-card{--el-card-border-color:var(--el-border-color-light, #ebeef5);--el-card-border-radius:4px;--el-card-padding:20px;--el-card-background-color:var(--el-color-white)}.dark .el-card{--el-card-background-color:var(--el-color-black)}.el-card{border-radius:var(--el-card-border-radius);border:1px solid var(--el-card-border-color);background-color:var(--el-card-background-color);overflow:hidden;color:var(--el-text-color-primary);transition:var(--el-transition-duration)}.el-card.is-always-shadow{box-shadow:var(--el-box-shadow-light)}.el-card.is-hover-shadow:focus,.el-card.is-hover-shadow:hover{box-shadow:var(--el-box-shadow-light)}.el-card__header{padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding);border-bottom:1px solid var(--el-card-border-color);box-sizing:border-box}.el-card__body{padding:var(--el-card-padding)}.el-carousel__item{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block;overflow:hidden;z-index:calc(var(--el-index-normal) - 1)}.el-carousel__item.is-active{z-index:calc(var(--el-index-normal) - 1)}.el-carousel__item.is-animating{transition:transform .4s ease-in-out}.el-carousel__item--card{width:50%;transition:transform .4s ease-in-out}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:var(--el-index-normal)}.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:calc(var(--el-index-normal) + 1)}.el-carousel__mask{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;opacity:.24;transition:var(--el-transition-duration-fast)}.el-carousel{--el-carousel-arrow-font-size:12px;--el-carousel-arrow-size:36px;--el-carousel-arrow-background:rgba(31, 45, 61, 0.11);--el-carousel-arrow-hover-background:rgba(31, 45, 61, 0.23);--el-carousel-indicator-width:30px;--el-carousel-indicator-height:2px;--el-carousel-indicator-padding-horizontal:4px;--el-carousel-indicator-padding-vertical:12px;--el-carousel-indicator-out-color:var(--el-border-color-hover);position:relative}.el-carousel--horizontal{overflow-x:hidden}.el-carousel--vertical{overflow-y:hidden}.el-carousel__container{position:relative;height:300px}.el-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:var(--el-carousel-arrow-size);width:var(--el-carousel-arrow-size);cursor:pointer;transition:var(--el-transition-duration);border-radius:50%;background-color:var(--el-carousel-arrow-background);color:#fff;position:absolute;top:50%;z-index:10;transform:translateY(-50%);text-align:center;font-size:var(--el-carousel-arrow-font-size)}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__arrow:hover{background-color:var(--el-carousel-arrow-hover-background)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{position:absolute;list-style:none;margin:0;padding:0;z-index:calc(var(--el-index-normal) + 1)}.el-carousel__indicators--horizontal{bottom:0;left:50%;transform:translateX(-50%)}.el-carousel__indicators--vertical{right:0;top:50%;transform:translateY(-50%)}.el-carousel__indicators--outside{bottom:calc(var(--el-carousel-indicator-height) + var(--el-carousel-indicator-padding-vertical) * 2);text-align:center;position:static;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:var(--el-carousel-indicator-out-color);opacity:.24}.el-carousel__indicators--labels{left:0;right:0;transform:none;text-align:center}.el-carousel__indicators--labels .el-carousel__button{height:auto;width:auto;padding:2px 18px;font-size:12px}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{background-color:transparent;cursor:pointer}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator--horizontal{display:inline-block;padding:var(--el-carousel-indicator-padding-vertical) var(--el-carousel-indicator-padding-horizontal)}.el-carousel__indicator--vertical{padding:var(--el-carousel-indicator-padding-horizontal) var(--el-carousel-indicator-padding-vertical)}.el-carousel__indicator--vertical .el-carousel__button{width:var(--el-carousel-indicator-height);height:calc(var(--el-carousel-indicator-width)/ 2)}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{display:block;opacity:.48;width:var(--el-carousel-indicator-width);height:var(--el-carousel-indicator-height);background-color:#fff;border:none;outline:0;padding:0;margin:0;cursor:pointer;transition:var(--el-transition-duration)}.carousel-arrow-left-enter-from,.carousel-arrow-left-leave-active{transform:translateY(-50%) translateX(-10px);opacity:0}.carousel-arrow-right-enter-from,.carousel-arrow-right-leave-active{transform:translateY(-50%) translateX(10px);opacity:0}.el-cascader-panel{--el-cascader-menu-font-color:var(--el-text-color-regular);--el-cascader-menu-selected-font-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-fill-base);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-background-color-base);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:#f0f2f5}.el-cascader-panel{display:flex;border-radius:var(--el-cascader-menu-radius);font-size:var(--el-cascader-menu-font-size)}.el-cascader-panel.is-bordered{border:var(--el-cascader-menu-border);border-radius:var(--el-cascader-menu-radius)}.el-cascader-menu{min-width:180px;box-sizing:border-box;color:var(--el-cascader-menu-font-color);border-right:var(--el-cascader-menu-border)}.el-cascader-menu:last-child{border-right:none}.el-cascader-menu:last-child .el-cascader-node{padding-right:20px}.el-cascader-menu__wrap.el-scrollbar__wrap{height:204px}.el-cascader-menu__list{position:relative;min-height:100%;margin:0;padding:6px 0;list-style:none;box-sizing:border-box}.el-cascader-menu__hover-zone{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.el-cascader-menu__empty-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--el-cascader-color-empty)}.el-cascader-node{position:relative;display:flex;align-items:center;padding:0 30px 0 20px;height:34px;line-height:34px;outline:0}.el-cascader-node.is-selectable.in-active-path{color:var(--el-cascader-menu-font-color)}.el-cascader-node.in-active-path,.el-cascader-node.is-active,.el-cascader-node.is-selectable.in-checked-path{color:var(--el-cascader-menu-selected-font-color);font-weight:700}.el-cascader-node:not(.is-disabled){cursor:pointer}.el-cascader-node:not(.is-disabled):focus,.el-cascader-node:not(.is-disabled):hover{background:var(--el-cascader-node-background-hover)}.el-cascader-node.is-disabled{color:var(--el-cascader-node-color-disabled);cursor:not-allowed}.el-cascader-node__prefix{position:absolute;left:10px}.el-cascader-node__postfix{position:absolute;right:10px}.el-cascader-node__label{flex:1;text-align:left;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-cascader-node>.el-radio{margin-right:0}.el-cascader-node>.el-radio .el-radio__label{padding-left:0}.el-cascader{--el-cascader-menu-font-color:var(--el-text-color-regular);--el-cascader-menu-selected-font-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-fill-base);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-background-color-base);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:#f0f2f5;display:inline-block;position:relative;font-size:var(--el-font-size-base);line-height:40px;outline:0}.el-cascader:not(.is-disabled):hover .el-input__inner{cursor:pointer;border-color:var(--el-input-hover-border,var(--el-border-color-hover))}.el-cascader .el-input{cursor:pointer}.el-cascader .el-input .el-input__inner{text-overflow:ellipsis}.el-cascader .el-input .el-input__inner:focus{border-color:var(--el-input-focus-border,var(--el-color-primary))}.el-cascader .el-input .el-icon-arrow-down{transition:transform var(--el-transition-duration);font-size:14px}.el-cascader .el-input .el-icon-arrow-down.is-reverse{transform:rotateZ(180deg)}.el-cascader .el-input .el-icon-circle-close:hover{color:var(--el-input-clear-hover-color,var(--el-text-color-secondary))}.el-cascader .el-input.is-focus .el-input__inner{border-color:var(--el-input-focus-border,var(--el-color-primary))}.el-cascader--medium{font-size:14px;line-height:36px}.el-cascader--small{font-size:13px;line-height:32px}.el-cascader--mini{font-size:12px;line-height:28px}.el-cascader.is-disabled .el-cascader__label{z-index:calc(var(--el-index-normal) + 1);color:var(--el-disabled-color-base)}.el-cascader__dropdown{--el-cascader-menu-font-color:var(--el-text-color-regular);--el-cascader-menu-selected-font-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-fill-base);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-background-color-base);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:#f0f2f5}.el-cascader__dropdown{font-size:var(--el-cascader-menu-font-size);border-radius:var(--el-cascader-menu-radius)}.el-cascader__dropdown.el-popper[role=tooltip]{background:var(--el-cascader-menu-fill);border:var(--el-cascader-menu-border);box-shadow:var(--el-cascader-menu-shadow)}.el-cascader__dropdown.el-popper[role=tooltip] .el-popper__arrow::before{border:var(--el-cascader-menu-border)}.el-cascader__dropdown.el-popper[role=tooltip][data-popper-placement^=top] .el-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.el-cascader__dropdown.el-popper[role=tooltip][data-popper-placement^=bottom] .el-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.el-cascader__dropdown.el-popper[role=tooltip][data-popper-placement^=left] .el-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.el-cascader__dropdown.el-popper[role=tooltip][data-popper-placement^=right] .el-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.el-cascader__tags{position:absolute;left:0;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-wrap:wrap;line-height:normal;text-align:left;box-sizing:border-box}.el-cascader__tags .el-tag{display:inline-flex;align-items:center;max-width:100%;margin:2px 0 2px 6px;text-overflow:ellipsis;background:var(--el-cascader-tag-background)}.el-cascader__tags .el-tag:not(.is-hit){border-color:transparent}.el-cascader__tags .el-tag>span{flex:1;overflow:hidden;text-overflow:ellipsis}.el-cascader__tags .el-tag .el-icon-close{flex:none;background-color:var(--el-text-color-placeholder);color:var(--el-color-white)}.el-cascader__tags .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-cascader__suggestion-panel{border-radius:var(--el-cascader-menu-radius)}.el-cascader__suggestion-list{max-height:204px;margin:0;padding:6px 0;font-size:var(--el-font-size-base);color:var(--el-cascader-menu-font-color);text-align:center}.el-cascader__suggestion-item{display:flex;justify-content:space-between;align-items:center;height:34px;padding:0 15px;text-align:left;outline:0;cursor:pointer}.el-cascader__suggestion-item:focus,.el-cascader__suggestion-item:hover{background:var(--el-cascader-node-background-hover)}.el-cascader__suggestion-item.is-checked{color:var(--el-cascader-menu-selected-font-color);font-weight:700}.el-cascader__suggestion-item>span{margin-right:10px}.el-cascader__empty-text{margin:10px 0;color:var(--el-cascader-color-empty)}.el-cascader__search-input{flex:1;height:24px;min-width:60px;margin:2px 0 2px 15px;padding:0;color:var(--el-cascader-menu-font-color);border:none;outline:0;box-sizing:border-box}.el-cascader__search-input::placeholder{color:var(--el-text-color-placeholder)}.el-check-tag{background-color:#f5f7fa;border-radius:var(--el-border-radius-base);color:var(--el-color-info);cursor:pointer;display:inline-block;font-size:var(--el-font-size-base);line-height:var(--el-font-size-base);padding:7px 15px;transition:var(--el-transition-all);font-weight:700}.el-check-tag:hover{background-color:#dcdfe6}.el-check-tag.is-checked{background-color:#deedfc;color:#53a8ff}.el-check-tag.is-checked:hover{background-color:#c6e2ff}.el-checkbox-button{--el-checkbox-button-checked-background-color:var(--el-color-primary);--el-checkbox-button-checked-font-color:var(--el-color-white);--el-checkbox-button-checked-border-color:var(--el-color-primary)}.el-checkbox-button{position:relative;display:inline-block}.el-checkbox-button__inner{display:inline-block;line-height:1;font-weight:var(--el-checkbox-font-weight);white-space:nowrap;vertical-align:middle;cursor:pointer;background:var(--el-button-background-color,var(--el-color-white));border:1px solid #dcdfe6;border-left:0;color:var(--el-button-font-color,var(--el-text-color-regular));-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;position:relative;transition:var(--el-transition-all);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:var(--el-font-size-base,14px);border-radius:0}.el-checkbox-button__inner.is-round{padding:12px 20px}.el-checkbox-button__inner:hover{color:var(--el-color-primary)}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:var(--el-checkbox-button-checked-font-color);background-color:var(--el-checkbox-button-checked-background-color);border-color:var(--el-checkbox-button-checked-border-color);box-shadow:-1px 0 0 0 var(--el-color-primary-light-4)}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:var(--el-checkbox-button-checked-border-color)}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:var(--el-button-disabled-font-color,var(--el-text-color-placeholder));cursor:not-allowed;background-image:none;background-color:var(--el-button-disabled-background-color,var(--el-color-white));border-color:var(--el-button-disabled-border-color,var(--el-border-color-light));box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:var(--el-button-disabled-border-color,var(--el-border-color-light))}.el-checkbox-button:first-child .el-checkbox-button__inner{border-left:1px solid #dcdfe6;border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:var(--el-checkbox-button-checked-border-color)}.el-checkbox-button:last-child .el-checkbox-button__inner{border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0}.el-checkbox-button--medium .el-checkbox-button__inner{padding:10px 20px;font-size:var(--el-font-size-base,14px);border-radius:0}.el-checkbox-button--medium .el-checkbox-button__inner.is-round{padding:10px 20px}.el-checkbox-button--small .el-checkbox-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:9px 15px}.el-checkbox-button--mini .el-checkbox-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-checkbox-button--mini .el-checkbox-button__inner.is-round{padding:7px 15px}.el-checkbox-group{font-size:0}.el-checkbox{--el-checkbox-font-size:14px;--el-checkbox-font-weight:var(--el-font-weight-primary);--el-checkbox-font-color:var(--el-text-color-regular);--el-checkbox-input-height:14px;--el-checkbox-input-width:14px;--el-checkbox-border-radius:var(--el-border-radius-small);--el-checkbox-background-color:var(--el-color-white);--el-checkbox-input-border:var(--el-border-base);--el-checkbox-disabled-border-color:var(--el-border-color-base);--el-checkbox-disabled-input-fill:#edf2fc;--el-checkbox-disabled-icon-color:var(--el-text-color-placeholder);--el-checkbox-disabled-checked-input-fill:var(--el-border-color-extra-light);--el-checkbox-disabled-checked-input-border-color:var(--el-border-color-base);--el-checkbox-disabled-checked-icon-color:var(--el-text-color-placeholder);--el-checkbox-checked-font-color:var(--el-color-primary);--el-checkbox-checked-input-border-color:var(--el-color-primary);--el-checkbox-checked-background-color:var(--el-color-primary);--el-checkbox-checked-icon-color:var(--el-fill-base);--el-checkbox-input-border-color-hover:var(--el-color-primary)}.el-checkbox{color:var(--el-checkbox-font-color);font-weight:var(--el-checkbox-font-weight);font-size:var(--el-font-size-base);position:relative;cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;-webkit-user-select:none;user-select:none;margin-right:30px;height:40px}.el-checkbox.el-checkbox--medium{height:36px}.el-checkbox.el-checkbox--small{height:32px}.el-checkbox.el-checkbox--mini{height:28px}.el-checkbox.is-bordered{padding:0 20px 0 10px;border-radius:var(--el-border-radius-base);border:var(--el-border-base);box-sizing:border-box}.el-checkbox.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-checkbox.is-bordered.is-disabled{border-color:var(--el-border-color-lighter);cursor:not-allowed}.el-checkbox.is-bordered+.el-checkbox.is-bordered{margin-left:10px}.el-checkbox.is-bordered.el-checkbox--medium{padding:0 20px 0 10px;border-radius:var(--el-border-radius-base)}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label{font-size:var(--el-font-size-base,14px)}.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner{height:14px;width:14px}.el-checkbox.is-bordered.el-checkbox--small{padding:0 15px 0 10px;border-radius:calc(var(--el-border-radius-base) - 1px)}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini{padding:0 15px 0 10px;border-radius:calc(var(--el-border-radius-base) - 1px)}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label{font-size:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner{height:12px;width:12px}.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after,.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after{height:6px;width:2px}.el-checkbox__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-flex;position:relative}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:var(--el-checkbox-disabled-input-fill);border-color:var(--el-checkbox-disabled-border-color);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner::after{cursor:not-allowed;border-color:var(--el-checkbox-disabled-icon-color)}.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label{cursor:not-allowed}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after{border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before{background-color:var(--el-checkbox-disabled-checked-icon-color);border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-checked-background-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-checked .el-checkbox__inner::after{transform:rotate(45deg) scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:var(--el-checkbox-checked-font-color)}.el-checkbox__input.is-focus .el-checkbox__inner{border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-checked-background-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{content:"";position:absolute;display:block;background-color:var(--el-checkbox-checked-icon-color);height:2px;transform:scale(.5);left:0;right:0;top:5px}.el-checkbox__input.is-indeterminate .el-checkbox__inner::after{display:none}.el-checkbox__inner{display:inline-block;position:relative;border:var(--el-checkbox-input-border);border-radius:var(--el-checkbox-border-radius);box-sizing:border-box;width:var(--el-checkbox-input-width);height:var(--el-checkbox-input-height);background-color:var(--el-checkbox-background-color);z-index:var(--el-index-normal);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.el-checkbox__inner:hover{border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__inner::after{box-sizing:content-box;content:"";border:1px solid var(--el-checkbox-checked-icon-color);border-left:0;border-top:0;height:7px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);width:3px;transition:transform .15s ease-in 50ms;transform-origin:center}.el-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.el-checkbox__label{display:inline-block;padding-left:10px;line-height:1;font-size:var(--el-checkbox-font-size)}.el-checkbox:last-of-type{margin-right:0}[class*=el-col-]{float:left;box-sizing:border-box}[class*=el-col-].is-guttered{display:block;min-height:1px}.el-col-0{display:none}.el-col-0.is-guttered{display:none}.el-col-0{max-width:0%;flex:0 0 0%}.el-col-offset-0{margin-left:0}.el-col-pull-0{position:relative;right:0}.el-col-push-0{position:relative;left:0}.el-col-1{max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-offset-1{margin-left:4.1666666667%}.el-col-pull-1{position:relative;right:4.1666666667%}.el-col-push-1{position:relative;left:4.1666666667%}.el-col-2{max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-offset-2{margin-left:8.3333333333%}.el-col-pull-2{position:relative;right:8.3333333333%}.el-col-push-2{position:relative;left:8.3333333333%}.el-col-3{max-width:12.5%;flex:0 0 12.5%}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{position:relative;right:12.5%}.el-col-push-3{position:relative;left:12.5%}.el-col-4{max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-offset-4{margin-left:16.6666666667%}.el-col-pull-4{position:relative;right:16.6666666667%}.el-col-push-4{position:relative;left:16.6666666667%}.el-col-5{max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-offset-5{margin-left:20.8333333333%}.el-col-pull-5{position:relative;right:20.8333333333%}.el-col-push-5{position:relative;left:20.8333333333%}.el-col-6{max-width:25%;flex:0 0 25%}.el-col-offset-6{margin-left:25%}.el-col-pull-6{position:relative;right:25%}.el-col-push-6{position:relative;left:25%}.el-col-7{max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-offset-7{margin-left:29.1666666667%}.el-col-pull-7{position:relative;right:29.1666666667%}.el-col-push-7{position:relative;left:29.1666666667%}.el-col-8{max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-offset-8{margin-left:33.3333333333%}.el-col-pull-8{position:relative;right:33.3333333333%}.el-col-push-8{position:relative;left:33.3333333333%}.el-col-9{max-width:37.5%;flex:0 0 37.5%}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{position:relative;right:37.5%}.el-col-push-9{position:relative;left:37.5%}.el-col-10{max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-offset-10{margin-left:41.6666666667%}.el-col-pull-10{position:relative;right:41.6666666667%}.el-col-push-10{position:relative;left:41.6666666667%}.el-col-11{max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-offset-11{margin-left:45.8333333333%}.el-col-pull-11{position:relative;right:45.8333333333%}.el-col-push-11{position:relative;left:45.8333333333%}.el-col-12{max-width:50%;flex:0 0 50%}.el-col-offset-12{margin-left:50%}.el-col-pull-12{position:relative;right:50%}.el-col-push-12{position:relative;left:50%}.el-col-13{max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-offset-13{margin-left:54.1666666667%}.el-col-pull-13{position:relative;right:54.1666666667%}.el-col-push-13{position:relative;left:54.1666666667%}.el-col-14{max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-offset-14{margin-left:58.3333333333%}.el-col-pull-14{position:relative;right:58.3333333333%}.el-col-push-14{position:relative;left:58.3333333333%}.el-col-15{max-width:62.5%;flex:0 0 62.5%}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{position:relative;right:62.5%}.el-col-push-15{position:relative;left:62.5%}.el-col-16{max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-offset-16{margin-left:66.6666666667%}.el-col-pull-16{position:relative;right:66.6666666667%}.el-col-push-16{position:relative;left:66.6666666667%}.el-col-17{max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-offset-17{margin-left:70.8333333333%}.el-col-pull-17{position:relative;right:70.8333333333%}.el-col-push-17{position:relative;left:70.8333333333%}.el-col-18{max-width:75%;flex:0 0 75%}.el-col-offset-18{margin-left:75%}.el-col-pull-18{position:relative;right:75%}.el-col-push-18{position:relative;left:75%}.el-col-19{max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-offset-19{margin-left:79.1666666667%}.el-col-pull-19{position:relative;right:79.1666666667%}.el-col-push-19{position:relative;left:79.1666666667%}.el-col-20{max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-offset-20{margin-left:83.3333333333%}.el-col-pull-20{position:relative;right:83.3333333333%}.el-col-push-20{position:relative;left:83.3333333333%}.el-col-21{max-width:87.5%;flex:0 0 87.5%}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{position:relative;right:87.5%}.el-col-push-21{position:relative;left:87.5%}.el-col-22{max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-offset-22{margin-left:91.6666666667%}.el-col-pull-22{position:relative;right:91.6666666667%}.el-col-push-22{position:relative;left:91.6666666667%}.el-col-23{max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-offset-23{margin-left:95.8333333333%}.el-col-pull-23{position:relative;right:95.8333333333%}.el-col-push-23{position:relative;left:95.8333333333%}.el-col-24{max-width:100%;flex:0 0 100%}.el-col-offset-24{margin-left:100%}.el-col-pull-24{position:relative;right:100%}.el-col-push-24{position:relative;left:100%}@media only screen and (max-width:768px){.el-col-xs-0{display:none}.el-col-xs-0.is-guttered{display:none}.el-col-xs-0{max-width:0%;flex:0 0 0%}.el-col-xs-offset-0{margin-left:0}.el-col-xs-pull-0{position:relative;right:0}.el-col-xs-push-0{position:relative;left:0}.el-col-xs-1{display:block;max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-xs-offset-1{margin-left:4.1666666667%}.el-col-xs-pull-1{position:relative;right:4.1666666667%}.el-col-xs-push-1{position:relative;left:4.1666666667%}.el-col-xs-2{display:block;max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-xs-offset-2{margin-left:8.3333333333%}.el-col-xs-pull-2{position:relative;right:8.3333333333%}.el-col-xs-push-2{position:relative;left:8.3333333333%}.el-col-xs-3{display:block;max-width:12.5%;flex:0 0 12.5%}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{position:relative;left:12.5%}.el-col-xs-4{display:block;max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-xs-offset-4{margin-left:16.6666666667%}.el-col-xs-pull-4{position:relative;right:16.6666666667%}.el-col-xs-push-4{position:relative;left:16.6666666667%}.el-col-xs-5{display:block;max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-xs-offset-5{margin-left:20.8333333333%}.el-col-xs-pull-5{position:relative;right:20.8333333333%}.el-col-xs-push-5{position:relative;left:20.8333333333%}.el-col-xs-6{display:block;max-width:25%;flex:0 0 25%}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{position:relative;left:25%}.el-col-xs-7{display:block;max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-xs-offset-7{margin-left:29.1666666667%}.el-col-xs-pull-7{position:relative;right:29.1666666667%}.el-col-xs-push-7{position:relative;left:29.1666666667%}.el-col-xs-8{display:block;max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-xs-offset-8{margin-left:33.3333333333%}.el-col-xs-pull-8{position:relative;right:33.3333333333%}.el-col-xs-push-8{position:relative;left:33.3333333333%}.el-col-xs-9{display:block;max-width:37.5%;flex:0 0 37.5%}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{position:relative;left:37.5%}.el-col-xs-10{display:block;max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-xs-offset-10{margin-left:41.6666666667%}.el-col-xs-pull-10{position:relative;right:41.6666666667%}.el-col-xs-push-10{position:relative;left:41.6666666667%}.el-col-xs-11{display:block;max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-xs-offset-11{margin-left:45.8333333333%}.el-col-xs-pull-11{position:relative;right:45.8333333333%}.el-col-xs-push-11{position:relative;left:45.8333333333%}.el-col-xs-12{display:block;max-width:50%;flex:0 0 50%}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{position:relative;left:50%}.el-col-xs-13{display:block;max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-xs-offset-13{margin-left:54.1666666667%}.el-col-xs-pull-13{position:relative;right:54.1666666667%}.el-col-xs-push-13{position:relative;left:54.1666666667%}.el-col-xs-14{display:block;max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-xs-offset-14{margin-left:58.3333333333%}.el-col-xs-pull-14{position:relative;right:58.3333333333%}.el-col-xs-push-14{position:relative;left:58.3333333333%}.el-col-xs-15{display:block;max-width:62.5%;flex:0 0 62.5%}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{position:relative;left:62.5%}.el-col-xs-16{display:block;max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-xs-offset-16{margin-left:66.6666666667%}.el-col-xs-pull-16{position:relative;right:66.6666666667%}.el-col-xs-push-16{position:relative;left:66.6666666667%}.el-col-xs-17{display:block;max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-xs-offset-17{margin-left:70.8333333333%}.el-col-xs-pull-17{position:relative;right:70.8333333333%}.el-col-xs-push-17{position:relative;left:70.8333333333%}.el-col-xs-18{display:block;max-width:75%;flex:0 0 75%}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{position:relative;left:75%}.el-col-xs-19{display:block;max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-xs-offset-19{margin-left:79.1666666667%}.el-col-xs-pull-19{position:relative;right:79.1666666667%}.el-col-xs-push-19{position:relative;left:79.1666666667%}.el-col-xs-20{display:block;max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-xs-offset-20{margin-left:83.3333333333%}.el-col-xs-pull-20{position:relative;right:83.3333333333%}.el-col-xs-push-20{position:relative;left:83.3333333333%}.el-col-xs-21{display:block;max-width:87.5%;flex:0 0 87.5%}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{position:relative;left:87.5%}.el-col-xs-22{display:block;max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-xs-offset-22{margin-left:91.6666666667%}.el-col-xs-pull-22{position:relative;right:91.6666666667%}.el-col-xs-push-22{position:relative;left:91.6666666667%}.el-col-xs-23{display:block;max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-xs-offset-23{margin-left:95.8333333333%}.el-col-xs-pull-23{position:relative;right:95.8333333333%}.el-col-xs-push-23{position:relative;left:95.8333333333%}.el-col-xs-24{display:block;max-width:100%;flex:0 0 100%}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{position:relative;left:100%}}@media only screen and (min-width:768px){.el-col-sm-0{display:none}.el-col-sm-0.is-guttered{display:none}.el-col-sm-0{max-width:0%;flex:0 0 0%}.el-col-sm-offset-0{margin-left:0}.el-col-sm-pull-0{position:relative;right:0}.el-col-sm-push-0{position:relative;left:0}.el-col-sm-1{display:block;max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-sm-offset-1{margin-left:4.1666666667%}.el-col-sm-pull-1{position:relative;right:4.1666666667%}.el-col-sm-push-1{position:relative;left:4.1666666667%}.el-col-sm-2{display:block;max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-sm-offset-2{margin-left:8.3333333333%}.el-col-sm-pull-2{position:relative;right:8.3333333333%}.el-col-sm-push-2{position:relative;left:8.3333333333%}.el-col-sm-3{display:block;max-width:12.5%;flex:0 0 12.5%}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{position:relative;left:12.5%}.el-col-sm-4{display:block;max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-sm-offset-4{margin-left:16.6666666667%}.el-col-sm-pull-4{position:relative;right:16.6666666667%}.el-col-sm-push-4{position:relative;left:16.6666666667%}.el-col-sm-5{display:block;max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-sm-offset-5{margin-left:20.8333333333%}.el-col-sm-pull-5{position:relative;right:20.8333333333%}.el-col-sm-push-5{position:relative;left:20.8333333333%}.el-col-sm-6{display:block;max-width:25%;flex:0 0 25%}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{position:relative;left:25%}.el-col-sm-7{display:block;max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-sm-offset-7{margin-left:29.1666666667%}.el-col-sm-pull-7{position:relative;right:29.1666666667%}.el-col-sm-push-7{position:relative;left:29.1666666667%}.el-col-sm-8{display:block;max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-sm-offset-8{margin-left:33.3333333333%}.el-col-sm-pull-8{position:relative;right:33.3333333333%}.el-col-sm-push-8{position:relative;left:33.3333333333%}.el-col-sm-9{display:block;max-width:37.5%;flex:0 0 37.5%}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{position:relative;left:37.5%}.el-col-sm-10{display:block;max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-sm-offset-10{margin-left:41.6666666667%}.el-col-sm-pull-10{position:relative;right:41.6666666667%}.el-col-sm-push-10{position:relative;left:41.6666666667%}.el-col-sm-11{display:block;max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-sm-offset-11{margin-left:45.8333333333%}.el-col-sm-pull-11{position:relative;right:45.8333333333%}.el-col-sm-push-11{position:relative;left:45.8333333333%}.el-col-sm-12{display:block;max-width:50%;flex:0 0 50%}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{position:relative;left:50%}.el-col-sm-13{display:block;max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-sm-offset-13{margin-left:54.1666666667%}.el-col-sm-pull-13{position:relative;right:54.1666666667%}.el-col-sm-push-13{position:relative;left:54.1666666667%}.el-col-sm-14{display:block;max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-sm-offset-14{margin-left:58.3333333333%}.el-col-sm-pull-14{position:relative;right:58.3333333333%}.el-col-sm-push-14{position:relative;left:58.3333333333%}.el-col-sm-15{display:block;max-width:62.5%;flex:0 0 62.5%}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{position:relative;left:62.5%}.el-col-sm-16{display:block;max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-sm-offset-16{margin-left:66.6666666667%}.el-col-sm-pull-16{position:relative;right:66.6666666667%}.el-col-sm-push-16{position:relative;left:66.6666666667%}.el-col-sm-17{display:block;max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-sm-offset-17{margin-left:70.8333333333%}.el-col-sm-pull-17{position:relative;right:70.8333333333%}.el-col-sm-push-17{position:relative;left:70.8333333333%}.el-col-sm-18{display:block;max-width:75%;flex:0 0 75%}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{position:relative;left:75%}.el-col-sm-19{display:block;max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-sm-offset-19{margin-left:79.1666666667%}.el-col-sm-pull-19{position:relative;right:79.1666666667%}.el-col-sm-push-19{position:relative;left:79.1666666667%}.el-col-sm-20{display:block;max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-sm-offset-20{margin-left:83.3333333333%}.el-col-sm-pull-20{position:relative;right:83.3333333333%}.el-col-sm-push-20{position:relative;left:83.3333333333%}.el-col-sm-21{display:block;max-width:87.5%;flex:0 0 87.5%}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{position:relative;left:87.5%}.el-col-sm-22{display:block;max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-sm-offset-22{margin-left:91.6666666667%}.el-col-sm-pull-22{position:relative;right:91.6666666667%}.el-col-sm-push-22{position:relative;left:91.6666666667%}.el-col-sm-23{display:block;max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-sm-offset-23{margin-left:95.8333333333%}.el-col-sm-pull-23{position:relative;right:95.8333333333%}.el-col-sm-push-23{position:relative;left:95.8333333333%}.el-col-sm-24{display:block;max-width:100%;flex:0 0 100%}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{position:relative;left:100%}}@media only screen and (min-width:992px){.el-col-md-0{display:none}.el-col-md-0.is-guttered{display:none}.el-col-md-0{max-width:0%;flex:0 0 0%}.el-col-md-offset-0{margin-left:0}.el-col-md-pull-0{position:relative;right:0}.el-col-md-push-0{position:relative;left:0}.el-col-md-1{display:block;max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-md-offset-1{margin-left:4.1666666667%}.el-col-md-pull-1{position:relative;right:4.1666666667%}.el-col-md-push-1{position:relative;left:4.1666666667%}.el-col-md-2{display:block;max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-md-offset-2{margin-left:8.3333333333%}.el-col-md-pull-2{position:relative;right:8.3333333333%}.el-col-md-push-2{position:relative;left:8.3333333333%}.el-col-md-3{display:block;max-width:12.5%;flex:0 0 12.5%}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{position:relative;left:12.5%}.el-col-md-4{display:block;max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-md-offset-4{margin-left:16.6666666667%}.el-col-md-pull-4{position:relative;right:16.6666666667%}.el-col-md-push-4{position:relative;left:16.6666666667%}.el-col-md-5{display:block;max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-md-offset-5{margin-left:20.8333333333%}.el-col-md-pull-5{position:relative;right:20.8333333333%}.el-col-md-push-5{position:relative;left:20.8333333333%}.el-col-md-6{display:block;max-width:25%;flex:0 0 25%}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{position:relative;left:25%}.el-col-md-7{display:block;max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-md-offset-7{margin-left:29.1666666667%}.el-col-md-pull-7{position:relative;right:29.1666666667%}.el-col-md-push-7{position:relative;left:29.1666666667%}.el-col-md-8{display:block;max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-md-offset-8{margin-left:33.3333333333%}.el-col-md-pull-8{position:relative;right:33.3333333333%}.el-col-md-push-8{position:relative;left:33.3333333333%}.el-col-md-9{display:block;max-width:37.5%;flex:0 0 37.5%}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{position:relative;left:37.5%}.el-col-md-10{display:block;max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-md-offset-10{margin-left:41.6666666667%}.el-col-md-pull-10{position:relative;right:41.6666666667%}.el-col-md-push-10{position:relative;left:41.6666666667%}.el-col-md-11{display:block;max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-md-offset-11{margin-left:45.8333333333%}.el-col-md-pull-11{position:relative;right:45.8333333333%}.el-col-md-push-11{position:relative;left:45.8333333333%}.el-col-md-12{display:block;max-width:50%;flex:0 0 50%}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{position:relative;left:50%}.el-col-md-13{display:block;max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-md-offset-13{margin-left:54.1666666667%}.el-col-md-pull-13{position:relative;right:54.1666666667%}.el-col-md-push-13{position:relative;left:54.1666666667%}.el-col-md-14{display:block;max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-md-offset-14{margin-left:58.3333333333%}.el-col-md-pull-14{position:relative;right:58.3333333333%}.el-col-md-push-14{position:relative;left:58.3333333333%}.el-col-md-15{display:block;max-width:62.5%;flex:0 0 62.5%}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{position:relative;left:62.5%}.el-col-md-16{display:block;max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-md-offset-16{margin-left:66.6666666667%}.el-col-md-pull-16{position:relative;right:66.6666666667%}.el-col-md-push-16{position:relative;left:66.6666666667%}.el-col-md-17{display:block;max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-md-offset-17{margin-left:70.8333333333%}.el-col-md-pull-17{position:relative;right:70.8333333333%}.el-col-md-push-17{position:relative;left:70.8333333333%}.el-col-md-18{display:block;max-width:75%;flex:0 0 75%}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{position:relative;left:75%}.el-col-md-19{display:block;max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-md-offset-19{margin-left:79.1666666667%}.el-col-md-pull-19{position:relative;right:79.1666666667%}.el-col-md-push-19{position:relative;left:79.1666666667%}.el-col-md-20{display:block;max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-md-offset-20{margin-left:83.3333333333%}.el-col-md-pull-20{position:relative;right:83.3333333333%}.el-col-md-push-20{position:relative;left:83.3333333333%}.el-col-md-21{display:block;max-width:87.5%;flex:0 0 87.5%}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{position:relative;left:87.5%}.el-col-md-22{display:block;max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-md-offset-22{margin-left:91.6666666667%}.el-col-md-pull-22{position:relative;right:91.6666666667%}.el-col-md-push-22{position:relative;left:91.6666666667%}.el-col-md-23{display:block;max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-md-offset-23{margin-left:95.8333333333%}.el-col-md-pull-23{position:relative;right:95.8333333333%}.el-col-md-push-23{position:relative;left:95.8333333333%}.el-col-md-24{display:block;max-width:100%;flex:0 0 100%}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{position:relative;left:100%}}@media only screen and (min-width:1200px){.el-col-lg-0{display:none}.el-col-lg-0.is-guttered{display:none}.el-col-lg-0{max-width:0%;flex:0 0 0%}.el-col-lg-offset-0{margin-left:0}.el-col-lg-pull-0{position:relative;right:0}.el-col-lg-push-0{position:relative;left:0}.el-col-lg-1{display:block;max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-lg-offset-1{margin-left:4.1666666667%}.el-col-lg-pull-1{position:relative;right:4.1666666667%}.el-col-lg-push-1{position:relative;left:4.1666666667%}.el-col-lg-2{display:block;max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-lg-offset-2{margin-left:8.3333333333%}.el-col-lg-pull-2{position:relative;right:8.3333333333%}.el-col-lg-push-2{position:relative;left:8.3333333333%}.el-col-lg-3{display:block;max-width:12.5%;flex:0 0 12.5%}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{position:relative;left:12.5%}.el-col-lg-4{display:block;max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-lg-offset-4{margin-left:16.6666666667%}.el-col-lg-pull-4{position:relative;right:16.6666666667%}.el-col-lg-push-4{position:relative;left:16.6666666667%}.el-col-lg-5{display:block;max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-lg-offset-5{margin-left:20.8333333333%}.el-col-lg-pull-5{position:relative;right:20.8333333333%}.el-col-lg-push-5{position:relative;left:20.8333333333%}.el-col-lg-6{display:block;max-width:25%;flex:0 0 25%}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{position:relative;left:25%}.el-col-lg-7{display:block;max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-lg-offset-7{margin-left:29.1666666667%}.el-col-lg-pull-7{position:relative;right:29.1666666667%}.el-col-lg-push-7{position:relative;left:29.1666666667%}.el-col-lg-8{display:block;max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-lg-offset-8{margin-left:33.3333333333%}.el-col-lg-pull-8{position:relative;right:33.3333333333%}.el-col-lg-push-8{position:relative;left:33.3333333333%}.el-col-lg-9{display:block;max-width:37.5%;flex:0 0 37.5%}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{position:relative;left:37.5%}.el-col-lg-10{display:block;max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-lg-offset-10{margin-left:41.6666666667%}.el-col-lg-pull-10{position:relative;right:41.6666666667%}.el-col-lg-push-10{position:relative;left:41.6666666667%}.el-col-lg-11{display:block;max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-lg-offset-11{margin-left:45.8333333333%}.el-col-lg-pull-11{position:relative;right:45.8333333333%}.el-col-lg-push-11{position:relative;left:45.8333333333%}.el-col-lg-12{display:block;max-width:50%;flex:0 0 50%}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{position:relative;left:50%}.el-col-lg-13{display:block;max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-lg-offset-13{margin-left:54.1666666667%}.el-col-lg-pull-13{position:relative;right:54.1666666667%}.el-col-lg-push-13{position:relative;left:54.1666666667%}.el-col-lg-14{display:block;max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-lg-offset-14{margin-left:58.3333333333%}.el-col-lg-pull-14{position:relative;right:58.3333333333%}.el-col-lg-push-14{position:relative;left:58.3333333333%}.el-col-lg-15{display:block;max-width:62.5%;flex:0 0 62.5%}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{position:relative;left:62.5%}.el-col-lg-16{display:block;max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-lg-offset-16{margin-left:66.6666666667%}.el-col-lg-pull-16{position:relative;right:66.6666666667%}.el-col-lg-push-16{position:relative;left:66.6666666667%}.el-col-lg-17{display:block;max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-lg-offset-17{margin-left:70.8333333333%}.el-col-lg-pull-17{position:relative;right:70.8333333333%}.el-col-lg-push-17{position:relative;left:70.8333333333%}.el-col-lg-18{display:block;max-width:75%;flex:0 0 75%}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{position:relative;left:75%}.el-col-lg-19{display:block;max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-lg-offset-19{margin-left:79.1666666667%}.el-col-lg-pull-19{position:relative;right:79.1666666667%}.el-col-lg-push-19{position:relative;left:79.1666666667%}.el-col-lg-20{display:block;max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-lg-offset-20{margin-left:83.3333333333%}.el-col-lg-pull-20{position:relative;right:83.3333333333%}.el-col-lg-push-20{position:relative;left:83.3333333333%}.el-col-lg-21{display:block;max-width:87.5%;flex:0 0 87.5%}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{position:relative;left:87.5%}.el-col-lg-22{display:block;max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-lg-offset-22{margin-left:91.6666666667%}.el-col-lg-pull-22{position:relative;right:91.6666666667%}.el-col-lg-push-22{position:relative;left:91.6666666667%}.el-col-lg-23{display:block;max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-lg-offset-23{margin-left:95.8333333333%}.el-col-lg-pull-23{position:relative;right:95.8333333333%}.el-col-lg-push-23{position:relative;left:95.8333333333%}.el-col-lg-24{display:block;max-width:100%;flex:0 0 100%}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{position:relative;left:100%}}@media only screen and (min-width:1920px){.el-col-xl-0{display:none}.el-col-xl-0.is-guttered{display:none}.el-col-xl-0{max-width:0%;flex:0 0 0%}.el-col-xl-offset-0{margin-left:0}.el-col-xl-pull-0{position:relative;right:0}.el-col-xl-push-0{position:relative;left:0}.el-col-xl-1{display:block;max-width:4.1666666667%;flex:0 0 4.1666666667%}.el-col-xl-offset-1{margin-left:4.1666666667%}.el-col-xl-pull-1{position:relative;right:4.1666666667%}.el-col-xl-push-1{position:relative;left:4.1666666667%}.el-col-xl-2{display:block;max-width:8.3333333333%;flex:0 0 8.3333333333%}.el-col-xl-offset-2{margin-left:8.3333333333%}.el-col-xl-pull-2{position:relative;right:8.3333333333%}.el-col-xl-push-2{position:relative;left:8.3333333333%}.el-col-xl-3{display:block;max-width:12.5%;flex:0 0 12.5%}.el-col-xl-offset-3{margin-left:12.5%}.el-col-xl-pull-3{position:relative;right:12.5%}.el-col-xl-push-3{position:relative;left:12.5%}.el-col-xl-4{display:block;max-width:16.6666666667%;flex:0 0 16.6666666667%}.el-col-xl-offset-4{margin-left:16.6666666667%}.el-col-xl-pull-4{position:relative;right:16.6666666667%}.el-col-xl-push-4{position:relative;left:16.6666666667%}.el-col-xl-5{display:block;max-width:20.8333333333%;flex:0 0 20.8333333333%}.el-col-xl-offset-5{margin-left:20.8333333333%}.el-col-xl-pull-5{position:relative;right:20.8333333333%}.el-col-xl-push-5{position:relative;left:20.8333333333%}.el-col-xl-6{display:block;max-width:25%;flex:0 0 25%}.el-col-xl-offset-6{margin-left:25%}.el-col-xl-pull-6{position:relative;right:25%}.el-col-xl-push-6{position:relative;left:25%}.el-col-xl-7{display:block;max-width:29.1666666667%;flex:0 0 29.1666666667%}.el-col-xl-offset-7{margin-left:29.1666666667%}.el-col-xl-pull-7{position:relative;right:29.1666666667%}.el-col-xl-push-7{position:relative;left:29.1666666667%}.el-col-xl-8{display:block;max-width:33.3333333333%;flex:0 0 33.3333333333%}.el-col-xl-offset-8{margin-left:33.3333333333%}.el-col-xl-pull-8{position:relative;right:33.3333333333%}.el-col-xl-push-8{position:relative;left:33.3333333333%}.el-col-xl-9{display:block;max-width:37.5%;flex:0 0 37.5%}.el-col-xl-offset-9{margin-left:37.5%}.el-col-xl-pull-9{position:relative;right:37.5%}.el-col-xl-push-9{position:relative;left:37.5%}.el-col-xl-10{display:block;max-width:41.6666666667%;flex:0 0 41.6666666667%}.el-col-xl-offset-10{margin-left:41.6666666667%}.el-col-xl-pull-10{position:relative;right:41.6666666667%}.el-col-xl-push-10{position:relative;left:41.6666666667%}.el-col-xl-11{display:block;max-width:45.8333333333%;flex:0 0 45.8333333333%}.el-col-xl-offset-11{margin-left:45.8333333333%}.el-col-xl-pull-11{position:relative;right:45.8333333333%}.el-col-xl-push-11{position:relative;left:45.8333333333%}.el-col-xl-12{display:block;max-width:50%;flex:0 0 50%}.el-col-xl-offset-12{margin-left:50%}.el-col-xl-pull-12{position:relative;right:50%}.el-col-xl-push-12{position:relative;left:50%}.el-col-xl-13{display:block;max-width:54.1666666667%;flex:0 0 54.1666666667%}.el-col-xl-offset-13{margin-left:54.1666666667%}.el-col-xl-pull-13{position:relative;right:54.1666666667%}.el-col-xl-push-13{position:relative;left:54.1666666667%}.el-col-xl-14{display:block;max-width:58.3333333333%;flex:0 0 58.3333333333%}.el-col-xl-offset-14{margin-left:58.3333333333%}.el-col-xl-pull-14{position:relative;right:58.3333333333%}.el-col-xl-push-14{position:relative;left:58.3333333333%}.el-col-xl-15{display:block;max-width:62.5%;flex:0 0 62.5%}.el-col-xl-offset-15{margin-left:62.5%}.el-col-xl-pull-15{position:relative;right:62.5%}.el-col-xl-push-15{position:relative;left:62.5%}.el-col-xl-16{display:block;max-width:66.6666666667%;flex:0 0 66.6666666667%}.el-col-xl-offset-16{margin-left:66.6666666667%}.el-col-xl-pull-16{position:relative;right:66.6666666667%}.el-col-xl-push-16{position:relative;left:66.6666666667%}.el-col-xl-17{display:block;max-width:70.8333333333%;flex:0 0 70.8333333333%}.el-col-xl-offset-17{margin-left:70.8333333333%}.el-col-xl-pull-17{position:relative;right:70.8333333333%}.el-col-xl-push-17{position:relative;left:70.8333333333%}.el-col-xl-18{display:block;max-width:75%;flex:0 0 75%}.el-col-xl-offset-18{margin-left:75%}.el-col-xl-pull-18{position:relative;right:75%}.el-col-xl-push-18{position:relative;left:75%}.el-col-xl-19{display:block;max-width:79.1666666667%;flex:0 0 79.1666666667%}.el-col-xl-offset-19{margin-left:79.1666666667%}.el-col-xl-pull-19{position:relative;right:79.1666666667%}.el-col-xl-push-19{position:relative;left:79.1666666667%}.el-col-xl-20{display:block;max-width:83.3333333333%;flex:0 0 83.3333333333%}.el-col-xl-offset-20{margin-left:83.3333333333%}.el-col-xl-pull-20{position:relative;right:83.3333333333%}.el-col-xl-push-20{position:relative;left:83.3333333333%}.el-col-xl-21{display:block;max-width:87.5%;flex:0 0 87.5%}.el-col-xl-offset-21{margin-left:87.5%}.el-col-xl-pull-21{position:relative;right:87.5%}.el-col-xl-push-21{position:relative;left:87.5%}.el-col-xl-22{display:block;max-width:91.6666666667%;flex:0 0 91.6666666667%}.el-col-xl-offset-22{margin-left:91.6666666667%}.el-col-xl-pull-22{position:relative;right:91.6666666667%}.el-col-xl-push-22{position:relative;left:91.6666666667%}.el-col-xl-23{display:block;max-width:95.8333333333%;flex:0 0 95.8333333333%}.el-col-xl-offset-23{margin-left:95.8333333333%}.el-col-xl-pull-23{position:relative;right:95.8333333333%}.el-col-xl-push-23{position:relative;left:95.8333333333%}.el-col-xl-24{display:block;max-width:100%;flex:0 0 100%}.el-col-xl-offset-24{margin-left:100%}.el-col-xl-pull-24{position:relative;right:100%}.el-col-xl-push-24{position:relative;left:100%}}.el-collapse{--el-collapse-border-color:var(--el-border-color-lighter);--el-collapse-header-height:48px;--el-collapse-header-background-color:var(--el-color-white);--el-collapse-header-font-color:var(--el-text-color-primary);--el-collapse-header-font-size:13px;--el-collapse-content-background-color:var(--el-color-white);--el-collapse-content-font-size:13px;--el-collapse-content-font-color:var(--el-text-color-primary);border-top:1px solid var(--el-collapse-border-color);border-bottom:1px solid var(--el-collapse-border-color)}.el-collapse-item.is-disabled .el-collapse-item__header{color:var(--el-font-color-disabled-base);cursor:not-allowed}.el-collapse-item__header{display:flex;align-items:center;height:var(--el-collapse-header-height);line-height:var(--el-collapse-header-height);background-color:var(--el-collapse-header-background-color);color:var(--el-collapse-header-font-color);cursor:pointer;border-bottom:1px solid var(--el-collapse-border-color);font-size:var(--el-collapse-header-font-size);font-weight:500;transition:border-bottom-color var(--el-transition-duration);outline:0}.el-collapse-item__arrow{margin:0 8px 0 auto;transition:transform var(--el-transition-duration);font-weight:300}.el-collapse-item__arrow.is-active{transform:rotate(90deg)}.el-collapse-item__header.focusing:focus:not(:hover){color:var(--el-color-primary)}.el-collapse-item__header.is-active{border-bottom-color:transparent}.el-collapse-item__wrap{will-change:height;background-color:var(--el-collapse-content-background-color);overflow:hidden;box-sizing:border-box;border-bottom:1px solid var(--el-collapse-border-color)}.el-collapse-item__content{padding-bottom:25px;font-size:var(--el-collapse-content-font-size);color:var(--el-collapse-content-font-color);line-height:1.7692307692}.el-collapse-item:last-child{margin-bottom:-1px}.el-color-predefine{display:flex;font-size:12px;margin-top:8px;width:280px}.el-color-predefine__colors{display:flex;flex:1;flex-wrap:wrap}.el-color-predefine__color-selector{margin:0 0 8px 8px;width:20px;height:20px;border-radius:4px;cursor:pointer}.el-color-predefine__color-selector:nth-child(10n+1){margin-left:0}.el-color-predefine__color-selector.selected{box-shadow:0 0 3px 2px var(--el-color-primary)}.el-color-predefine__color-selector>div{display:flex;height:100%;border-radius:3px}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background-color:red;padding:0 2px;float:right}.el-color-hue-slider__bar{position:relative;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%}.el-color-hue-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-svpanel{position:relative;width:280px;height:180px}.el-color-svpanel__black,.el-color-svpanel__white{position:absolute;top:0;left:0;right:0;bottom:0}.el-color-svpanel__white{background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.el-color-svpanel__black{background:linear-gradient(to top,#000,rgba(0,0,0,0))}.el-color-svpanel__cursor{position:absolute}.el-color-svpanel__cursor>div{cursor:head;width:4px;height:4px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4);border-radius:50%;transform:translate(-2px,-2px)}.el-color-alpha-slider{position:relative;box-sizing:border-box;width:280px;height:12px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-alpha-slider__bar{position:relative;background:linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%);height:100%}.el-color-alpha-slider__thumb{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;width:4px;height:100%;border-radius:1px;background:#fff;border:1px solid #f0f0f0;box-shadow:0 0 2px rgba(0,0,0,.6);z-index:1}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{left:0;top:0;width:100%;height:4px}.el-color-dropdown{width:300px}.el-color-dropdown__main-wrapper{margin-bottom:6px}.el-color-dropdown__main-wrapper::after{content:"";display:table;clear:both}.el-color-dropdown__btns{margin-top:6px;text-align:right}.el-color-dropdown__value{float:left;line-height:26px;font-size:12px;color:#000;width:160px}.el-color-picker{display:inline-block;position:relative;line-height:normal;height:40px}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed}.el-color-picker--medium{height:36px}.el-color-picker--medium .el-color-picker__trigger{height:36px;width:36px}.el-color-picker--medium .el-color-picker__mask{height:34px;width:34px}.el-color-picker--small{height:32px}.el-color-picker--small .el-color-picker__trigger{height:32px;width:32px}.el-color-picker--small .el-color-picker__mask{height:30px;width:30px}.el-color-picker--small .el-color-picker__empty,.el-color-picker--small .el-color-picker__icon{transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker--mini{height:28px}.el-color-picker--mini .el-color-picker__trigger{height:28px;width:28px}.el-color-picker--mini .el-color-picker__mask{height:26px;width:26px}.el-color-picker--mini .el-color-picker__empty,.el-color-picker--mini .el-color-picker__icon{transform:translate3d(-50%,-50%,0) scale(.8)}.el-color-picker__mask{height:38px;width:38px;border-radius:4px;position:absolute;top:1px;left:1px;z-index:1;cursor:not-allowed;background-color:rgba(255,255,255,.7)}.el-color-picker__trigger{display:inline-block;box-sizing:border-box;height:40px;width:40px;padding:4px;border:1px solid #e6e6e6;border-radius:4px;font-size:0;position:relative;cursor:pointer}.el-color-picker__color{position:relative;display:block;box-sizing:border-box;border:1px solid var(--el-text-color-secondary);border-radius:var(--el-border-radius-small);width:100%;height:100%;text-align:center}.el-color-picker__color.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-picker__color-inner{position:absolute;left:0;top:0;right:0;bottom:0}.el-color-picker__empty{font-size:12px;color:var(--el-text-color-secondary);position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.el-color-picker__icon{display:inline-block;position:absolute;width:100%;top:50%;left:50%;transform:translate3d(-50%,-50%,0);color:#fff;text-align:center;font-size:12px}.el-color-picker__panel{position:absolute;z-index:10;padding:6px;box-sizing:content-box;background-color:#fff;border-radius:var(--el-border-radius-base);box-shadow:var(--el-box-shadow-light)}.el-color-picker__panel.el-popper{border:1px solid var(--el-border-color-lighter)}.el-container{display:flex;flex-direction:row;flex:1;flex-basis:auto;box-sizing:border-box;min-width:0}.el-container.is-vertical{flex-direction:column}.el-date-table{font-size:12px;-webkit-user-select:none;user-select:none}.el-date-table.is-week-mode .el-date-table__row:hover div{background-color:var(--el-datepicker-inrange-background-color)}.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover{color:var(--el-datepicker-font-color)}.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table.is-week-mode .el-date-table__row.current div{background-color:var(--el-datepicker-inrange-background-color)}.el-date-table td{width:32px;height:30px;padding:4px 0;box-sizing:border-box;text-align:center;cursor:pointer;position:relative}.el-date-table td div{height:30px;padding:3px 0;box-sizing:border-box}.el-date-table td span{width:24px;height:24px;display:block;margin:0 auto;line-height:24px;position:absolute;left:50%;transform:translateX(-50%);border-radius:50%}.el-date-table td.next-month,.el-date-table td.prev-month{color:var(--el-datepicker-off-font-color)}.el-date-table td.today{position:relative}.el-date-table td.today span{color:var(--el-color-primary);font-weight:700}.el-date-table td.today.end-date span,.el-date-table td.today.start-date span{color:#fff}.el-date-table td.available:hover{color:var(--el-datepicker-hover-font-color)}.el-date-table td.in-range div{background-color:var(--el-datepicker-inrange-background-color)}.el-date-table td.in-range div:hover{background-color:var(--el-datepicker-inrange-hover-background-color)}.el-date-table td.current:not(.disabled) span{color:#fff;background-color:var(--el-datepicker-active-color)}.el-date-table td.end-date div,.el-date-table td.start-date div{color:#fff}.el-date-table td.end-date span,.el-date-table td.start-date span{background-color:var(--el-datepicker-active-color)}.el-date-table td.start-date div{margin-left:5px;border-top-left-radius:15px;border-bottom-left-radius:15px}.el-date-table td.end-date div{margin-right:5px;border-top-right-radius:15px;border-bottom-right-radius:15px}.el-date-table td.disabled div{background-color:#f5f7fa;opacity:1;cursor:not-allowed;color:var(--el-text-color-placeholder)}.el-date-table td.selected div{margin-left:5px;margin-right:5px;background-color:var(--el-datepicker-inrange-background-color);border-radius:15px}.el-date-table td.selected div:hover{background-color:var(--el-datepicker-inrange-hover-background-color)}.el-date-table td.selected span{background-color:var(--el-datepicker-active-color);color:#fff;border-radius:15px}.el-date-table td.week{font-size:80%;color:var(--el-datepicker-header-font-color)}.el-date-table th{padding:5px;color:var(--el-datepicker-header-font-color);font-weight:400;border-bottom:solid 1px var(--el-border-color-lighter)}.el-month-table{font-size:12px;margin:-1px;border-collapse:collapse}.el-month-table td{text-align:center;padding:8px 0;cursor:pointer}.el-month-table td div{height:48px;padding:6px 0;box-sizing:border-box}.el-month-table td.today .cell{color:var(--el-color-primary);font-weight:700}.el-month-table td.today.end-date .cell,.el-month-table td.today.start-date .cell{color:#fff}.el-month-table td.disabled .cell{background-color:#f5f7fa;cursor:not-allowed;color:var(--el-text-color-placeholder)}.el-month-table td.disabled .cell:hover{color:var(--el-text-color-placeholder)}.el-month-table td .cell{width:60px;height:36px;display:block;line-height:36px;color:var(--el-datepicker-font-color);margin:0 auto;border-radius:18px}.el-month-table td .cell:hover{color:var(--el-datepicker-hover-font-color)}.el-month-table td.in-range div{background-color:var(--el-datepicker-inrange-background-color)}.el-month-table td.in-range div:hover{background-color:var(--el-datepicker-inrange-hover-background-color)}.el-month-table td.end-date div,.el-month-table td.start-date div{color:#fff}.el-month-table td.end-date .cell,.el-month-table td.start-date .cell{color:#fff;background-color:var(--el-datepicker-active-color)}.el-month-table td.start-date div{border-top-left-radius:24px;border-bottom-left-radius:24px}.el-month-table td.end-date div{border-top-right-radius:24px;border-bottom-right-radius:24px}.el-month-table td.current:not(.disabled) .cell{color:var(--el-datepicker-active-color)}.el-year-table{font-size:12px;margin:-1px;border-collapse:collapse}.el-year-table .el-icon{color:var(--el-datepicker-icon-color)}.el-year-table td{text-align:center;padding:20px 3px;cursor:pointer}.el-year-table td.today .cell{color:var(--el-color-primary);font-weight:700}.el-year-table td.disabled .cell{background-color:var(--el-background-color-base);cursor:not-allowed;color:var(--el-text-color-placeholder)}.el-year-table td.disabled .cell:hover{color:var(--el-text-color-placeholder)}.el-year-table td .cell{width:48px;height:32px;display:block;line-height:32px;color:var(--el-datepicker-font-color);margin:0 auto}.el-year-table td .cell:hover{color:var(--el-datepicker-hover-font-color)}.el-year-table td.current:not(.disabled) .cell{color:var(--el-datepicker-active-color)}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner__wrapper{max-height:192px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__wrapper.is-arrow{box-sizing:border-box;text-align:center;overflow:hidden}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active){background:#fff;cursor:default}.el-time-spinner__arrow{font-size:12px;color:var(--el-text-color-secondary);position:absolute;left:0;width:100%;z-index:var(--el-index-normal);text-align:center;height:30px;line-height:30px;cursor:pointer}.el-time-spinner__arrow:hover{color:var(--el-color-primary)}.el-time-spinner__arrow.el-icon-arrow-up{top:10px}.el-time-spinner__arrow.el-icon-arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__input.el-input .el-input__inner{padding:0;text-align:center}.el-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.el-time-spinner__list::after,.el-time-spinner__list::before{content:"";display:block;width:100%;height:80px}.el-time-spinner__item{height:32px;line-height:32px;font-size:12px;color:var(--el-text-color-regular)}.el-time-spinner__item:hover:not(.disabled):not(.active){background:#f5f7fa;cursor:pointer}.el-time-spinner__item.active:not(.disabled){color:var(--el-text-color-primary);font-weight:700}.el-time-spinner__item.disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-picker__popper.el-popper[role=tooltip]{background:var(--el-color-white);border:1px solid var(--el-datepicker-border-color);box-shadow:var(--el-box-shadow-light)}.el-picker__popper.el-popper[role=tooltip] .el-popper__arrow::before{border:1px solid var(--el-datepicker-border-color)}.el-picker__popper.el-popper[role=tooltip][data-popper-placement^=top] .el-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.el-picker__popper.el-popper[role=tooltip][data-popper-placement^=bottom] .el-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.el-picker__popper.el-popper[role=tooltip][data-popper-placement^=left] .el-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.el-picker__popper.el-popper[role=tooltip][data-popper-placement^=right] .el-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.el-date-editor{--el-date-editor-width:220px;--el-date-editor-monthrange-width:300px;--el-date-editor-daterange-width:350px;--el-date-editor-datetimerange-width:400px;position:relative;display:inline-block;text-align:left}.el-date-editor.el-input,.el-date-editor.el-input__inner{width:var(--el-date-editor-width)}.el-date-editor--monthrange.el-input,.el-date-editor--monthrange.el-input__inner{width:var(--el-date-editor-monthrange-width)}.el-date-editor--daterange.el-input,.el-date-editor--daterange.el-input__inner,.el-date-editor--timerange.el-input,.el-date-editor--timerange.el-input__inner{width:var(--el-date-editor-daterange-width)}.el-date-editor--datetimerange.el-input,.el-date-editor--datetimerange.el-input__inner{width:var(--el-date-editor-datetimerange-width)}.el-date-editor--dates .el-input__inner{text-overflow:ellipsis;white-space:nowrap}.el-date-editor .el-icon-circle-close{cursor:pointer}.el-date-editor .el-range__icon{font-size:14px;margin-left:-5px;color:var(--el-text-color-placeholder);float:left;line-height:32px}.el-date-editor .el-range-input{-webkit-appearance:none;appearance:none;border:none;outline:0;display:inline-block;height:100%;margin:0;padding:0;width:39%;text-align:center;font-size:var(--el-font-size-base);color:var(--el-text-color-regular)}.el-date-editor .el-range-input::placeholder{color:var(--el-text-color-placeholder)}.el-date-editor .el-range-separator{display:inline-block;height:100%;padding:0 5px;margin:0;text-align:center;line-height:32px;font-size:14px;width:5%;color:var(--el-text-color-primary)}.el-date-editor .el-range__close-icon{font-size:14px;color:var(--el-text-color-placeholder);width:25px;display:inline-block;float:right;line-height:32px}.el-range-editor.el-input__inner{display:inline-flex;align-items:center;padding:3px 10px}.el-range-editor .el-range-input{line-height:1}.el-range-editor.is-active{border-color:var(--el-color-primary)}.el-range-editor.is-active:hover{border-color:var(--el-color-primary)}.el-range-editor--medium{line-height:36px}.el-range-editor--medium.el-input__inner{height:36px}.el-range-editor--medium .el-range-separator{line-height:28px;font-size:14px}.el-range-editor--medium .el-range-input{font-size:14px}.el-range-editor--medium .el-range__close-icon,.el-range-editor--medium .el-range__icon{line-height:28px}.el-range-editor--small{line-height:32px}.el-range-editor--small.el-input__inner{height:32px}.el-range-editor--small .el-range-separator{line-height:24px;font-size:13px}.el-range-editor--small .el-range-input{font-size:13px}.el-range-editor--small .el-range__close-icon,.el-range-editor--small .el-range__icon{line-height:24px}.el-range-editor--mini{line-height:28px}.el-range-editor--mini.el-input__inner{height:28px}.el-range-editor--mini .el-range-separator{line-height:20px;font-size:12px}.el-range-editor--mini .el-range-input{font-size:12px}.el-range-editor--mini .el-range__close-icon,.el-range-editor--mini .el-range__icon{line-height:20px}.el-range-editor.is-disabled{background-color:var(--el-disabled-fill-base);border-color:var(--el-disabled-border-base);color:var(--el-disabled-color-base);cursor:not-allowed}.el-range-editor.is-disabled:focus,.el-range-editor.is-disabled:hover{border-color:var(--el-disabled-border-base)}.el-range-editor.is-disabled input{background-color:var(--el-disabled-fill-base);color:var(--el-disabled-color-base);cursor:not-allowed}.el-range-editor.is-disabled input::placeholder{color:var(--el-text-color-placeholder)}.el-range-editor.is-disabled .el-range-separator{color:var(--el-disabled-color-base)}.el-picker-panel{color:var(--el-text-color-regular);background:#fff;border-radius:var(--el-border-radius-base);line-height:30px}.el-picker-panel .el-time-panel{margin:5px 0;border:solid 1px var(--el-datepicker-border-color);background-color:#fff;box-shadow:var(--el-box-shadow-light)}.el-picker-panel__body-wrapper::after,.el-picker-panel__body::after{content:"";display:table;clear:both}.el-picker-panel__content{position:relative;margin:15px}.el-picker-panel__footer{border-top:1px solid var(--el-datepicker-inner-border-color);padding:4px;text-align:right;background-color:#fff;position:relative;font-size:0}.el-picker-panel__shortcut{display:block;width:100%;border:0;background-color:transparent;line-height:28px;font-size:14px;color:var(--el-datepicker-font-color);padding-left:12px;text-align:left;outline:0;cursor:pointer}.el-picker-panel__shortcut:hover{color:var(--el-datepicker-hover-font-color)}.el-picker-panel__shortcut.active{background-color:#e6f1fe;color:var(--el-datepicker-active-color)}.el-picker-panel__btn{border:1px solid #dcdcdc;color:var(--el-text-color-primary);line-height:24px;border-radius:2px;padding:0 20px;cursor:pointer;background-color:transparent;outline:0;font-size:12px}.el-picker-panel__btn[disabled]{color:#ccc;cursor:not-allowed}.el-picker-panel__icon-btn{font-size:12px;color:var(--el-datepicker-icon-color);border:0;background:0 0;cursor:pointer;outline:0;margin-top:8px}.el-picker-panel__icon-btn:hover{color:var(--el-datepicker-hover-font-color)}.el-picker-panel__icon-btn.is-disabled{color:var(--el-font-color-disabled-base)}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{position:absolute;top:0;bottom:0;width:110px;border-right:1px solid var(--el-datepicker-inner-border-color);box-sizing:border-box;padding-top:6px;background-color:#fff;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{--el-datepicker-font-color:var(--el-text-color-regular);--el-datepicker-off-font-color:var(--el-text-color-placeholder);--el-datepicker-header-font-color:var(--el-text-color-regular);--el-datepicker-icon-color:var(--el-text-color-primary);--el-datepicker-border-color:var(--el-disabled-border-base);--el-datepicker-inner-border-color:var(--el-border-color-light);--el-datepicker-inrange-background-color:var(--el-border-color-extra-light);--el-datepicker-inrange-hover-background-color:var(--el-border-color-extra-light);--el-datepicker-active-color:var(--el-color-primary);--el-datepicker-hover-font-color:var(--el-color-primary)}.el-date-picker{width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-picker__time-header{position:relative;border-bottom:1px solid var(--el-datepicker-inner-border-color);font-size:12px;padding:8px 5px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-picker__header{margin:12px;text-align:center}.el-date-picker__header--bordered{margin-bottom:0;padding-bottom:12px;border-bottom:solid 1px var(--el-border-color-lighter)}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{font-size:16px;font-weight:500;padding:0 5px;line-height:22px;text-align:center;cursor:pointer;color:var(--el-text-color-regular)}.el-date-picker__header-label:hover{color:var(--el-datepicker-hover-font-color)}.el-date-picker__header-label.active{color:var(--el-datepicker-active-color)}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{padding:10px;text-align:center}.el-date-picker__time-label{float:left;cursor:pointer;line-height:30px;margin-left:10px}.el-date-picker .el-time-panel{position:absolute}.el-date-range-picker{--el-datepicker-font-color:var(--el-text-color-regular);--el-datepicker-off-font-color:var(--el-text-color-placeholder);--el-datepicker-header-font-color:var(--el-text-color-regular);--el-datepicker-icon-color:var(--el-text-color-primary);--el-datepicker-border-color:var(--el-disabled-border-base);--el-datepicker-inner-border-color:var(--el-border-color-light);--el-datepicker-inrange-background-color:var(--el-border-color-extra-light);--el-datepicker-inrange-hover-background-color:var(--el-border-color-extra-light);--el-datepicker-active-color:var(--el-color-primary);--el-datepicker-hover-font-color:var(--el-color-primary)}.el-date-range-picker{width:646px}.el-date-range-picker.has-sidebar{width:756px}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker__header{position:relative;text-align:center;height:28px}.el-date-range-picker__header [class*=arrow-left]{float:left}.el-date-range-picker__header [class*=arrow-right]{float:right}.el-date-range-picker__header div{font-size:16px;font-weight:500;margin-right:50px}.el-date-range-picker__content{float:left;width:50%;box-sizing:border-box;margin:0;padding:16px}.el-date-range-picker__content.is-left{border-right:1px solid var(--el-datepicker-inner-border-color)}.el-date-range-picker__content .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__editors-wrap{box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{position:relative;border-bottom:1px solid var(--el-datepicker-inner-border-color);font-size:12px;padding:8px 5px 5px 5px;display:table;width:100%;box-sizing:border-box}.el-date-range-picker__time-header>.el-icon-arrow-right{font-size:20px;vertical-align:middle;display:table-cell;color:var(--el-datepicker-icon-color)}.el-date-range-picker__time-picker-wrap{position:relative;display:table-cell;padding:0 5px}.el-date-range-picker__time-picker-wrap .el-picker-panel{position:absolute;top:13px;right:0;z-index:1;background:#fff}.el-date-range-picker__time-picker-wrap .el-time-panel{position:absolute}.el-time-range-picker{width:354px;overflow:visible}.el-time-range-picker__content{position:relative;text-align:center;padding:10px;z-index:1}.el-time-range-picker__cell{box-sizing:border-box;margin:0;padding:4px 7px 7px;width:50%;display:inline-block}.el-time-range-picker__header{margin-bottom:5px;text-align:center;font-size:14px}.el-time-range-picker__body{border-radius:2px;border:1px solid var(--el-datepicker-border-color)}.el-time-panel{border-radius:2px;position:relative;width:180px;left:0;z-index:var(--el-index-top);-webkit-user-select:none;user-select:none;box-sizing:content-box}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content::after,.el-time-panel__content::before{content:"";top:50%;position:absolute;margin-top:-15px;height:32px;z-index:-1;left:0;right:0;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid var(--el-border-color-light);border-bottom:1px solid var(--el-border-color-light)}.el-time-panel__content::after{left:50%;margin-left:12%;margin-right:12%}.el-time-panel__content::before{padding-left:50%;margin-right:12%;margin-left:12%}.el-time-panel__content.has-seconds::after{left:66.6666666667%}.el-time-panel__content.has-seconds::before{padding-left:33.3333333333%}.el-time-panel__footer{border-top:1px solid var(--el-timepicker-inner-border-color,var(--el-border-color-light));padding:4px;height:36px;line-height:25px;text-align:right;box-sizing:border-box}.el-time-panel__btn{border:none;line-height:28px;padding:0 5px;margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;color:var(--el-text-color-primary)}.el-time-panel__btn.confirm{font-weight:800;color:var(--el-timepicker-active-color,var(--el-color-primary))}.el-descriptions{--el-descriptions-header-margin-bottom:20px;--el-descriptions-title-font-size:16px;--el-descriptions-table-border:1px solid var(--el-border-color-lighter);--el-descriptions-item-bordered-label-background:#fafafa;box-sizing:border-box;font-size:var(--el-font-size-base);color:var(--el-text-color-primary)}.el-descriptions__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--el-descriptions-header-margin-bottom)}.el-descriptions__title{font-size:var(--el-descriptions-title-font-size);font-weight:700}.el-descriptions__body{color:var(--el-text-color-regular);background-color:#fff}.el-descriptions__body .el-descriptions__table{border-collapse:collapse;width:100%}.el-descriptions__body .el-descriptions__table .el-descriptions__cell{box-sizing:border-box;text-align:left;font-weight:400;line-height:1.5}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left{text-align:left}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-center{text-align:center}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-right{text-align:right}.el-descriptions .is-bordered .el-descriptions__cell{border:var(--el-descriptions-table-border);padding:12px 10px}.el-descriptions :not(.is-bordered) .el-descriptions__cell{padding-bottom:12px}.el-descriptions--medium.is-bordered .el-descriptions__cell{padding:10px}.el-descriptions--medium:not(.is-bordered) .el-descriptions__cell{padding-bottom:10px}.el-descriptions--small{font-size:12px}.el-descriptions--small.is-bordered .el-descriptions__cell{padding:8px 10px}.el-descriptions--small:not(.is-bordered) .el-descriptions__cell{padding-bottom:8px}.el-descriptions--mini{font-size:12px}.el-descriptions--mini.is-bordered .el-descriptions__cell{padding:6px 10px}.el-descriptions--mini:not(.is-bordered) .el-descriptions__cell{padding-bottom:6px}.el-descriptions__label.el-descriptions__cell.is-bordered-label{font-weight:700;color:var(--el-text-color-secondary);background:var(--el-descriptions-item-bordered-label-background)}.el-descriptions__label:not(.is-bordered-label){margin-right:10px}:root{--el-popup-modal-background-color:var(--el-color-black);--el-popup-modal-opacity:0.5}.v-modal-enter{animation:v-modal-in var(--el-transition-duration-fast) ease}.v-modal-leave{animation:v-modal-out var(--el-transition-duration-fast) ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:var(--el-popup-modal-opacity);background:var(--el-popup-modal-background-color)}.el-popup-parent--hidden{overflow:hidden}.el-dialog{--el-dialog-width:50%;--el-dialog-margin-top:15vh;--el-dialog-background-color:var(--el-color-white);--el-dialog-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);--el-dialog-title-font-size:var(--el-font-size-large);--el-dialog-content-font-size:14px;--el-dialog-font-line-height:var(--el-font-line-height-primary);--el-dialog-padding-primary:20px;position:relative;margin:var(--el-dialog-margin-top,15vh) auto 50px;background:var(--el-dialog-background-color);border-radius:var(--el-border-radius-small);box-shadow:var(--el-dialog-box-shadow);box-sizing:border-box;width:var(--el-dialog-width,50%)}.el-dialog.is-fullscreen{--el-dialog-width:100%;--el-dialog-margin-top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog__header{padding:var(--el-dialog-padding-primary);padding-bottom:10px}.el-dialog__headerbtn{position:absolute;top:var(--el-dialog-padding-primary);right:var(--el-dialog-padding-primary);padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:var(--el-message-close-size,16px)}.el-dialog__headerbtn .el-dialog__close{color:var(--el-color-info)}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:var(--el-color-primary)}.el-dialog__title{line-height:var(--el-dialog-font-line-height);font-size:var(--el-dialog-title-font-size);color:var(--el-text-color-primary)}.el-dialog__body{padding:calc(var(--el-dialog-padding-primary) + 10px) var(--el-dialog-padding-primary);color:var(--el-text-color-regular);font-size:var(--el-dialog-content-font-size);word-break:break-all}.el-dialog__footer{padding:var(--el-dialog-padding-primary);padding-top:10px;text-align:right;box-sizing:border-box}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial;padding:25px calc(var(--el-dialog-padding-primary) + 5px) 30px}.el-dialog--center .el-dialog__footer{text-align:inherit}.el-overlay-dialog{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto}.dialog-fade-enter-active{animation:modal-fade-in var(--el-transition-duration)}.dialog-fade-enter-active .el-overlay-dialog{animation:dialog-fade-in var(--el-transition-duration)}.dialog-fade-leave-active{animation:modal-fade-out var(--el-transition-duration)}.dialog-fade-leave-active .el-overlay-dialog{animation:dialog-fade-out var(--el-transition-duration)}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}@keyframes modal-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}100%{opacity:0}}.el-divider{background-color:var(--el-border-color-base);position:relative}.el-divider--horizontal{display:block;height:1px;width:100%;margin:24px 0}.el-divider--vertical{display:inline-block;width:1px;height:1em;margin:0 8px;vertical-align:middle;position:relative}.el-divider__text{position:absolute;background-color:#fff;padding:0 20px;font-weight:500;color:var(--el-text-color-primary);font-size:14px}.el-divider__text.is-left{left:20px;transform:translateY(-50%)}.el-divider__text.is-center{left:50%;transform:translateX(-50%) translateY(-50%)}.el-divider__text.is-right{right:20px;transform:translateY(-50%)}.el-drawer{--el-drawer-background-color:var(--el-dialog-background-color, var(--el-color-white));--el-drawer-padding-primary:var(--el-dialog-padding-primary, 20px)}.el-drawer{position:absolute;box-sizing:border-box;background-color:var(--el-drawer-background-color);display:flex;flex-direction:column;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);overflow:hidden;transition:all var(--el-transition-duration)}.el-drawer .rtl{transform:translate(0,0)}.el-drawer .ltr{transform:translate(0,0)}.el-drawer .ttb{transform:translate(0,0)}.el-drawer .btt{transform:translate(0,0)}.el-drawer__header{align-items:center;color:#72767b;display:flex;margin-bottom:32px;padding:var(--el-drawer-padding-primary);padding-bottom:0}.el-drawer__header>:first-child{flex:1}.el-drawer__title{margin:0;flex:1;line-height:inherit;font-size:1rem}.el-drawer__close-btn{border:none;cursor:pointer;font-size:var(--el-font-size-extra-large);color:inherit;background-color:transparent;outline:0}.el-drawer__close-btn:hover i{color:var(--el-color-primary)}.el-drawer__body{flex:1;padding:var(--el-drawer-padding-primary)}.el-drawer__body>*{box-sizing:border-box}.el-drawer.ltr,.el-drawer.rtl{height:100%;top:0;bottom:0}.el-drawer.btt,.el-drawer.ttb{width:100%;left:0;right:0}.el-drawer.ltr{left:0}.el-drawer.rtl{right:0}.el-drawer.ttb{top:0}.el-drawer.btt{bottom:0}.el-drawer-fade-enter-active,.el-drawer-fade-leave-active{transition:all var(--el-transition-duration)}.el-drawer-fade-enter-active,.el-drawer-fade-enter-from,.el-drawer-fade-enter-to,.el-drawer-fade-leave-active,.el-drawer-fade-leave-from,.el-drawer-fade-leave-to{overflow:hidden!important}.el-drawer-fade-enter-from,.el-drawer-fade-leave-to{opacity:0}.el-drawer-fade-enter-to,.el-drawer-fade-leave-from{opacity:1}.el-drawer-fade-enter-from .rtl,.el-drawer-fade-leave-to .rtl{transform:translateX(100%)}.el-drawer-fade-enter-from .ltr,.el-drawer-fade-leave-to .ltr{transform:translateX(-100%)}.el-drawer-fade-enter-from .ttb,.el-drawer-fade-leave-to .ttb{transform:translateY(-100%)}.el-drawer-fade-enter-from .btt,.el-drawer-fade-leave-to .btt{transform:translateY(100%)}.el-dropdown{--el-dropdown-menu-box-shadow:var(--el-box-shadow-light);--el-dropdown-menuItem-hover-fill:var(--el-color-primary-light-9);--el-dropdown-menuItem-hover-color:var(--el-color-primary-light-2);--el-dropdown-menu-index:10;display:inline-block;position:relative;color:var(--el-text-color-regular);font-size:var(--el-font-size-base);line-height:1}.el-dropdown__popper{--el-dropdown-menu-box-shadow:var(--el-box-shadow-light);--el-dropdown-menuItem-hover-fill:var(--el-color-primary-light-9);--el-dropdown-menuItem-hover-color:var(--el-color-primary-light-2);--el-dropdown-menu-index:10}.el-dropdown__popper.el-popper[role=tooltip]{background:#fff;border:1px solid var(--el-border-color-light);box-shadow:var(--el-dropdown-menu-box-shadow)}.el-dropdown__popper.el-popper[role=tooltip] .el-popper__arrow::before{border:1px solid var(--el-border-color-light)}.el-dropdown__popper.el-popper[role=tooltip][data-popper-placement^=top] .el-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.el-dropdown__popper.el-popper[role=tooltip][data-popper-placement^=bottom] .el-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.el-dropdown__popper.el-popper[role=tooltip][data-popper-placement^=left] .el-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.el-dropdown__popper.el-popper[role=tooltip][data-popper-placement^=right] .el-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.el-dropdown__popper .el-dropdown-menu{border:none}.el-dropdown__popper .el-dropdown__popper-selfdefine{outline:0}.el-dropdown__popper .el-scrollbar__bar{z-index:calc(var(--el-dropdown-menu-index) + 1)}.el-dropdown__popper .el-dropdown__list{list-style:none;padding:0;margin:0;box-sizing:border-box}.el-dropdown .el-button-group{display:block}.el-dropdown .el-button-group .el-button{float:none}.el-dropdown .el-dropdown__caret-button{padding-left:5px;padding-right:5px;position:relative;border-left:none}.el-dropdown .el-dropdown__caret-button::before{content:"";position:absolute;display:block;width:1px;top:5px;bottom:5px;left:0;background:rgba(255,255,255,.5)}.el-dropdown .el-dropdown__caret-button.el-button--default::before{background:var(--el-default-border-color);opacity:.5}.el-dropdown .el-dropdown__caret-button:hover::before{top:0;bottom:0}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__list__icon{font-size:12px;margin:0 3px}.el-dropdown .el-dropdown-selfdefine{outline:0}.el-dropdown-menu{position:relative;top:0;left:0;z-index:var(--el-dropdown-menu-index);padding:10px 0;margin:0;background-color:#fff;border:none;border-radius:var(--el-border-radius-base);box-shadow:none}.el-dropdown-menu__item{list-style:none;line-height:36px;padding:0 20px;margin:0;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);cursor:pointer;outline:0}.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:var(--el-dropdown-menuItem-hover-fill);color:var(--el-dropdown-menuItem-hover-color)}.el-dropdown-menu__item i{margin-right:5px}.el-dropdown-menu__item--divided{position:relative;margin-top:6px;border-top:1px solid var(--el-border-color-lighter)}.el-dropdown-menu__item--divided:before{content:"";height:6px;display:block;margin:0 -20px;background-color:#fff}.el-dropdown-menu__item.is-disabled{cursor:not-allowed;color:var(--el-font-color-disabled-base)}.el-dropdown-menu--medium{padding:6px 0}.el-dropdown-menu--medium .el-dropdown-menu__item{line-height:30px;padding:0 17px;font-size:14px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:6px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:6px;margin:0 -17px}.el-dropdown-menu--small{padding:6px 0}.el-dropdown-menu--small .el-dropdown-menu__item{line-height:27px;padding:0 15px;font-size:13px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:4px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:4px;margin:0 -15px}.el-dropdown-menu--mini{padding:3px 0}.el-dropdown-menu--mini .el-dropdown-menu__item{line-height:24px;padding:0 10px;font-size:12px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:3px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:3px;margin:0 -10px}.el-empty{--el-empty-padding:40px 0;--el-empty-image-width:160px;--el-empty-description-margin-top:20px;--el-empty-bottom-margin-top:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;box-sizing:border-box;padding:var(--el-empty-padding)}.el-empty__image{width:var(--el-empty-image-width)}.el-empty__image img{-webkit-user-select:none;user-select:none;width:100%;height:100%;vertical-align:top;object-fit:contain}.el-empty__image svg{fill:var(--el-svg-monochrome-grey);width:100%;height:100%;vertical-align:top}.el-empty__description{margin-top:var(--el-empty-description-margin-top)}.el-empty__description p{margin:0;font-size:var(--el-font-size-base);color:var(--el-text-color-secondary)}.el-empty__bottom{margin-top:var(--el-empty-bottom-margin-top)}.el-footer{--el-footer-padding:0 20px;--el-footer-height:60px;padding:var(--el-footer-padding);box-sizing:border-box;flex-shrink:0;height:var(--el-footer-height)}.el-form{--el-form-label-font-size:var(--el-font-size-base)}.el-form--label-left .el-form-item__label{text-align:left}.el-form--label-top .el-form-item{display:block}.el-form--label-top .el-form-item__label{display:block;text-align:left;padding:0 0 10px 0}.el-form--inline .el-form-item{display:inline-flex;margin-right:10px}.el-form--inline.el-form--label-top{display:flex;flex-wrap:wrap}.el-form--inline.el-form--label-top .el-form-item{display:block}.el-form-item{display:flex;margin-bottom:22px}.el-form-item .el-form-item{margin-bottom:0}.el-form-item .el-input__validateIcon{display:none}.el-form-item--medium .el-form-item__label{line-height:36px}.el-form-item--medium .el-form-item__content{line-height:36px}.el-form-item--small .el-form-item__label{line-height:32px}.el-form-item--small .el-form-item__content{line-height:32px}.el-form-item--small.el-form-item{margin-bottom:18px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--mini .el-form-item__label{line-height:28px}.el-form-item--mini .el-form-item__content{line-height:28px}.el-form-item--mini.el-form-item{margin-bottom:18px}.el-form-item--mini .el-form-item__error{padding-top:1px}.el-form-item__label-wrap .el-form-item__label{display:inline-block}.el-form-item__label{flex:0 0 auto;text-align:right;font-size:var(--el-form-label-font-size);color:var(--el-text-color-regular);line-height:40px;padding:0 12px 0 0;box-sizing:border-box}.el-form-item__content{flex:1;line-height:40px;position:relative;font-size:14px;min-width:0}.el-form-item__content .el-input-group{vertical-align:top}.el-form-item__error{color:var(--el-color-danger);font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.el-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:10px}.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label-wrap>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{content:"*";color:var(--el-color-danger);margin-right:4px}.el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus{border-color:var(--el-color-danger)}.el-form-item.is-error .el-input-group__append .el-input__inner,.el-form-item.is-error .el-input-group__prepend .el-input__inner{border-color:transparent}.el-form-item.is-error .el-input__validateIcon{color:var(--el-color-danger)}.el-form-item--feedback .el-input__validateIcon{display:inline-block}.el-header{--el-header-padding:0 20px;--el-header-height:60px;padding:var(--el-header-padding);box-sizing:border-box;flex-shrink:0;height:var(--el-header-height)}.el-image-viewer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.el-image-viewer__btn{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.8;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none}.el-image-viewer__close{top:40px;right:40px;width:40px;height:40px;font-size:40px}.el-image-viewer__canvas{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.el-image-viewer__actions{left:50%;bottom:30px;transform:translateX(-50%);width:282px;height:44px;padding:0 23px;background-color:var(--el-text-color-regular);border-color:#fff;border-radius:22px}.el-image-viewer__actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:23px;color:#fff;display:flex;align-items:center;justify-content:space-around}.el-image-viewer__prev{top:50%;transform:translateY(-50%);left:40px;width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--el-text-color-regular);border-color:#fff}.el-image-viewer__next{top:50%;transform:translateY(-50%);right:40px;text-indent:2px;width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--el-text-color-regular);border-color:#fff}.el-image-viewer__close{width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--el-text-color-regular);border-color:#fff}.el-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:#000}.viewer-fade-enter-active{animation:viewer-fade-in var(--el-transition-duration)}.viewer-fade-leave-active{animation:viewer-fade-out var(--el-transition-duration)}@keyframes viewer-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes viewer-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}.el-image__error,.el-image__inner,.el-image__placeholder{width:100%;height:100%}.el-image{position:relative;display:inline-block;overflow:hidden}.el-image__inner{vertical-align:top}.el-image__placeholder{background:#f5f7fa}.el-image__error{display:flex;justify-content:center;align-items:center;font-size:14px;background:#f5f7fa;color:var(--el-text-color-placeholder);vertical-align:middle}.el-image__preview{cursor:pointer}.el-input-number{position:relative;display:inline-block;width:180px;line-height:38px}.el-input-number .el-input{display:block}.el-input-number .el-input__inner{-webkit-appearance:none;padding-left:50px;padding-right:50px;text-align:center}.el-input-number__decrease,.el-input-number__increase{position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#f5f7fa;color:var(--el-text-color-regular);cursor:pointer;font-size:13px}.el-input-number__decrease:hover,.el-input-number__increase:hover{color:var(--el-color-primary)}.el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input__inner,.el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input__inner{border-color:var(--el-input-focus-border,var(--el-color-primary))}.el-input-number__decrease.is-disabled,.el-input-number__increase.is-disabled{color:var(--el-disabled-color-base);cursor:not-allowed}.el-input-number__increase{right:1px;border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0;border-left:var(--el-border-base)}.el-input-number__decrease{left:1px;border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);border-right:var(--el-border-base)}.el-input-number.is-disabled .el-input-number__decrease,.el-input-number.is-disabled .el-input-number__increase{border-color:var(--el-disabled-border-base);color:var(--el-disabled-border-base)}.el-input-number.is-disabled .el-input-number__decrease:hover,.el-input-number.is-disabled .el-input-number__increase:hover{color:var(--el-disabled-border-base);cursor:not-allowed}.el-input-number--medium{width:200px;line-height:34px}.el-input-number--medium .el-input-number__decrease,.el-input-number--medium .el-input-number__increase{width:36px;font-size:14px}.el-input-number--medium .el-input__inner{padding-left:43px;padding-right:43px}.el-input-number--small{width:130px;line-height:30px}.el-input-number--small .el-input-number__decrease,.el-input-number--small .el-input-number__increase{width:32px;font-size:13px}.el-input-number--small .el-input__inner{padding-left:39px;padding-right:39px}.el-input-number--mini{width:130px;line-height:26px}.el-input-number--mini .el-input-number__decrease,.el-input-number--mini .el-input-number__increase{width:28px;font-size:12px}.el-input-number--mini .el-input__inner{padding-left:35px;padding-right:35px}.el-input-number--small .el-input-number__decrease [class*=el-icon],.el-input-number--small .el-input-number__increase [class*=el-icon]{transform:scale(.9)}.el-input-number--mini .el-input-number__decrease [class*=el-icon],.el-input-number--mini .el-input-number__increase [class*=el-icon]{transform:scale(.8)}.el-input-number.is-without-controls .el-input__inner{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__inner{padding-left:15px;padding-right:50px}.el-input-number.is-controls-right .el-input-number__decrease,.el-input-number.is-controls-right .el-input-number__increase{height:auto;line-height:19px}.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon]{transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 var(--el-border-radius-base) 0 0;border-bottom:var(--el-border-base)}.el-input-number.is-controls-right .el-input-number__decrease{right:1px;bottom:1px;top:auto;left:auto;border-right:none;border-left:var(--el-border-base);border-radius:0 0 var(--el-border-radius-base) 0}.el-input-number.is-controls-right[class*=medium] [class*=decrease],.el-input-number.is-controls-right[class*=medium] [class*=increase]{line-height:17px}.el-input-number.is-controls-right[class*=small] [class*=decrease],.el-input-number.is-controls-right[class*=small] [class*=increase]{line-height:15px}.el-input-number.is-controls-right[class*=mini] [class*=decrease],.el-input-number.is-controls-right[class*=mini] [class*=increase]{line-height:13px}.el-textarea{--el-input-font-color:var(--el-text-color-regular);--el-input-border:var(--el-border-base);--el-input-border-color:var(--el-border-color-base);--el-input-border-radius:var(--el-border-radius-base);--el-input-background-color:var(--el-color-white);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border:var(--el-color-primary)}.el-textarea{position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:var(--el-font-size-base)}.el-textarea__inner{display:block;resize:vertical;padding:5px 15px;line-height:1.5;box-sizing:border-box;width:100%;font-size:inherit;font-family:inherit;color:var(--el-input-font-color,var(--el-text-color-regular));background-color:var(--el-input-background-color,var(--el-color-white));background-image:none;border:var(--el-input-border,var(--el-border-base));border-radius:var(--el-input-border-radius,var(--el-border-radius-base));transition:var(--el-transition-border)}.el-textarea__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner:hover{border-color:var(--el-input-hover-border,var(--el-border-color-hover))}.el-textarea__inner:focus{outline:0;border-color:var(--el-input-focus-border,var(--el-color-primary))}.el-textarea .el-input__count{color:var(--el-color-info);background:var(--el-color-white);position:absolute;font-size:12px;line-height:14px;bottom:5px;right:10px}.el-textarea.is-disabled .el-textarea__inner{background-color:var(--el-disabled-fill-base);border-color:var(--el-disabled-border-base);color:var(--el-disabled-color-base);cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-exceed .el-textarea__inner{border-color:var(--el-color-danger)}.el-textarea.is-exceed .el-input__count{color:var(--el-color-danger)}.el-input{--el-input-font-color:var(--el-text-color-regular);--el-input-border:var(--el-border-base);--el-input-border-color:var(--el-border-color-base);--el-input-border-radius:var(--el-border-radius-base);--el-input-background-color:var(--el-color-white);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border:var(--el-color-primary);position:relative;font-size:var(--el-font-size-base);display:inline-block;width:100%;line-height:40px}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#b4bccc}.el-input::-webkit-scrollbar-corner{background:#fff}.el-input::-webkit-scrollbar-track{background:#fff}.el-input::-webkit-scrollbar-track-piece{background:#fff;width:6px}.el-input .el-input__clear{color:var(--el-input-icon-color);font-size:var(--el-font-size-base,14px);cursor:pointer;transition:var(--el-transition-color)}.el-input .el-input__clear:hover{color:var(--el-input-clear-hover-color)}.el-input .el-input__count{height:100%;display:inline-flex;align-items:center;color:var(--el-color-info);font-size:12px}.el-input .el-input__count .el-input__count-inner{background:#fff;line-height:initial;display:inline-block;padding:0 5px}.el-input__inner{-webkit-appearance:none;background-color:var(--el-input-background-color,var(--el-color-white));background-image:none;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));border:var(--el-input-border,var(--el-border-base));box-sizing:border-box;color:var(--el-input-font-color,var(--el-text-color-regular));display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:0;padding:0 15px;transition:var(--el-transition-border);width:100%}.el-input__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner:hover{border-color:var(--el-input-hover-border,var(--el-border-color-hover))}.el-input__inner:focus{outline:0;border-color:var(--el-input-focus-border,var(--el-color-primary))}.el-input__suffix{position:absolute;height:100%;right:5px;top:0;text-align:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));transition:all var(--el-transition-duration);pointer-events:none}.el-input__suffix-inner{pointer-events:all}.el-input__prefix{position:absolute;height:100%;left:5px;top:0;text-align:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));transition:all var(--el-transition-duration)}.el-input__icon{width:25px;text-align:center;transition:all var(--el-transition-duration);line-height:40px}.el-input__icon:after{content:"";height:100%;width:0;display:inline-block;vertical-align:middle}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__inner{outline:0;border-color:var(--el-input-focus-border,)}.el-input.is-disabled .el-input__inner{background-color:var(--el-disabled-fill-base);border-color:var(--el-disabled-border-base);color:var(--el-disabled-color-base);cursor:not-allowed}.el-input.is-disabled .el-input__inner::placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-exceed .el-input__inner{border-color:var(--el-color-danger)}.el-input.is-exceed .el-input__suffix .el-input__count{color:var(--el-color-danger)}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--suffix--password-clear .el-input__inner{padding-right:55px}.el-input--prefix .el-input__inner{padding-left:30px}.el-input--medium{font-size:14px;line-height:36px}.el-input--medium .el-input__inner{height:36px;line-height:36px}.el-input--medium .el-input__icon{line-height:36px}.el-input--small{font-size:13px;line-height:32px}.el-input--small .el-input__inner{height:32px;line-height:32px}.el-input--small .el-input__icon{line-height:32px}.el-input--mini{font-size:12px;line-height:28px}.el-input--mini .el-input__inner{height:28px;line-height:28px}.el-input--mini .el-input__icon{line-height:28px}.el-input-group{line-height:normal;display:inline-table;width:100%;border-collapse:separate;border-spacing:0}.el-input-group>.el-input__inner{vertical-align:middle;display:table-cell}.el-input-group__append,.el-input-group__prepend{background-color:var(--el-background-color-base);color:var(--el-color-info);vertical-align:middle;display:table-cell;position:relative;border:1px solid #dcdfe6;border-radius:var(--el-input-border-radius);padding:0 20px;width:1px;white-space:nowrap}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:0}.el-input-group__append .el-button,.el-input-group__append .el-select,.el-input-group__prepend .el-button,.el-input-group__prepend .el-select{display:inline-block;margin:-10px -20px}.el-input-group__append button.el-button,.el-input-group__append div.el-select .el-input__inner,.el-input-group__append div.el-select:hover .el-input__inner,.el-input-group__prepend button.el-button,.el-input-group__prepend div.el-select .el-input__inner,.el-input-group__prepend div.el-select:hover .el-input__inner{border-color:transparent;background-color:transparent;color:inherit;border-top:0;border-bottom:0}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-input__inner{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input-group--append .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--append .el-select .el-input.is-focus .el-input__inner{border-color:transparent}.el-input__inner::-ms-clear{display:none;width:0;height:0}.el-link{--el-link-font-size:var(--el-font-size-base);--el-link-font-weight:var(--el-font-weight-primary);--el-link-default-font-color:var(--el-text-color-regular);--el-link-default-active-color:var(--el-color-primary);--el-link-disabled-font-color:var(--el-text-color-placeholder)}.el-link{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:0;cursor:pointer;padding:0;font-size:var(--el-link-font-size);font-weight:var(--el-link-font-weight)}.el-link.is-underline:hover:after{content:"";position:absolute;left:0;right:0;height:0;bottom:0;border-bottom:1px solid var(--el-link-default-active-color)}.el-link.is-disabled{cursor:not-allowed}.el-link [class*=el-icon-]+span{margin-left:5px}.el-link.el-link--default{color:var(--el-link-default-font-color)}.el-link.el-link--default:hover{color:var(--el-link-default-active-color)}.el-link.el-link--default:after{border-color:var(--el-link-default-active-color)}.el-link.el-link--default.is-disabled{color:var(--el-link-disabled-font-color)}.el-link.el-link--primary{--el-link-font-color:var(--el-color-primary);color:var(--el-link-font-color)}.el-link.el-link--primary:hover{color:#66b1ff}.el-link.el-link--primary:after{border-color:var(--el-link-font-color)}.el-link.el-link--primary.is-disabled{color:#a0cfff}.el-link.el-link--primary.is-underline:hover:after{border-color:var(--el-link-font-color)}.el-link.el-link--success{--el-link-font-color:var(--el-color-success);color:var(--el-link-font-color)}.el-link.el-link--success:hover{color:#85ce61}.el-link.el-link--success:after{border-color:var(--el-link-font-color)}.el-link.el-link--success.is-disabled{color:#b3e19d}.el-link.el-link--success.is-underline:hover:after{border-color:var(--el-link-font-color)}.el-link.el-link--warning{--el-link-font-color:var(--el-color-warning);color:var(--el-link-font-color)}.el-link.el-link--warning:hover{color:#ebb563}.el-link.el-link--warning:after{border-color:var(--el-link-font-color)}.el-link.el-link--warning.is-disabled{color:#f3d19e}.el-link.el-link--warning.is-underline:hover:after{border-color:var(--el-link-font-color)}.el-link.el-link--danger{--el-link-font-color:var(--el-color-danger);color:var(--el-link-font-color)}.el-link.el-link--danger:hover{color:#f78989}.el-link.el-link--danger:after{border-color:var(--el-link-font-color)}.el-link.el-link--danger.is-disabled{color:#fab6b6}.el-link.el-link--danger.is-underline:hover:after{border-color:var(--el-link-font-color)}.el-link.el-link--error{--el-link-font-color:var(--el-color-error);color:var(--el-link-font-color)}.el-link.el-link--error:hover{color:#f78989}.el-link.el-link--error:after{border-color:var(--el-link-font-color)}.el-link.el-link--error.is-disabled{color:#fab6b6}.el-link.el-link--error.is-underline:hover:after{border-color:var(--el-link-font-color)}.el-link.el-link--info{--el-link-font-color:var(--el-color-info);color:var(--el-link-font-color)}.el-link.el-link--info:hover{color:#a6a9ad}.el-link.el-link--info:after{border-color:var(--el-link-font-color)}.el-link.el-link--info.is-disabled{color:#c8c9cc}.el-link.el-link--info.is-underline:hover:after{border-color:var(--el-link-font-color)}:root{--el-loading-spinner-size:42px;--el-loading-fullscreen-spinner-size:50px}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{position:absolute;z-index:2000;background-color:rgba(255,255,255,.9);margin:0;top:0;right:0;bottom:0;left:0;transition:opacity var(--el-transition-duration)}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:calc((0px - var(--el-loading-fullscreen-spinner-size))/ 2)}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:var(--el-loading-fullscreen-spinner-size);width:var(--el-loading-fullscreen-spinner-size)}.el-loading-spinner{top:50%;margin-top:calc((0px - var(--el-loading-spinner-size))/ 2);width:100%;text-align:center;position:absolute}.el-loading-spinner .el-loading-text{color:var(--el-color-primary);margin:3px 0;font-size:14px}.el-loading-spinner .circular{display:inline;height:var(--el-loading-spinner-size);width:var(--el-loading-spinner-size);animation:loading-rotate 2s linear infinite}.el-loading-spinner .path{animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:var(--el-color-primary);stroke-linecap:round}.el-loading-spinner i{color:var(--el-color-primary)}.el-loading-fade-enter-from,.el-loading-fade-leave-to{opacity:0}@keyframes loading-rotate{100%{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.el-main{--el-main-padding:20px;display:block;flex:1;flex-basis:auto;overflow:auto;box-sizing:border-box;padding:var(--el-main-padding)}.el-menu{--el-menu-active-color:var(--el-color-primary);--el-menu-text-color:var(--el-text-color-primary);--el-menu-hover-text-color:var(--el-text-color-primary);--el-menu-background-color:var(--el-color-white);--el-menu-hover-background-color:var(--el-color-primary-light-9);--el-menu-item-font-size:var(--el-font-size-base);--el-menu-item-hover-fill:var(--el-color-primary-light-9);--el-menu-border-color:#e6e6e6;border-right:solid 1px var(--el-menu-border-color);list-style:none;position:relative;margin:0;padding-left:0;background-color:var(--el-menu-background-color);box-sizing:border-box}.el-menu--horizontal{display:flex;flex-wrap:nowrap;border-bottom:solid 1px var(--el-menu-border-color);border-right:none}.el-menu--horizontal>.el-menu-item{display:inline-flex;justify-content:center;align-items:center;height:60px;margin:0;border-bottom:2px solid transparent;color:var(--el-menu-text-color)}.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover{background-color:#fff}.el-menu--horizontal>.el-sub-menu:focus,.el-menu--horizontal>.el-sub-menu:hover{outline:0}.el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title{color:var(--el-menu-hover-text-color)}.el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{border-bottom:2px solid var(--el-menu-active-color);color:var(--el-menu-active-color)}.el-menu--horizontal>.el-sub-menu .el-sub-menu__title{height:60px;line-height:60px;border-bottom:2px solid transparent;color:var(--el-menu-text-color)}.el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover{background-color:#fff}.el-menu--horizontal>.el-sub-menu .el-sub-menu__icon-arrow{position:static;vertical-align:middle;margin-left:8px;margin-top:-3px}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-sub-menu__title{background-color:var(--el-menu-background-color);display:flex;align-items:center;height:36px;padding:0 10px;color:var(--el-menu-text-color)}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-sub-menu.is-active>.el-sub-menu__title{color:var(--el-menu-active-color)}.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{outline:0;color:var(--el-menu-hover-text-color);background-color:var(--el-menu-hover-background-color)}.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid var(--el-menu-active-color);color:var(--el-menu-active-color)!important}.el-menu--collapse{width:64px}.el-menu--collapse>.el-menu-item [class^=el-icon-],.el-menu--collapse>.el-sub-menu>.el-sub-menu__title [class^=el-icon-]{margin:0;vertical-align:middle;width:24px;text-align:center}.el-menu--collapse>.el-menu-item .el-sub-menu__icon-arrow,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item span,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-sub-menu{min-width:200px}.el-menu--collapse .el-sub-menu{position:relative}.el-menu--collapse .el-sub-menu .el-menu{position:absolute;margin-left:5px;top:0;left:100%;z-index:10;border:1px solid var(--el-border-color-light);border-radius:var(--el-border-radius-small);box-shadow:var(--el-box-shadow-light)}.el-menu--collapse .el-sub-menu.is-opened>.el-sub-menu__title .el-sub-menu__icon-arrow{transform:none}.el-menu--collapse .el-sub-menu.is-active i{color:inherit}.el-menu--popup{z-index:100;min-width:200px;border:none;padding:5px 0;border-radius:var(--el-border-radius-small);box-shadow:var(--el-box-shadow-light)}.el-menu-item{height:56px;line-height:56px;font-size:var(--el-menu-item-font-size);color:var(--el-menu-text-color);padding:0 20px;list-style:none;cursor:pointer;position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);box-sizing:border-box;white-space:nowrap}.el-menu-item *{vertical-align:middle}.el-menu-item i{color:inherit}.el-menu-item:focus,.el-menu-item:hover{outline:0}.el-menu-item:hover{background-color:var(--el-menu-hover-background-color)}.el-menu-item.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-menu-item [class^=el-icon-]{margin-right:5px;width:24px;text-align:center;font-size:18px;vertical-align:middle}.el-menu-item.is-active{color:var(--el-menu-active-color)}.el-menu-item.is-active i{color:inherit}.el-sub-menu{list-style:none;margin:0;padding-left:0}.el-sub-menu__title{height:56px;line-height:56px;font-size:var(--el-menu-item-font-size);color:var(--el-menu-text-color);padding:0 20px;list-style:none;cursor:pointer;position:relative;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);box-sizing:border-box;white-space:nowrap}.el-sub-menu__title *{vertical-align:middle}.el-sub-menu__title i{color:inherit}.el-sub-menu__title:focus,.el-sub-menu__title:hover{outline:0}.el-sub-menu__title:hover{background-color:var(--el-menu-hover-background-color)}.el-sub-menu__title.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-sub-menu__title:hover{background-color:var(--el-menu-hover-background-color)}.el-sub-menu .el-menu{border:none}.el-sub-menu .el-menu-item{height:50px;line-height:50px;padding:0 45px;min-width:200px}.el-sub-menu__hide-arrow .el-sub-menu__icon-arrow{display:none!important}.el-sub-menu__icon-more{margin-right:0!important}.el-sub-menu__icon-arrow{position:absolute;top:50%;right:20px;margin-top:-7px;transition:transform var(--el-transition-duration);font-size:12px}.el-sub-menu.is-active .el-sub-menu__title{border-bottom-color:var(--el-menu-active-color)}.el-sub-menu.is-opened>.el-sub-menu__title .el-sub-menu__icon-arrow{transform:rotateZ(180deg)}.el-sub-menu.is-disabled .el-menu-item,.el-sub-menu.is-disabled .el-sub-menu__title{opacity:.25;cursor:not-allowed;background:0 0!important}.el-sub-menu [class^=el-icon-]{vertical-align:middle;margin-right:5px;width:24px;text-align:center;font-size:18px}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding:7px 0 7px 20px;line-height:normal;font-size:12px;color:var(--el-text-color-secondary)}.horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow{transition:var(--el-transition-duration-fast);opacity:0}.el-message-box{--el-messagebox-title-color:var(--el-text-color-primary);--el-messagebox-width:420px;--el-messagebox-border-radius:4px;--el-messagebox-font-size:var(--el-font-size-large);--el-messagebox-content-font-size:var(--el-font-size-base);--el-messagebox-content-color:var(--el-text-color-regular);--el-messagebox-error-font-size:12px;--el-messagebox-padding-primary:15px}.el-message-box{display:inline-block;width:var(--el-messagebox-width);padding-bottom:10px;vertical-align:middle;background-color:var(--el-color-white);border-radius:var(--el-messagebox-border-radius);border:1px solid var(--el-border-color-lighter);font-size:var(--el-messagebox-font-size);box-shadow:var(--el-box-shadow-light);text-align:left;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.el-overlay.is-message-box{text-align:center}.el-overlay.is-message-box::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.el-message-box__header{position:relative;padding:var(--el-messagebox-padding-primary);padding-bottom:10px}.el-message-box__title{padding-left:0;margin-bottom:0;font-size:var(--el-messagebox-font-size);line-height:1;color:var(--el-messagebox-title-color)}.el-message-box__headerbtn{position:absolute;top:var(--el-messagebox-padding-primary);right:var(--el-messagebox-padding-primary);padding:0;border:none;outline:0;background:0 0;font-size:var(--el-message-close-size,16px);cursor:pointer}.el-message-box__headerbtn .el-message-box__close{color:var(--el-color-info)}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:var(--el-color-primary)}.el-message-box__content{padding:10px var(--el-messagebox-padding-primary);color:var(--el-messagebox-content-color);font-size:var(--el-messagebox-content-font-size)}.el-message-box__container{position:relative}.el-message-box__input{padding-top:15px}.el-message-box__input div.invalid>input{border-color:var(--el-color-error)}.el-message-box__input div.invalid>input:focus{border-color:var(--el-color-error)}.el-message-box__status{position:absolute;top:50%;transform:translateY(-50%);font-size:24px!important}.el-message-box__status::before{padding-left:1px}.el-message-box__status+.el-message-box__message{padding-left:36px;padding-right:12px;word-break:break-word}.el-message-box__status.el-icon-success{--el-messagebox-color:var(--el-color-success);color:var(--el-messagebox-color)}.el-message-box__status.el-icon-info{--el-messagebox-color:var(--el-color-info);color:var(--el-messagebox-color)}.el-message-box__status.el-icon-warning{--el-messagebox-color:var(--el-color-warning);color:var(--el-messagebox-color)}.el-message-box__status.el-icon-error{--el-messagebox-color:var(--el-color-error);color:var(--el-messagebox-color)}.el-message-box__message{margin:0}.el-message-box__message p{margin:0;line-height:24px}.el-message-box__errormsg{color:var(--el-color-error);font-size:var(--el-messagebox-error-font-size);min-height:18px;margin-top:2px}.el-message-box__btns{padding:5px 15px 0;text-align:right}.el-message-box__btns button:nth-child(2){margin-left:10px}.el-message-box__btns-reverse{flex-direction:row-reverse}.el-message-box--center{padding-bottom:30px}.el-message-box--center .el-message-box__header{padding-top:30px}.el-message-box--center .el-message-box__title{position:relative;display:flex;align-items:center;justify-content:center}.el-message-box--center .el-message-box__status{position:relative;top:auto;padding-right:5px;text-align:center;transform:translateY(-1px)}.el-message-box--center .el-message-box__message{margin-left:0}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__content{text-align:center}.el-message-box--center .el-message-box__content{padding-left:calc(var(--el-messagebox-padding-primary) + 12px);padding-right:calc(var(--el-messagebox-padding-primary) + 12px)}.fade-in-linear-enter-active .el-message-box{animation:msgbox-fade-in var(--el-transition-duration)}.fade-in-linear-leave-active .el-message-box{animation:msgbox-fade-in var(--el-transition-duration) reverse}@keyframes msgbox-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes msgbox-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}.el-message{--el-message-min-width:380px;--el-message-background-color:#edf2fc;--el-message-padding:15px 15px 15px 20px;--el-message-close-size:16px;--el-message-close-icon-color:var(--el-text-color-placeholder);--el-message-close-hover-color:var(--el-text-color-secondary)}.el-message{min-width:var(--el-message-min-width);box-sizing:border-box;border-radius:var(--el-border-radius-base);border-width:var(--el-border-width-base);border-style:var(--el-border-style-base);border-color:var(--el-border-color-lighter);position:fixed;left:50%;top:20px;transform:translateX(-50%);background-color:var(--el-message-background-color);transition:opacity .3s,transform .4s,top .4s;background-color:var(--el-message-background-color);transition:opacity var(--el-transition-duration),transform .4s,top .4s;overflow:hidden;padding:var(--el-message-padding);display:flex;align-items:center}.el-message.is-center{justify-content:center}.el-message.is-closable .el-message__content{padding-right:16px}.el-message p{margin:0}.el-message--info .el-message__content{color:var(--el-message-info-font-color)}.el-message--success{background-color:#f0f9eb;border-color:#e1f3d8;--el-message-font-color:var(--el-color-success)}.el-message--success .el-message__content{color:var(--el-message-font-color)}.el-message--info{background-color:#f4f4f5;border-color:#e9e9eb;--el-message-font-color:var(--el-color-info)}.el-message--info .el-message__content{color:var(--el-message-font-color)}.el-message--warning{background-color:#fdf6ec;border-color:#faecd8;--el-message-font-color:var(--el-color-warning)}.el-message--warning .el-message__content{color:var(--el-message-font-color)}.el-message--error{background-color:#fef0f0;border-color:#fde2e2;--el-message-font-color:var(--el-color-error)}.el-message--error .el-message__content{color:var(--el-message-font-color)}.el-message__icon{margin-right:10px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__content:focus{outline-width:0}.el-message__closeBtn{position:absolute;top:50%;right:15px;transform:translateY(-50%);cursor:pointer;color:var(--el-message-close-icon-color);font-size:var(--el-message-close-size,16px)}.el-message__closeBtn:focus{outline-width:0}.el-message__closeBtn:hover{color:var(--el-message-close-hover-color)}.el-message .el-icon-success{--el-message-font-color:var(--el-color-success);color:var(--el-message-font-color)}.el-message .el-icon-info{--el-message-font-color:var(--el-color-info);color:var(--el-message-font-color)}.el-message .el-icon-warning{--el-message-font-color:var(--el-color-warning);color:var(--el-message-font-color)}.el-message .el-icon-error{--el-message-font-color:var(--el-color-error);color:var(--el-message-font-color)}.el-message-fade-enter-from,.el-message-fade-leave-to{opacity:0;transform:translate(-50%,-100%)}.el-notification{--el-notification-width:330px;--el-notification-padding:14px 26px 14px 13px;--el-notification-radius:8px;--el-notification-shadow:var(--el-box-shadow-light);--el-notification-border-color:var(--el-border-color-lighter);--el-notification-icon-size:24px;--el-notification-close-font-size:var(--el-message-close-size, 16px);--el-notification-group-margin-left:13px;--el-notification-group-margin-right:8px;--el-notification-content-font-size:var(--el-font-size-base);--el-notification-content-color:var(--el-text-color-regular);--el-notification-title-font-size:16px;--el-notification-title-color:var(--el-text-color-primary);--el-notification-close-color:var(--el-text-color-secondary);--el-notification-close-hover-color:var(--el-text-color-regular)}.el-notification{display:flex;width:var(--el-notification-width);padding:var(--el-notification-padding);border-radius:var(--el-notification-radius);box-sizing:border-box;border:1px solid var(--el-notification-border-color);position:fixed;background-color:var(--el-color-white);box-shadow:var(--el-notification-shadow);transition:opacity var(--el-transition-duration),transform var(--el-transition-duration),left var(--el-transition-duration),right var(--el-transition-duration),top .4s,bottom var(--el-transition-duration);overflow-wrap:anywhere;overflow:hidden;z-index:9999}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{margin-left:var(--el-notification-group-margin-left);margin-right:var(--el-notification-group-margin-right)}.el-notification__title{font-weight:700;font-size:var(--el-notification-title-font-size);line-height:var(--el-notification-icon-size);color:var(--el-notification-title-color);margin:0}.el-notification__content{font-size:var(--el-notification-content-font-size);line-height:24px;margin:6px 0 0 0;color:var(--el-notification-content-color);text-align:justify}.el-notification__content p{margin:0}.el-notification__icon{height:var(--el-notification-icon-size);width:var(--el-notification-icon-size);font-size:var(--el-notification-icon-size)}.el-notification__closeBtn{position:absolute;top:18px;right:15px;cursor:pointer;color:var(--el-notification-close-color);font-size:var(--el-notification-close-font-size)}.el-notification__closeBtn:hover{color:var(--el-notification-close-hover-color)}.el-notification .el-icon-success{--el-notification-icon-color:var(--el-color-success);color:var(--el-notification-icon-color)}.el-notification .el-icon-info{--el-notification-icon-color:var(--el-color-info);color:var(--el-notification-icon-color)}.el-notification .el-icon-warning{--el-notification-icon-color:var(--el-color-warning);color:var(--el-notification-icon-color)}.el-notification .el-icon-error{--el-notification-icon-color:var(--el-color-error);color:var(--el-notification-icon-color)}.el-notification-fade-enter-from.right{right:0;transform:translateX(100%)}.el-notification-fade-enter-from.left{left:0;transform:translateX(-100%)}.el-notification-fade-leave-to{opacity:0}.el-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;height:100%;background-color:rgba(0,0,0,.5);overflow:auto}.el-overlay .el-overlay-root{height:0}.el-page-header{display:flex;line-height:24px}.el-page-header__left{display:flex;cursor:pointer;margin-right:40px;position:relative}.el-page-header__left::after{content:"";position:absolute;width:1px;height:16px;right:-20px;top:50%;transform:translateY(-50%);background-color:var(--el-border-color-base)}.el-page-header__icon{font-size:18px;margin-right:6px;display:flex;align-items:center}.el-page-header__title{font-size:14px;font-weight:500}.el-page-header__content{font-size:18px;color:var(--el-text-color-primary)}.el-pagination{--el-pagination-font-size:13px;--el-pagination-background-color:var(--el-color-white);--el-pagination-font-color:var(--el-text-color-primary);--el-pagination-border-radius:3px;--el-pagination-button-color:var(--el-text-color-primary);--el-pagination-button-width:35.5px;--el-pagination-button-height:28px;--el-pagination-button-disabled-color:var(--el-text-color-placeholder);--el-pagination-button-disabled-background-color:var(--el-color-white);--el-pagination-hover-color:var(--el-color-primary);--el-pagination-height-extra-small:22px;--el-pagination-line-height-extra-small:var(--el-pagination-height-extra-small);white-space:nowrap;padding:2px 5px;color:var(--el-pagination-font-color);font-weight:700}.el-pagination::after,.el-pagination::before{display:table;content:""}.el-pagination::after{clear:both}.el-pagination button,.el-pagination span:not([class*=suffix]){display:inline-block;font-size:var(--el-pagination-font-size);min-width:var(--el-pagination-button-width);height:var(--el-pagination-button-height);line-height:var(--el-pagination-button-height);vertical-align:top;box-sizing:border-box}.el-pagination .el-input__inner{text-align:center;-moz-appearance:textfield;line-height:normal}.el-pagination .el-input__suffix{right:0;transform:scale(.8)}.el-pagination .el-select .el-input{width:100px;margin:0 5px}.el-pagination .el-select .el-input .el-input__inner{padding-right:25px;border-radius:var(--el-pagination-border-radius)}.el-pagination button{border:none;padding:0 6px;background:0 0}.el-pagination button:focus{outline:0}.el-pagination button:hover{color:var(--el-pagination-hover-color)}.el-pagination button:disabled{color:var(--el-pagination-button-disabled-color);background-color:var(--el-pagination-button-disabled-background-color);cursor:not-allowed}.el-pagination .btn-next,.el-pagination .btn-prev{background:center center no-repeat;background-size:16px;background-color:var(--el-pagination-background-color);cursor:pointer;margin:0;color:var(--el-pagination-button-color)}.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon{display:block;font-size:12px;font-weight:700;width:inherit}.el-pagination .btn-prev{padding-right:12px}.el-pagination .btn-next{padding-left:12px}.el-pagination .el-pager li.disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .el-pager li,.el-pagination--small .el-pager li.btn-quicknext,.el-pagination--small .el-pager li.btn-quickprev,.el-pagination--small .el-pager li:last-child{border-color:transparent;font-size:var(--el-font-size-extra-small);line-height:var(--el-pagination-line-height-extra-small);height:var(--el-pagination-height-extra-small);min-width:22px}.el-pagination--small .arrow.disabled{visibility:hidden}.el-pagination--small .more::before,.el-pagination--small li.more::before{line-height:var(--el-pagination-line-height-extra-small)}.el-pagination--small button,.el-pagination--small span:not([class*=suffix]){height:var(--el-pagination-height-extra-small);line-height:var(--el-pagination-line-height-extra-small)}.el-pagination--small .el-pagination__editor{height:var(--el-pagination-line-height-extra-small)}.el-pagination--small .el-pagination__editor.el-input .el-input__inner{height:var(--el-pagination-height-extra-small)}.el-pagination--small .el-input--mini,.el-pagination--small .el-input__inner{height:var(--el-pagination-height-extra-small)!important;line-height:var(--el-pagination-line-height-extra-small)}.el-pagination--small .el-input__suffix{line-height:var(--el-pagination-line-height-extra-small)}.el-pagination--small .el-input__suffix .el-input__suffix-inner{line-height:var(--el-pagination-line-height-extra-small)}.el-pagination--small .el-input__suffix .el-input__suffix-inner i.el-select__caret{line-height:var(--el-pagination-line-height-extra-small)}.el-pagination__sizes{margin:0 10px 0 0;font-weight:400;color:var(--el-text-color-regular)}.el-pagination__sizes .el-input .el-input__inner{font-size:var(--el-pagination-font-size);padding-left:8px}.el-pagination__sizes .el-input .el-input__inner:hover{border-color:var(--el-pagination-hover-color)}.el-pagination__total{margin-right:10px;font-weight:400;color:var(--el-text-color-regular)}.el-pagination__jump{margin-left:24px;font-weight:400;color:var(--el-text-color-regular)}.el-pagination__jump .el-input__inner{padding:0 3px}.el-pagination__rightwrapper{float:right}.el-pagination__editor{line-height:18px;padding:0 2px;height:var(--el-pagination-button-height);text-align:center;margin:0 2px;box-sizing:border-box;border-radius:var(--el-pagination-border-radius)}.el-pagination__editor.el-input{width:50px}.el-pagination__editor.el-input .el-input__inner{height:var(--el-pagination-button-height)}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .el-pager li{margin:0 5px;background-color:#f4f4f5;color:var(--el-text-color-regular);min-width:30px;border-radius:2px}.el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-prev.disabled,.el-pagination.is-background .el-pager li.disabled{color:var(--el-text-color-placeholder)}.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev{padding:0}.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev:disabled{color:var(--el-text-color-placeholder)}.el-pagination.is-background .el-pager li:not(.disabled):hover{color:var(--el-pagination-hover-color)}.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:var(--el-color-primary);color:var(--el-color-white)}.el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .el-pager li{margin:0 3px;min-width:22px}.el-pager{-webkit-user-select:none;user-select:none;list-style:none;display:inline-block;vertical-align:top;font-size:0;padding:0;margin:0}.el-pager .more::before{line-height:30px}.el-pager li{padding:0 4px;background:var(--el-pagination-background-color);vertical-align:top;display:inline-block;font-size:var(--el-pagination-font-size);min-width:var(--el-pagination-button-width);height:var(--el-pagination-button-height);line-height:var(--el-pagination-button-height);cursor:pointer;box-sizing:border-box;text-align:center;margin:1px}.el-pager li.btn-quicknext,.el-pager li.btn-quickprev{line-height:28px;color:var(--el-pagination-button-color)}.el-pager li.btn-quicknext.disabled,.el-pager li.btn-quickprev.disabled{color:var(--el-text-color-placeholder)}.el-pager li.btn-quickprev:hover{cursor:pointer}.el-pager li.btn-quicknext:hover{cursor:pointer}.el-pager li.active+li{border-left:0}.el-pager li:focus-visible{outline:1px solid var(--el-pagination-hover-color)}.el-pager li:hover{color:var(--el-pagination-hover-color)}.el-pager li.active{color:var(--el-pagination-hover-color);cursor:default}.el-popconfirm__main{display:flex;align-items:center}.el-popconfirm__icon{margin-right:5px}.el-popconfirm__action{text-align:right;margin:0}.el-popover{--el-popover-background-color:var(--el-color-white);--el-popover-font-size:var(--el-font-size-base);--el-popover-border-color:var(--el-border-color-lighter);--el-popover-padding:12px;--el-popover-padding-large:18px 20px;--el-popover-title-font-size:16px;--el-popover-title-font-color:var(--el-text-color-primary);--el-popover-border-radius:4px}.el-popover.el-popper{background:var(--el-popover-background-color);min-width:150px;border-radius:var(--el-popover-border-radius);border:1px solid var(--el-popover-border-color);padding:var(--el-popover-padding);z-index:var(--el-index-popper);color:var(--el-text-color-regular);line-height:1.4;text-align:justify;font-size:var(--el-popover-font-size);box-shadow:var(--el-box-shadow-light);word-break:break-all}.el-popover.el-popper--plain{padding:var(--el-popover-padding-large)}.el-popover__title{color:var(--el-popover-title-font-color);font-size:var(--el-popover-title-font-size);line-height:1;margin-bottom:12px}.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.el-popover.el-popper:focus,.el-popover.el-popper:focus:active{outline-width:0}.el-progress{position:relative;line-height:1;display:flex;align-items:center}.el-progress__text{font-size:14px;color:var(--el-text-color-regular);margin-left:5px;min-width:50px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle,.el-progress--dashboard{display:inline-block}.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text{position:absolute;top:50%;left:0;width:100%;text-align:center;margin:0;transform:translate(0,-50%)}.el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{padding-right:0;margin-right:0;display:block}.el-progress--text-inside .el-progress-bar{padding-right:0;margin-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:var(--el-color-success)}.el-progress.is-success .el-progress__text{color:var(--el-color-success)}.el-progress.is-warning .el-progress-bar__inner{background-color:var(--el-color-warning)}.el-progress.is-warning .el-progress__text{color:var(--el-color-warning)}.el-progress.is-exception .el-progress-bar__inner{background-color:var(--el-color-danger)}.el-progress.is-exception .el-progress__text{color:var(--el-color-danger)}.el-progress-bar{flex-grow:1;box-sizing:border-box}.el-progress-bar__outer{height:6px;border-radius:100px;background-color:var(--el-border-color-lighter);overflow:hidden;position:relative;vertical-align:middle}.el-progress-bar__inner{position:absolute;left:0;top:0;height:100%;background-color:var(--el-color-primary);text-align:right;border-radius:100px;line-height:1;white-space:nowrap;transition:width .6s ease}.el-progress-bar__inner::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-progress-bar__inner--indeterminate{transform:translateZ(0);animation:indeterminate 3s infinite}.el-progress-bar__innerText{display:inline-block;vertical-align:middle;color:#fff;font-size:12px;margin:0 5px}@keyframes progress{0%{background-position:0 0}100%{background-position:32px 0}}@keyframes indeterminate{0%{left:-100%}100%{left:100%}}.el-radio-button{--el-radio-button-checked-background-color:var(--el-color-primary);--el-radio-button-checked-font-color:var(--el-color-white);--el-radio-button-checked-border-color:var(--el-color-primary);--el-radio-button-disabled-checked-fill:var(--el-border-color-extra-light)}.el-radio-button{position:relative;display:inline-block;outline:0}.el-radio-button__inner{display:inline-block;line-height:1;white-space:nowrap;vertical-align:middle;background:var(--el-button-background-color,var(--el-color-white));border:1px solid #dcdfe6;font-weight:var(--el-button-font-weight,var(--el-font-weight-primary));border-left:0;color:var(--el-button-font-color,var(--el-text-color-regular));-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;position:relative;cursor:pointer;transition:var(--el-transition-all);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:var(--el-font-size-base,14px);border-radius:0}.el-radio-button__inner.is-round{padding:12px 20px}.el-radio-button__inner:hover{color:var(--el-color-primary)}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button:first-child .el-radio-button__inner{border-left:1px solid #dcdfe6;border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);box-shadow:none!important}.el-radio-button__original-radio{opacity:0;outline:0;position:absolute;z-index:-1}.el-radio-button__original-radio:checked+.el-radio-button__inner{color:var(--el-radio-button-checked-font-color,var(--el-color-white));background-color:var(--el-radio-button-checked-background-color,var(--el-color-primary));border-color:var(--el-radio-button-checked-border-color,var(--el-color-primary));box-shadow:-1px 0 0 0 var(--el-radio-button-checked-border-color,var(--el-color-primary))}.el-radio-button__original-radio:disabled+.el-radio-button__inner{color:var(--el-button-disabled-font-color,var(--el-text-color-placeholder));cursor:not-allowed;background-image:none;background-color:var(--el-button-disabled-background-color,var(--el-color-white));border-color:var(--el-button-disabled-border-color,var(--el-border-color-light));box-shadow:none}.el-radio-button__original-radio:disabled:checked+.el-radio-button__inner{background-color:var(--el-radio-button-disabled-checked-fill)}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:var(--el-border-radius-base)}.el-radio-button--medium .el-radio-button__inner{padding:10px 20px;font-size:var(--el-font-size-base,14px);border-radius:0}.el-radio-button--medium .el-radio-button__inner.is-round{padding:10px 20px}.el-radio-button--small .el-radio-button__inner{padding:9px 15px;font-size:12px;border-radius:0}.el-radio-button--small .el-radio-button__inner.is-round{padding:9px 15px}.el-radio-button--mini .el-radio-button__inner{padding:7px 15px;font-size:12px;border-radius:0}.el-radio-button--mini .el-radio-button__inner.is-round{padding:7px 15px}.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled){box-shadow:0 0 2px 2px var(--el-radio-button-checked-border-color)}.el-radio-group{font-size:0}.el-radio{--el-radio-font-size:var(--el-font-size-base);--el-radio-font-color:var(--el-text-color-regular);--el-radio-font-weight:var(--el-font-weight-primary);--el-radio-input-height:14px;--el-radio-input-width:14px;--el-radio-input-border-radius:var(--el-border-radius-circle);--el-radio-input-background-color:var(--el-color-white);--el-radio-input-border:var(--el-border-base);--el-radio-input-border-color:var(--el-border-color-base);--el-radio-input-border-color-hover:var(--el-color-primary)}.el-radio{color:var(--el-radio-font-color);font-weight:var(--el-radio-font-weight);position:relative;cursor:pointer;display:inline-flex;align-items:center;white-space:nowrap;outline:0;font-size:var(--el-font-size-base);user-select:none;margin-right:30px;height:40px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.el-radio.el-radio--medium{height:36px}.el-radio.el-radio--small{height:32px}.el-radio.el-radio--mini{height:28px}.el-radio.is-bordered{padding:0 20px 0 10px;border-radius:var(--el-border-radius-base);border:var(--el-border-base);box-sizing:border-box}.el-radio.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:var(--el-border-color-lighter)}.el-radio.is-bordered+.el-radio.is-bordered{margin-left:10px}.el-radio.is-bordered.el-radio--medium{padding:0 20px 0 10px;border-radius:var(--el-border-radius-base)}.el-radio.is-bordered.el-radio--medium .el-radio__label{font-size:var(--el-font-size-base,14px)}.el-radio.is-bordered.el-radio--medium .el-radio__inner{height:14px;width:14px}.el-radio.is-bordered.el-radio--small{padding:0 15px 0 10px;border-radius:var(--el-border-radius-base)}.el-radio.is-bordered.el-radio--small .el-radio__label{font-size:12px}.el-radio.is-bordered.el-radio--small .el-radio__inner{height:12px;width:12px}.el-radio.is-bordered.el-radio--mini{padding:0 15px 0 10px;border-radius:var(--el-border-radius-base)}.el-radio.is-bordered.el-radio--mini .el-radio__label{font-size:12px}.el-radio.is-bordered.el-radio--mini .el-radio__inner{height:12px;width:12px}.el-radio:last-child{margin-right:0}.el-radio__input{white-space:nowrap;cursor:pointer;outline:0;display:inline-flex;position:relative;vertical-align:middle}.el-radio__input.is-disabled .el-radio__inner{background-color:var(--el-disabled-fill-base);border-color:var(--el-disabled-border-base);cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner::after{cursor:not-allowed;background-color:var(--el-disabled-fill-base)}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:var(--el-disabled-fill-base);border-color:var(--el-disabled-border-base)}.el-radio__input.is-disabled.is-checked .el-radio__inner::after{background-color:var(--el-text-color-placeholder)}.el-radio__input.is-disabled+span.el-radio__label{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:var(--el-color-primary);background:var(--el-color-primary)}.el-radio__input.is-checked .el-radio__inner::after{transform:translate(-50%,-50%) scale(1)}.el-radio__input.is-checked+.el-radio__label{color:var(--el-color-primary)}.el-radio__input.is-focus .el-radio__inner{border-color:var(--el-radio-input-border-color-hover)}.el-radio__inner{border:var(--el-radio-input-border);border-radius:var(--el-radio-input-border-radius);width:var(--el-radio-input-width);height:var(--el-radio-input-height);background-color:var(--el-radio-input-background-color);position:relative;cursor:pointer;display:inline-block;box-sizing:border-box}.el-radio__inner:hover{border-color:var(--el-radio-input-border-color-hover)}.el-radio__inner::after{width:4px;height:4px;border-radius:var(--el-radio-input-border-radius);background-color:var(--el-color-white);content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .15s ease-in}.el-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{box-shadow:0 0 2px 2px var(--el-radio-input-border-color-hover)}.el-radio__label{font-size:var(--el-radio-font-size);padding-left:10px}.el-rate{--el-rate-height:20px;--el-rate-font-size:var(--el-font-size-base);--el-rate-icon-size:18px;--el-rate-icon-margin:6px;--el-rate-icon-color:var(--el-text-color-placeholder)}.el-rate{height:var(--el-rate-height);line-height:1}.el-rate:active,.el-rate:focus{outline-width:0}.el-rate__item{display:inline-block;position:relative;font-size:0;vertical-align:middle}.el-rate__icon{position:relative;display:inline-block;font-size:var(--el-rate-icon-size);margin-right:var(--el-rate-icon-margin);color:var(--el-rate-icon-color);transition:var(--el-transition-duration)}.el-rate__icon.hover{transform:scale(1.15)}.el-rate__icon .path2{position:absolute;left:0;top:0}.el-rate__decimal{position:absolute;top:0;left:0;display:inline-block;overflow:hidden}.el-rate__text{font-size:var(--el-rate-font-size);vertical-align:middle}.el-result{--el-result-padding:40px 30px;--el-result-icon-font-size:64px;--el-result-title-font-size:20px;--el-result-title-margin-top:20px;--el-result-subtitle-margin-top:10px;--el-result-extra-margin-top:30px}.el-result{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;box-sizing:border-box;padding:var(--el-result-padding)}.el-result__icon svg{width:var(--el-result-icon-font-size);height:var(--el-result-icon-font-size)}.el-result__title{margin-top:var(--el-result-title-margin-top)}.el-result__title p{margin:0;font-size:var(--el-result-title-font-size);color:var(--el-text-color-primary);line-height:1.3}.el-result__subtitle{margin-top:var(--el-result-subtitle-margin-top)}.el-result__subtitle p{margin:0;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);line-height:1.3}.el-result__extra{margin-top:var(--el-result-extra-margin-top)}.el-result .icon-success{--el-result-color:var(--el-color-success);fill:var(--el-result-color)}.el-result .icon-warning{--el-result-color:var(--el-color-warning);fill:var(--el-result-color)}.el-result .icon-danger{--el-result-color:var(--el-color-danger);fill:var(--el-result-color)}.el-result .icon-info{--el-result-color:var(--el-color-info);fill:var(--el-result-color)}.el-result .icon-error{--el-result-color:var(--el-color-error);fill:var(--el-result-color)}.el-row{display:flex;flex-wrap:wrap;position:relative;box-sizing:border-box}.el-row.is-justify-center{justify-content:center}.el-row.is-justify-end{justify-content:flex-end}.el-row.is-justify-space-between{justify-content:space-between}.el-row.is-justify-space-around{justify-content:space-around}.el-row.is-align-middle{align-items:center}.el-row.is-align-bottom{align-items:flex-end}.el-scrollbar{--el-scrollbar-opacity:0.3;--el-scrollbar-background-color:var(--el-text-color-secondary);--el-scrollbar-hover-opacity:0.5;--el-scrollbar-hover-background-color:var(--el-text-color-secondary)}.el-scrollbar{overflow:hidden;position:relative;height:100%}.el-scrollbar__wrap{overflow:auto;height:100%}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{display:none}.el-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:var(--el-scrollbar-background-color,var(--el-text-color-secondary));transition:var(--el-transition-duration) background-color;opacity:var(--el-scrollbar-opacity,.3)}.el-scrollbar__thumb:hover{background-color:var(--el-scrollbar-hover-background-color,var(--el-text-color-secondary));opacity:var(--el-scrollbar-hover-opacity,.5)}.el-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar-fade-enter-active{transition:opacity 340ms ease-out}.el-scrollbar-fade-leave-active{transition:opacity 120ms ease-out}.el-scrollbar-fade-enter-from,.el-scrollbar-fade-leave-active{opacity:0}.el-select-dropdown{z-index:calc(var(--el-index-top) + 1);border-radius:var(--el-border-radius-base);box-sizing:border-box}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__option-item:hover:not(.hover){background-color:transparent}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:var(--el-text-color-secondary);font-size:var(--el-select-font-size)}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;margin:6px 0!important;padding:0!important;box-sizing:border-box}.el-select-dropdown__option-item{font-size:var(--el-select-font-size);padding:0 32px 0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--el-text-color-regular);height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.el-select-dropdown__option-item.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-select-dropdown__option-item.is-disabled:hover{background-color:var(--el-color-white)}.el-select-dropdown__option-item.is-selected{background-color:var(--el-background-color-base);font-weight:700}.el-select-dropdown__option-item.is-selected:not(.is-multiple){color:var(--el-color-primary)}.el-select-dropdown__option-item.hover{background-color:var(--el-background-color-base)!important}.el-select-dropdown__option-item:hover{background-color:var(--el-background-color-base)}.el-select-dropdown.is-multiple .el-select-dropdown__option-item.is-selected{color:var(--el-color-primary);background-color:var(--el-color-white);font-weight:700}.el-select-dropdown.is-multiple .el-select-dropdown__option-item.is-selected::after{position:absolute;right:20px;top:0;font-family:element-icons;content:"\e6da";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-group{margin:0;padding:0}.el-select-group__wrap{position:relative;list-style:none;margin:0;padding:0}.el-select-group__wrap:not(:last-of-type){padding-bottom:24px}.el-select-group__wrap:not(:last-of-type)::after{content:"";position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:var(--el-border-color-light)}.el-select-group__split-dash{position:absolute;left:20px;right:20px;height:1px;background:var(--el-border-color-light)}.el-select-group__title{padding-left:20px;font-size:12px;color:var(--el-color-info);line-height:30px}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select-v2{--el-select-border-color-hover:var(--el-border-color-hover);--el-select-disabled-border:var(--el-disabled-border-base);--el-select-font-size:var(--el-font-size-base);--el-select-close-hover-color:var(--el-text-color-secondary);--el-select-input-color:var(--el-text-color-placeholder);--el-select-multiple-input-color:var(--el-text-color-regular);--el-select-input-focus-border-color:var(--el-color-primary);--el-select-input-font-size:14px}.el-select-v2{display:inline-block;position:relative;font-size:var(--el-font-size-base,14px)}.el-select-v2__wrapper{box-sizing:border-box;cursor:pointer;padding:5px 30px 5px 0;border:1px solid var(--el-border-color-base);border-radius:var(--el-border-radius-base);transition:border-color var(--el-transition-duration-fast) var(--el-ease-in-out-bezier-function)}.el-select-v2__wrapper:hover{border-color:var(--el-text-color-placeholder)}.el-select-v2__wrapper.is-filterable{cursor:text}.el-select-v2__wrapper.is-focused{border-color:var(--el-color-primary)}.el-select-v2__wrapper.is-hovering:not(.is-focused){border-color:var(--el-text-color-placeholder)}.el-select-v2__wrapper.is-disabled{cursor:not-allowed;background-color:var(--el-background-color-base);color:var(--el-text-color-placeholder);border-color:var(--el-select-disabled-border)}.el-select-v2__wrapper.is-disabled:hover{border-color:var(--el-select-disabled-border)}.el-select-v2__wrapper.is-disabled.is-focus{border-color:var(--el-input-focus-border-color)}.el-select-v2__wrapper.is-disabled .is-transparent{opacity:1;-webkit-user-select:none;user-select:none}.el-select-v2__wrapper .el-select-v2__input-wrapper{box-sizing:border-box;position:relative;-webkit-margin-start:15px;margin-inline-start:15px;max-width:100%;overflow:hidden}.el-select-v2__wrapper,.el-select-v2__wrapper .el-select-v2__input-wrapper{line-height:40px}.el-select-v2__wrapper .el-select-v2__input-wrapper input{line-height:28px;height:28px;min-width:4px;width:100%;background-color:transparent;-webkit-appearance:none;appearance:none;background:0 0;border:none;margin:0;outline:0;padding:0}.el-select-v2 .el-select-v2__tags-text{text-overflow:ellipsis;display:inline-block;overflow-x:hidden;vertical-align:bottom}.el-select-v2__empty{padding:10px 0;margin:0;text-align:center;color:var(--el-text-color-secondary);font-size:14px}.el-select-v2__popper.el-popper[role=tooltip]{background:var(--el-color-white);border:1px solid var(--el-border-color-light);box-shadow:var(--el-box-shadow-light)}.el-select-v2__popper.el-popper[role=tooltip] .el-popper__arrow::before{border:1px solid var(--el-border-color-light)}.el-select-v2__popper.el-popper[role=tooltip][data-popper-placement^=top] .el-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.el-select-v2__popper.el-popper[role=tooltip][data-popper-placement^=bottom] .el-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.el-select-v2__popper.el-popper[role=tooltip][data-popper-placement^=left] .el-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.el-select-v2__popper.el-popper[role=tooltip][data-popper-placement^=right] .el-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.el-select-v2--medium .el-select-v2__wrapper{padding:3px 30px 3px 0}.el-select-v2--medium .el-select-v2__wrapper,.el-select-v2--medium .el-select-v2__wrapper .el-select-v2__input-wrapper{line-height:36px}.el-select-v2--medium .el-select-v2__caret{line-height:36px}.el-select-v2--medium .el-select-v2__suffix{height:36px}.el-select-v2--small .el-select-v2__wrapper{padding:3px 30px 3px 0;line-height:32px}.el-select-v2--small .el-select-v2__wrapper .el-select-v2__input-wrapper{line-height:24px}.el-select-v2--small .el-select-v2__wrapper .el-select-v2__input-wrapper input{line-height:24px;height:24px}.el-select-v2--small .el-select-v2__caret{line-height:32px}.el-select-v2--small .el-select-v2__suffix{height:32px}.el-select-v2--mini .el-select-v2__wrapper{padding:1px 30px 1px 0;line-height:28px}.el-select-v2--mini .el-select-v2__wrapper .el-select-v2__input-wrapper{line-height:24px}.el-select-v2--mini .el-select-v2__wrapper .el-select-v2__input-wrapper input{line-height:24px;height:24px}.el-select-v2--mini .el-select-v2__caret{line-height:28px}.el-select-v2--mini .el-select-v2__suffix{height:28px}.el-select-v2 .el-select-v2__selection>span{display:inline-block}.el-select-v2:hover .el-select-v2__combobox-input{border-color:var(--el-select-border-color-hover)}.el-select-v2 .el-select__selection-text{text-overflow:ellipsis;display:inline-block;overflow-x:hidden;vertical-align:bottom}.el-select-v2 .el-select-v2__combobox-input{padding-right:35px;display:block}.el-select-v2 .el-select-v2__combobox-input:focus{border-color:var(--el-select-input-focus-border-color)}.el-select-v2__input{border:none;outline:0;padding:0;margin-left:15px;color:var(--el-select-multiple-input-color);font-size:var(--el-select-font-size);-webkit-appearance:none;appearance:none;height:28px}.el-select-v2__input.is-mini{height:14px}.el-select-v2__close{cursor:pointer;position:absolute;top:8px;z-index:var(--el-index-top);right:25px;color:var(--el-select-input-color);line-height:18px;font-size:var(--el-select-input-font-size)}.el-select-v2__close:hover{color:var(--el-select-close-hover-color)}.el-select-v2__suffix{position:absolute;right:5px;height:40px;top:50%;transform:translateY(-50%)}.el-select-v2__caret{color:var(--el-select-input-color);font-size:var(--el-select-input-font-size);transition:transform var(--el-transition-duration);transform:rotateZ(180deg);cursor:pointer}.el-select-v2__caret.is-reverse{transform:rotateZ(0)}.el-select-v2__caret.is-show-close{font-size:var(--el-select-font-size);text-align:center;transform:rotateZ(180deg);border-radius:var(--el-border-radius-circle);color:var(--el-select-input-color);transition:var(--el-transition-color)}.el-select-v2__caret.is-show-close:hover{color:--el-select-close-hover-color}.el-select-v2__selection{white-space:normal;z-index:var(--el-index-normal);display:flex;align-items:center;flex-wrap:wrap}.el-select-v2__wrapper{background-color:#fff;border:1px solid #d9d9d9;border-radius:var(--el-border-radius-base);position:relative;transition:all var(--el-transition-duration) var(--el-ease-in-out-bezier-function)}.el-select-v2__input-calculator{left:0;position:absolute;top:0;visibility:hidden;white-space:pre;z-index:999}.el-select-v2__selected-item{line-height:inherit;height:inherit;-webkit-user-select:none;user-select:none;display:flex}.el-select-v2__placeholder{position:absolute;top:50%;transform:translateY(-50%);-webkit-margin-start:15px;margin-inline-start:15px;width:calc(100% - 52px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--el-input-font-color,var(--el-text-color-regular));font-size:inherit}.el-select-v2__placeholder.is-transparent{color:var(--el-text-color-placeholder)}.el-select-v2 .el-select-v2__selection .el-tag{box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:#f0f2f5}.el-select-v2 .el-select-v2__selection .el-tag .el-icon-close{background-color:var(--el-text-color-placeholder);right:-7px;color:var(--el-color-white)}.el-select-v2 .el-select-v2__selection .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-select-v2 .el-select-v2__selection .el-tag .el-icon-close::before{display:block;transform:translate(0,.5px)}.el-select-dropdown{z-index:calc(var(--el-index-top) + 1);border-radius:var(--el-border-radius-base);box-sizing:border-box}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected{color:var(--el-color-primary);background-color:var(--el-color-white)}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover{background-color:var(--el-background-color-base)}.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after{position:absolute;right:20px;font-family:element-icons;content:"\e6da";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:var(--el-text-color-secondary);font-size:var(--el-select-font-size)}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{list-style:none;padding:6px 0;margin:0;box-sizing:border-box}.el-select{--el-select-border-color-hover:var(--el-border-color-hover);--el-select-disabled-border:var(--el-disabled-border-base);--el-select-font-size:var(--el-font-size-base);--el-select-close-hover-color:var(--el-text-color-secondary);--el-select-input-color:var(--el-text-color-placeholder);--el-select-multiple-input-color:var(--el-text-color-regular);--el-select-input-focus-border-color:var(--el-color-primary);--el-select-input-font-size:14px}.el-select{display:inline-block;position:relative;line-height:40px}.el-select__popper.el-popper[role=tooltip]{background:var(--el-color-white);border:1px solid var(--el-border-color-light);box-shadow:var(--el-box-shadow-light)}.el-select__popper.el-popper[role=tooltip] .el-popper__arrow::before{border:1px solid var(--el-border-color-light)}.el-select__popper.el-popper[role=tooltip][data-popper-placement^=top] .el-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.el-select__popper.el-popper[role=tooltip][data-popper-placement^=bottom] .el-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.el-select__popper.el-popper[role=tooltip][data-popper-placement^=left] .el-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.el-select__popper.el-popper[role=tooltip][data-popper-placement^=right] .el-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.el-select--medium{line-height:36px}.el-select--small{line-height:32px}.el-select--mini{line-height:28px}.el-select .el-select__tags>span{display:inline-block}.el-select:hover .el-input__inner{border-color:var(--el-select-border-color-hover)}.el-select .el-select__tags-text{text-overflow:ellipsis;display:inline-block;overflow-x:hidden;vertical-align:bottom}.el-select .el-input__inner{cursor:pointer;padding-right:35px;display:block}.el-select .el-input__inner:focus{border-color:var(--el-select-input-focus-border-color)}.el-select .el-input{display:block}.el-select .el-input .el-select__caret{color:var(--el-select-input-color);font-size:var(--el-select-input-font-size);transition:transform var(--el-transition-duration);transform:rotateZ(180deg);cursor:pointer}.el-select .el-input .el-select__caret.is-reverse{transform:rotateZ(0)}.el-select .el-input .el-select__caret.is-show-close{font-size:var(--el-select-font-size);text-align:center;transform:rotateZ(180deg);border-radius:var(--el-border-radius-circle);color:var(--el-select-input-color);transition:var(--el-transition-color)}.el-select .el-input .el-select__caret.is-show-close:hover{color:var(--el-select-close-hover-color)}.el-select .el-input.is-disabled .el-input__inner{cursor:not-allowed}.el-select .el-input.is-disabled .el-input__inner:hover{border-color:var(--el-select-disabled-border)}.el-select .el-input.is-focus .el-input__inner{border-color:var(--el-select-input-focus-border-color)}.el-select__input{border:none;outline:0;padding:0;margin-left:15px;color:var(--el-select-multiple-input-color);font-size:var(--el-select-font-size);-webkit-appearance:none;appearance:none;height:28px;background-color:transparent}.el-select__input.is-mini{height:14px}.el-select__close{cursor:pointer;position:absolute;top:8px;z-index:var(--el-index-top);right:25px;color:var(--el-select-input-color);line-height:18px;font-size:var(--el-select-input-font-size)}.el-select__close:hover{color:var(--el-select-close-hover-color)}.el-select__tags{position:absolute;line-height:normal;white-space:normal;z-index:var(--el-index-normal);top:50%;transform:translateY(-50%);display:flex;align-items:center;flex-wrap:wrap}.el-select .el-tag__close{margin-top:-2px}.el-select .el-select__tags .el-tag{box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:#f0f2f5}.el-select .el-select__tags .el-tag .el-icon-close{background-color:var(--el-text-color-placeholder);right:-7px;top:0;color:#fff}.el-select .el-select__tags .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-select .el-select__tags .el-tag .el-icon-close::before{display:block;transform:translate(0,.5px)}.el-skeleton{--el-skeleton-avatar-small-size:var(--el-avatar-small-size);--el-skeleton-avatar-medium-size:var(--el-avatar-medium-size);--el-skeleton-avatar-large-size:var(--el-avatar-large-size)}.el-skeleton__item{background:var(--el-skeleton-color);display:inline-block;height:16px;border-radius:var(--el-border-radius-base);width:100%}.el-skeleton__circle{border-radius:50%;width:var(--el-skeleton-avatar-medium-size);height:var(--el-skeleton-avatar-medium-size);line-height:var(--el-skeleton-avatar-medium-size)}.el-skeleton__circle--lg{width:var(--el-skeleton-avatar-large-size);height:var(--el-skeleton-avatar-large-size);line-height:var(--el-skeleton-avatar-large-size)}.el-skeleton__circle--md{width:var(--el-skeleton-avatar-small-size);height:var(--el-skeleton-avatar-small-size);line-height:var(--el-skeleton-avatar-small-size)}.el-skeleton__button{height:40px;width:64px;border-radius:4px}.el-skeleton__p{width:100%}.el-skeleton__p.is-last{width:61%}.el-skeleton__p.is-first{width:33%}.el-skeleton__text{width:100%;height:var(--el-font-size-small)}.el-skeleton__caption{height:var(--el-font-size-extra-small)}.el-skeleton__h1{height:var(--el-font-size-extra-large)}.el-skeleton__h3{height:var(--el-font-size-large)}.el-skeleton__h5{height:var(--el-font-size-medium)}.el-skeleton__image{width:unset;display:flex;align-items:center;justify-content:center;border-radius:0}.el-skeleton__image svg{fill:var(--el-svg-monochrome-grey);width:22%;height:22%}.el-skeleton{--el-skeleton-color:#f2f2f2;--el-skeleton-to-color:#e6e6e6}@keyframes el-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}.el-skeleton{width:100%}.el-skeleton__first-line{height:16px;margin-top:16px;background:var(--el-skeleton-color)}.el-skeleton__paragraph{height:16px;margin-top:16px;background:var(--el-skeleton-color)}.el-skeleton.is-animated .el-skeleton__item{background:linear-gradient(90deg,var(--el-skeleton-color) 25%,var(--el-skeleton-to-color) 37%,var(--el-skeleton-color) 63%);background-size:400% 100%;animation:el-skeleton-loading 1.4s ease infinite}.el-slider{--el-slider-main-background-color:var(--el-color-primary);--el-slider-runway-background-color:var(--el-border-color-light);--el-slider-stop-background-color:var(--el-color-white);--el-slider-disable-color:var(--el-text-color-placeholder);--el-slider-margin:16px 0;--el-slider-border-radius:3px;--el-slider-height:6px;--el-slider-button-size:20px;--el-slider-button-wrapper-size:36px;--el-slider-button-wrapper-offset:-15px}.el-slider::after,.el-slider::before{display:table;content:""}.el-slider::after{clear:both}.el-slider__runway{width:100%;height:var(--el-slider-height);margin:var(--el-slider-margin);background-color:var(--el-slider-runway-background-color);border-radius:var(--el-slider-border-radius);position:relative;cursor:pointer;vertical-align:middle}.el-slider__runway.show-input{margin-right:160px;width:auto}.el-slider__runway.disabled{cursor:default}.el-slider__runway.disabled .el-slider__bar{background-color:var(--el-slider-disable-color)}.el-slider__runway.disabled .el-slider__button{border-color:var(--el-slider-disable-color)}.el-slider__runway.disabled .el-slider__button-wrapper.hover,.el-slider__runway.disabled .el-slider__button-wrapper:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button-wrapper.dragging{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging,.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{transform:scale(1)}.el-slider__runway.disabled .el-slider__button.hover,.el-slider__runway.disabled .el-slider__button:hover{cursor:not-allowed}.el-slider__runway.disabled .el-slider__button.dragging{cursor:not-allowed}.el-slider__input{float:right;margin-top:3px;width:130px}.el-slider__input.el-input-number--mini{margin-top:5px}.el-slider__input.el-input-number--medium{margin-top:0}.el-slider__input.el-input-number--large{margin-top:-2px}.el-slider__bar{height:var(--el-slider-height);background-color:var(--el-slider-main-background-color);border-top-left-radius:var(--el-slider-border-radius);border-bottom-left-radius:var(--el-slider-border-radius);position:absolute}.el-slider__button-wrapper{height:var(--el-slider-button-wrapper-size);width:var(--el-slider-button-wrapper-size);position:absolute;z-index:1;top:var(--el-slider-button-wrapper-offset);transform:translateX(-50%);background-color:transparent;text-align:center;-webkit-user-select:none;user-select:none;line-height:normal;outline:0}.el-slider__button-wrapper::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-slider__button-wrapper.hover,.el-slider__button-wrapper:hover{cursor:grab}.el-slider__button-wrapper.dragging{cursor:grabbing}.el-slider__button{display:inline-block;width:var(--el-slider-button-size);height:var(--el-slider-button-size);vertical-align:middle;border:solid 2px var(--el-slider-main-background-color);background-color:var(--el-color-white);border-radius:50%;box-sizing:border-box;transition:var(--el-transition-duration-fast);-webkit-user-select:none;user-select:none}.el-slider__button.dragging,.el-slider__button.hover,.el-slider__button:hover{transform:scale(1.2)}.el-slider__button.hover,.el-slider__button:hover{cursor:grab}.el-slider__button.dragging{cursor:grabbing}.el-slider__stop{position:absolute;height:var(--el-slider-height);width:var(--el-slider-height);border-radius:var(--el-border-radius-circle);background-color:var(--el-slider-stop-background-color);transform:translateX(-50%)}.el-slider__marks{top:0;left:12px;width:18px;height:100%}.el-slider__marks-text{position:absolute;transform:translateX(-50%);font-size:14px;color:var(--el-color-info);margin-top:15px}.el-slider.is-vertical{position:relative}.el-slider.is-vertical .el-slider__runway{width:var(--el-slider-height);height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:var(--el-slider-height);height:auto;border-radius:0 0 3px 3px}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:var(--el-slider-button-wrapper-offset);transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{transform:translateY(50%)}.el-slider.is-vertical.el-slider--with-input{padding-bottom:58px}.el-slider.is-vertical.el-slider--with-input .el-slider__input{overflow:visible;float:none;position:absolute;bottom:22px;width:36px;margin-top:15px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner{text-align:center;padding-left:5px;padding-right:5px}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{top:32px;margin-top:-1px;border:var(--el-input-border,var(--el-border-base));line-height:20px;box-sizing:border-box;transition:var(--el-transition-border)}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease{width:18px;right:18px;border-bottom-left-radius:var(--el-input-border-radius,var(--el-border-radius-base))}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase{width:19px;border-bottom-right-radius:var(--el-input-border-radius,var(--el-border-radius-base))}.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner{border-bottom-left-radius:0;border-bottom-right-radius:0}.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase{border-color:var(--el-input-hover-border,var(--el-border-color-hover))}.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase{border-color:var(--el-input-focus-border,var(--el-color-primary))}.el-slider.is-vertical .el-slider__marks-text{margin-top:0;left:15px;transform:translateY(50%)}.el-space{display:inline-flex}.el-space--vertical{flex-direction:column}.el-time-spinner{width:100%;white-space:nowrap}.el-spinner{display:inline-block;vertical-align:middle}.el-spinner-inner{animation:rotate 2s linear infinite;width:50px;height:50px}.el-spinner-inner .path{stroke:#ececec;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.el-step{position:relative;flex-shrink:1}.el-step:last-of-type .el-step__line{display:none}.el-step:last-of-type.is-flex{flex-basis:auto!important;flex-shrink:0;flex-grow:0}.el-step:last-of-type .el-step__description,.el-step:last-of-type .el-step__main{padding-right:0}.el-step__head{position:relative;width:100%}.el-step__head.is-process{color:var(--el-text-color-primary);border-color:var(--el-text-color-primary)}.el-step__head.is-wait{color:var(--el-text-color-placeholder);border-color:var(--el-text-color-placeholder)}.el-step__head.is-success{color:var(--el-color-success);border-color:var(--el-color-success)}.el-step__head.is-error{color:var(--el-color-danger);border-color:var(--el-color-danger)}.el-step__head.is-finish{color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-step__icon{position:relative;z-index:1;display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;box-sizing:border-box;background:#fff;transition:.15s ease-out}.el-step__icon.is-text{border-radius:50%;border:2px solid;border-color:inherit}.el-step__icon.is-icon{width:40px}.el-step__icon-inner{display:inline-block;-webkit-user-select:none;user-select:none;text-align:center;font-weight:700;line-height:1;color:inherit}.el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:25px;font-weight:400}.el-step__icon-inner.is-status{transform:translateY(1px)}.el-step__line{position:absolute;border-color:inherit;background-color:var(--el-text-color-placeholder)}.el-step__line-inner{display:block;border-width:1px;border-style:solid;border-color:inherit;transition:.15s ease-out;box-sizing:border-box;width:0;height:0}.el-step__main{white-space:normal;text-align:left}.el-step__title{font-size:16px;line-height:38px}.el-step__title.is-process{font-weight:700;color:var(--el-text-color-primary)}.el-step__title.is-wait{color:var(--el-text-color-placeholder)}.el-step__title.is-success{color:var(--el-color-success)}.el-step__title.is-error{color:var(--el-color-danger)}.el-step__title.is-finish{color:var(--el-color-primary)}.el-step__description{padding-right:10%;margin-top:-5px;font-size:12px;line-height:20px;font-weight:400}.el-step__description.is-process{color:var(--el-text-color-primary)}.el-step__description.is-wait{color:var(--el-text-color-placeholder)}.el-step__description.is-success{color:var(--el-color-success)}.el-step__description.is-error{color:var(--el-color-danger)}.el-step__description.is-finish{color:var(--el-color-primary)}.el-step.is-horizontal{display:inline-block}.el-step.is-horizontal .el-step__line{height:2px;top:11px;left:0;right:0}.el-step.is-vertical{display:flex}.el-step.is-vertical .el-step__head{flex-grow:0;width:24px}.el-step.is-vertical .el-step__main{padding-left:10px;flex-grow:1}.el-step.is-vertical .el-step__title{line-height:24px;padding-bottom:8px}.el-step.is-vertical .el-step__line{width:2px;top:0;bottom:0;left:11px}.el-step.is-vertical .el-step__icon.is-icon{width:24px}.el-step.is-center .el-step__head{text-align:center}.el-step.is-center .el-step__main{text-align:center}.el-step.is-center .el-step__description{padding-left:20%;padding-right:20%}.el-step.is-center .el-step__line{left:50%;right:-50%}.el-step.is-simple{display:flex;align-items:center}.el-step.is-simple .el-step__head{width:auto;font-size:0;padding-right:10px}.el-step.is-simple .el-step__icon{background:0 0;width:16px;height:16px;font-size:12px}.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:18px}.el-step.is-simple .el-step__icon-inner.is-status{transform:scale(.8) translateY(1px)}.el-step.is-simple .el-step__main{position:relative;display:flex;align-items:stretch;flex-grow:1}.el-step.is-simple .el-step__title{font-size:16px;line-height:20px}.el-step.is-simple:not(:last-of-type) .el-step__title{max-width:50%;word-break:break-all}.el-step.is-simple .el-step__arrow{flex-grow:1;display:flex;align-items:center;justify-content:center}.el-step.is-simple .el-step__arrow::after,.el-step.is-simple .el-step__arrow::before{content:"";display:inline-block;position:absolute;height:15px;width:1px;background:var(--el-text-color-placeholder)}.el-step.is-simple .el-step__arrow::before{transform:rotate(-45deg) translateY(-4px);transform-origin:0 0}.el-step.is-simple .el-step__arrow::after{transform:rotate(45deg) translateY(4px);transform-origin:100% 100%}.el-step.is-simple:last-of-type .el-step__arrow{display:none}.el-steps{display:flex}.el-steps--simple{padding:13px 8%;border-radius:4px;background:#f5f7fa}.el-steps--horizontal{white-space:nowrap}.el-steps--vertical{height:100%;flex-flow:column}.el-switch{--el-switch-on-color:var(--el-color-primary);--el-switch-off-color:var(--el-border-color-base);--el-switch-font-size:var(--el-font-size-base);--el-switch-core-border-radius:10px;--el-switch-width:40px;--el-switch-height:20px;--el-switch-button-size:16px}.el-switch{display:inline-flex;align-items:center;position:relative;font-size:var(--el-switch-font-size);line-height:var(--el-switch-height);height:var(--el-switch-height);vertical-align:middle}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{transition:var(--el-transition-duration-fast);height:var(--el-switch-height);display:inline-block;font-size:var(--el-switch-font-size);font-weight:500;cursor:pointer;vertical-align:middle;color:var(--el-text-color-primary)}.el-switch__label.is-active{color:var(--el-color-primary)}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{line-height:1;font-size:var(--el-switch-font-size);display:inline-block}.el-switch__input{position:absolute;width:0;height:0;opacity:0;margin:0}.el-switch__core{margin:0;display:inline-block;position:relative;width:var(--el-switch-width);height:var(--el-switch-height);border:1px solid var(--el-switch-off-color);outline:0;border-radius:var(--el-switch-core-border-radius);box-sizing:border-box;background:var(--el-switch-off-color);cursor:pointer;transition:border-color var(--el-transition-duration),background-color var(--el-transition-duration);vertical-align:middle}.el-switch__core .el-switch__action{position:absolute;top:1px;left:1px;border-radius:var(--el-border-radius-circle);transition:all var(--el-transition-duration);width:var(--el-switch-button-size);height:var(--el-switch-button-size);background-color:var(--el-color-white);display:flex;justify-content:center;align-items:center;color:var(--el-switch-off-color)}.el-switch.is-checked .el-switch__core{border-color:var(--el-switch-on-color);background-color:var(--el-switch-on-color)}.el-switch.is-checked .el-switch__core .el-switch__action{left:100%;margin-left:calc(-1px - var(--el-switch-button-size));color:var(--el-switch-on-color)}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter-from,.el-switch .label-fade-leave-active{opacity:0}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{border:solid 1px var(--el-border-color-lighter);border-radius:2px;background-color:#fff;box-shadow:var(--el-box-shadow-light);box-sizing:border-box;margin:2px 0}.el-table-filter__list{padding:5px 0;margin:0;list-style:none;min-width:100px}.el-table-filter__list-item{line-height:36px;padding:0 10px;cursor:pointer;font-size:var(--el-font-size-base)}.el-table-filter__list-item:hover{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary-light-2)}.el-table-filter__list-item.is-active{background-color:var(--el-color-primary);color:#fff}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid var(--el-border-color-lighter);padding:8px}.el-table-filter__bottom button{background:0 0;border:none;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-small);padding:0 3px}.el-table-filter__bottom button:hover{color:var(--el-color-primary)}.el-table-filter__bottom button:focus{outline:0}.el-table-filter__bottom button.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-table-filter__wrap{max-height:280px}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{display:block;margin-right:5px;margin-bottom:8px;margin-left:5px}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.el-table{--el-table-border-color:var(--el-border-color-lighter);--el-table-border:1px solid var(--el-table-border-color);--el-table-font-color:var(--el-text-color-regular);--el-table-header-font-color:var(--el-text-color-secondary);--el-table-row-hover-background-color:var(--el-background-color-base);--el-table-current-row-background-color:var(--el-color-primary-light-9);--el-table-header-background-color:var(--el-color-white);--el-table-fixed-box-shadow:0 0 10px rgba(0, 0, 0, 0.12);--el-table-background-color:var(--el-color-white);--el-table-tr-background-color:var(--el-color-white);--el-table-expanded-cell-background-color:var(--el-color-white)}.el-table{position:relative;overflow:hidden;box-sizing:border-box;height:-moz-fit-content;height:fit-content;width:100%;max-width:100%;background-color:var(--el-table-background-color);font-size:14px;color:var(--el-table-font-color)}.el-table__empty-block{min-height:60px;text-align:center;width:100%;display:flex;justify-content:center;align-items:center}.el-table__empty-text{line-height:60px;width:50%;color:var(--el-text-color-secondary)}.el-table__expand-column .cell{padding:0;text-align:center}.el-table__expand-icon{position:relative;cursor:pointer;color:var(--el-text-color-regular);font-size:12px;transition:transform var(--el-transition-duration-fast) ease-in-out;height:20px}.el-table__expand-icon--expanded{transform:rotate(90deg)}.el-table__expand-icon>.el-icon{position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-5px}.el-table__expanded-cell{background-color:var(--el-table-expanded-cell-background-color)}.el-table__expanded-cell[class*=cell]{padding:20px 50px}.el-table__expanded-cell:hover{background-color:transparent!important}.el-table__placeholder{display:inline-block;width:20px}.el-table__append-wrapper{overflow:hidden}.el-table--fit{border-right:0;border-bottom:0}.el-table--fit .el-table__cell.gutter{border-right-width:1px}.el-table--scrollable-x .el-table__body-wrapper{overflow-x:auto}.el-table--scrollable-y .el-table__body-wrapper{overflow-y:auto}.el-table thead{color:var(--el-table-header-font-color);font-weight:500}.el-table thead.is-group th.el-table__cell{background:var(--el-background-color-base)}.el-table .el-table__cell{padding:12px 0;min-width:0;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative;text-align:left}.el-table .el-table__cell.is-center{text-align:center}.el-table .el-table__cell.is-right{text-align:right}.el-table .el-table__cell.gutter{width:15px;border-right-width:0;border-bottom-width:0;padding:0}.el-table .el-table__cell.is-hidden>*{visibility:hidden}.el-table--medium .el-table__cell{padding:10px 0}.el-table--small{font-size:12px}.el-table--small .el-table__cell{padding:8px 0}.el-table--mini{font-size:12px}.el-table--mini .el-table__cell{padding:6px 0}.el-table tr{background-color:var(--el-table-tr-background-color)}.el-table tr input[type=checkbox]{margin:0}.el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf{border-bottom:var(--el-table-border)}.el-table th.el-table__cell.is-sortable{cursor:pointer}.el-table th.el-table__cell{overflow:hidden;-webkit-user-select:none;user-select:none;background-color:var(--el-table-header-background-color)}.el-table th.el-table__cell>.cell{display:inline-block;box-sizing:border-box;position:relative;vertical-align:middle;width:100%}.el-table th.el-table__cell>.cell.highlight{color:var(--el-color-primary)}.el-table th.el-table__cell.required>div::before{display:inline-block;content:"";width:8px;height:8px;border-radius:50%;background:#ff4d51;margin-right:5px;vertical-align:middle}.el-table td.el-table__cell div{box-sizing:border-box}.el-table td.el-table__cell.gutter{width:0}.el-table .cell{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all;line-height:23px;padding-left:10px;padding-right:10px}.el-table .cell.el-tooltip{white-space:nowrap;min-width:50px}.el-table--border,.el-table--group{border:var(--el-table-border)}.el-table--border::after,.el-table--group::after,.el-table::before{content:"";position:absolute;background-color:var(--el-table-border-color);z-index:1}.el-table--border::after,.el-table--group::after{top:0;right:0;width:1px;height:100%}.el-table::before{left:0;bottom:0;width:100%;height:1px}.el-table--border{border-right:none;border-bottom:none}.el-table--border .el-table__cell{border-right:var(--el-table-border)}.el-table--border .el-table__cell:first-child .cell{padding-left:10px}.el-table--border th.el-table__cell.gutter:last-of-type{border-bottom:var(--el-table-border);border-bottom-width:1px}.el-table--border th.el-table__cell{border-bottom:var(--el-table-border)}.el-table--hidden{visibility:hidden}.el-table__fixed,.el-table__fixed-right{position:absolute;top:0;left:0;overflow-x:hidden;overflow-y:hidden;box-shadow:var(--el-table-fixed-box-shadow)}.el-table__fixed-right::before,.el-table__fixed::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--el-border-color-lighter);z-index:4}.el-table__fixed-right-patch{position:absolute;top:-1px;right:0;background-color:var(--el-table-header-background-color);border-bottom:var(--el-table-border)}.el-table__fixed-right{top:0;left:auto;right:0}.el-table__fixed-right .el-table__fixed-body-wrapper,.el-table__fixed-right .el-table__fixed-footer-wrapper,.el-table__fixed-right .el-table__fixed-header-wrapper{left:auto;right:0}.el-table__fixed-header-wrapper{position:absolute;left:0;top:0;z-index:3}.el-table__fixed-footer-wrapper{position:absolute;left:0;bottom:0;z-index:3}.el-table__fixed-footer-wrapper tbody td.el-table__cell{border-top:var(--el-table-border);background-color:var(--el-table-row-hover-background-color);color:var(--el-table-font-color)}.el-table__fixed-body-wrapper{position:absolute;left:0;top:37px;overflow:hidden;z-index:3}.el-table__body-wrapper,.el-table__footer-wrapper,.el-table__header-wrapper{width:100%}.el-table__footer-wrapper{margin-top:-1px}.el-table__footer-wrapper td.el-table__cell{border-top:var(--el-table-border)}.el-table__body,.el-table__footer,.el-table__header{table-layout:fixed;border-collapse:separate}.el-table__footer-wrapper,.el-table__header-wrapper{overflow:hidden}.el-table__footer-wrapper tbody td.el-table__cell,.el-table__header-wrapper tbody td.el-table__cell{background-color:var(--el-table-row-hover-background-color);color:var(--el-table-font-color)}.el-table__body-wrapper{overflow:hidden;position:relative}.el-table__body-wrapper.is-scrolling-none~.el-table__fixed,.el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right{box-shadow:none}.el-table__body-wrapper.is-scrolling-left~.el-table__fixed{box-shadow:none}.el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right{box-shadow:none}.el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right{border-left:var(--el-table-border)}.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed{border-right:var(--el-table-border)}.el-table .caret-wrapper{display:inline-flex;flex-direction:column;align-items:center;height:14px;width:24px;vertical-align:middle;cursor:pointer;overflow:initial;position:relative}.el-table .sort-caret{width:0;height:0;border:solid 5px transparent;position:absolute;left:7px}.el-table .sort-caret.ascending{border-bottom-color:var(--el-text-color-placeholder);top:-5px}.el-table .sort-caret.descending{border-top-color:var(--el-text-color-placeholder);bottom:-3px}.el-table .ascending .sort-caret.ascending{border-bottom-color:var(--el-color-primary)}.el-table .descending .sort-caret.descending{border-top-color:var(--el-color-primary)}.el-table .hidden-columns{visibility:hidden;position:absolute;z-index:-1}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:#fafafa}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell{background-color:var(--el-table-current-row-background-color)}.el-table__body tr.hover-row.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,.el-table__body tr.hover-row>td.el-table__cell{background-color:var(--el-table-row-hover-background-color)}.el-table__body tr.current-row>td.el-table__cell{background-color:var(--el-table-current-row-background-color)}.el-table__column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:var(--el-table-border);z-index:10}.el-table__column-filter-trigger{display:inline-block;cursor:pointer}.el-table__column-filter-trigger i{color:var(--el-color-info);font-size:12px;vertical-align:middle;transform:scale(.75)}.el-table--enable-row-transition .el-table__body td.el-table__cell{transition:background-color .25s ease}.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background-color:var(--el-table-row-hover-background-color)}.el-table--fluid-height .el-table__fixed,.el-table--fluid-height .el-table__fixed-right{bottom:0;overflow:hidden}.el-table [class*=el-table__row--level] .el-table__expand-icon{display:inline-block;width:20px;line-height:20px;height:20px;text-align:center;margin-right:3px}.el-tabs__header{padding:0;position:relative;margin:0 0 15px}.el-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:var(--el-color-primary);z-index:1;transition:transform var(--el-transition-duration) cubic-bezier(.645,.045,.355,1);list-style:none}.el-tabs__new-tab{float:right;border:1px solid #d3dce6;height:18px;width:18px;line-height:18px;margin:10px;border-radius:3px;text-align:center;font-size:12px;color:#d3dce6;cursor:pointer;transition:all .15s}.el-tabs__new-tab .el-icon-plus{transform:scale(.8,.8)}.el-tabs__new-tab:hover{color:var(--el-color-primary)}.el-tabs__nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.el-tabs__nav-wrap::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--el-border-color-light);z-index:var(--el-index-normal)}.el-tabs__nav-wrap.is-scrollable{padding:0 20px;box-sizing:border-box}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{position:absolute;cursor:pointer;line-height:44px;font-size:12px;color:var(--el-text-color-secondary)}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{white-space:nowrap;position:relative;transition:transform var(--el-transition-duration);float:left;z-index:calc(var(--el-index-normal) + 1)}.el-tabs__nav.is-stretch{min-width:100%;display:flex}.el-tabs__nav.is-stretch>*{flex:1;text-align:center}.el-tabs__item{padding:0 20px;height:40px;box-sizing:border-box;line-height:40px;display:inline-block;list-style:none;font-size:14px;font-weight:500;color:var(--el-text-color-primary);position:relative}.el-tabs__item:focus,.el-tabs__item:focus:active{outline:0}.el-tabs__item .el-icon-close{border-radius:50%;text-align:center;transition:all var(--el-transition-duration) cubic-bezier(.645,.045,.355,1);margin-left:5px}.el-tabs__item .el-icon-close:before{transform:scale(.9);display:inline-block}.el-tabs__item .el-icon-close:hover{background-color:var(--el-text-color-placeholder);color:#fff}.el-tabs__item.is-active{color:var(--el-color-primary)}.el-tabs__item:hover{color:var(--el-color-primary);cursor:pointer}.el-tabs__item.is-disabled{color:var(--el-text-color-placeholder);cursor:default}.el-tabs__content{overflow:hidden;position:relative}.el-tabs--card>.el-tabs__header{border-bottom:1px solid var(--el-border-color-light)}.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap::after{content:none}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid var(--el-border-color-light);border-bottom:none;border-radius:4px 4px 0 0;box-sizing:border-box}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close{position:relative;font-size:12px;width:0;height:14px;vertical-align:middle;line-height:15px;overflow:hidden;top:-1px;right:-2px;transform-origin:100% 50%}.el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid transparent;border-left:1px solid var(--el-border-color-light);transition:color var(--el-transition-duration) cubic-bezier(.645,.045,.355,1),padding var(--el-transition-duration) cubic-bezier(.645,.045,.355,1)}.el-tabs--card>.el-tabs__header .el-tabs__item:first-child{border-left:none}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:#fff}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close{width:14px}.el-tabs--border-card{background:#fff;border:1px solid var(--el-border-color-base);box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:#f5f7fa;border-bottom:1px solid var(--el-border-color-light);margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap::after{content:none}.el-tabs--border-card>.el-tabs__header .el-tabs__item{transition:all var(--el-transition-duration) cubic-bezier(.645,.045,.355,1);border:1px solid transparent;margin-top:-1px;color:var(--el-text-color-secondary)}.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child{margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item{margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{color:var(--el-color-primary);background-color:#fff;border-right-color:var(--el-border-color-base);border-left-color:var(--el-border-color-base)}.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{color:var(--el-color-primary)}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled{color:var(--el-text-color-placeholder)}.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child{margin-left:0}.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),.el-tabs--top .el-tabs__item.is-top:nth-child(2){padding-left:0}.el-tabs--bottom .el-tabs__item.is-bottom:last-child,.el-tabs--bottom .el-tabs__item.is-top:last-child,.el-tabs--top .el-tabs__item.is-bottom:last-child,.el-tabs--top .el-tabs__item.is-top:last-child{padding-right:0}.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2){padding-left:20px}.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child{padding-right:20px}.el-tabs--bottom .el-tabs__header.is-bottom{margin-bottom:0;margin-top:10px}.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom{border-bottom:0;border-top:1px solid var(--el-border-color-base)}.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom{margin-top:-1px;margin-bottom:0}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active){border:1px solid transparent}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom{margin:0 -1px -1px -1px}.el-tabs--left,.el-tabs--right{overflow:hidden}.el-tabs--left .el-tabs__header.is-left,.el-tabs--left .el-tabs__header.is-right,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__header.is-left,.el-tabs--right .el-tabs__header.is-right,.el-tabs--right .el-tabs__nav-scroll,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{height:100%}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__active-bar.is-right,.el-tabs--right .el-tabs__active-bar.is-left,.el-tabs--right .el-tabs__active-bar.is-right{top:0;bottom:auto;width:2px;height:auto}.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{margin-bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i{transform:rotateZ(90deg)}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{left:auto;top:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next{right:auto;bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.el-tabs--left .el-tabs__nav-wrap.is-left::after,.el-tabs--left .el-tabs__nav-wrap.is-right::after,.el-tabs--right .el-tabs__nav-wrap.is-left::after,.el-tabs--right .el-tabs__nav-wrap.is-right::after{height:100%;width:2px;bottom:auto;top:0}.el-tabs--left .el-tabs__nav.is-left,.el-tabs--left .el-tabs__nav.is-right,.el-tabs--right .el-tabs__nav.is-left,.el-tabs--right .el-tabs__nav.is-right{float:none}.el-tabs--left .el-tabs__item.is-left,.el-tabs--left .el-tabs__item.is-right,.el-tabs--right .el-tabs__item.is-left,.el-tabs--right .el-tabs__item.is-right{display:block}.el-tabs--left .el-tabs__header.is-left{float:left;margin-bottom:0;margin-right:10px}.el-tabs--left .el-tabs__nav-wrap.is-left{margin-right:-1px}.el-tabs--left .el-tabs__nav-wrap.is-left::after{left:auto;right:0}.el-tabs--left .el-tabs__active-bar.is-left{right:0;left:auto}.el-tabs--left .el-tabs__item.is-left{text-align:right}.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left{display:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left{border-left:none;border-right:1px solid var(--el-border-color-light);border-bottom:none;border-top:1px solid var(--el-border-color-light);text-align:left}.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child{border-right:1px solid var(--el-border-color-light);border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active{border:1px solid var(--el-border-color-light);border-right-color:#fff;border-left:none;border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child{border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child{border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__nav{border-radius:4px 0 0 4px;border-bottom:1px solid var(--el-border-color-light);border-right:none}.el-tabs--left.el-tabs--card .el-tabs__new-tab{float:none}.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left{border-right:1px solid #dfe4ed}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left{border:1px solid transparent;margin:-1px 0 -1px -1px}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.el-tabs--right .el-tabs__header.is-right{float:right;margin-bottom:0;margin-left:10px}.el-tabs--right .el-tabs__nav-wrap.is-right{margin-left:-1px}.el-tabs--right .el-tabs__nav-wrap.is-right::after{left:0;right:auto}.el-tabs--right .el-tabs__active-bar.is-right{left:0}.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right{display:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right{border-bottom:none;border-top:1px solid var(--el-border-color-light)}.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child{border-left:1px solid var(--el-border-color-light);border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active{border:1px solid var(--el-border-color-light);border-left-color:#fff;border-right:none;border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child{border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child{border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__nav{border-radius:0 4px 4px 0;border-bottom:1px solid var(--el-border-color-light);border-left:none}.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right{border-left:1px solid #dfe4ed}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right{border:1px solid transparent;margin:-1px -1px -1px 0}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active{border-color:transparent;border-top-color:#d1dbe5;border-bottom-color:#d1dbe5}.slideInLeft-transition,.slideInRight-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter var(--el-transition-duration)}.slideInRight-leave{position:absolute;left:0;right:0;animation:slideInRight-leave var(--el-transition-duration)}.slideInLeft-enter{animation:slideInLeft-enter var(--el-transition-duration)}.slideInLeft-leave{position:absolute;left:0;right:0;animation:slideInLeft-leave var(--el-transition-duration)}@keyframes slideInRight-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInRight-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(100%);opacity:0}}@keyframes slideInLeft-enter{0%{opacity:0;transform-origin:0 0;transform:translateX(-100%)}to{opacity:1;transform-origin:0 0;transform:translateX(0)}}@keyframes slideInLeft-leave{0%{transform-origin:0 0;transform:translateX(0);opacity:1}100%{transform-origin:0 0;transform:translateX(-100%);opacity:0}}.el-tag{--el-tag-font-size:12px;--el-tag-border-radius:4px;--el-tag-padding:0 10px}.el-tag{--el-tag-background-color:#ecf5ff;--el-tag-border-color:#d9ecff;--el-tag-font-color:#409eff;--el-tag-hover-color:#409eff;background-color:var(--el-tag-background-color);border-color:var(--el-tag-border-color);color:var(--el-tag-font-color);display:inline-block;height:32px;padding:var(--el-tag-padding);line-height:30px;font-size:var(--el-tag-font-size);border-width:1px;border-style:solid;border-radius:var(--el-tag-border-radius);box-sizing:border-box;white-space:nowrap}.el-tag.is-hit{border-color:#409eff}.el-tag .el-tag__close{color:var(--el-tag-font-color)}.el-tag .el-tag__close:hover{color:var(--el-color-white);background-color:var(--el-tag-hover-color)}.el-tag.el-tag--success{--el-tag-background-color:#f0f9eb;--el-tag-border-color:#e1f3d8;--el-tag-font-color:#67c23a;--el-tag-hover-color:#67c23a}.el-tag.el-tag--success.is-hit{border-color:#67c23a}.el-tag.el-tag--warning{--el-tag-background-color:#fdf6ec;--el-tag-border-color:#faecd8;--el-tag-font-color:#e6a23c;--el-tag-hover-color:#e6a23c}.el-tag.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag.el-tag--danger{--el-tag-background-color:#fef0f0;--el-tag-border-color:#fde2e2;--el-tag-font-color:#f56c6c;--el-tag-hover-color:#f56c6c}.el-tag.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag.el-tag--info{--el-tag-background-color:#f4f4f5;--el-tag-border-color:#e9e9eb;--el-tag-font-color:#909399;--el-tag-hover-color:#909399}.el-tag.el-tag--info.is-hit{border-color:#909399}.el-tag.el-tag--error{--el-tag-background-color:#fef0f0;--el-tag-border-color:#fde2e2;--el-tag-font-color:#f56c6c;--el-tag-hover-color:#f56c6c}.el-tag.el-tag--error.is-hit{border-color:#f56c6c}.el-tag .el-icon-close{border-radius:50%;text-align:center;position:relative;cursor:pointer;font-size:12px;height:16px;width:16px;line-height:16px;vertical-align:middle;top:-1px;right:-5px}.el-tag .el-icon-close::before{display:block}.el-tag--dark{--el-tag-background-color:#409eff;--el-tag-border-color:#409eff;--el-tag-font-color:white;--el-tag-hover-color:#66b1ff;background-color:var(--el-tag-background-color);border-color:var(--el-tag-border-color);color:var(--el-tag-font-color)}.el-tag--dark.is-hit{border-color:#409eff}.el-tag--dark .el-tag__close{color:var(--el-tag-font-color)}.el-tag--dark .el-tag__close:hover{color:var(--el-color-white);background-color:var(--el-tag-hover-color)}.el-tag--dark.el-tag--success{--el-tag-background-color:#67c23a;--el-tag-border-color:#67c23a;--el-tag-font-color:white;--el-tag-hover-color:#85ce61}.el-tag--dark.el-tag--success.is-hit{border-color:#67c23a}.el-tag--dark.el-tag--warning{--el-tag-background-color:#e6a23c;--el-tag-border-color:#e6a23c;--el-tag-font-color:white;--el-tag-hover-color:#ebb563}.el-tag--dark.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--dark.el-tag--danger{--el-tag-background-color:#f56c6c;--el-tag-border-color:#f56c6c;--el-tag-font-color:white;--el-tag-hover-color:#f78989}.el-tag--dark.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--dark.el-tag--info{--el-tag-background-color:#909399;--el-tag-border-color:#909399;--el-tag-font-color:white;--el-tag-hover-color:#a6a9ad}.el-tag--dark.el-tag--info.is-hit{border-color:#909399}.el-tag--dark.el-tag--error{--el-tag-background-color:#f56c6c;--el-tag-border-color:#f56c6c;--el-tag-font-color:white;--el-tag-hover-color:#f78989}.el-tag--dark.el-tag--error.is-hit{border-color:#f56c6c}.el-tag--plain{--el-tag-background-color:white;--el-tag-border-color:#b3d8ff;--el-tag-font-color:#409eff;--el-tag-hover-color:#409eff;background-color:var(--el-tag-background-color);border-color:var(--el-tag-border-color);color:var(--el-tag-font-color)}.el-tag--plain.is-hit{border-color:#409eff}.el-tag--plain .el-tag__close{color:var(--el-tag-font-color)}.el-tag--plain .el-tag__close:hover{color:var(--el-color-white);background-color:var(--el-tag-hover-color)}.el-tag--plain.el-tag--success{--el-tag-background-color:white;--el-tag-border-color:#c2e7b0;--el-tag-font-color:#67c23a;--el-tag-hover-color:#67c23a}.el-tag--plain.el-tag--success.is-hit{border-color:#67c23a}.el-tag--plain.el-tag--warning{--el-tag-background-color:white;--el-tag-border-color:#f5dab1;--el-tag-font-color:#e6a23c;--el-tag-hover-color:#e6a23c}.el-tag--plain.el-tag--warning.is-hit{border-color:#e6a23c}.el-tag--plain.el-tag--danger{--el-tag-background-color:white;--el-tag-border-color:#fbc4c4;--el-tag-font-color:#f56c6c;--el-tag-hover-color:#f56c6c}.el-tag--plain.el-tag--danger.is-hit{border-color:#f56c6c}.el-tag--plain.el-tag--info{--el-tag-background-color:white;--el-tag-border-color:#d3d4d6;--el-tag-font-color:#909399;--el-tag-hover-color:#909399}.el-tag--plain.el-tag--info.is-hit{border-color:#909399}.el-tag--plain.el-tag--error{--el-tag-background-color:white;--el-tag-border-color:#fbc4c4;--el-tag-font-color:#f56c6c;--el-tag-hover-color:#f56c6c}.el-tag--plain.el-tag--error.is-hit{border-color:#f56c6c}.el-tag--medium{height:28px;line-height:26px}.el-tag--small{height:24px;line-height:22px}.el-tag--mini{height:20px;line-height:18px}.el-tag--medium .el-icon-close{transform:scale(.8)}.el-tag--small{padding:0 8px}.el-tag--small .el-icon-close{transform:scale(.8)}.el-tag--mini{padding:0 5px}.el-tag--mini .el-icon-close{margin-left:-3px;transform:scale(.7)}.time-select{margin:5px 0;min-width:0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px;line-height:20px}.time-select-item.disabled{color:var(--el-datepicker-border-color);cursor:not-allowed}.time-select-item:hover{background-color:#f5f7fa;font-weight:700;cursor:pointer}.time-select .time-select-item.selected:not(.disabled){color:var(--el-color-primary);font-weight:700}.el-timeline-item{position:relative;padding-bottom:20px}.el-timeline-item__wrapper{position:relative;padding-left:28px;top:-3px}.el-timeline-item__tail{position:absolute;left:4px;height:100%;border-left:2px solid var(--el-timeline-node-color)}.el-timeline-item__icon{color:var(--el-color-white);font-size:var(--el-font-size-small)}.el-timeline-item__node{position:absolute;background-color:var(--el-timeline-node-color);border-color:var(--el-timeline-node-color);border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.el-timeline-item__node--normal{left:-1px;width:var(--el-timeline-node-size-normal);height:var(--el-timeline-node-size-normal)}.el-timeline-item__node--large{left:-2px;width:var(--el-timeline-node-size-large);height:var(--el-timeline-node-size-large)}.el-timeline-item__node.is-hollow{background:var(--el-color-white);border-style:solid;border-width:2px}.el-timeline-item__node--primary{background-color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-timeline-item__node--success{background-color:var(--el-color-success);border-color:var(--el-color-success)}.el-timeline-item__node--warning{background-color:var(--el-color-warning);border-color:var(--el-color-warning)}.el-timeline-item__node--danger{background-color:var(--el-color-danger);border-color:var(--el-color-danger)}.el-timeline-item__node--info{background-color:var(--el-color-info);border-color:var(--el-color-info)}.el-timeline-item__dot{position:absolute;display:flex;justify-content:center;align-items:center}.el-timeline-item__content{color:var(--el-text-color-primary)}.el-timeline-item__timestamp{color:var(--el-text-color-secondary);line-height:1;font-size:var(--el-font-size-small)}.el-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.el-timeline-item__timestamp.is-bottom{margin-top:8px}.el-timeline{--el-timeline-node-size-normal:12px;--el-timeline-node-size-large:14px;--el-timeline-node-color:var(--el-border-color-light)}.el-timeline{margin:0;font-size:var(--el-font-size-base);list-style:none}.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display:none}.el-timeline .el-timeline-item__center{display:flex;align-items:center}.el-timeline .el-timeline-item__center .el-timeline-item__wrapper{width:100%}.el-timeline .el-timeline-item__center .el-timeline-item__tail{top:0}.el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail{height:calc(50% + 10px);top:calc(50% - 10px)}.el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail{display:block;height:calc(50% - 10px)}.el-tooltip{--el-tooltip-fill:var(--el-text-color-primary);--el-tooltip-color:var(--el-color-white);--el-tooltip-font-size:12px;--el-tooltip-border-color:var(--el-text-color-primary);--el-tooltip-arrow-size:6px;--el-tooltip-padding:10px}.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{position:absolute;border-radius:4px;padding:var(--el-tooltip-padding);z-index:var(--el-index-popper);font-size:var(--el-tooltip-font-size);line-height:1.2;min-width:10px;word-wrap:break-word}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.el-tooltip__popper .popper__arrow{border-width:var(--el-tooltip-arrow-size)}.el-tooltip__popper .popper__arrow::after{content:" ";border-width:5px}.el-tooltip__popper[x-placement^=top]{margin-bottom:calc(var(--el-tooltip-arrow-size) + 6px)}.el-tooltip__popper[x-placement^=top] .popper__arrow{bottom:calc(0px - var(--el-tooltip-arrow-size));border-top-color:var(--el-tooltip-border-color);border-bottom-width:0}.el-tooltip__popper[x-placement^=top] .popper__arrow::after{bottom:1px;border-top-color:var(--el-tooltip-fill);border-bottom-width:0}.el-tooltip__popper[x-placement^=bottom]{margin-top:calc(var(--el-tooltip-arrow-size) + 6px)}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:calc(0px - var(--el-tooltip-arrow-size));border-bottom-color:var(--el-tooltip-border-color);border-top-width:0}.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{top:1px;border-bottom-color:var(--el-tooltip-fill);border-top-width:0}.el-tooltip__popper[x-placement^=left]{margin-right:calc(var(--el-tooltip-arrow-size) + 6px)}.el-tooltip__popper[x-placement^=left] .popper__arrow{right:calc(0px - var(--el-tooltip-arrow-size));border-left-color:var(--el-tooltip-border-color);border-right-width:0}.el-tooltip__popper[x-placement^=left] .popper__arrow::after{right:1px;border-left-color:var(--el-tooltip-fill);border-right-width:0}.el-tooltip__popper[x-placement^=right]{margin-left:calc(var(--el-tooltip-arrow-size) + 6px)}.el-tooltip__popper[x-placement^=right] .popper__arrow{left:calc(0px - var(--el-tooltip-arrow-size));border-right-color:var(--el-tooltip-border-color);border-left-width:0}.el-tooltip__popper[x-placement^=right] .popper__arrow::after{left:1px;border-right-color:var(--el-tooltip-fill);border-left-width:0}.el-tooltip__popper.is-dark{background:var(--el-tooltip-fill);color:var(--el-tooltip-color)}.el-tooltip__popper.is-light{background:var(--el-tooltip-color);border:1px solid var(--el-tooltip-fill)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:var(--el-tooltip-fill)}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after{border-top-color:var(--el-tooltip-color)}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-top-color:var(--el-tooltip-fill)}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after{border-top-color:var(--el-tooltip-color)}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-top-color:var(--el-tooltip-fill)}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after{border-top-color:var(--el-tooltip-color)}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-top-color:var(--el-tooltip-fill)}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after{border-top-color:var(--el-tooltip-color)}.el-transfer{--el-transfer-border-color:var(--el-border-color-lighter);--el-transfer-border-radius:var(--el-border-radius-base);--el-transfer-panel-width:200px;--el-transfer-panel-header-height:40px;--el-transfer-panel-header-background-color:var(--el-background-color-base);--el-transfer-panel-footer-height:40px;--el-transfer-panel-body-height:246px;--el-transfer-item-height:30px;--el-transfer-filter-height:32px}.el-transfer{font-size:var(--el-font-size-base)}.el-transfer__buttons{display:inline-block;vertical-align:middle;padding:0 30px}.el-transfer__button:first-child{margin-bottom:10px}.el-transfer__button:nth-child(2){margin:0 0 0 10px}.el-transfer__button i,.el-transfer__button span{font-size:14px}.el-transfer__button [class*=el-icon-]+span{margin-left:0}.el-transfer-panel{border:1px solid var(--el-transfer-border-color);border-radius:var(--el-transfer-border-radius);overflow:hidden;background:var(--el-color-white);display:inline-block;text-align:left;vertical-align:middle;width:var(--el-transfer-panel-width);max-height:100%;box-sizing:border-box;position:relative}.el-transfer-panel__body{height:var(--el-transfer-panel-body-height)}.el-transfer-panel__body.is-with-footer{padding-bottom:var(--el-transfer-panel-footer-height)}.el-transfer-panel__list{margin:0;padding:6px 0;list-style:none;height:var(--el-transfer-panel-body-height);overflow:auto;box-sizing:border-box}.el-transfer-panel__list.is-filterable{height:calc(var(--el-transfer-panel-body-height) - var(--el-transfer-filter-height) - 20px);padding-top:0}.el-transfer-panel__item{height:var(--el-transfer-item-height);line-height:var(--el-transfer-item-height);padding-left:15px;display:block!important}.el-transfer-panel__item+.el-transfer-panel__item{margin-left:0}.el-transfer-panel__item.el-checkbox{color:var(--el-text-color-regular)}.el-transfer-panel__item:hover{color:var(--el-color-primary)}.el-transfer-panel__item.el-checkbox .el-checkbox__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;box-sizing:border-box;padding-left:24px;line-height:var(--el-transfer-item-height)}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:8px}.el-transfer-panel__filter{text-align:center;margin:15px;box-sizing:border-box;display:block;width:auto}.el-transfer-panel__filter .el-input__inner{height:var(--el-transfer-filter-height);width:100%;font-size:12px;display:inline-block;box-sizing:border-box;border-radius:calc(var(--el-transfer-filter-height)/ 2);padding-right:10px;padding-left:30px}.el-transfer-panel__filter .el-input__icon{margin-left:5px}.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}.el-transfer-panel .el-transfer-panel__header{height:var(--el-transfer-panel-header-height);line-height:var(--el-transfer-panel-header-height);background:var(--el-transfer-panel-header-background-color);margin:0;padding-left:15px;border-bottom:1px solid var(--el-transfer-border-color);box-sizing:border-box;color:var(--el-color-black)}.el-transfer-panel .el-transfer-panel__header .el-checkbox{display:block;line-height:40px}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{font-size:16px;color:var(--el-text-color-primary);font-weight:400}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span{position:absolute;right:15px;color:var(--el-text-color-secondary);font-size:12px;font-weight:400}.el-transfer-panel .el-transfer-panel__footer{height:var(--el-transfer-panel-footer-height);background:var(--el-color-white);margin:0;padding:0;border-top:1px solid var(--el-transfer-border-color);position:absolute;bottom:0;left:0;width:100%;z-index:var(--el-index-normal)}.el-transfer-panel .el-transfer-panel__footer::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{padding-left:20px;color:var(--el-text-color-regular)}.el-transfer-panel .el-transfer-panel__empty{margin:0;height:var(--el-transfer-item-height);line-height:var(--el-transfer-item-height);padding:6px 15px 0;color:var(--el-text-color-secondary);text-align:center}.el-transfer-panel .el-checkbox__label{padding-left:8px}.el-transfer-panel .el-checkbox__inner{height:14px;width:14px;border-radius:3px}.el-transfer-panel .el-checkbox__inner::after{height:6px;width:3px;left:4px}.el-tree{--el-tree-node-hover-background-color:var(--el-background-color-base);--el-tree-font-color:var(--el-text-color-regular);--el-tree-expand-icon-color:var(--el-text-color-placeholder)}.el-tree{position:relative;cursor:default;background:var(--el-color-white);color:var(--el-tree-font-color)}.el-tree__empty-block{position:relative;min-height:60px;text-align:center;width:100%;height:100%}.el-tree__empty-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--el-text-color-secondary);font-size:var(--el-font-size-base)}.el-tree__drop-indicator{position:absolute;left:0;right:0;height:1px;background-color:var(--el-color-primary)}.el-tree-node{white-space:nowrap;outline:0}.el-tree-node:focus>.el-tree-node__content{background-color:var(--el-tree-node-hover-background-color)}.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label{background-color:var(--el-color-primary);color:#fff}.el-tree-node__content{display:flex;align-items:center;height:26px;cursor:pointer}.el-tree-node__content>.el-tree-node__expand-icon{margin:6px}.el-tree-node__content>label.el-checkbox{margin-right:8px}.el-tree-node__content:hover{background-color:var(--el-tree-node-hover-background-color)}.el-tree.is-dragging .el-tree-node__content{cursor:move}.el-tree.is-dragging .el-tree-node__content *{pointer-events:none}.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content{cursor:not-allowed}.el-tree-node__expand-icon{cursor:pointer;color:var(--el-tree-expand-icon-color);font-size:12px;transform:rotate(0);transition:transform var(--el-transition-duration) ease-in-out}.el-tree-node__expand-icon.expanded{transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:transparent;cursor:default}.el-tree-node__expand-icon.is-hidden{visibility:hidden}.el-tree-node__label{font-size:var(--el-font-size-base)}.el-tree-node__loading-icon{margin-right:8px;font-size:var(--el-font-size-base);color:var(--el-tree-expand-icon-color)}.el-tree-node>.el-tree-node__children{overflow:hidden;background-color:transparent}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9)}.el-upload{display:inline-block;text-align:center;cursor:pointer;outline:0}.el-upload__input{display:none}.el-upload__tip{font-size:12px;color:var(--el-text-color-regular);margin-top:7px}.el-upload iframe{position:absolute;z-index:-1;top:0;left:0;opacity:0}.el-upload--picture-card{background-color:#fbfdff;border:1px dashed #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;cursor:pointer;line-height:146px;vertical-align:top}.el-upload--picture-card i{font-size:28px;color:#8c939d}.el-upload--picture-card:hover{border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-upload:focus{border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-upload:focus .el-upload-dragger{border-color:var(--el-color-primary)}.el-upload-dragger{background-color:#fff;border:1px dashed #d9d9d9;border-radius:6px;box-sizing:border-box;width:360px;height:180px;text-align:center;cursor:pointer;position:relative;overflow:hidden}.el-upload-dragger .el-icon-upload{font-size:67px;color:var(--el-text-color-placeholder);margin:40px 0 16px;line-height:50px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:1px solid #dcdfe6;margin-top:7px;padding-top:5px}.el-upload-dragger .el-upload__text{color:var(--el-text-color-regular);font-size:14px;text-align:center}.el-upload-dragger .el-upload__text em{color:var(--el-color-primary);font-style:normal}.el-upload-dragger:hover{border-color:var(--el-color-primary)}.el-upload-dragger.is-dragover{background-color:rgba(32,159,255,.06);border:2px dashed var(--el-color-primary)}.el-upload-list{margin:0;padding:0;list-style:none}.el-upload-list__item{transition:all .5s cubic-bezier(.55,0,.1,1);font-size:14px;color:var(--el-text-color-regular);line-height:1.8;margin-top:5px;position:relative;box-sizing:border-box;border-radius:4px;width:100%}.el-upload-list__item .el-progress{position:absolute;top:20px;width:100%}.el-upload-list__item .el-progress__text{position:absolute;right:0;top:-13px}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item:first-child{margin-top:10px}.el-upload-list__item .el-icon-upload-success{color:var(--el-color-success)}.el-upload-list__item .el-icon-close{display:none;position:absolute;top:5px;right:5px;cursor:pointer;opacity:.75;color:var(--el-text-color-regular)}.el-upload-list__item .el-icon-close:hover{opacity:1}.el-upload-list__item .el-icon-close-tip{display:none;position:absolute;top:5px;right:5px;font-size:12px;cursor:pointer;opacity:1;color:var(--el-color-primary)}.el-upload-list__item:hover{background-color:#f5f7fa}.el-upload-list__item:hover .el-icon-close{display:inline-block}.el-upload-list__item:hover .el-progress__text{display:none}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:block}.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover{color:var(--el-color-primary);cursor:pointer}.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip{display:inline-block}.el-upload-list__item.is-success:active,.el-upload-list__item.is-success:not(.focusing):focus{outline-width:0}.el-upload-list__item.is-success:active .el-icon-close-tip,.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip{display:none}.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:hover .el-upload-list__item-status-label{display:none}.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label{display:block}.el-upload-list__item-name{color:var(--el-text-color-regular);display:block;margin-right:40px;overflow:hidden;padding-left:4px;text-overflow:ellipsis;transition:color var(--el-transition-duration);white-space:nowrap}.el-upload-list__item-name [class^=el-icon]{height:100%;margin-right:7px;color:var(--el-text-color-secondary);line-height:inherit}.el-upload-list__item-status-label{position:absolute;right:5px;top:0;line-height:inherit;display:none}.el-upload-list__item-delete{position:absolute;right:10px;top:0;font-size:12px;color:var(--el-text-color-regular);display:none}.el-upload-list__item-delete:hover{color:var(--el-color-primary)}.el-upload-list--picture-card{margin:0;display:inline;vertical-align:top}.el-upload-list--picture-card .el-upload-list__item{overflow:hidden;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;box-sizing:border-box;width:148px;height:148px;margin:0 8px 8px 0;display:inline-block}.el-upload-list--picture-card .el-upload-list__item .el-icon-check,.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture-card .el-upload-list__item .el-icon-close{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{width:100%;height:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;transform:rotate(45deg);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-list--picture-card .el-upload-list__item-status-label i{font-size:12px;margin-top:11px;transform:rotate(-45deg)}.el-upload-list--picture-card .el-upload-list__item-actions{position:absolute;width:100%;height:100%;left:0;top:0;cursor:default;text-align:center;color:#fff;opacity:0;font-size:20px;background-color:rgba(0,0,0,.5);transition:opacity var(--el-transition-duration)}.el-upload-list--picture-card .el-upload-list__item-actions::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-upload-list--picture-card .el-upload-list__item-actions span{display:none;cursor:pointer}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:15px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{position:static;font-size:inherit;color:inherit}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-block}.el-upload-list--picture-card .el-progress{top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto;width:126px}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{overflow:hidden;z-index:0;background-color:#fff;border:1px solid #c0ccda;border-radius:6px;box-sizing:border-box;margin-top:10px;padding:10px 10px 10px 90px;height:92px}.el-upload-list--picture .el-upload-list__item .el-icon-check,.el-upload-list--picture .el-upload-list__item .el-icon-circle-check{color:#fff}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{background:0 0;box-shadow:none;top:-2px;right:-12px}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name{line-height:70px;margin-top:0}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item-thumbnail{vertical-align:middle;display:inline-block;width:70px;height:70px;float:left;position:relative;z-index:1;margin-left:-80px;background-color:#fff}.el-upload-list--picture .el-upload-list__item-name{display:block;margin-top:20px}.el-upload-list--picture .el-upload-list__item-name i{font-size:70px;line-height:1;position:absolute;left:9px;top:10px}.el-upload-list--picture .el-upload-list__item-status-label{position:absolute;right:-17px;top:-7px;width:46px;height:26px;background:#13ce66;text-align:center;transform:rotate(45deg);box-shadow:0 1px 1px #ccc}.el-upload-list--picture .el-upload-list__item-status-label i{font-size:12px;margin-top:12px;transform:rotate(-45deg)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;cursor:default}.el-upload-cover::after{display:inline-block;content:"";height:100%;vertical-align:middle}.el-upload-cover img{display:block;width:100%;height:100%}.el-upload-cover__label{position:absolute;right:-15px;top:-6px;width:40px;height:24px;background:#13ce66;text-align:center;transform:rotate(45deg);box-shadow:0 0 1pc 1px rgba(0,0,0,.2)}.el-upload-cover__label i{font-size:12px;margin-top:11px;transform:rotate(-45deg);color:#fff}.el-upload-cover__progress{display:inline-block;vertical-align:middle;position:static;width:243px}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{position:absolute;top:0;left:0;width:100%;height:100%}.el-upload-cover__interact{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.72);text-align:center}.el-upload-cover__interact .btn{display:inline-block;color:#fff;font-size:14px;cursor:pointer;vertical-align:middle;transition:var(--el-transition-md-fade);margin-top:60px}.el-upload-cover__interact .btn i{margin-top:0}.el-upload-cover__interact .btn span{opacity:0;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#fff;display:block;font-size:24px;line-height:inherit;margin:0 auto 5px}.el-upload-cover__title{position:absolute;bottom:0;left:0;background-color:#fff;height:36px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;text-align:left;padding:0 10px;margin:0;line-height:36px;font-size:14px;color:var(--el-text-color-primary)}.el-upload-cover+.el-upload__inner{opacity:0;position:relative;z-index:1}.el-vl__wrapper{position:relative}.el-vg__wrapper{position:relative}.el-popper{--el-popper-border-radius:var(--el-popover-border-radius, 4px)}.el-popper{position:absolute;border-radius:var(--el-popper-border-radius);padding:10px;z-index:2000;font-size:12px;line-height:1.2;min-width:10px;word-wrap:break-word;visibility:visible}.el-popper.is-dark{color:var(--el-color-white);background:var(--el-text-color-primary)}.el-popper.is-dark .el-popper__arrow::before{background:var(--el-text-color-primary);right:0}.el-popper.is-light{background:var(--el-color-white);border:1px solid var(--el-border-color-light)}.el-popper.is-light .el-popper__arrow::before{border:1px solid var(--el-border-color-light);background:var(--el-color-white);right:0}.el-popper.is-pure{padding:0}.el-popper__arrow{position:absolute;width:10px;height:10px;z-index:-1}.el-popper__arrow::before{position:absolute;width:10px;height:10px;z-index:-1;content:" ";transform:rotate(45deg);background:var(--el-text-color-primary);box-sizing:border-box}.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px}.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px}.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px}.el-popper.is-light[data-popper-placement^=top] .el-popper__arrow::before{border-top-color:transparent;border-left-color:transparent}.el-popper.is-light[data-popper-placement^=bottom] .el-popper__arrow::before{border-bottom-color:transparent;border-right-color:transparent}.el-popper.is-light[data-popper-placement^=left] .el-popper__arrow::before{border-left-color:transparent;border-bottom-color:transparent}.el-popper.is-light[data-popper-placement^=right] .el-popper__arrow::before{border-right-color:transparent;border-top-color:transparent}.el-select-dropdown__item{font-size:var(--el-font-size-base);padding:0 32px 0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--el-text-color-regular);height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.el-select-dropdown__item.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-select-dropdown__item.is-disabled:hover{background-color:var(--el-color-white)}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background-color:var(--el-background-color-base)}.el-select-dropdown__item.selected{color:var(--el-color-primary);font-weight:700}/*!
|
|
120
211
|
* Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
|
|
121
212
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
@@ -8029,136 +8120,395 @@ readers do not read off random characters that represent icons */
|
|
|
8029
8120
|
font-display: block;
|
|
8030
8121
|
src: url("/assets/fa-v4compatibility-0ce9033c.woff2") format("woff2"), url("/assets/fa-v4compatibility-30f6abf6.ttf") format("truetype");
|
|
8031
8122
|
unicode-range: U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F27A; }
|
|
8032
|
-
/* main.css */
|
|
8123
|
+
/* main.css - Main stylesheet entry point */
|
|
8033
8124
|
|
|
8034
|
-
/*
|
|
8125
|
+
/* ========== All Imports Must Come First ========== */
|
|
8035
8126
|
|
|
8036
|
-
/* styles/base/_variables.css -
|
|
8127
|
+
/* styles/base/_variables.css - Design Token System */
|
|
8037
8128
|
|
|
8038
8129
|
:root {
|
|
8039
|
-
|
|
8040
|
-
--font-family-base: "Roboto", "Source Sans Pro",
|
|
8041
|
-
|
|
8042
|
-
|
|
8043
|
-
|
|
8044
|
-
--
|
|
8045
|
-
--
|
|
8046
|
-
--
|
|
8047
|
-
--color-hover: #f5f5f5;
|
|
8048
|
-
--color-selected: #e0f7fa;
|
|
8049
|
-
--color-selected-text: #0c254a;
|
|
8050
|
-
|
|
8051
|
-
/* Essential new colors */
|
|
8052
|
-
--color-success: #2f855a;
|
|
8053
|
-
--color-danger: #e53e3e;
|
|
8054
|
-
--color-info: #3182ce;
|
|
8055
|
-
--color-gray-100: #f7fafc;
|
|
8056
|
-
--color-gray-300: #e2e8f0;
|
|
8057
|
-
--color-gray-500: #a0aec0;
|
|
8058
|
-
--color-gray-700: #4a5568;
|
|
8059
|
-
|
|
8060
|
-
/* Spacing - keeping your existing ones */
|
|
8061
|
-
--spacing-xs: 4px;
|
|
8062
|
-
--spacing-sm: 8px;
|
|
8063
|
-
--spacing-md: 12px;
|
|
8064
|
-
--spacing-lg: 16px;
|
|
8065
|
-
--spacing-xl: 24px;
|
|
8066
|
-
|
|
8067
|
-
/* Shadow - simplified */
|
|
8068
|
-
--shadow-default: 0 1px 3px rgba(0, 0, 0, 0.08);
|
|
8069
|
-
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07);
|
|
8070
|
-
|
|
8071
|
-
/* Border Radius - keeping your existing ones */
|
|
8072
|
-
--border-radius-sm: 4px;
|
|
8073
|
-
--border-radius-md: 8px;
|
|
8074
|
-
|
|
8075
|
-
/* Typography - adjusted for smaller sizes */
|
|
8076
|
-
--font-size-xs: 10px;
|
|
8077
|
-
--font-size-sm: 11px;
|
|
8130
|
+
/* ========== Typography Tokens ========== */
|
|
8131
|
+
--font-family-base: "Roboto", "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
|
8132
|
+
--font-family-mono: "SF Mono", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
|
|
8133
|
+
|
|
8134
|
+
/* Font sizes - refined for modern data tool aesthetics */
|
|
8135
|
+
--font-size-2xs: 10px;
|
|
8136
|
+
--font-size-xs: 11px;
|
|
8137
|
+
--font-size-sm: 12px;
|
|
8078
8138
|
--font-size-md: 13px;
|
|
8139
|
+
--font-size-base: 14px;
|
|
8079
8140
|
--font-size-lg: 15px;
|
|
8141
|
+
--font-size-xl: 16px;
|
|
8142
|
+
--font-size-2xl: 18px;
|
|
8143
|
+
--font-size-3xl: 20px;
|
|
8144
|
+
--font-size-4xl: 24px;
|
|
8145
|
+
|
|
8080
8146
|
--font-weight-normal: 400;
|
|
8081
8147
|
--font-weight-medium: 500;
|
|
8082
8148
|
--font-weight-semibold: 600;
|
|
8083
|
-
|
|
8084
|
-
|
|
8085
|
-
--line-height-tight: 1.
|
|
8086
|
-
--line-height-normal: 1.
|
|
8087
|
-
|
|
8088
|
-
|
|
8089
|
-
|
|
8149
|
+
--font-weight-bold: 700;
|
|
8150
|
+
|
|
8151
|
+
--line-height-tight: 1.25;
|
|
8152
|
+
--line-height-normal: 1.5;
|
|
8153
|
+
--line-height-relaxed: 1.625;
|
|
8154
|
+
|
|
8155
|
+
/* ========== Brand Color Tokens ========== */
|
|
8156
|
+
/* Dark brand color for headers/navigation */
|
|
8157
|
+
--primary-blue: #0f172a;
|
|
8158
|
+
--primary-blue-hover: #1e293b;
|
|
8159
|
+
--primary-blue-light: #334155;
|
|
8160
|
+
|
|
8161
|
+
/* Accent Color: Teal/Cyan (#0891b2 - Tailwind cyan-600)
|
|
8162
|
+
Chosen for a friendly, modern data tool aesthetic. Teal is welcoming and
|
|
8163
|
+
professional without being as corporate as pure blue. Use for:
|
|
8164
|
+
- Primary action buttons
|
|
8165
|
+
- Interactive element highlights
|
|
8166
|
+
- Focus states and accents
|
|
8167
|
+
- Icons in active/selected states */
|
|
8168
|
+
--color-accent: #0891b2;
|
|
8169
|
+
--color-accent-hover: #0e7490;
|
|
8170
|
+
--color-accent-light: #22d3ee;
|
|
8171
|
+
--color-accent-subtle: #ecfeff;
|
|
8172
|
+
|
|
8173
|
+
/* Legacy alias (maps to accent for consistency) */
|
|
8174
|
+
--light-blue: #0891b2;
|
|
8175
|
+
--light-blue-hover: #0e7490;
|
|
8176
|
+
|
|
8177
|
+
/* ========== Semantic Color Tokens ========== */
|
|
8178
|
+
/* Background colors */
|
|
8179
|
+
--color-background-primary: #ffffff;
|
|
8180
|
+
--color-background-secondary: #f8f9fa;
|
|
8181
|
+
--color-background-tertiary: #f1f3f5;
|
|
8182
|
+
--color-background-hover: #f0f7ff;
|
|
8183
|
+
--color-background-selected: #e7f3ff;
|
|
8184
|
+
--color-background-muted: #fafafa;
|
|
8185
|
+
|
|
8186
|
+
/* Text colors */
|
|
8187
|
+
--color-text-primary: #1a1a2e;
|
|
8188
|
+
--color-text-secondary: #4a5568;
|
|
8189
|
+
--color-text-tertiary: #718096;
|
|
8190
|
+
--color-text-muted: #a0aec0;
|
|
8191
|
+
--color-text-inverse: #ffffff;
|
|
8192
|
+
--color-text-selected: #0c254a;
|
|
8193
|
+
|
|
8194
|
+
/* Border colors */
|
|
8195
|
+
--color-border-primary: #e2e8f0;
|
|
8196
|
+
--color-border-secondary: #cbd5e0;
|
|
8197
|
+
--color-border-light: #edf2f7;
|
|
8198
|
+
--color-border-focus: var(--light-blue);
|
|
8199
|
+
|
|
8200
|
+
/* Status colors */
|
|
8201
|
+
--color-success: #10b981;
|
|
8202
|
+
--color-success-light: #d1fae5;
|
|
8203
|
+
--color-success-hover: #059669;
|
|
8204
|
+
--color-danger: #ef4444;
|
|
8205
|
+
--color-danger-light: #fee2e2;
|
|
8206
|
+
--color-danger-hover: #dc2626;
|
|
8207
|
+
--color-danger-dark: #b91c1c;
|
|
8208
|
+
--color-warning: #f59e0b;
|
|
8209
|
+
--color-warning-light: #fef3c7;
|
|
8210
|
+
--color-warning-hover: #d97706;
|
|
8211
|
+
--color-warning-dark: #92400e;
|
|
8212
|
+
--color-warning-darker: #78350f;
|
|
8213
|
+
--color-info: #3b82f6;
|
|
8214
|
+
--color-info-light: #dbeafe;
|
|
8215
|
+
--color-info-hover: #2563eb;
|
|
8216
|
+
|
|
8217
|
+
/* Button primary colors (interactive elements) */
|
|
8218
|
+
--color-button-primary: #4a6cf7;
|
|
8219
|
+
--color-button-primary-hover: #3d5bd9;
|
|
8220
|
+
--color-button-secondary: #3498db;
|
|
8221
|
+
--color-button-secondary-hover: #2980b9;
|
|
8222
|
+
--color-button-secondary-light: #93c5fd;
|
|
8223
|
+
|
|
8224
|
+
/* Code editor colors */
|
|
8225
|
+
--color-code-bg: #282c34;
|
|
8226
|
+
--color-code-text: #abb2bf;
|
|
8227
|
+
--color-code-keyword: #f08d49;
|
|
8228
|
+
--color-code-string: #8ec07c;
|
|
8229
|
+
--color-code-function: #b8bb26;
|
|
8230
|
+
|
|
8231
|
+
/* Overlay/Modal colors */
|
|
8232
|
+
--color-overlay: rgba(0, 0, 0, 0.5);
|
|
8233
|
+
--color-overlay-dark: rgba(0, 0, 0, 0.7);
|
|
8234
|
+
|
|
8235
|
+
/* Brand provider colors */
|
|
8236
|
+
--color-brand-aws: #ff9900;
|
|
8237
|
+
--color-brand-microsoft: #0078d4;
|
|
8238
|
+
|
|
8239
|
+
/* Gradient decorative colors */
|
|
8240
|
+
--color-gradient-purple-start: #667eea;
|
|
8241
|
+
--color-gradient-purple-end: #764ba2;
|
|
8242
|
+
--color-gradient-canvas-1: #6f3381;
|
|
8243
|
+
--color-gradient-canvas-2: #81c7d4;
|
|
8244
|
+
--color-gradient-canvas-3: #fedfe1;
|
|
8245
|
+
--color-gradient-canvas-4: #fffffb;
|
|
8246
|
+
|
|
8247
|
+
/* Focus ring colors */
|
|
8248
|
+
--color-focus-ring: rgba(44, 116, 179, 0.1);
|
|
8249
|
+
--color-focus-ring-error: rgba(239, 68, 68, 0.1);
|
|
8250
|
+
--color-focus-ring-primary: rgba(0, 123, 255, 0.5);
|
|
8251
|
+
--color-focus-ring-accent: rgba(8, 145, 178, 0.15);
|
|
8252
|
+
--color-focus-ring-accent-strong: rgba(8, 145, 178, 0.25);
|
|
8253
|
+
--color-focus-ring-button: rgba(74, 108, 247, 0.1);
|
|
8254
|
+
--color-focus-ring-secondary: rgba(52, 152, 219, 0.3);
|
|
8255
|
+
--color-focus-ring-purple: rgba(102, 126, 234, 0.4);
|
|
8256
|
+
--color-focus-ring-purple-light: rgba(102, 126, 234, 0.1);
|
|
8257
|
+
|
|
8258
|
+
/* Utility transparent colors */
|
|
8259
|
+
--color-white-alpha-20: rgba(255, 255, 255, 0.2);
|
|
8260
|
+
--color-white-alpha-40: rgba(255, 255, 255, 0.4);
|
|
8261
|
+
--color-black-alpha-10: rgba(0, 0, 0, 0.1);
|
|
8262
|
+
--color-black-alpha-20: rgba(0, 0, 0, 0.2);
|
|
8263
|
+
|
|
8264
|
+
/* Node/Component specific */
|
|
8265
|
+
--color-node-error-bg: #ffcccc;
|
|
8266
|
+
--color-file-browser-bg: rgb(92, 92, 92);
|
|
8267
|
+
|
|
8268
|
+
/* Gray scale */
|
|
8269
|
+
--color-gray-50: #f9fafb;
|
|
8270
|
+
--color-gray-100: #f3f4f6;
|
|
8271
|
+
--color-gray-200: #e5e7eb;
|
|
8272
|
+
--color-gray-300: #d1d5db;
|
|
8273
|
+
--color-gray-400: #9ca3af;
|
|
8274
|
+
--color-gray-500: #6b7280;
|
|
8275
|
+
--color-gray-600: #4b5563;
|
|
8276
|
+
--color-gray-700: #374151;
|
|
8277
|
+
--color-gray-800: #1f2937;
|
|
8278
|
+
--color-gray-900: #111827;
|
|
8279
|
+
|
|
8280
|
+
/* ========== Legacy Mappings (for backward compatibility) ========== */
|
|
8281
|
+
--color-primary: var(--light-blue);
|
|
8282
|
+
--color-primary-dark: var(--primary-blue);
|
|
8283
|
+
--color-background: var(--color-background-primary);
|
|
8284
|
+
--color-hover: var(--color-background-secondary);
|
|
8285
|
+
--hover-blue: var(--color-background-hover);
|
|
8286
|
+
--color-selected: var(--color-background-selected);
|
|
8287
|
+
--color-text: var(--color-text-primary);
|
|
8288
|
+
--color-selected-text: var(--color-text-selected);
|
|
8289
|
+
--border-color: var(--color-border-primary);
|
|
8290
|
+
--color-border: var(--color-border-primary);
|
|
8291
|
+
|
|
8292
|
+
/* NodeDesigner compatibility */
|
|
8293
|
+
--card-bg: var(--color-background-primary);
|
|
8294
|
+
--text-secondary: var(--color-text-secondary);
|
|
8295
|
+
--text-primary: var(--color-text-primary);
|
|
8296
|
+
--bg-secondary: var(--color-background-secondary);
|
|
8297
|
+
--bg-hover: var(--color-background-hover);
|
|
8298
|
+
--primary-color: var(--light-blue);
|
|
8299
|
+
--primary-hover: var(--light-blue-hover);
|
|
8300
|
+
|
|
8301
|
+
/* ========== Spacing Tokens ========== */
|
|
8302
|
+
--spacing-0: 0;
|
|
8303
|
+
--spacing-px: 1px;
|
|
8304
|
+
--spacing-0-5: 2px;
|
|
8305
|
+
--spacing-1: 4px;
|
|
8306
|
+
--spacing-1-5: 6px;
|
|
8307
|
+
--spacing-2: 8px;
|
|
8308
|
+
--spacing-2-5: 10px;
|
|
8309
|
+
--spacing-3: 12px;
|
|
8310
|
+
--spacing-4: 16px;
|
|
8311
|
+
--spacing-5: 20px;
|
|
8312
|
+
--spacing-6: 24px;
|
|
8313
|
+
--spacing-8: 32px;
|
|
8314
|
+
--spacing-10: 40px;
|
|
8315
|
+
--spacing-12: 48px;
|
|
8316
|
+
|
|
8317
|
+
/* Legacy spacing mappings */
|
|
8318
|
+
--spacing-xs: var(--spacing-1);
|
|
8319
|
+
--spacing-sm: var(--spacing-2);
|
|
8320
|
+
--spacing-md: var(--spacing-3);
|
|
8321
|
+
--spacing-lg: var(--spacing-4);
|
|
8322
|
+
--spacing-xl: var(--spacing-6);
|
|
8323
|
+
--spacing-2xl: var(--spacing-8);
|
|
8324
|
+
--spacing-3xl: var(--spacing-12);
|
|
8325
|
+
|
|
8326
|
+
/* ========== Shadow Tokens ========== */
|
|
8327
|
+
--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
8328
|
+
--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
|
|
8329
|
+
--shadow-default: 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
|
8330
|
+
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
|
|
8331
|
+
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
|
|
8332
|
+
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
|
|
8333
|
+
--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
|
|
8334
|
+
|
|
8335
|
+
/* ========== Border Radius Tokens ========== */
|
|
8336
|
+
--border-radius-none: 0;
|
|
8337
|
+
--border-radius-sm: 4px;
|
|
8338
|
+
--border-radius-md: 6px;
|
|
8339
|
+
--border-radius-lg: 8px;
|
|
8340
|
+
--border-radius-xl: 12px;
|
|
8341
|
+
--border-radius-2xl: 16px;
|
|
8342
|
+
--border-radius-full: 9999px;
|
|
8343
|
+
|
|
8344
|
+
/* ========== Animation Tokens ========== */
|
|
8345
|
+
--transition-fast: 100ms;
|
|
8346
|
+
--transition-base: 150ms;
|
|
8347
|
+
--transition-normal: 200ms;
|
|
8348
|
+
--transition-slow: 300ms;
|
|
8349
|
+
--transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
|
|
8350
|
+
|
|
8351
|
+
/* ========== Z-Index Tokens ========== */
|
|
8352
|
+
--z-index-base: 1;
|
|
8353
|
+
--z-index-sticky: 100;
|
|
8354
|
+
--z-index-dropdown: 1000;
|
|
8355
|
+
--z-index-modal: 1050;
|
|
8356
|
+
--z-index-popover: 1075;
|
|
8357
|
+
--z-index-tooltip: 1100;
|
|
8358
|
+
--z-index-notification: 1200;
|
|
8359
|
+
/* Canvas-specific z-index values - must be high to appear above canvas panels */
|
|
8360
|
+
--z-index-canvas-dropdown: 100001; /* Above DraggableItem panels (100000) */
|
|
8361
|
+
--z-index-canvas-context-menu: 100002; /* Above dropdowns */
|
|
8362
|
+
|
|
8363
|
+
/* ========== Component-Specific Tokens ========== */
|
|
8364
|
+
/* Table */
|
|
8365
|
+
--table-header-bg: var(--color-background-muted);
|
|
8366
|
+
--table-row-hover: var(--color-background-tertiary);
|
|
8367
|
+
--table-border: var(--color-border-light);
|
|
8368
|
+
|
|
8369
|
+
/* Input */
|
|
8370
|
+
--input-border: var(--color-border-primary);
|
|
8371
|
+
--input-border-focus: var(--light-blue);
|
|
8372
|
+
--input-bg: var(--color-background-primary);
|
|
8373
|
+
--input-placeholder: var(--color-text-muted);
|
|
8374
|
+
|
|
8375
|
+
/* Card */
|
|
8376
|
+
--card-border: var(--color-border-primary);
|
|
8377
|
+
--card-shadow: var(--shadow-sm);
|
|
8378
|
+
|
|
8379
|
+
/* Node */
|
|
8380
|
+
--node-bg: var(--color-background-primary);
|
|
8381
|
+
--node-border: var(--color-border-primary);
|
|
8382
|
+
--node-selected-border: var(--color-gray-500);
|
|
8383
|
+
}
|
|
8384
|
+
|
|
8385
|
+
/* ========== Dark Theme ========== */
|
|
8386
|
+
|
|
8387
|
+
[data-theme="dark"] {
|
|
8388
|
+
--color-background-primary: #1a1a2e;
|
|
8389
|
+
--color-background-secondary: #16213e;
|
|
8390
|
+
--color-background-tertiary: #0f3460;
|
|
8391
|
+
--color-background-hover: #1e3a5f;
|
|
8392
|
+
--color-background-selected: #0f3460;
|
|
8393
|
+
--color-background-muted: #1f1f3a;
|
|
8394
|
+
|
|
8395
|
+
--color-text-primary: #f1f5f9;
|
|
8396
|
+
--color-text-secondary: #cbd5e1;
|
|
8397
|
+
--color-text-tertiary: #94a3b8;
|
|
8398
|
+
--color-text-muted: #64748b;
|
|
8399
|
+
--color-text-inverse: #1a1a2e;
|
|
8400
|
+
|
|
8401
|
+
--color-border-primary: #334155;
|
|
8402
|
+
--color-border-secondary: #475569;
|
|
8403
|
+
--color-border-light: #1e293b;
|
|
8404
|
+
|
|
8405
|
+
/* Gray scale adjustments for dark mode */
|
|
8406
|
+
--color-gray-50: #1f2937;
|
|
8407
|
+
--color-gray-100: #374151;
|
|
8408
|
+
--color-gray-200: #4b5563;
|
|
8409
|
+
--color-gray-300: #6b7280;
|
|
8410
|
+
--color-gray-400: #9ca3af;
|
|
8411
|
+
--color-gray-500: #d1d5db;
|
|
8412
|
+
--color-gray-600: #e5e7eb;
|
|
8413
|
+
--color-gray-700: #f3f4f6;
|
|
8414
|
+
--color-gray-800: #f9fafb;
|
|
8415
|
+
--color-gray-900: #ffffff;
|
|
8416
|
+
|
|
8417
|
+
/* Shadow adjustments for dark mode */
|
|
8418
|
+
--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
|
|
8419
|
+
--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 1px 2px -1px rgba(0, 0, 0, 0.3);
|
|
8420
|
+
--shadow-default: 0 2px 4px -1px rgba(0, 0, 0, 0.3), 0 4px 6px -1px rgba(0, 0, 0, 0.4);
|
|
8421
|
+
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3);
|
|
8422
|
+
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.3);
|
|
8423
|
+
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.3);
|
|
8424
|
+
|
|
8425
|
+
--card-bg: var(--color-background-secondary);
|
|
8426
|
+
--node-bg: var(--color-background-secondary);
|
|
8427
|
+
|
|
8428
|
+
/* Element Plus dark mode overrides */
|
|
8429
|
+
--el-color-white: var(--color-background-primary);
|
|
8430
|
+
--el-bg-color: var(--color-background-primary);
|
|
8431
|
+
--el-bg-color-page: var(--color-background-secondary);
|
|
8432
|
+
--el-bg-color-overlay: var(--color-background-tertiary);
|
|
8433
|
+
--el-text-color-primary: var(--color-text-primary);
|
|
8434
|
+
--el-text-color-regular: var(--color-text-secondary);
|
|
8435
|
+
--el-text-color-secondary: var(--color-text-tertiary);
|
|
8436
|
+
--el-text-color-placeholder: var(--color-text-muted);
|
|
8437
|
+
--el-border-color: var(--color-border-primary);
|
|
8438
|
+
--el-border-color-light: var(--color-border-light);
|
|
8439
|
+
--el-border-color-lighter: var(--color-border-light);
|
|
8440
|
+
--el-fill-color: var(--color-background-secondary);
|
|
8441
|
+
--el-fill-color-light: var(--color-background-tertiary);
|
|
8442
|
+
--el-fill-color-lighter: var(--color-background-hover);
|
|
8443
|
+
--el-fill-color-blank: var(--color-background-primary);
|
|
8444
|
+
--el-mask-color: rgba(0, 0, 0, 0.7);
|
|
8090
8445
|
}
|
|
8091
8446
|
|
|
8092
|
-
/*
|
|
8447
|
+
/* styles/components/_listbox.css - Modern Listbox Styles */
|
|
8093
8448
|
|
|
8094
8449
|
.listbox-wrapper {
|
|
8095
8450
|
position: relative;
|
|
8096
|
-
overflow-y: hidden;
|
|
8097
8451
|
overflow: visible;
|
|
8098
|
-
box-shadow:
|
|
8099
|
-
border-radius:
|
|
8100
|
-
margin:
|
|
8101
|
-
background-color:
|
|
8102
|
-
padding:
|
|
8103
|
-
z-index:
|
|
8452
|
+
box-shadow: var(--shadow-sm);
|
|
8453
|
+
border-radius: var(--border-radius-lg);
|
|
8454
|
+
margin: var(--spacing-1);
|
|
8455
|
+
background-color: var(--color-background-primary);
|
|
8456
|
+
padding: var(--spacing-1-5);
|
|
8457
|
+
z-index: var(--z-index-base);
|
|
8104
8458
|
}
|
|
8105
8459
|
|
|
8106
8460
|
.custom-component-container {
|
|
8107
8461
|
display: flex;
|
|
8108
8462
|
flex-direction: column;
|
|
8109
|
-
gap:
|
|
8110
|
-
box-shadow:
|
|
8111
|
-
border-radius:
|
|
8463
|
+
gap: var(--spacing-2);
|
|
8464
|
+
box-shadow: var(--shadow-sm);
|
|
8465
|
+
border-radius: var(--border-radius-lg);
|
|
8112
8466
|
}
|
|
8113
8467
|
|
|
8114
8468
|
.listbox-subtitle {
|
|
8115
8469
|
display: flex;
|
|
8116
8470
|
align-items: center;
|
|
8117
|
-
padding:
|
|
8118
|
-
font-weight:
|
|
8119
|
-
|
|
8120
|
-
|
|
8121
|
-
|
|
8471
|
+
padding: var(--spacing-1) var(--spacing-4);
|
|
8472
|
+
font-weight: var(--font-weight-normal);
|
|
8473
|
+
font-size: var(--font-size-xs);
|
|
8474
|
+
color: var(--color-text-primary);
|
|
8475
|
+
background-color: var(--color-background-muted);
|
|
8476
|
+
border-bottom: 1px solid var(--color-border-light);
|
|
8122
8477
|
width: 100%;
|
|
8123
|
-
border-top-left-radius:
|
|
8124
|
-
border-top-right-radius:
|
|
8125
|
-
font-size: small;
|
|
8478
|
+
border-top-left-radius: var(--border-radius-sm);
|
|
8479
|
+
border-top-right-radius: var(--border-radius-sm);
|
|
8126
8480
|
height: 32px;
|
|
8127
|
-
overflow: hidden;
|
|
8128
|
-
text-overflow: ellipsis;
|
|
8129
|
-
white-space: nowrap;
|
|
8130
|
-
box-sizing: border-box;
|
|
8481
|
+
overflow: hidden;
|
|
8482
|
+
text-overflow: ellipsis;
|
|
8483
|
+
white-space: nowrap;
|
|
8484
|
+
box-sizing: border-box;
|
|
8131
8485
|
}
|
|
8132
8486
|
|
|
8133
|
-
/* If the subtitle contains other elements */
|
|
8134
|
-
|
|
8135
8487
|
.listbox-subtitle > * {
|
|
8136
8488
|
overflow: hidden;
|
|
8137
8489
|
text-overflow: ellipsis;
|
|
8138
8490
|
white-space: nowrap;
|
|
8139
|
-
min-width: 0;
|
|
8491
|
+
min-width: 0;
|
|
8140
8492
|
}
|
|
8141
8493
|
|
|
8142
|
-
/* If you specifically need to handle long text in a span */
|
|
8143
|
-
|
|
8144
8494
|
.listbox-subtitle span {
|
|
8145
8495
|
overflow: hidden;
|
|
8146
8496
|
text-overflow: ellipsis;
|
|
8147
8497
|
white-space: nowrap;
|
|
8148
|
-
flex: 1;
|
|
8149
|
-
min-width: 0;
|
|
8498
|
+
flex: 1;
|
|
8499
|
+
min-width: 0;
|
|
8150
8500
|
}
|
|
8151
8501
|
|
|
8152
8502
|
.listbox-title {
|
|
8153
8503
|
display: flex;
|
|
8154
8504
|
align-items: center;
|
|
8155
|
-
padding:
|
|
8156
|
-
font-weight:
|
|
8157
|
-
|
|
8505
|
+
padding: var(--spacing-2) var(--spacing-4);
|
|
8506
|
+
font-weight: var(--font-weight-semibold);
|
|
8507
|
+
font-size: var(--font-size-base);
|
|
8508
|
+
color: var(--color-text-primary);
|
|
8158
8509
|
width: 100%;
|
|
8159
|
-
border-top-left-radius:
|
|
8160
|
-
border-top-right-radius:
|
|
8161
|
-
font-size: large;
|
|
8510
|
+
border-top-left-radius: var(--border-radius-lg);
|
|
8511
|
+
border-top-right-radius: var(--border-radius-lg);
|
|
8162
8512
|
height: 40px;
|
|
8163
8513
|
}
|
|
8164
8514
|
|
|
@@ -8167,41 +8517,41 @@ readers do not read off random characters that represent icons */
|
|
|
8167
8517
|
padding: 0;
|
|
8168
8518
|
margin: 0;
|
|
8169
8519
|
list-style-type: none;
|
|
8170
|
-
border-radius:
|
|
8520
|
+
border-radius: var(--border-radius-lg);
|
|
8171
8521
|
overflow: hidden;
|
|
8172
8522
|
overflow-y: auto;
|
|
8173
|
-
box-shadow:
|
|
8523
|
+
box-shadow: var(--shadow-sm);
|
|
8174
8524
|
max-height: 300px;
|
|
8175
|
-
background-color:
|
|
8525
|
+
background-color: var(--color-background-primary);
|
|
8176
8526
|
}
|
|
8177
8527
|
|
|
8178
8528
|
.listbox li {
|
|
8179
|
-
padding:
|
|
8529
|
+
padding: var(--spacing-2) var(--spacing-4);
|
|
8180
8530
|
cursor: pointer;
|
|
8181
|
-
background-color:
|
|
8531
|
+
background-color: var(--color-background-primary);
|
|
8182
8532
|
user-select: none;
|
|
8183
|
-
border-bottom: 1px solid
|
|
8184
|
-
transition: background-color
|
|
8185
|
-
font-size:
|
|
8533
|
+
border-bottom: 1px solid var(--color-border-light);
|
|
8534
|
+
transition: background-color var(--transition-fast) var(--transition-timing);
|
|
8535
|
+
font-size: var(--font-size-sm);
|
|
8186
8536
|
}
|
|
8187
8537
|
|
|
8188
|
-
.listbox li:
|
|
8189
|
-
border-bottom:
|
|
8538
|
+
.listbox li:last-child {
|
|
8539
|
+
border-bottom: none;
|
|
8190
8540
|
}
|
|
8191
8541
|
|
|
8192
8542
|
.listbox li:hover {
|
|
8193
|
-
background-color:
|
|
8543
|
+
background-color: var(--color-background-tertiary);
|
|
8194
8544
|
}
|
|
8195
8545
|
|
|
8196
8546
|
.listbox li.is-selected {
|
|
8197
|
-
background-color:
|
|
8198
|
-
color:
|
|
8547
|
+
background-color: var(--color-background-selected);
|
|
8548
|
+
color: var(--color-text-selected);
|
|
8199
8549
|
}
|
|
8200
8550
|
|
|
8201
8551
|
/* Custom scrollbar */
|
|
8202
8552
|
|
|
8203
8553
|
.listbox::-webkit-scrollbar {
|
|
8204
|
-
width:
|
|
8554
|
+
width: 6px;
|
|
8205
8555
|
}
|
|
8206
8556
|
|
|
8207
8557
|
.listbox::-webkit-scrollbar-track {
|
|
@@ -8209,91 +8559,187 @@ readers do not read off random characters that represent icons */
|
|
|
8209
8559
|
}
|
|
8210
8560
|
|
|
8211
8561
|
.listbox::-webkit-scrollbar-thumb {
|
|
8212
|
-
background-color:
|
|
8213
|
-
border-radius:
|
|
8562
|
+
background-color: var(--color-gray-300);
|
|
8563
|
+
border-radius: var(--border-radius-full);
|
|
8214
8564
|
}
|
|
8215
8565
|
|
|
8216
8566
|
.listbox::-webkit-scrollbar-thumb:hover {
|
|
8217
|
-
background-color:
|
|
8567
|
+
background-color: var(--color-gray-400);
|
|
8218
8568
|
}
|
|
8219
8569
|
|
|
8570
|
+
/* styles/components/_buttons.css - Button Styles */
|
|
8571
|
+
|
|
8220
8572
|
.btn {
|
|
8221
8573
|
display: inline-flex;
|
|
8222
8574
|
align-items: center;
|
|
8223
8575
|
justify-content: center;
|
|
8224
|
-
gap: var(--spacing-
|
|
8576
|
+
gap: var(--spacing-1-5);
|
|
8225
8577
|
font-size: var(--font-size-sm);
|
|
8226
8578
|
font-weight: var(--font-weight-medium);
|
|
8227
|
-
border-radius: var(--border-radius-
|
|
8579
|
+
border-radius: var(--border-radius-lg);
|
|
8228
8580
|
cursor: pointer;
|
|
8229
|
-
transition: all var(--transition-fast);
|
|
8230
|
-
padding: var(--spacing-
|
|
8581
|
+
transition: all var(--transition-fast) var(--transition-timing);
|
|
8582
|
+
padding: var(--spacing-2) var(--spacing-4);
|
|
8231
8583
|
border: 1px solid transparent;
|
|
8232
8584
|
white-space: nowrap;
|
|
8233
|
-
height:
|
|
8585
|
+
height: 34px;
|
|
8586
|
+
line-height: 1;
|
|
8587
|
+
box-shadow: var(--shadow-xs);
|
|
8234
8588
|
}
|
|
8235
8589
|
|
|
8236
8590
|
.btn:disabled {
|
|
8237
|
-
opacity: 0.
|
|
8591
|
+
opacity: 0.5;
|
|
8238
8592
|
cursor: not-allowed;
|
|
8593
|
+
box-shadow: none;
|
|
8594
|
+
}
|
|
8595
|
+
|
|
8596
|
+
/* Size variants */
|
|
8597
|
+
|
|
8598
|
+
.btn-sm {
|
|
8599
|
+
height: 28px;
|
|
8600
|
+
padding: var(--spacing-1-5) var(--spacing-3);
|
|
8601
|
+
font-size: var(--font-size-xs);
|
|
8602
|
+
}
|
|
8603
|
+
|
|
8604
|
+
.btn-lg {
|
|
8605
|
+
height: 40px;
|
|
8606
|
+
padding: var(--spacing-3) var(--spacing-5);
|
|
8607
|
+
font-size: var(--font-size-base);
|
|
8239
8608
|
}
|
|
8240
8609
|
|
|
8241
8610
|
/* Button variants */
|
|
8242
8611
|
|
|
8243
8612
|
.btn-primary {
|
|
8244
|
-
background-color: var(--color-
|
|
8245
|
-
color: var(--color-
|
|
8246
|
-
border-color: var(--color-
|
|
8613
|
+
background-color: var(--color-accent);
|
|
8614
|
+
color: var(--color-text-inverse);
|
|
8615
|
+
border-color: var(--color-accent);
|
|
8247
8616
|
}
|
|
8248
8617
|
|
|
8249
8618
|
.btn-primary:hover:not(:disabled) {
|
|
8250
|
-
background-color: var(--color-
|
|
8251
|
-
border-color: var(--color-
|
|
8619
|
+
background-color: var(--color-accent-hover);
|
|
8620
|
+
border-color: var(--color-accent-hover);
|
|
8621
|
+
box-shadow: var(--shadow-sm);
|
|
8252
8622
|
}
|
|
8253
8623
|
|
|
8254
8624
|
.btn-secondary {
|
|
8255
|
-
background-color: var(--color-background);
|
|
8256
|
-
color: var(--color-text);
|
|
8257
|
-
border-color: var(--color-border);
|
|
8625
|
+
background-color: var(--color-background-primary);
|
|
8626
|
+
color: var(--color-text-primary);
|
|
8627
|
+
border-color: var(--color-border-secondary);
|
|
8258
8628
|
}
|
|
8259
8629
|
|
|
8260
|
-
.btn-secondary:hover {
|
|
8261
|
-
background-color: var(--color-
|
|
8630
|
+
.btn-secondary:hover:not(:disabled) {
|
|
8631
|
+
background-color: var(--color-background-tertiary);
|
|
8632
|
+
border-color: var(--color-border-secondary);
|
|
8262
8633
|
}
|
|
8263
8634
|
|
|
8264
8635
|
.btn-danger {
|
|
8265
8636
|
color: var(--color-danger);
|
|
8637
|
+
border-color: var(--color-border-primary);
|
|
8638
|
+
background-color: var(--color-background-primary);
|
|
8639
|
+
}
|
|
8640
|
+
|
|
8641
|
+
.btn-danger:hover:not(:disabled) {
|
|
8642
|
+
background-color: var(--color-danger-light);
|
|
8266
8643
|
border-color: var(--color-danger);
|
|
8267
|
-
background-color: transparent;
|
|
8268
8644
|
}
|
|
8269
8645
|
|
|
8270
8646
|
.btn-danger-filled {
|
|
8271
8647
|
background-color: var(--color-danger);
|
|
8272
|
-
color: var(--color-
|
|
8648
|
+
color: var(--color-text-inverse);
|
|
8273
8649
|
border-color: var(--color-danger);
|
|
8274
8650
|
}
|
|
8275
8651
|
|
|
8652
|
+
.btn-danger-filled:hover:not(:disabled) {
|
|
8653
|
+
background-color: var(--color-danger-hover);
|
|
8654
|
+
border-color: var(--color-danger-hover);
|
|
8655
|
+
box-shadow: var(--shadow-sm);
|
|
8656
|
+
}
|
|
8657
|
+
|
|
8658
|
+
.btn-success {
|
|
8659
|
+
background-color: var(--color-success);
|
|
8660
|
+
color: var(--color-text-inverse);
|
|
8661
|
+
border-color: var(--color-success);
|
|
8662
|
+
}
|
|
8663
|
+
|
|
8664
|
+
.btn-success:hover:not(:disabled) {
|
|
8665
|
+
background-color: var(--color-success-hover);
|
|
8666
|
+
border-color: var(--color-success-hover);
|
|
8667
|
+
box-shadow: var(--shadow-sm);
|
|
8668
|
+
}
|
|
8669
|
+
|
|
8276
8670
|
.btn-info {
|
|
8277
8671
|
color: var(--color-info);
|
|
8672
|
+
border-color: var(--color-border-primary);
|
|
8673
|
+
background-color: var(--color-background-primary);
|
|
8674
|
+
}
|
|
8675
|
+
|
|
8676
|
+
.btn-info:hover:not(:disabled) {
|
|
8677
|
+
background-color: var(--color-info-light);
|
|
8278
8678
|
border-color: var(--color-info);
|
|
8679
|
+
}
|
|
8680
|
+
|
|
8681
|
+
.btn-warning {
|
|
8682
|
+
color: var(--color-warning);
|
|
8683
|
+
border-color: var(--color-border-primary);
|
|
8684
|
+
background-color: var(--color-background-primary);
|
|
8685
|
+
}
|
|
8686
|
+
|
|
8687
|
+
.btn-warning:hover:not(:disabled) {
|
|
8688
|
+
background-color: var(--color-warning-light);
|
|
8689
|
+
border-color: var(--color-warning);
|
|
8690
|
+
}
|
|
8691
|
+
|
|
8692
|
+
.btn-ghost {
|
|
8279
8693
|
background-color: transparent;
|
|
8694
|
+
color: var(--color-text-secondary);
|
|
8695
|
+
border-color: transparent;
|
|
8696
|
+
box-shadow: none;
|
|
8697
|
+
}
|
|
8698
|
+
|
|
8699
|
+
.btn-ghost:hover:not(:disabled) {
|
|
8700
|
+
background-color: var(--color-background-tertiary);
|
|
8701
|
+
color: var(--color-text-primary);
|
|
8702
|
+
}
|
|
8703
|
+
|
|
8704
|
+
/* Icon-only button */
|
|
8705
|
+
|
|
8706
|
+
.btn-icon {
|
|
8707
|
+
width: 32px;
|
|
8708
|
+
padding: 0;
|
|
8709
|
+
justify-content: center;
|
|
8710
|
+
}
|
|
8711
|
+
|
|
8712
|
+
.btn-icon.btn-sm {
|
|
8713
|
+
width: 28px;
|
|
8280
8714
|
}
|
|
8281
8715
|
|
|
8282
|
-
|
|
8716
|
+
.btn-icon.btn-lg {
|
|
8717
|
+
width: 40px;
|
|
8718
|
+
}
|
|
8719
|
+
|
|
8720
|
+
/* Toggle button */
|
|
8283
8721
|
|
|
8284
8722
|
.toggle-button {
|
|
8285
|
-
background-color: var(--color-
|
|
8286
|
-
color: var(--color-
|
|
8287
|
-
padding: var(--spacing-
|
|
8723
|
+
background-color: var(--color-accent);
|
|
8724
|
+
color: var(--color-text-inverse);
|
|
8725
|
+
padding: var(--spacing-2) var(--spacing-4);
|
|
8288
8726
|
border: none;
|
|
8289
|
-
border-radius: var(--border-radius-
|
|
8727
|
+
border-radius: var(--border-radius-lg);
|
|
8290
8728
|
cursor: pointer;
|
|
8291
8729
|
font-size: var(--font-size-sm);
|
|
8730
|
+
font-weight: var(--font-weight-medium);
|
|
8731
|
+
transition: all var(--transition-fast) var(--transition-timing);
|
|
8732
|
+
box-shadow: var(--shadow-xs);
|
|
8292
8733
|
}
|
|
8293
8734
|
|
|
8294
8735
|
.toggle-button:hover {
|
|
8295
|
-
|
|
8296
|
-
|
|
8736
|
+
background-color: var(--color-accent-hover);
|
|
8737
|
+
box-shadow: var(--shadow-sm);
|
|
8738
|
+
}
|
|
8739
|
+
|
|
8740
|
+
.toggle-button.is-active {
|
|
8741
|
+
background-color: var(--color-accent-hover);
|
|
8742
|
+
}
|
|
8297
8743
|
|
|
8298
8744
|
.column-options {
|
|
8299
8745
|
max-height: 150px;
|
|
@@ -8302,550 +8748,1719 @@ readers do not read off random characters that represent icons */
|
|
|
8302
8748
|
margin: 0;
|
|
8303
8749
|
}
|
|
8304
8750
|
|
|
8305
|
-
/* Modern Table Styles
|
|
8751
|
+
/* styles/components/_styled-table.css - Modern Table Styles */
|
|
8306
8752
|
|
|
8307
8753
|
/* Base Table Structure */
|
|
8308
8754
|
|
|
8309
8755
|
.styled-table {
|
|
8310
|
-
|
|
8311
|
-
|
|
8312
|
-
|
|
8313
|
-
|
|
8314
|
-
|
|
8315
|
-
|
|
8756
|
+
width: 100%;
|
|
8757
|
+
border-collapse: separate;
|
|
8758
|
+
border-spacing: 0;
|
|
8759
|
+
table-layout: fixed;
|
|
8760
|
+
line-height: var(--line-height-normal);
|
|
8761
|
+
}
|
|
8316
8762
|
|
|
8317
8763
|
/* Cell Base Styles */
|
|
8318
8764
|
|
|
8319
8765
|
.styled-table th,
|
|
8320
|
-
|
|
8321
|
-
|
|
8322
|
-
|
|
8323
|
-
|
|
8324
|
-
|
|
8325
|
-
|
|
8326
|
-
|
|
8327
|
-
|
|
8328
|
-
|
|
8766
|
+
.styled-table td {
|
|
8767
|
+
text-align: left;
|
|
8768
|
+
padding: var(--spacing-1) var(--spacing-4);
|
|
8769
|
+
border-bottom: 1px solid var(--table-border);
|
|
8770
|
+
background-color: var(--color-background-primary);
|
|
8771
|
+
font-size: var(--font-size-sm);
|
|
8772
|
+
line-height: var(--line-height-normal);
|
|
8773
|
+
height: 32px;
|
|
8774
|
+
vertical-align: middle;
|
|
8775
|
+
}
|
|
8329
8776
|
|
|
8330
8777
|
/* Column Widths */
|
|
8331
8778
|
|
|
8332
8779
|
.styled-table th:first-child,
|
|
8333
|
-
|
|
8334
|
-
|
|
8335
|
-
|
|
8780
|
+
.styled-table td:first-child {
|
|
8781
|
+
width: 35%;
|
|
8782
|
+
}
|
|
8336
8783
|
|
|
8337
8784
|
.styled-table th:nth-child(2),
|
|
8338
|
-
|
|
8339
|
-
|
|
8340
|
-
|
|
8785
|
+
.styled-table td:nth-child(2) {
|
|
8786
|
+
width: 30%;
|
|
8787
|
+
}
|
|
8341
8788
|
|
|
8342
8789
|
.styled-table th:last-child,
|
|
8343
|
-
|
|
8344
|
-
|
|
8345
|
-
|
|
8346
|
-
|
|
8790
|
+
.styled-table td:last-child {
|
|
8791
|
+
width: 35%;
|
|
8792
|
+
border-right: none;
|
|
8793
|
+
}
|
|
8347
8794
|
|
|
8348
8795
|
/* Header Styles */
|
|
8349
8796
|
|
|
8350
8797
|
.styled-table thead th {
|
|
8351
|
-
|
|
8352
|
-
|
|
8353
|
-
|
|
8354
|
-
|
|
8355
|
-
|
|
8356
|
-
|
|
8357
|
-
|
|
8358
|
-
|
|
8359
|
-
|
|
8360
|
-
|
|
8361
|
-
}
|
|
8798
|
+
position: sticky;
|
|
8799
|
+
top: 0;
|
|
8800
|
+
z-index: 2;
|
|
8801
|
+
box-shadow: var(--shadow-xs);
|
|
8802
|
+
background-color: var(--table-header-bg);
|
|
8803
|
+
font-weight: var(--font-weight-semibold);
|
|
8804
|
+
color: var(--color-text-primary);
|
|
8805
|
+
height: 40px;
|
|
8806
|
+
padding: var(--spacing-2) var(--spacing-4);
|
|
8807
|
+
}
|
|
8362
8808
|
|
|
8363
|
-
/* Borders */
|
|
8809
|
+
/* Vertical Borders */
|
|
8364
8810
|
|
|
8365
8811
|
.styled-table td:not(:last-child) {
|
|
8366
|
-
|
|
8367
|
-
|
|
8812
|
+
border-right: 1px solid var(--color-border-light);
|
|
8813
|
+
}
|
|
8368
8814
|
|
|
8369
8815
|
/* Row Styles */
|
|
8370
8816
|
|
|
8371
8817
|
.styled-table tr {
|
|
8372
|
-
|
|
8373
|
-
|
|
8818
|
+
height: 32px;
|
|
8819
|
+
transition: background-color var(--transition-fast) var(--transition-timing);
|
|
8820
|
+
}
|
|
8374
8821
|
|
|
8375
8822
|
/* Hover Effects */
|
|
8376
8823
|
|
|
8377
8824
|
.styled-table tbody tr:hover {
|
|
8378
|
-
|
|
8379
|
-
|
|
8825
|
+
background-color: var(--table-row-hover);
|
|
8826
|
+
}
|
|
8380
8827
|
|
|
8381
8828
|
.styled-table tbody tr:hover td {
|
|
8382
|
-
|
|
8383
|
-
|
|
8384
|
-
|
|
8385
|
-
/* Ensure content vertical alignment */
|
|
8386
|
-
|
|
8387
|
-
.styled-table td,
|
|
8388
|
-
.styled-table th {
|
|
8389
|
-
vertical-align: middle;
|
|
8390
|
-
}
|
|
8391
|
-
|
|
8392
|
-
/* Optional: Add spacing between rows */
|
|
8393
|
-
|
|
8394
|
-
.styled-table tbody tr {
|
|
8395
|
-
transition: background-color 0.2s ease;
|
|
8396
|
-
}
|
|
8829
|
+
background-color: transparent;
|
|
8830
|
+
}
|
|
8397
8831
|
|
|
8398
|
-
/*
|
|
8832
|
+
/* Table Container */
|
|
8399
8833
|
|
|
8400
8834
|
.table-container {
|
|
8401
|
-
|
|
8402
|
-
|
|
8835
|
+
overflow: auto;
|
|
8836
|
+
}
|
|
8403
8837
|
|
|
8404
8838
|
.table-container::-webkit-scrollbar {
|
|
8405
|
-
|
|
8406
|
-
|
|
8407
|
-
|
|
8839
|
+
width: 6px;
|
|
8840
|
+
height: 6px;
|
|
8841
|
+
}
|
|
8408
8842
|
|
|
8409
8843
|
.table-container::-webkit-scrollbar-track {
|
|
8410
|
-
|
|
8411
|
-
|
|
8844
|
+
background: transparent;
|
|
8845
|
+
}
|
|
8412
8846
|
|
|
8413
8847
|
.table-container::-webkit-scrollbar-thumb {
|
|
8414
|
-
|
|
8415
|
-
|
|
8416
|
-
|
|
8848
|
+
background-color: var(--color-gray-300);
|
|
8849
|
+
border-radius: var(--border-radius-full);
|
|
8850
|
+
}
|
|
8417
8851
|
|
|
8418
8852
|
.table-container::-webkit-scrollbar-thumb:hover {
|
|
8419
|
-
|
|
8420
|
-
|
|
8853
|
+
background-color: var(--color-gray-400);
|
|
8854
|
+
}
|
|
8421
8855
|
|
|
8422
8856
|
.table-wrapper {
|
|
8423
|
-
|
|
8424
|
-
|
|
8425
|
-
|
|
8426
|
-
|
|
8427
|
-
|
|
8428
|
-
|
|
8429
|
-
|
|
8430
|
-
.p-default {
|
|
8431
|
-
margin: var(--spacing-xs);
|
|
8432
|
-
margin-bottom: var(--spacing-sm);
|
|
8433
|
-
}
|
|
8434
|
-
|
|
8435
|
-
/* New imports for Secret Manager */
|
|
8857
|
+
max-height: 300px;
|
|
8858
|
+
box-shadow: var(--shadow-sm);
|
|
8859
|
+
border-radius: var(--border-radius-lg);
|
|
8860
|
+
overflow: auto;
|
|
8861
|
+
margin: var(--spacing-1);
|
|
8862
|
+
}
|
|
8436
8863
|
|
|
8437
|
-
/* styles/components/_cards.css -
|
|
8864
|
+
/* styles/components/_cards.css - Card Styles */
|
|
8438
8865
|
|
|
8439
8866
|
.card {
|
|
8440
|
-
|
|
8441
|
-
|
|
8442
|
-
|
|
8443
|
-
|
|
8444
|
-
|
|
8445
|
-
|
|
8446
|
-
|
|
8867
|
+
background-color: var(--color-background-primary);
|
|
8868
|
+
border-radius: var(--border-radius-lg);
|
|
8869
|
+
box-shadow: var(--shadow-sm);
|
|
8870
|
+
margin-bottom: var(--spacing-4);
|
|
8871
|
+
border: 1px solid var(--color-border-light);
|
|
8872
|
+
overflow: hidden;
|
|
8873
|
+
}
|
|
8447
8874
|
|
|
8448
8875
|
.card-header {
|
|
8449
|
-
|
|
8450
|
-
|
|
8451
|
-
|
|
8452
|
-
|
|
8453
|
-
|
|
8454
|
-
|
|
8455
|
-
|
|
8456
|
-
|
|
8457
|
-
|
|
8876
|
+
padding: var(--spacing-3) var(--spacing-4);
|
|
8877
|
+
border-bottom: 1px solid var(--color-border-light);
|
|
8878
|
+
background-color: var(--color-background-muted);
|
|
8879
|
+
display: flex;
|
|
8880
|
+
justify-content: space-between;
|
|
8881
|
+
align-items: center;
|
|
8882
|
+
flex-wrap: wrap;
|
|
8883
|
+
gap: var(--spacing-2);
|
|
8884
|
+
}
|
|
8458
8885
|
|
|
8459
8886
|
.card-title {
|
|
8460
|
-
|
|
8461
|
-
|
|
8462
|
-
|
|
8463
|
-
|
|
8464
|
-
|
|
8887
|
+
margin: 0;
|
|
8888
|
+
font-size: var(--font-size-sm);
|
|
8889
|
+
font-weight: var(--font-weight-semibold);
|
|
8890
|
+
color: var(--color-text-primary);
|
|
8891
|
+
}
|
|
8465
8892
|
|
|
8466
8893
|
.card-content {
|
|
8467
|
-
|
|
8468
|
-
|
|
8894
|
+
padding: var(--spacing-5);
|
|
8895
|
+
}
|
|
8469
8896
|
|
|
8470
|
-
|
|
8897
|
+
.card-footer {
|
|
8898
|
+
padding: var(--spacing-3) var(--spacing-4);
|
|
8899
|
+
border-top: 1px solid var(--color-border-light);
|
|
8900
|
+
background-color: var(--color-background-muted);
|
|
8901
|
+
}
|
|
8471
8902
|
|
|
8472
|
-
/*
|
|
8903
|
+
/* ========== Page Styles ========== */
|
|
8473
8904
|
|
|
8474
|
-
.
|
|
8475
|
-
|
|
8476
|
-
|
|
8477
|
-
|
|
8478
|
-
|
|
8905
|
+
.page-title {
|
|
8906
|
+
margin: 0 0 var(--spacing-1);
|
|
8907
|
+
font-size: var(--font-size-xl);
|
|
8908
|
+
font-weight: var(--font-weight-semibold);
|
|
8909
|
+
color: var(--color-text-primary);
|
|
8910
|
+
}
|
|
8479
8911
|
|
|
8480
|
-
.
|
|
8481
|
-
|
|
8482
|
-
|
|
8483
|
-
|
|
8484
|
-
|
|
8912
|
+
.page-description {
|
|
8913
|
+
margin: 0;
|
|
8914
|
+
font-size: var(--font-size-sm);
|
|
8915
|
+
color: var(--color-text-secondary);
|
|
8916
|
+
line-height: var(--line-height-normal);
|
|
8917
|
+
}
|
|
8485
8918
|
|
|
8486
|
-
|
|
8487
|
-
display: flex;
|
|
8488
|
-
flex-direction: column;
|
|
8489
|
-
gap: var(--spacing-xs);
|
|
8490
|
-
margin-bottom: var(--spacing-sm);
|
|
8491
|
-
}
|
|
8919
|
+
/* ========== Empty & Loading States ========== */
|
|
8492
8920
|
|
|
8493
|
-
.
|
|
8494
|
-
|
|
8495
|
-
|
|
8496
|
-
|
|
8497
|
-
|
|
8498
|
-
|
|
8921
|
+
.empty-state {
|
|
8922
|
+
display: flex;
|
|
8923
|
+
flex-direction: column;
|
|
8924
|
+
align-items: center;
|
|
8925
|
+
justify-content: center;
|
|
8926
|
+
padding: var(--spacing-8) var(--spacing-4);
|
|
8927
|
+
text-align: center;
|
|
8928
|
+
color: var(--color-text-tertiary);
|
|
8929
|
+
}
|
|
8499
8930
|
|
|
8500
|
-
|
|
8931
|
+
.empty-state i {
|
|
8932
|
+
font-size: var(--font-size-4xl);
|
|
8933
|
+
margin-bottom: var(--spacing-3);
|
|
8934
|
+
opacity: 0.5;
|
|
8935
|
+
}
|
|
8501
8936
|
|
|
8502
|
-
.
|
|
8503
|
-
|
|
8504
|
-
|
|
8505
|
-
|
|
8506
|
-
}
|
|
8937
|
+
.empty-state p {
|
|
8938
|
+
margin: 0;
|
|
8939
|
+
font-size: var(--font-size-sm);
|
|
8940
|
+
}
|
|
8507
8941
|
|
|
8508
|
-
.
|
|
8509
|
-
|
|
8510
|
-
|
|
8511
|
-
font-size: var(--font-size-sm);
|
|
8512
|
-
border: 1px solid var(--color-border);
|
|
8513
|
-
border-radius: var(--border-radius-sm);
|
|
8514
|
-
background-color: var(--color-background);
|
|
8515
|
-
color: var(--color-text);
|
|
8516
|
-
outline: none;
|
|
8517
|
-
transition: border-color var(--transition-fast);
|
|
8518
|
-
box-sizing: border-box;
|
|
8519
|
-
}
|
|
8942
|
+
.empty-state p + p {
|
|
8943
|
+
margin-top: var(--spacing-1);
|
|
8944
|
+
}
|
|
8520
8945
|
|
|
8521
|
-
.
|
|
8522
|
-
|
|
8523
|
-
|
|
8946
|
+
.loading-state {
|
|
8947
|
+
display: flex;
|
|
8948
|
+
flex-direction: column;
|
|
8949
|
+
align-items: center;
|
|
8950
|
+
justify-content: center;
|
|
8951
|
+
padding: var(--spacing-6);
|
|
8952
|
+
color: var(--color-text-tertiary);
|
|
8953
|
+
}
|
|
8524
8954
|
|
|
8525
|
-
|
|
8955
|
+
.loading-spinner {
|
|
8956
|
+
width: 32px;
|
|
8957
|
+
height: 32px;
|
|
8958
|
+
border: 3px solid var(--color-border-light);
|
|
8959
|
+
border-top-color: var(--color-accent);
|
|
8960
|
+
border-radius: 50%;
|
|
8961
|
+
animation: spin 0.8s linear infinite;
|
|
8962
|
+
margin-bottom: var(--spacing-3);
|
|
8963
|
+
}
|
|
8526
8964
|
|
|
8527
|
-
|
|
8528
|
-
|
|
8529
|
-
|
|
8530
|
-
align-items: center;
|
|
8531
|
-
}
|
|
8965
|
+
@keyframes spin {
|
|
8966
|
+
to { transform: rotate(360deg); }
|
|
8967
|
+
}
|
|
8532
8968
|
|
|
8533
|
-
|
|
8534
|
-
padding-right: var(--spacing-xl);
|
|
8535
|
-
}
|
|
8969
|
+
/* ========== Secret Item Styles ========== */
|
|
8536
8970
|
|
|
8537
|
-
|
|
8538
|
-
|
|
8539
|
-
right: var(--spacing-xs);
|
|
8540
|
-
background: none;
|
|
8541
|
-
border: none;
|
|
8542
|
-
color: var(--color-gray-500);
|
|
8543
|
-
cursor: pointer;
|
|
8544
|
-
font-size: var(--font-size-sm);
|
|
8545
|
-
padding: var(--spacing-xs);
|
|
8546
|
-
display: flex;
|
|
8547
|
-
align-items: center;
|
|
8548
|
-
justify-content: center;
|
|
8549
|
-
}
|
|
8971
|
+
/* Single-line layout for simple key-value items like secrets.
|
|
8972
|
+
Use .secret-item for compact rows: [icon | name | value | actions] */
|
|
8550
8973
|
|
|
8551
|
-
|
|
8974
|
+
.secrets-list {
|
|
8975
|
+
display: flex;
|
|
8976
|
+
flex-direction: column;
|
|
8977
|
+
gap: var(--spacing-2);
|
|
8978
|
+
}
|
|
8552
8979
|
|
|
8553
|
-
.
|
|
8554
|
-
|
|
8555
|
-
|
|
8556
|
-
|
|
8980
|
+
.secret-item {
|
|
8981
|
+
display: flex;
|
|
8982
|
+
flex-direction: row;
|
|
8983
|
+
align-items: center;
|
|
8984
|
+
padding: var(--spacing-2) var(--spacing-4);
|
|
8985
|
+
background-color: var(--color-background-primary);
|
|
8986
|
+
border: 1px solid var(--color-border-light);
|
|
8987
|
+
border-radius: var(--border-radius-md);
|
|
8988
|
+
gap: var(--spacing-4);
|
|
8989
|
+
}
|
|
8557
8990
|
|
|
8558
|
-
.
|
|
8559
|
-
|
|
8560
|
-
|
|
8561
|
-
|
|
8562
|
-
|
|
8563
|
-
|
|
8564
|
-
|
|
8565
|
-
|
|
8566
|
-
|
|
8991
|
+
.secret-name {
|
|
8992
|
+
display: flex;
|
|
8993
|
+
align-items: center;
|
|
8994
|
+
gap: var(--spacing-2);
|
|
8995
|
+
font-size: var(--font-size-sm);
|
|
8996
|
+
font-weight: var(--font-weight-medium);
|
|
8997
|
+
color: var(--color-text-primary);
|
|
8998
|
+
width: 350px;
|
|
8999
|
+
flex-shrink: 0;
|
|
9000
|
+
}
|
|
8567
9001
|
|
|
8568
|
-
.
|
|
8569
|
-
|
|
8570
|
-
|
|
8571
|
-
|
|
8572
|
-
transform: translateY(-50%);
|
|
8573
|
-
color: var(--color-gray-500);
|
|
8574
|
-
font-size: var(--font-size-sm);
|
|
8575
|
-
pointer-events: none;
|
|
8576
|
-
}
|
|
9002
|
+
.secret-name i {
|
|
9003
|
+
color: var(--color-accent);
|
|
9004
|
+
flex-shrink: 0;
|
|
9005
|
+
}
|
|
8577
9006
|
|
|
8578
|
-
|
|
9007
|
+
.secret-value {
|
|
9008
|
+
flex: 1;
|
|
9009
|
+
min-width: 150px;
|
|
9010
|
+
max-width: 300px;
|
|
9011
|
+
}
|
|
8579
9012
|
|
|
8580
|
-
.
|
|
8581
|
-
|
|
8582
|
-
|
|
8583
|
-
|
|
8584
|
-
|
|
8585
|
-
justify-content: center;
|
|
8586
|
-
align-items: center;
|
|
8587
|
-
z-index: 1000;
|
|
8588
|
-
padding: var(--spacing-md);
|
|
8589
|
-
}
|
|
9013
|
+
.secret-value .form-input {
|
|
9014
|
+
background-color: var(--color-background-muted);
|
|
9015
|
+
height: 32px;
|
|
9016
|
+
font-size: var(--font-size-sm);
|
|
9017
|
+
}
|
|
8590
9018
|
|
|
8591
|
-
.
|
|
8592
|
-
|
|
8593
|
-
|
|
8594
|
-
|
|
8595
|
-
|
|
8596
|
-
|
|
8597
|
-
|
|
8598
|
-
flex-direction: column;
|
|
8599
|
-
box-shadow: var(--shadow-md);
|
|
8600
|
-
overflow: hidden;
|
|
8601
|
-
}
|
|
9019
|
+
.secret-actions {
|
|
9020
|
+
display: flex;
|
|
9021
|
+
align-items: center;
|
|
9022
|
+
gap: var(--spacing-2);
|
|
9023
|
+
flex-shrink: 0;
|
|
9024
|
+
margin-left: auto;
|
|
9025
|
+
}
|
|
8602
9026
|
|
|
8603
|
-
|
|
8604
|
-
display: flex;
|
|
8605
|
-
justify-content: space-between;
|
|
8606
|
-
align-items: center;
|
|
8607
|
-
padding: var(--spacing-sm) var(--spacing-md);
|
|
8608
|
-
border-bottom: 1px solid var(--color-border);
|
|
8609
|
-
}
|
|
9027
|
+
/* ========== Connection Item Styles ========== */
|
|
8610
9028
|
|
|
8611
|
-
|
|
8612
|
-
|
|
8613
|
-
font-size: var(--font-size-md);
|
|
8614
|
-
font-weight: var(--font-weight-semibold);
|
|
8615
|
-
}
|
|
9029
|
+
/* Multi-line layout for complex items with details (database/cloud connections).
|
|
9030
|
+
Use .connection-item for items with name + badges on first line, details below. */
|
|
8616
9031
|
|
|
8617
|
-
.
|
|
8618
|
-
|
|
8619
|
-
|
|
8620
|
-
|
|
8621
|
-
|
|
8622
|
-
font-size: var(--font-size-lg);
|
|
8623
|
-
padding: var(--spacing-xs);
|
|
8624
|
-
line-height: 1;
|
|
8625
|
-
display: flex;
|
|
8626
|
-
align-items: center;
|
|
8627
|
-
justify-content: center;
|
|
8628
|
-
}
|
|
9032
|
+
.connections-list {
|
|
9033
|
+
display: flex;
|
|
9034
|
+
flex-direction: column;
|
|
9035
|
+
gap: var(--spacing-2);
|
|
9036
|
+
}
|
|
8629
9037
|
|
|
8630
|
-
.
|
|
8631
|
-
|
|
8632
|
-
|
|
8633
|
-
|
|
8634
|
-
|
|
8635
|
-
|
|
9038
|
+
.connection-item {
|
|
9039
|
+
display: flex;
|
|
9040
|
+
align-items: flex-start;
|
|
9041
|
+
justify-content: space-between;
|
|
9042
|
+
padding: var(--spacing-4);
|
|
9043
|
+
background-color: var(--color-background-primary);
|
|
9044
|
+
border: 1px solid var(--color-border-light);
|
|
9045
|
+
border-radius: var(--border-radius-md);
|
|
9046
|
+
gap: var(--spacing-4);
|
|
9047
|
+
}
|
|
8636
9048
|
|
|
8637
|
-
.
|
|
8638
|
-
|
|
8639
|
-
|
|
8640
|
-
|
|
8641
|
-
|
|
8642
|
-
|
|
8643
|
-
|
|
8644
|
-
|
|
9049
|
+
.connection-item + .connection-item {
|
|
9050
|
+
margin-top: var(--spacing-2);
|
|
9051
|
+
}
|
|
9052
|
+
|
|
9053
|
+
.connection-info {
|
|
9054
|
+
display: flex;
|
|
9055
|
+
flex-direction: column;
|
|
9056
|
+
align-items: flex-start;
|
|
9057
|
+
gap: var(--spacing-1);
|
|
9058
|
+
flex: 1;
|
|
9059
|
+
min-width: 0;
|
|
9060
|
+
}
|
|
9061
|
+
|
|
9062
|
+
.connection-name {
|
|
9063
|
+
display: flex;
|
|
9064
|
+
align-items: center;
|
|
9065
|
+
flex-wrap: wrap;
|
|
9066
|
+
gap: var(--spacing-2);
|
|
9067
|
+
font-size: var(--font-size-sm);
|
|
9068
|
+
font-weight: var(--font-weight-medium);
|
|
9069
|
+
color: var(--color-text-primary);
|
|
9070
|
+
}
|
|
9071
|
+
|
|
9072
|
+
.connection-name i {
|
|
9073
|
+
color: var(--color-accent);
|
|
9074
|
+
flex-shrink: 0;
|
|
9075
|
+
}
|
|
9076
|
+
|
|
9077
|
+
.connection-actions {
|
|
9078
|
+
display: flex;
|
|
9079
|
+
align-items: center;
|
|
9080
|
+
gap: var(--spacing-2);
|
|
9081
|
+
flex-shrink: 0;
|
|
9082
|
+
}
|
|
9083
|
+
|
|
9084
|
+
/* ========== Warning Text ========== */
|
|
8645
9085
|
|
|
8646
9086
|
.warning-text {
|
|
8647
|
-
|
|
8648
|
-
|
|
8649
|
-
|
|
8650
|
-
|
|
8651
|
-
padding: var(--spacing-sm) var(--spacing-md);
|
|
8652
|
-
border-radius: var(--border-radius-sm);
|
|
8653
|
-
line-height: var(--line-height-tight);
|
|
8654
|
-
}
|
|
9087
|
+
font-size: var(--font-size-sm);
|
|
9088
|
+
color: var(--color-warning);
|
|
9089
|
+
margin-top: var(--spacing-2);
|
|
9090
|
+
}
|
|
8655
9091
|
|
|
8656
|
-
/*
|
|
9092
|
+
/* ========== Page Container ========== */
|
|
8657
9093
|
|
|
8658
|
-
.
|
|
8659
|
-
|
|
8660
|
-
|
|
8661
|
-
|
|
8662
|
-
|
|
8663
|
-
|
|
8664
|
-
|
|
8665
|
-
color: var(--color-gray-500);
|
|
8666
|
-
font-size: var(--font-size-sm);
|
|
8667
|
-
}
|
|
9094
|
+
.secret-manager-container,
|
|
9095
|
+
.database-manager-container,
|
|
9096
|
+
.cloud-connection-manager-container {
|
|
9097
|
+
max-width: 1200px;
|
|
9098
|
+
margin: 0 auto;
|
|
9099
|
+
padding: var(--spacing-5);
|
|
9100
|
+
}
|
|
8668
9101
|
|
|
8669
|
-
.
|
|
8670
|
-
font-size: var(--font-size-lg);
|
|
8671
|
-
margin-bottom: var(--spacing-sm);
|
|
8672
|
-
opacity: 0.7;
|
|
8673
|
-
}
|
|
9102
|
+
/* styles/components/_forms.css - Form Styles */
|
|
8674
9103
|
|
|
8675
|
-
|
|
8676
|
-
display: flex;
|
|
8677
|
-
flex-direction: column;
|
|
8678
|
-
align-items: center;
|
|
8679
|
-
justify-content: center;
|
|
8680
|
-
padding: var(--spacing-lg);
|
|
8681
|
-
text-align: center;
|
|
8682
|
-
font-size: var(--font-size-sm);
|
|
8683
|
-
}
|
|
9104
|
+
/* Form Layout */
|
|
8684
9105
|
|
|
8685
|
-
.
|
|
8686
|
-
|
|
8687
|
-
|
|
8688
|
-
|
|
8689
|
-
|
|
8690
|
-
border-radius: 50%;
|
|
8691
|
-
animation: spin 0.8s linear infinite;
|
|
8692
|
-
margin-bottom: var(--spacing-sm);
|
|
8693
|
-
}
|
|
9106
|
+
.form {
|
|
9107
|
+
display: flex;
|
|
9108
|
+
flex-direction: column;
|
|
9109
|
+
gap: var(--spacing-3);
|
|
9110
|
+
}
|
|
8694
9111
|
|
|
8695
|
-
|
|
8696
|
-
|
|
8697
|
-
|
|
9112
|
+
.form-grid {
|
|
9113
|
+
display: grid;
|
|
9114
|
+
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
9115
|
+
gap: var(--spacing-4);
|
|
9116
|
+
}
|
|
8698
9117
|
|
|
8699
|
-
|
|
9118
|
+
.form-field {
|
|
9119
|
+
display: flex;
|
|
9120
|
+
flex-direction: column;
|
|
9121
|
+
gap: var(--spacing-1);
|
|
9122
|
+
margin-bottom: var(--spacing-2);
|
|
9123
|
+
}
|
|
8700
9124
|
|
|
8701
|
-
.
|
|
8702
|
-
|
|
8703
|
-
|
|
8704
|
-
|
|
8705
|
-
|
|
8706
|
-
|
|
8707
|
-
border-radius: var(--border-radius-sm);
|
|
8708
|
-
border: 1px solid var(--color-border);
|
|
8709
|
-
margin-bottom: var(--spacing-sm);
|
|
8710
|
-
font-size: var(--font-size-sm);
|
|
8711
|
-
}
|
|
9125
|
+
.form-actions {
|
|
9126
|
+
display: flex;
|
|
9127
|
+
justify-content: flex-end;
|
|
9128
|
+
gap: var(--spacing-2);
|
|
9129
|
+
margin-top: var(--spacing-3);
|
|
9130
|
+
}
|
|
8712
9131
|
|
|
8713
|
-
|
|
8714
|
-
display: grid;
|
|
8715
|
-
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
|
|
8716
|
-
gap: var(--spacing-sm);
|
|
8717
|
-
align-items: center;
|
|
8718
|
-
}
|
|
9132
|
+
/* Form Elements */
|
|
8719
9133
|
|
|
8720
|
-
.
|
|
8721
|
-
|
|
8722
|
-
|
|
8723
|
-
|
|
8724
|
-
|
|
8725
|
-
word-break: break-all;
|
|
8726
|
-
}
|
|
9134
|
+
.form-label {
|
|
9135
|
+
font-size: var(--font-size-sm);
|
|
9136
|
+
font-weight: var(--font-weight-medium);
|
|
9137
|
+
color: var(--color-text-secondary);
|
|
9138
|
+
}
|
|
8727
9139
|
|
|
8728
|
-
.
|
|
8729
|
-
|
|
8730
|
-
|
|
9140
|
+
.form-input {
|
|
9141
|
+
width: 100%;
|
|
9142
|
+
padding: var(--spacing-2) var(--spacing-3);
|
|
9143
|
+
font-size: var(--font-size-sm);
|
|
9144
|
+
border: 1px solid var(--input-border);
|
|
9145
|
+
border-radius: var(--border-radius-md);
|
|
9146
|
+
background-color: var(--input-bg);
|
|
9147
|
+
color: var(--color-text-primary);
|
|
9148
|
+
outline: none;
|
|
9149
|
+
transition: border-color var(--transition-fast) var(--transition-timing),
|
|
9150
|
+
box-shadow var(--transition-fast) var(--transition-timing);
|
|
9151
|
+
box-sizing: border-box;
|
|
9152
|
+
}
|
|
8731
9153
|
|
|
8732
|
-
.
|
|
8733
|
-
|
|
8734
|
-
|
|
8735
|
-
align-items: center;
|
|
8736
|
-
gap: var(--spacing-sm);
|
|
8737
|
-
padding-top: var(--spacing-sm);
|
|
8738
|
-
border-top: 1px solid var(--color-border);
|
|
8739
|
-
}
|
|
9154
|
+
.form-input::placeholder {
|
|
9155
|
+
color: var(--input-placeholder);
|
|
9156
|
+
}
|
|
8740
9157
|
|
|
8741
|
-
.
|
|
8742
|
-
|
|
8743
|
-
|
|
8744
|
-
|
|
8745
|
-
font-style: italic;
|
|
8746
|
-
}
|
|
9158
|
+
.form-input:focus {
|
|
9159
|
+
border-color: var(--input-border-focus);
|
|
9160
|
+
box-shadow: 0 0 0 3px var(--color-focus-ring);
|
|
9161
|
+
}
|
|
8747
9162
|
|
|
8748
|
-
|
|
9163
|
+
.form-input:disabled {
|
|
9164
|
+
background-color: var(--color-background-tertiary);
|
|
9165
|
+
cursor: not-allowed;
|
|
9166
|
+
opacity: 0.7;
|
|
9167
|
+
}
|
|
8749
9168
|
|
|
8750
|
-
/*
|
|
9169
|
+
/* Textarea */
|
|
8751
9170
|
|
|
8752
|
-
.
|
|
9171
|
+
.form-textarea {
|
|
9172
|
+
min-height: 80px;
|
|
9173
|
+
resize: vertical;
|
|
9174
|
+
}
|
|
8753
9175
|
|
|
8754
|
-
|
|
9176
|
+
/* Password field with toggle visibility */
|
|
8755
9177
|
|
|
8756
|
-
.
|
|
9178
|
+
.password-field {
|
|
9179
|
+
position: relative;
|
|
9180
|
+
display: flex;
|
|
9181
|
+
align-items: center;
|
|
9182
|
+
}
|
|
8757
9183
|
|
|
8758
|
-
.
|
|
9184
|
+
.password-field .form-input {
|
|
9185
|
+
padding-right: var(--spacing-10);
|
|
9186
|
+
}
|
|
8759
9187
|
|
|
8760
|
-
|
|
9188
|
+
.toggle-visibility {
|
|
9189
|
+
position: absolute;
|
|
9190
|
+
right: var(--spacing-2);
|
|
9191
|
+
background: none;
|
|
9192
|
+
border: none;
|
|
9193
|
+
color: var(--color-text-tertiary);
|
|
9194
|
+
cursor: pointer;
|
|
9195
|
+
font-size: var(--font-size-sm);
|
|
9196
|
+
padding: var(--spacing-1);
|
|
9197
|
+
display: flex;
|
|
9198
|
+
align-items: center;
|
|
9199
|
+
justify-content: center;
|
|
9200
|
+
border-radius: var(--border-radius-sm);
|
|
9201
|
+
transition: color var(--transition-fast);
|
|
9202
|
+
}
|
|
8761
9203
|
|
|
8762
|
-
.
|
|
9204
|
+
.toggle-visibility:hover {
|
|
9205
|
+
color: var(--color-text-primary);
|
|
9206
|
+
}
|
|
8763
9207
|
|
|
8764
|
-
|
|
9208
|
+
/* Search input */
|
|
8765
9209
|
|
|
8766
|
-
.
|
|
9210
|
+
.search-container {
|
|
9211
|
+
position: relative;
|
|
9212
|
+
max-width: 240px;
|
|
9213
|
+
}
|
|
8767
9214
|
|
|
8768
|
-
.
|
|
9215
|
+
.search-input {
|
|
9216
|
+
width: 100%;
|
|
9217
|
+
padding: var(--spacing-2) var(--spacing-3) var(--spacing-2) var(--spacing-8);
|
|
9218
|
+
font-size: var(--font-size-sm);
|
|
9219
|
+
border: 1px solid var(--color-border-primary);
|
|
9220
|
+
border-radius: var(--border-radius-md);
|
|
9221
|
+
background-color: var(--color-background-secondary);
|
|
9222
|
+
box-sizing: border-box;
|
|
9223
|
+
transition: border-color var(--transition-fast), background-color var(--transition-fast);
|
|
9224
|
+
}
|
|
8769
9225
|
|
|
8770
|
-
|
|
9226
|
+
.search-input:focus {
|
|
9227
|
+
border-color: var(--input-border-focus);
|
|
9228
|
+
background-color: var(--color-background-primary);
|
|
9229
|
+
outline: none;
|
|
9230
|
+
}
|
|
8771
9231
|
|
|
8772
|
-
.
|
|
9232
|
+
.search-icon {
|
|
9233
|
+
position: absolute;
|
|
9234
|
+
left: var(--spacing-3);
|
|
9235
|
+
top: 50%;
|
|
9236
|
+
transform: translateY(-50%);
|
|
9237
|
+
color: var(--color-text-tertiary);
|
|
9238
|
+
font-size: var(--font-size-sm);
|
|
9239
|
+
pointer-events: none;
|
|
9240
|
+
}
|
|
8773
9241
|
|
|
8774
|
-
|
|
9242
|
+
/* Form validation states */
|
|
8775
9243
|
|
|
8776
|
-
.
|
|
9244
|
+
.form-input.is-error {
|
|
9245
|
+
border-color: var(--color-danger);
|
|
9246
|
+
}
|
|
8777
9247
|
|
|
8778
|
-
.
|
|
9248
|
+
.form-input.is-error:focus {
|
|
9249
|
+
box-shadow: 0 0 0 3px var(--color-focus-ring-error);
|
|
9250
|
+
}
|
|
8779
9251
|
|
|
8780
|
-
.
|
|
9252
|
+
.form-error {
|
|
9253
|
+
font-size: var(--font-size-xs);
|
|
9254
|
+
color: var(--color-danger);
|
|
9255
|
+
margin-top: var(--spacing-1);
|
|
9256
|
+
}
|
|
8781
9257
|
|
|
8782
|
-
.
|
|
9258
|
+
.form-hint {
|
|
9259
|
+
font-size: var(--font-size-xs);
|
|
9260
|
+
color: var(--color-text-tertiary);
|
|
9261
|
+
margin-top: var(--spacing-1);
|
|
9262
|
+
}
|
|
8783
9263
|
|
|
8784
|
-
.
|
|
9264
|
+
/* styles/components/_modals.css - Modal Styles */
|
|
8785
9265
|
|
|
8786
|
-
.
|
|
9266
|
+
.modal-overlay {
|
|
9267
|
+
position: fixed;
|
|
9268
|
+
inset: 0;
|
|
9269
|
+
background-color: var(--color-overlay);
|
|
9270
|
+
backdrop-filter: blur(2px);
|
|
9271
|
+
display: flex;
|
|
9272
|
+
justify-content: center;
|
|
9273
|
+
align-items: center;
|
|
9274
|
+
z-index: var(--z-index-modal);
|
|
9275
|
+
padding: var(--spacing-4);
|
|
9276
|
+
}
|
|
8787
9277
|
|
|
8788
|
-
.
|
|
9278
|
+
.modal-container {
|
|
9279
|
+
background-color: var(--color-background-primary);
|
|
9280
|
+
border-radius: var(--border-radius-lg);
|
|
9281
|
+
width: 100%;
|
|
9282
|
+
max-width: 480px;
|
|
9283
|
+
max-height: 90vh;
|
|
9284
|
+
display: flex;
|
|
9285
|
+
flex-direction: column;
|
|
9286
|
+
box-shadow: var(--shadow-xl);
|
|
9287
|
+
overflow: hidden;
|
|
9288
|
+
}
|
|
8789
9289
|
|
|
8790
|
-
|
|
9290
|
+
.modal-container.modal-large {
|
|
9291
|
+
max-width: 720px;
|
|
9292
|
+
}
|
|
8791
9293
|
|
|
8792
|
-
.
|
|
9294
|
+
.modal-container.modal-xl {
|
|
9295
|
+
max-width: 900px;
|
|
9296
|
+
}
|
|
8793
9297
|
|
|
8794
|
-
.
|
|
9298
|
+
.modal-header {
|
|
9299
|
+
display: flex;
|
|
9300
|
+
justify-content: space-between;
|
|
9301
|
+
align-items: center;
|
|
9302
|
+
padding: var(--spacing-3) var(--spacing-4);
|
|
9303
|
+
border-bottom: 1px solid var(--color-border-primary);
|
|
9304
|
+
background-color: var(--color-background-primary);
|
|
9305
|
+
}
|
|
8795
9306
|
|
|
8796
|
-
.
|
|
9307
|
+
.modal-title {
|
|
9308
|
+
margin: 0;
|
|
9309
|
+
font-size: var(--font-size-base);
|
|
9310
|
+
font-weight: var(--font-weight-semibold);
|
|
9311
|
+
color: var(--color-text-primary);
|
|
9312
|
+
}
|
|
8797
9313
|
|
|
8798
|
-
|
|
9314
|
+
.modal-close {
|
|
9315
|
+
background: none;
|
|
9316
|
+
border: none;
|
|
9317
|
+
color: var(--color-text-tertiary);
|
|
9318
|
+
cursor: pointer;
|
|
9319
|
+
font-size: var(--font-size-xl);
|
|
9320
|
+
padding: var(--spacing-1);
|
|
9321
|
+
line-height: 1;
|
|
9322
|
+
display: flex;
|
|
9323
|
+
align-items: center;
|
|
9324
|
+
justify-content: center;
|
|
9325
|
+
border-radius: var(--border-radius-sm);
|
|
9326
|
+
transition: all var(--transition-fast) var(--transition-timing);
|
|
9327
|
+
}
|
|
8799
9328
|
|
|
8800
|
-
.
|
|
9329
|
+
.modal-close:hover {
|
|
9330
|
+
background-color: var(--color-background-tertiary);
|
|
9331
|
+
color: var(--color-text-primary);
|
|
9332
|
+
}
|
|
8801
9333
|
|
|
8802
|
-
|
|
9334
|
+
.modal-content {
|
|
9335
|
+
padding: var(--spacing-4);
|
|
9336
|
+
overflow-y: auto;
|
|
9337
|
+
font-size: var(--font-size-sm);
|
|
9338
|
+
line-height: var(--line-height-normal);
|
|
9339
|
+
flex: 1;
|
|
9340
|
+
}
|
|
8803
9341
|
|
|
8804
|
-
|
|
8805
|
-
|
|
8806
|
-
|
|
8807
|
-
|
|
8808
|
-
|
|
8809
|
-
|
|
8810
|
-
--
|
|
8811
|
-
--primary-blue-light: #00040a;
|
|
8812
|
-
--light-blue: #2C74B3;
|
|
8813
|
-
--hover-blue: #f0f7ff;
|
|
8814
|
-
--border-color: #e0e0e0;
|
|
9342
|
+
.modal-actions {
|
|
9343
|
+
display: flex;
|
|
9344
|
+
justify-content: flex-end;
|
|
9345
|
+
gap: var(--spacing-2);
|
|
9346
|
+
padding: var(--spacing-3) var(--spacing-4);
|
|
9347
|
+
border-top: 1px solid var(--color-border-primary);
|
|
9348
|
+
background-color: var(--color-background-secondary);
|
|
8815
9349
|
}
|
|
8816
9350
|
|
|
8817
|
-
/*
|
|
9351
|
+
/* Warning/Alert Text */
|
|
8818
9352
|
|
|
8819
|
-
|
|
8820
|
-
|
|
9353
|
+
.warning-text {
|
|
9354
|
+
color: var(--color-danger);
|
|
9355
|
+
font-size: var(--font-size-sm);
|
|
9356
|
+
background-color: var(--color-danger-light);
|
|
9357
|
+
border-left: 3px solid var(--color-danger);
|
|
9358
|
+
padding: var(--spacing-2) var(--spacing-3);
|
|
9359
|
+
border-radius: var(--border-radius-sm);
|
|
9360
|
+
line-height: var(--line-height-normal);
|
|
8821
9361
|
}
|
|
8822
9362
|
|
|
8823
|
-
/*
|
|
9363
|
+
/* State Styles */
|
|
8824
9364
|
|
|
8825
|
-
.
|
|
8826
|
-
|
|
8827
|
-
|
|
8828
|
-
|
|
8829
|
-
|
|
8830
|
-
|
|
8831
|
-
|
|
9365
|
+
.empty-state {
|
|
9366
|
+
display: flex;
|
|
9367
|
+
flex-direction: column;
|
|
9368
|
+
align-items: center;
|
|
9369
|
+
justify-content: center;
|
|
9370
|
+
padding: var(--spacing-6);
|
|
9371
|
+
text-align: center;
|
|
9372
|
+
color: var(--color-text-tertiary);
|
|
9373
|
+
font-size: var(--font-size-sm);
|
|
8832
9374
|
}
|
|
8833
9375
|
|
|
8834
|
-
.
|
|
8835
|
-
|
|
8836
|
-
|
|
9376
|
+
.empty-state i {
|
|
9377
|
+
font-size: var(--font-size-2xl);
|
|
9378
|
+
margin-bottom: var(--spacing-2);
|
|
9379
|
+
opacity: 0.7;
|
|
9380
|
+
}
|
|
9381
|
+
|
|
9382
|
+
.loading-state {
|
|
9383
|
+
display: flex;
|
|
9384
|
+
flex-direction: column;
|
|
9385
|
+
align-items: center;
|
|
9386
|
+
justify-content: center;
|
|
9387
|
+
padding: var(--spacing-6);
|
|
9388
|
+
text-align: center;
|
|
9389
|
+
font-size: var(--font-size-sm);
|
|
9390
|
+
color: var(--color-text-secondary);
|
|
9391
|
+
}
|
|
9392
|
+
|
|
9393
|
+
.loading-spinner {
|
|
9394
|
+
width: 24px;
|
|
9395
|
+
height: 24px;
|
|
9396
|
+
border: 2px solid var(--color-gray-300);
|
|
9397
|
+
border-top-color: var(--color-primary);
|
|
9398
|
+
border-radius: 50%;
|
|
9399
|
+
animation: spin 0.8s linear infinite;
|
|
9400
|
+
margin-bottom: var(--spacing-2);
|
|
9401
|
+
}
|
|
9402
|
+
|
|
9403
|
+
@keyframes spin {
|
|
9404
|
+
to { transform: rotate(360deg); }
|
|
9405
|
+
}
|
|
9406
|
+
|
|
9407
|
+
/* Secret/Item List Styles */
|
|
9408
|
+
|
|
9409
|
+
.secret-item {
|
|
9410
|
+
display: flex;
|
|
9411
|
+
flex-direction: column;
|
|
9412
|
+
gap: var(--spacing-2);
|
|
9413
|
+
padding: var(--spacing-3);
|
|
9414
|
+
background-color: var(--color-background-secondary);
|
|
9415
|
+
border-radius: var(--border-radius-md);
|
|
9416
|
+
border: 1px solid var(--color-border-primary);
|
|
9417
|
+
margin-bottom: var(--spacing-2);
|
|
9418
|
+
font-size: var(--font-size-sm);
|
|
9419
|
+
}
|
|
9420
|
+
|
|
9421
|
+
.secret-info {
|
|
9422
|
+
display: grid;
|
|
9423
|
+
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
|
|
9424
|
+
gap: var(--spacing-2);
|
|
9425
|
+
align-items: center;
|
|
9426
|
+
}
|
|
9427
|
+
|
|
9428
|
+
.secret-name {
|
|
9429
|
+
display: flex;
|
|
9430
|
+
align-items: center;
|
|
9431
|
+
gap: var(--spacing-1);
|
|
9432
|
+
font-weight: var(--font-weight-medium);
|
|
9433
|
+
word-break: break-all;
|
|
9434
|
+
}
|
|
9435
|
+
|
|
9436
|
+
.secret-value {
|
|
9437
|
+
position: relative;
|
|
9438
|
+
}
|
|
9439
|
+
|
|
9440
|
+
.secret-actions {
|
|
9441
|
+
display: flex;
|
|
9442
|
+
justify-content: flex-end;
|
|
9443
|
+
align-items: center;
|
|
9444
|
+
gap: var(--spacing-2);
|
|
9445
|
+
padding-top: var(--spacing-2);
|
|
9446
|
+
border-top: 1px solid var(--color-border-light);
|
|
9447
|
+
}
|
|
9448
|
+
|
|
9449
|
+
.copy-feedback {
|
|
9450
|
+
font-size: var(--font-size-xs);
|
|
9451
|
+
color: var(--color-success);
|
|
9452
|
+
margin-right: auto;
|
|
9453
|
+
font-style: italic;
|
|
9454
|
+
}
|
|
9455
|
+
|
|
9456
|
+
/* ========== Badge Styles ========== */
|
|
9457
|
+
|
|
9458
|
+
.badge {
|
|
9459
|
+
display: inline-flex;
|
|
9460
|
+
align-items: center;
|
|
9461
|
+
gap: var(--spacing-1);
|
|
9462
|
+
padding: 2px 8px;
|
|
9463
|
+
border-radius: var(--border-radius-sm);
|
|
9464
|
+
font-size: var(--font-size-xs);
|
|
9465
|
+
font-weight: var(--font-weight-medium);
|
|
9466
|
+
line-height: 1.4;
|
|
9467
|
+
}
|
|
9468
|
+
|
|
9469
|
+
.badge i {
|
|
9470
|
+
font-size: var(--font-size-2xs);
|
|
9471
|
+
}
|
|
9472
|
+
|
|
9473
|
+
.badge-primary {
|
|
9474
|
+
background-color: var(--color-accent);
|
|
9475
|
+
color: var(--color-text-inverse);
|
|
9476
|
+
}
|
|
9477
|
+
|
|
9478
|
+
.badge-secondary {
|
|
9479
|
+
background-color: var(--color-background-muted);
|
|
9480
|
+
color: var(--color-text-secondary);
|
|
9481
|
+
}
|
|
9482
|
+
|
|
9483
|
+
.badge-success {
|
|
9484
|
+
background-color: var(--color-success);
|
|
9485
|
+
color: var(--color-text-inverse);
|
|
9486
|
+
}
|
|
9487
|
+
|
|
9488
|
+
.badge-danger {
|
|
9489
|
+
background-color: var(--color-danger);
|
|
9490
|
+
color: var(--color-text-inverse);
|
|
9491
|
+
}
|
|
9492
|
+
|
|
9493
|
+
.badge-warning {
|
|
9494
|
+
background-color: var(--color-warning);
|
|
9495
|
+
color: var(--color-text-inverse);
|
|
9496
|
+
}
|
|
9497
|
+
|
|
9498
|
+
.badge-info {
|
|
9499
|
+
background-color: var(--color-info);
|
|
9500
|
+
color: var(--color-text-inverse);
|
|
9501
|
+
}
|
|
9502
|
+
|
|
9503
|
+
.badge-muted {
|
|
9504
|
+
background-color: var(--color-background-muted);
|
|
9505
|
+
color: var(--color-text-tertiary);
|
|
9506
|
+
}
|
|
9507
|
+
|
|
9508
|
+
/* ========== Status Message Styles ========== */
|
|
9509
|
+
|
|
9510
|
+
.status-message {
|
|
9511
|
+
display: flex;
|
|
9512
|
+
align-items: center;
|
|
9513
|
+
gap: var(--spacing-2);
|
|
9514
|
+
padding: var(--spacing-3) var(--spacing-4);
|
|
9515
|
+
border-radius: var(--border-radius-md);
|
|
9516
|
+
font-size: var(--font-size-sm);
|
|
9517
|
+
border: 1px solid;
|
|
9518
|
+
}
|
|
9519
|
+
|
|
9520
|
+
.status-success {
|
|
9521
|
+
background-color: var(--color-success-light);
|
|
9522
|
+
color: var(--color-success);
|
|
9523
|
+
border-color: var(--color-success);
|
|
9524
|
+
}
|
|
9525
|
+
|
|
9526
|
+
.status-error {
|
|
9527
|
+
background-color: var(--color-danger-light);
|
|
9528
|
+
color: var(--color-danger);
|
|
9529
|
+
border-color: var(--color-danger);
|
|
9530
|
+
}
|
|
9531
|
+
|
|
9532
|
+
.status-warning {
|
|
9533
|
+
background-color: var(--color-warning-light);
|
|
9534
|
+
color: var(--color-warning);
|
|
9535
|
+
border-color: var(--color-warning);
|
|
9536
|
+
}
|
|
9537
|
+
|
|
9538
|
+
.status-info {
|
|
9539
|
+
background-color: var(--color-info-light);
|
|
9540
|
+
color: var(--color-info);
|
|
9541
|
+
border-color: var(--color-info);
|
|
9542
|
+
}
|
|
9543
|
+
|
|
9544
|
+
/* ========== Tooltip Styles ========== */
|
|
9545
|
+
|
|
9546
|
+
[data-tooltip] {
|
|
9547
|
+
position: relative;
|
|
9548
|
+
}
|
|
9549
|
+
|
|
9550
|
+
[data-tooltip]::after {
|
|
9551
|
+
content: attr(data-tooltip);
|
|
9552
|
+
position: absolute;
|
|
9553
|
+
left: calc(100% + 8px);
|
|
9554
|
+
top: 50%;
|
|
9555
|
+
transform: translateY(-50%);
|
|
9556
|
+
padding: 6px 10px;
|
|
9557
|
+
background-color: var(--color-gray-900);
|
|
9558
|
+
color: var(--color-text-inverse);
|
|
9559
|
+
font-size: var(--font-size-xs);
|
|
9560
|
+
border-radius: var(--border-radius-sm);
|
|
9561
|
+
white-space: nowrap;
|
|
9562
|
+
opacity: 0;
|
|
9563
|
+
visibility: hidden;
|
|
9564
|
+
transition: opacity 0.2s ease, visibility 0.2s ease;
|
|
9565
|
+
pointer-events: none;
|
|
9566
|
+
z-index: var(--z-index-tooltip);
|
|
9567
|
+
}
|
|
9568
|
+
|
|
9569
|
+
[data-tooltip]::before {
|
|
9570
|
+
content: '';
|
|
9571
|
+
position: absolute;
|
|
9572
|
+
left: calc(100% + 2px);
|
|
9573
|
+
top: 50%;
|
|
9574
|
+
transform: translateY(-50%);
|
|
9575
|
+
border: 6px solid transparent;
|
|
9576
|
+
border-right-color: var(--color-gray-900);
|
|
9577
|
+
opacity: 0;
|
|
9578
|
+
visibility: hidden;
|
|
9579
|
+
transition: opacity 0.2s ease, visibility 0.2s ease;
|
|
9580
|
+
pointer-events: none;
|
|
9581
|
+
z-index: var(--z-index-tooltip);
|
|
9582
|
+
}
|
|
9583
|
+
|
|
9584
|
+
[data-tooltip]:hover::after,
|
|
9585
|
+
[data-tooltip]:hover::before {
|
|
9586
|
+
opacity: 1;
|
|
9587
|
+
visibility: visible;
|
|
9588
|
+
}
|
|
9589
|
+
|
|
9590
|
+
/* ========== High Z-Index Dialogs ========== */
|
|
9591
|
+
|
|
9592
|
+
/* Ensure dialogs appear above all other UI elements (draggable items, context menus, etc.) */
|
|
9593
|
+
|
|
9594
|
+
.el-overlay:has(.high-z-index-dialog),
|
|
9595
|
+
.el-overlay:has(.overwrite-confirm-dialog) {
|
|
9596
|
+
z-index: 200000 !important;
|
|
9597
|
+
}
|
|
9598
|
+
|
|
9599
|
+
.high-z-index-dialog,
|
|
9600
|
+
.overwrite-confirm-dialog {
|
|
9601
|
+
z-index: 200001 !important;
|
|
9602
|
+
}
|
|
9603
|
+
|
|
9604
|
+
/* styles/components/_context-menu.css - Centralized Context Menu Styles */
|
|
9605
|
+
|
|
9606
|
+
/* Base context menu container */
|
|
9607
|
+
|
|
9608
|
+
.context-menu {
|
|
9609
|
+
position: fixed;
|
|
9610
|
+
min-width: 120px;
|
|
9611
|
+
background-color: var(--color-background-primary);
|
|
9612
|
+
border: 1px solid var(--color-border-primary);
|
|
9613
|
+
border-radius: var(--border-radius-md);
|
|
9614
|
+
box-shadow: var(--shadow-lg);
|
|
9615
|
+
z-index: var(--z-index-canvas-context-menu, 100002);
|
|
9616
|
+
overflow: hidden;
|
|
9617
|
+
user-select: none;
|
|
9618
|
+
}
|
|
9619
|
+
|
|
9620
|
+
/* Context menu with header variant */
|
|
9621
|
+
|
|
9622
|
+
.context-menu-header {
|
|
9623
|
+
padding: var(--spacing-2) var(--spacing-3);
|
|
9624
|
+
font-weight: var(--font-weight-semibold);
|
|
9625
|
+
background-color: var(--color-background-secondary);
|
|
9626
|
+
border-bottom: 1px solid var(--color-border-primary);
|
|
9627
|
+
font-size: var(--font-size-sm);
|
|
9628
|
+
color: var(--color-text-primary);
|
|
9629
|
+
}
|
|
9630
|
+
|
|
9631
|
+
/* Container for menu items */
|
|
9632
|
+
|
|
9633
|
+
.context-menu-items {
|
|
9634
|
+
max-height: 300px;
|
|
9635
|
+
overflow-y: auto;
|
|
9636
|
+
}
|
|
9637
|
+
|
|
9638
|
+
/* List-based context menu (ul/li pattern) */
|
|
9639
|
+
|
|
9640
|
+
.context-menu ul {
|
|
9641
|
+
list-style: none;
|
|
9642
|
+
padding: 0;
|
|
9643
|
+
margin: 0;
|
|
9644
|
+
}
|
|
9645
|
+
|
|
9646
|
+
.context-menu li {
|
|
9647
|
+
padding: var(--spacing-2) var(--spacing-4);
|
|
9648
|
+
cursor: pointer;
|
|
9649
|
+
font-size: var(--font-size-sm);
|
|
9650
|
+
color: var(--color-text-primary);
|
|
9651
|
+
transition: background-color var(--transition-fast);
|
|
9652
|
+
}
|
|
9653
|
+
|
|
9654
|
+
.context-menu li:hover:not(.disabled) {
|
|
9655
|
+
background-color: var(--color-background-tertiary);
|
|
9656
|
+
}
|
|
9657
|
+
|
|
9658
|
+
.context-menu li.disabled {
|
|
9659
|
+
color: var(--color-text-muted);
|
|
9660
|
+
cursor: not-allowed;
|
|
9661
|
+
}
|
|
9662
|
+
|
|
9663
|
+
/* Button-based context menu (button pattern) */
|
|
9664
|
+
|
|
9665
|
+
.context-menu button {
|
|
9666
|
+
display: block;
|
|
9667
|
+
width: 100%;
|
|
9668
|
+
padding: var(--spacing-2) var(--spacing-3);
|
|
9669
|
+
background: none;
|
|
9670
|
+
border: none;
|
|
9671
|
+
text-align: left;
|
|
9672
|
+
cursor: pointer;
|
|
9673
|
+
font-size: var(--font-size-sm);
|
|
9674
|
+
color: var(--color-text-primary);
|
|
9675
|
+
transition: background-color var(--transition-fast);
|
|
9676
|
+
}
|
|
9677
|
+
|
|
9678
|
+
.context-menu button:hover {
|
|
9679
|
+
background-color: var(--color-background-tertiary);
|
|
9680
|
+
}
|
|
9681
|
+
|
|
9682
|
+
.context-menu button:disabled {
|
|
9683
|
+
color: var(--color-text-muted);
|
|
9684
|
+
cursor: not-allowed;
|
|
9685
|
+
}
|
|
9686
|
+
|
|
9687
|
+
.context-menu button:disabled:hover {
|
|
9688
|
+
background-color: transparent;
|
|
9689
|
+
}
|
|
9690
|
+
|
|
9691
|
+
/* Individual menu item (div-based pattern) */
|
|
9692
|
+
|
|
9693
|
+
.context-menu-item {
|
|
9694
|
+
display: flex;
|
|
9695
|
+
align-items: center;
|
|
9696
|
+
padding: var(--spacing-2) var(--spacing-3);
|
|
9697
|
+
cursor: pointer;
|
|
9698
|
+
font-size: var(--font-size-sm);
|
|
9699
|
+
color: var(--color-text-primary);
|
|
9700
|
+
transition: background-color var(--transition-fast);
|
|
9701
|
+
}
|
|
9702
|
+
|
|
9703
|
+
.context-menu-item:hover {
|
|
9704
|
+
background-color: var(--color-background-tertiary);
|
|
9705
|
+
}
|
|
9706
|
+
|
|
9707
|
+
.context-menu-item.disabled {
|
|
9708
|
+
color: var(--color-text-muted);
|
|
9709
|
+
cursor: not-allowed;
|
|
9710
|
+
}
|
|
9711
|
+
|
|
9712
|
+
.context-menu-item.disabled:hover {
|
|
9713
|
+
background-color: transparent;
|
|
9714
|
+
}
|
|
9715
|
+
|
|
9716
|
+
/* Icon support for menu items */
|
|
9717
|
+
|
|
9718
|
+
.context-menu-icon {
|
|
9719
|
+
margin-right: var(--spacing-2);
|
|
9720
|
+
width: 20px;
|
|
9721
|
+
text-align: center;
|
|
9722
|
+
color: var(--color-text-secondary);
|
|
9723
|
+
}
|
|
9724
|
+
|
|
9725
|
+
/* Separator/divider between menu sections */
|
|
9726
|
+
|
|
9727
|
+
.context-menu-divider {
|
|
9728
|
+
height: 1px;
|
|
9729
|
+
margin: var(--spacing-1) 0;
|
|
9730
|
+
background-color: var(--color-border-primary);
|
|
9731
|
+
}
|
|
9732
|
+
|
|
9733
|
+
/* Danger/destructive action styling */
|
|
9734
|
+
|
|
9735
|
+
.context-menu-item.danger,
|
|
9736
|
+
.context-menu button.danger,
|
|
9737
|
+
.context-menu li.danger {
|
|
9738
|
+
color: var(--color-danger);
|
|
9739
|
+
}
|
|
9740
|
+
|
|
9741
|
+
.context-menu-item.danger:hover,
|
|
9742
|
+
.context-menu button.danger:hover,
|
|
9743
|
+
.context-menu li.danger:hover:not(.disabled) {
|
|
9744
|
+
background-color: var(--color-danger-light);
|
|
9745
|
+
}
|
|
9746
|
+
|
|
9747
|
+
.p-default {
|
|
9748
|
+
margin: var(--spacing-xs);
|
|
9749
|
+
margin-bottom: var(--spacing-sm);
|
|
9750
|
+
}
|
|
9751
|
+
|
|
9752
|
+
/* styles/utils/_layout.css - Essential utilities only */
|
|
9753
|
+
|
|
9754
|
+
/* Flex layout utilities */
|
|
9755
|
+
|
|
9756
|
+
.flex { display: flex; }
|
|
9757
|
+
|
|
9758
|
+
.flex-col { flex-direction: column; }
|
|
9759
|
+
|
|
9760
|
+
.flex-row { flex-direction: row; }
|
|
9761
|
+
|
|
9762
|
+
.flex-wrap { flex-wrap: wrap; }
|
|
9763
|
+
|
|
9764
|
+
/* Alignment */
|
|
9765
|
+
|
|
9766
|
+
.items-center { align-items: center; }
|
|
9767
|
+
|
|
9768
|
+
.items-start { align-items: flex-start; }
|
|
9769
|
+
|
|
9770
|
+
.justify-end { justify-content: flex-end; }
|
|
9771
|
+
|
|
9772
|
+
.justify-between { justify-content: space-between; }
|
|
9773
|
+
|
|
9774
|
+
/* Margin utilities - essential only */
|
|
9775
|
+
|
|
9776
|
+
.m-0 { margin: 0; }
|
|
9777
|
+
|
|
9778
|
+
.mt-1 { margin-top: var(--spacing-xs); }
|
|
9779
|
+
|
|
9780
|
+
.mt-2 { margin-top: var(--spacing-sm); }
|
|
9781
|
+
|
|
9782
|
+
.mb-1 { margin-bottom: var(--spacing-xs); }
|
|
9783
|
+
|
|
9784
|
+
.mb-2 { margin-bottom: var(--spacing-sm); }
|
|
9785
|
+
|
|
9786
|
+
.mb-3 { margin-bottom: var(--spacing-md); }
|
|
9787
|
+
|
|
9788
|
+
.mb-4 { margin-bottom: var(--spacing-lg); }
|
|
9789
|
+
|
|
9790
|
+
.ml-auto { margin-left: auto; }
|
|
9791
|
+
|
|
9792
|
+
.mr-auto { margin-right: auto; }
|
|
9793
|
+
|
|
9794
|
+
/* Gap utilities */
|
|
9795
|
+
|
|
9796
|
+
.gap-1 { gap: var(--spacing-xs); }
|
|
9797
|
+
|
|
9798
|
+
.gap-2 { gap: var(--spacing-sm); }
|
|
9799
|
+
|
|
9800
|
+
.gap-3 { gap: var(--spacing-md); }
|
|
9801
|
+
|
|
9802
|
+
/* Size utilities */
|
|
9803
|
+
|
|
9804
|
+
.w-full { width: 100%; }
|
|
9805
|
+
|
|
9806
|
+
/* ========== Base Styles ========== */
|
|
9807
|
+
|
|
9808
|
+
*,
|
|
9809
|
+
*::before,
|
|
9810
|
+
*::after {
|
|
9811
|
+
box-sizing: border-box;
|
|
9812
|
+
}
|
|
9813
|
+
|
|
9814
|
+
html {
|
|
9815
|
+
font-size: var(--font-size-base);
|
|
9816
|
+
line-height: var(--line-height-normal);
|
|
9817
|
+
-webkit-font-smoothing: antialiased;
|
|
9818
|
+
-moz-osx-font-smoothing: grayscale;
|
|
9819
|
+
text-rendering: optimizeLegibility;
|
|
9820
|
+
}
|
|
9821
|
+
|
|
9822
|
+
body {
|
|
9823
|
+
margin: 0;
|
|
9824
|
+
padding: 0;
|
|
9825
|
+
font-family: var(--font-family-base);
|
|
9826
|
+
font-size: var(--font-size-base);
|
|
9827
|
+
font-weight: var(--font-weight-normal);
|
|
9828
|
+
color: var(--color-text-primary);
|
|
9829
|
+
background-color: var(--color-background-primary);
|
|
9830
|
+
}
|
|
9831
|
+
|
|
9832
|
+
/* ========== Typography Base ========== */
|
|
9833
|
+
|
|
9834
|
+
h1, h2, h3, h4, h5, h6 {
|
|
9835
|
+
margin: 0;
|
|
9836
|
+
font-weight: var(--font-weight-semibold);
|
|
9837
|
+
line-height: var(--line-height-tight);
|
|
9838
|
+
color: var(--color-text-primary);
|
|
9839
|
+
}
|
|
9840
|
+
|
|
9841
|
+
h1 { font-size: var(--font-size-4xl); }
|
|
9842
|
+
|
|
9843
|
+
h2 { font-size: var(--font-size-3xl); }
|
|
9844
|
+
|
|
9845
|
+
h3 { font-size: var(--font-size-2xl); }
|
|
9846
|
+
|
|
9847
|
+
h4 { font-size: var(--font-size-xl); }
|
|
9848
|
+
|
|
9849
|
+
h5 { font-size: var(--font-size-lg); }
|
|
9850
|
+
|
|
9851
|
+
h6 { font-size: var(--font-size-base); }
|
|
9852
|
+
|
|
9853
|
+
p {
|
|
9854
|
+
margin: 0 0 var(--spacing-3);
|
|
9855
|
+
}
|
|
9856
|
+
|
|
9857
|
+
a {
|
|
9858
|
+
color: var(--color-primary);
|
|
9859
|
+
text-decoration: none;
|
|
9860
|
+
transition: color var(--transition-fast) var(--transition-timing);
|
|
9861
|
+
}
|
|
9862
|
+
|
|
9863
|
+
a:hover {
|
|
9864
|
+
color: var(--color-primary-dark);
|
|
9865
|
+
}
|
|
9866
|
+
|
|
9867
|
+
/* ========== Form Elements Base ========== */
|
|
9868
|
+
|
|
9869
|
+
input,
|
|
9870
|
+
textarea,
|
|
9871
|
+
select,
|
|
9872
|
+
button {
|
|
9873
|
+
font-family: inherit;
|
|
9874
|
+
font-size: inherit;
|
|
9875
|
+
}
|
|
9876
|
+
|
|
9877
|
+
button {
|
|
9878
|
+
cursor: pointer;
|
|
9879
|
+
}
|
|
9880
|
+
|
|
9881
|
+
/* ========== Scrollbar Styling ========== */
|
|
9882
|
+
|
|
9883
|
+
::-webkit-scrollbar {
|
|
9884
|
+
width: 8px;
|
|
9885
|
+
height: 8px;
|
|
9886
|
+
}
|
|
9887
|
+
|
|
9888
|
+
::-webkit-scrollbar-track {
|
|
9889
|
+
background: transparent;
|
|
9890
|
+
}
|
|
9891
|
+
|
|
9892
|
+
::-webkit-scrollbar-thumb {
|
|
9893
|
+
background-color: var(--color-gray-300);
|
|
9894
|
+
border-radius: var(--border-radius-full);
|
|
9895
|
+
}
|
|
9896
|
+
|
|
9897
|
+
::-webkit-scrollbar-thumb:hover {
|
|
9898
|
+
background-color: var(--color-gray-400);
|
|
9899
|
+
}
|
|
9900
|
+
|
|
9901
|
+
/* ========== Material Icons ========== */
|
|
9902
|
+
|
|
9903
|
+
.material-icons {
|
|
9904
|
+
font-family: 'Material Icons';
|
|
9905
|
+
font-weight: normal;
|
|
9906
|
+
font-style: normal;
|
|
9907
|
+
font-size: 24px;
|
|
9908
|
+
line-height: 1;
|
|
9909
|
+
letter-spacing: normal;
|
|
9910
|
+
text-transform: none;
|
|
9911
|
+
display: inline-block;
|
|
9912
|
+
white-space: nowrap;
|
|
9913
|
+
word-wrap: normal;
|
|
9914
|
+
direction: ltr;
|
|
9915
|
+
-webkit-font-feature-settings: 'liga';
|
|
9916
|
+
-webkit-font-smoothing: antialiased;
|
|
9917
|
+
-moz-osx-font-smoothing: grayscale;
|
|
9918
|
+
text-rendering: optimizeLegibility;
|
|
9919
|
+
}
|
|
9920
|
+
|
|
9921
|
+
/* ========== Element Plus Theme Overrides ========== */
|
|
9922
|
+
|
|
9923
|
+
/* Set Element Plus CSS variables at root level */
|
|
9924
|
+
|
|
9925
|
+
:root {
|
|
9926
|
+
--el-color-primary: var(--color-accent);
|
|
9927
|
+
--el-color-primary-light-3: var(--color-accent-light);
|
|
9928
|
+
--el-color-primary-light-5: var(--color-accent-subtle);
|
|
9929
|
+
--el-color-primary-light-7: var(--color-accent-subtle);
|
|
9930
|
+
--el-color-primary-light-8: var(--color-accent-subtle);
|
|
9931
|
+
--el-color-primary-light-9: var(--color-accent-subtle);
|
|
9932
|
+
--el-color-primary-dark-2: var(--color-accent-hover);
|
|
9933
|
+
--el-border-radius-base: var(--border-radius-md);
|
|
9934
|
+
--el-border-radius-small: var(--border-radius-sm);
|
|
9935
|
+
--el-font-size-base: var(--font-size-base);
|
|
9936
|
+
--el-font-size-small: var(--font-size-sm);
|
|
9937
|
+
}
|
|
9938
|
+
|
|
9939
|
+
/* General font family */
|
|
9940
|
+
|
|
9941
|
+
[class^="el-"],
|
|
9942
|
+
[class*=" el-"] {
|
|
9943
|
+
font-family: var(--font-family-base);
|
|
9944
|
+
}
|
|
9945
|
+
|
|
9946
|
+
/* Exception for icons */
|
|
9947
|
+
|
|
9948
|
+
.el-icon,
|
|
9949
|
+
.el-select__caret,
|
|
9950
|
+
.el-input__icon,
|
|
9951
|
+
[class*="el-icon-"],
|
|
9952
|
+
[class*="el-select__caret"],
|
|
9953
|
+
[class*="el-input__icon"] {
|
|
9954
|
+
font-family: element-icons !important;
|
|
9955
|
+
}
|
|
9956
|
+
|
|
9957
|
+
/* ========== Element Plus Button Styling ========== */
|
|
9958
|
+
|
|
9959
|
+
/* Base button styling - friendlier appearance */
|
|
9960
|
+
|
|
9961
|
+
.el-button {
|
|
9962
|
+
--el-button-font-weight: var(--font-weight-medium);
|
|
9963
|
+
border-radius: var(--border-radius-lg) !important;
|
|
9964
|
+
font-weight: var(--font-weight-medium);
|
|
9965
|
+
transition: all var(--transition-fast) var(--transition-timing);
|
|
9966
|
+
}
|
|
9967
|
+
|
|
9968
|
+
/* Primary button - friendly teal/cyan color */
|
|
9969
|
+
|
|
9970
|
+
.el-button--primary {
|
|
9971
|
+
--el-button-bg-color: var(--color-accent) !important;
|
|
9972
|
+
--el-button-border-color: var(--color-accent) !important;
|
|
9973
|
+
--el-button-hover-bg-color: var(--color-accent-hover) !important;
|
|
9974
|
+
--el-button-hover-border-color: var(--color-accent-hover) !important;
|
|
9975
|
+
--el-button-active-bg-color: var(--color-accent-hover) !important;
|
|
9976
|
+
--el-button-active-border-color: var(--color-accent-hover) !important;
|
|
9977
|
+
background-color: var(--color-accent) !important;
|
|
9978
|
+
border-color: var(--color-accent) !important;
|
|
9979
|
+
}
|
|
9980
|
+
|
|
9981
|
+
.el-button--primary:hover,
|
|
9982
|
+
.el-button--primary:focus {
|
|
9983
|
+
background-color: var(--color-accent-hover) !important;
|
|
9984
|
+
border-color: var(--color-accent-hover) !important;
|
|
9985
|
+
}
|
|
9986
|
+
|
|
9987
|
+
/* Default button - subtle styling */
|
|
9988
|
+
|
|
9989
|
+
.el-button--default {
|
|
9990
|
+
--el-button-bg-color: var(--color-background-primary);
|
|
9991
|
+
--el-button-border-color: var(--color-border-secondary);
|
|
9992
|
+
--el-button-text-color: var(--color-text-primary);
|
|
9993
|
+
--el-button-hover-bg-color: var(--color-background-tertiary);
|
|
9994
|
+
--el-button-hover-border-color: var(--color-border-secondary);
|
|
9995
|
+
}
|
|
9996
|
+
|
|
9997
|
+
/* Small button refinement */
|
|
9998
|
+
|
|
9999
|
+
.el-button--small {
|
|
10000
|
+
font-size: var(--font-size-sm);
|
|
10001
|
+
padding: 6px 12px;
|
|
10002
|
+
}
|
|
10003
|
+
|
|
10004
|
+
/* ========== Element Plus Input Styling ========== */
|
|
10005
|
+
|
|
10006
|
+
.el-input__wrapper {
|
|
10007
|
+
font-size: var(--font-size-sm);
|
|
10008
|
+
border-radius: var(--border-radius-md);
|
|
10009
|
+
transition: box-shadow var(--transition-fast);
|
|
10010
|
+
}
|
|
10011
|
+
|
|
10012
|
+
.el-input.is-focus .el-input__wrapper {
|
|
10013
|
+
box-shadow: 0 0 0 1px var(--color-accent) inset !important;
|
|
10014
|
+
}
|
|
10015
|
+
|
|
10016
|
+
.el-select {
|
|
10017
|
+
--el-select-input-font-size: var(--font-size-sm);
|
|
10018
|
+
}
|
|
10019
|
+
|
|
10020
|
+
/* Select dropdown styling */
|
|
10021
|
+
|
|
10022
|
+
.el-select-dropdown__item.is-selected {
|
|
10023
|
+
background-color: var(--color-accent-subtle);
|
|
10024
|
+
color: var(--color-accent);
|
|
10025
|
+
}
|
|
10026
|
+
|
|
10027
|
+
/* ========== Element Plus Notification ========== */
|
|
10028
|
+
|
|
10029
|
+
.el-notification {
|
|
10030
|
+
font-family: var(--font-family-base);
|
|
10031
|
+
border-radius: var(--border-radius-lg);
|
|
10032
|
+
box-shadow: var(--shadow-lg);
|
|
10033
|
+
}
|
|
10034
|
+
|
|
10035
|
+
.el-notification__title {
|
|
10036
|
+
font-size: var(--font-size-sm);
|
|
10037
|
+
color: var(--color-text-primary);
|
|
10038
|
+
font-weight: var(--font-weight-semibold);
|
|
10039
|
+
}
|
|
10040
|
+
|
|
10041
|
+
.el-notification__content {
|
|
10042
|
+
font-size: var(--font-size-sm);
|
|
10043
|
+
color: var(--color-text-secondary);
|
|
10044
|
+
}
|
|
10045
|
+
|
|
10046
|
+
/* ========== Element Plus Drawer ========== */
|
|
10047
|
+
|
|
10048
|
+
.el-drawer__body {
|
|
10049
|
+
color: var(--color-text-primary);
|
|
10050
|
+
padding: var(--spacing-5);
|
|
10051
|
+
overflow-y: auto;
|
|
10052
|
+
}
|
|
10053
|
+
|
|
10054
|
+
/* ========== Element Plus Dialog ========== */
|
|
10055
|
+
|
|
10056
|
+
.el-dialog {
|
|
10057
|
+
--el-dialog-border-radius: var(--border-radius-xl);
|
|
10058
|
+
border-radius: var(--border-radius-xl);
|
|
10059
|
+
}
|
|
10060
|
+
|
|
10061
|
+
.el-dialog__header {
|
|
10062
|
+
padding: var(--spacing-4) var(--spacing-5);
|
|
10063
|
+
border-bottom: 1px solid var(--color-border-light);
|
|
10064
|
+
}
|
|
10065
|
+
|
|
10066
|
+
.el-dialog__title {
|
|
10067
|
+
font-size: var(--font-size-lg);
|
|
10068
|
+
font-weight: var(--font-weight-semibold);
|
|
10069
|
+
}
|
|
10070
|
+
|
|
10071
|
+
.el-dialog__body {
|
|
10072
|
+
font-size: var(--font-size-sm);
|
|
10073
|
+
padding: var(--spacing-5);
|
|
10074
|
+
}
|
|
10075
|
+
|
|
10076
|
+
.el-dialog__footer {
|
|
10077
|
+
padding: var(--spacing-4) var(--spacing-5);
|
|
10078
|
+
border-top: 1px solid var(--color-border-light);
|
|
10079
|
+
}
|
|
10080
|
+
|
|
10081
|
+
/* ========== Element Plus Table ========== */
|
|
10082
|
+
|
|
10083
|
+
.el-table {
|
|
10084
|
+
--el-table-border-color: var(--color-border-light);
|
|
10085
|
+
--el-table-header-bg-color: var(--color-background-muted);
|
|
10086
|
+
font-size: var(--font-size-sm);
|
|
10087
|
+
}
|
|
10088
|
+
|
|
10089
|
+
.el-table th.el-table__cell {
|
|
10090
|
+
font-weight: var(--font-weight-semibold);
|
|
10091
|
+
color: var(--color-text-primary);
|
|
10092
|
+
}
|
|
10093
|
+
|
|
10094
|
+
/* ========== Element Plus Form ========== */
|
|
10095
|
+
|
|
10096
|
+
.el-form-item__label {
|
|
10097
|
+
font-size: var(--font-size-sm);
|
|
10098
|
+
font-weight: var(--font-weight-medium);
|
|
10099
|
+
color: var(--color-text-secondary);
|
|
10100
|
+
}
|
|
10101
|
+
|
|
10102
|
+
/* ========== Element Plus Misc ========== */
|
|
10103
|
+
|
|
10104
|
+
.el-popover,
|
|
10105
|
+
.el-tooltip__content {
|
|
10106
|
+
font-size: var(--font-size-sm);
|
|
10107
|
+
border-radius: var(--border-radius-md);
|
|
10108
|
+
}
|
|
10109
|
+
|
|
10110
|
+
.el-tabs__item {
|
|
10111
|
+
font-size: var(--font-size-sm);
|
|
10112
|
+
}
|
|
10113
|
+
|
|
10114
|
+
.el-message-box {
|
|
10115
|
+
border-radius: var(--border-radius-xl);
|
|
10116
|
+
}
|
|
10117
|
+
|
|
10118
|
+
.el-message-box__title {
|
|
10119
|
+
font-size: var(--font-size-lg);
|
|
10120
|
+
}
|
|
10121
|
+
|
|
10122
|
+
.el-message-box__message {
|
|
10123
|
+
font-size: var(--font-size-sm);
|
|
10124
|
+
}
|
|
10125
|
+
|
|
10126
|
+
/* ========== Element Plus Collapse ========== */
|
|
10127
|
+
|
|
10128
|
+
.el-collapse {
|
|
10129
|
+
--el-collapse-border-color: var(--color-border-primary);
|
|
10130
|
+
--el-collapse-header-background-color: var(--color-background-primary);
|
|
10131
|
+
--el-collapse-header-font-color: var(--color-text-primary);
|
|
10132
|
+
--el-collapse-content-background-color: var(--color-background-primary);
|
|
10133
|
+
--el-collapse-content-font-color: var(--color-text-primary);
|
|
10134
|
+
border-color: var(--color-border-primary);
|
|
10135
|
+
}
|
|
10136
|
+
|
|
10137
|
+
.el-collapse-item__header {
|
|
10138
|
+
font-size: var(--font-size-sm);
|
|
10139
|
+
font-weight: var(--font-weight-medium);
|
|
10140
|
+
background-color: var(--color-background-primary);
|
|
10141
|
+
color: var(--color-text-primary);
|
|
10142
|
+
}
|
|
10143
|
+
|
|
10144
|
+
.el-collapse-item__content {
|
|
10145
|
+
font-size: var(--font-size-sm);
|
|
10146
|
+
background-color: var(--color-background-primary);
|
|
10147
|
+
color: var(--color-text-primary);
|
|
10148
|
+
}
|
|
10149
|
+
|
|
10150
|
+
.el-collapse-item__wrap {
|
|
10151
|
+
background-color: var(--color-background-primary);
|
|
10152
|
+
}
|
|
10153
|
+
|
|
10154
|
+
/* ========== Element Plus Menu Styling ========== */
|
|
10155
|
+
|
|
10156
|
+
.el-menu {
|
|
10157
|
+
background-color: var(--color-background-primary);
|
|
10158
|
+
border-right: none;
|
|
10159
|
+
}
|
|
10160
|
+
|
|
10161
|
+
.el-menu-item,
|
|
10162
|
+
.el-sub-menu__title {
|
|
10163
|
+
color: var(--color-text-secondary);
|
|
10164
|
+
}
|
|
10165
|
+
|
|
10166
|
+
.el-menu-item:hover,
|
|
10167
|
+
.el-sub-menu__title:hover {
|
|
10168
|
+
background-color: var(--color-background-hover);
|
|
10169
|
+
color: var(--color-text-primary);
|
|
10170
|
+
}
|
|
10171
|
+
|
|
10172
|
+
.el-menu-item.is-active {
|
|
10173
|
+
color: var(--color-accent);
|
|
10174
|
+
background-color: var(--color-background-selected);
|
|
10175
|
+
}
|
|
10176
|
+
|
|
10177
|
+
.el-menu-item i,
|
|
10178
|
+
.el-sub-menu__title i {
|
|
10179
|
+
color: var(--color-text-secondary);
|
|
10180
|
+
}
|
|
10181
|
+
|
|
10182
|
+
.el-menu-item.is-active i {
|
|
10183
|
+
color: var(--color-accent);
|
|
10184
|
+
}
|
|
10185
|
+
|
|
10186
|
+
/* ========== Element Plus Tabs Styling ========== */
|
|
10187
|
+
|
|
10188
|
+
.el-tabs__header {
|
|
10189
|
+
background-color: var(--color-background-primary);
|
|
10190
|
+
}
|
|
10191
|
+
|
|
10192
|
+
.el-tabs__nav-wrap::after {
|
|
10193
|
+
background-color: var(--color-border-primary);
|
|
10194
|
+
}
|
|
10195
|
+
|
|
10196
|
+
.el-tabs__item {
|
|
10197
|
+
color: var(--color-text-secondary);
|
|
10198
|
+
}
|
|
10199
|
+
|
|
10200
|
+
.el-tabs__item:hover {
|
|
10201
|
+
color: var(--color-text-primary);
|
|
10202
|
+
}
|
|
10203
|
+
|
|
10204
|
+
.el-tabs__item.is-active {
|
|
10205
|
+
color: var(--color-accent);
|
|
10206
|
+
}
|
|
10207
|
+
|
|
10208
|
+
.el-tabs__content {
|
|
10209
|
+
background-color: var(--color-background-primary);
|
|
10210
|
+
}
|
|
10211
|
+
|
|
10212
|
+
.el-tab-pane {
|
|
10213
|
+
background-color: var(--color-background-primary);
|
|
10214
|
+
}
|
|
10215
|
+
|
|
10216
|
+
/* ========== Element Plus Drawer Styling ========== */
|
|
10217
|
+
|
|
10218
|
+
.el-drawer {
|
|
10219
|
+
background-color: var(--color-background-primary);
|
|
10220
|
+
}
|
|
10221
|
+
|
|
10222
|
+
.el-drawer__header {
|
|
10223
|
+
background-color: var(--color-background-secondary);
|
|
10224
|
+
color: var(--color-text-primary);
|
|
10225
|
+
border-bottom: 1px solid var(--color-border-primary);
|
|
10226
|
+
}
|
|
10227
|
+
|
|
10228
|
+
.el-drawer__body {
|
|
10229
|
+
background-color: var(--color-background-primary);
|
|
10230
|
+
color: var(--color-text-primary);
|
|
10231
|
+
}
|
|
10232
|
+
|
|
10233
|
+
/* ========== Element Plus Switch Styling ========== */
|
|
10234
|
+
|
|
10235
|
+
.el-switch__label {
|
|
10236
|
+
color: var(--color-text-secondary);
|
|
10237
|
+
}
|
|
10238
|
+
|
|
10239
|
+
.el-switch__label.is-active {
|
|
10240
|
+
color: var(--color-text-primary);
|
|
10241
|
+
}
|
|
10242
|
+
|
|
10243
|
+
/* ========== Element Plus Textarea/Input Styling ========== */
|
|
10244
|
+
|
|
10245
|
+
.el-textarea__inner {
|
|
10246
|
+
background-color: var(--color-background-primary);
|
|
10247
|
+
color: var(--color-text-primary);
|
|
10248
|
+
border-color: var(--color-border-primary);
|
|
10249
|
+
}
|
|
10250
|
+
|
|
10251
|
+
.el-textarea__inner:focus {
|
|
10252
|
+
border-color: var(--color-accent);
|
|
10253
|
+
}
|
|
10254
|
+
|
|
10255
|
+
.el-input__inner {
|
|
10256
|
+
background-color: var(--color-background-primary);
|
|
10257
|
+
color: var(--color-text-primary);
|
|
10258
|
+
}
|
|
10259
|
+
|
|
10260
|
+
/* ========== Element Plus Card Styling ========== */
|
|
10261
|
+
|
|
10262
|
+
.el-card {
|
|
10263
|
+
background-color: var(--color-background-primary);
|
|
10264
|
+
border-color: var(--color-border-primary);
|
|
10265
|
+
}
|
|
10266
|
+
|
|
10267
|
+
.el-card__header {
|
|
10268
|
+
background-color: var(--color-background-secondary);
|
|
10269
|
+
border-bottom-color: var(--color-border-primary);
|
|
10270
|
+
color: var(--color-text-primary);
|
|
10271
|
+
}
|
|
10272
|
+
|
|
10273
|
+
.el-card__body {
|
|
10274
|
+
color: var(--color-text-primary);
|
|
10275
|
+
}
|
|
10276
|
+
|
|
10277
|
+
/* ========== Element Plus Dropdown Styling ========== */
|
|
10278
|
+
|
|
10279
|
+
.el-dropdown-menu {
|
|
10280
|
+
background-color: var(--color-background-primary);
|
|
10281
|
+
border-color: var(--color-border-primary);
|
|
10282
|
+
}
|
|
10283
|
+
|
|
10284
|
+
.el-dropdown-menu__item {
|
|
10285
|
+
color: var(--color-text-primary);
|
|
10286
|
+
}
|
|
10287
|
+
|
|
10288
|
+
.el-dropdown-menu__item:hover {
|
|
10289
|
+
background-color: var(--color-background-hover);
|
|
10290
|
+
color: var(--color-text-primary);
|
|
10291
|
+
}
|
|
10292
|
+
|
|
10293
|
+
/* ========== Element Plus Popover Styling ========== */
|
|
10294
|
+
|
|
10295
|
+
.el-popover {
|
|
10296
|
+
background-color: var(--color-background-primary);
|
|
10297
|
+
border-color: var(--color-border-primary);
|
|
10298
|
+
}
|
|
10299
|
+
|
|
10300
|
+
.el-popover__title {
|
|
10301
|
+
color: var(--color-text-primary);
|
|
10302
|
+
}
|
|
10303
|
+
|
|
10304
|
+
/* ========== Element Plus Popper Z-Index Fix ========== */
|
|
10305
|
+
|
|
10306
|
+
/* Fix for el-select dropdowns appearing behind dialogs and canvas elements.
|
|
10307
|
+
Element Plus poppers are teleported to body and need high z-index to appear above:
|
|
10308
|
+
- Canvas panels (DraggableItem panels at z-index 100000)
|
|
10309
|
+
- High z-index dialogs (at z-index 200001)
|
|
10310
|
+
Set to 200010 to ensure dropdowns always appear above modal dialogs */
|
|
10311
|
+
|
|
10312
|
+
.el-popper,
|
|
10313
|
+
.el-select-dropdown,
|
|
10314
|
+
.el-select__popper,
|
|
10315
|
+
.el-autocomplete-suggestion,
|
|
10316
|
+
.el-cascader__dropdown,
|
|
10317
|
+
.el-color-dropdown,
|
|
10318
|
+
.el-date-editor .el-picker-panel,
|
|
10319
|
+
.el-picker__popper,
|
|
10320
|
+
.el-tooltip__popper,
|
|
10321
|
+
.el-popover.el-popper {
|
|
10322
|
+
z-index: 200010 !important;
|
|
10323
|
+
}
|
|
10324
|
+
|
|
10325
|
+
/* ========== CodeMirror Dark Mode Styling ========== */
|
|
10326
|
+
|
|
10327
|
+
/* These styles must be global because CodeMirror tooltips are rendered as portals */
|
|
10328
|
+
|
|
10329
|
+
/* Editor background and text */
|
|
10330
|
+
|
|
10331
|
+
.cm-editor {
|
|
10332
|
+
background-color: var(--color-background-secondary) !important;
|
|
10333
|
+
color: var(--color-text-primary) !important;
|
|
10334
|
+
}
|
|
10335
|
+
|
|
10336
|
+
.cm-editor .cm-content {
|
|
10337
|
+
caret-color: var(--color-text-primary) !important;
|
|
10338
|
+
}
|
|
10339
|
+
|
|
10340
|
+
.cm-editor .cm-cursor,
|
|
10341
|
+
.cm-editor .cm-cursor-primary {
|
|
10342
|
+
border-left-color: var(--color-text-primary) !important;
|
|
10343
|
+
}
|
|
10344
|
+
|
|
10345
|
+
.cm-editor .cm-gutters {
|
|
10346
|
+
background-color: var(--color-background-primary) !important;
|
|
10347
|
+
color: var(--color-text-muted) !important;
|
|
10348
|
+
border-right: 1px solid var(--color-border-primary) !important;
|
|
10349
|
+
}
|
|
10350
|
+
|
|
10351
|
+
.cm-editor .cm-activeLineGutter {
|
|
10352
|
+
background-color: var(--color-background-hover) !important;
|
|
10353
|
+
}
|
|
10354
|
+
|
|
10355
|
+
.cm-editor .cm-activeLine {
|
|
10356
|
+
background-color: var(--color-background-hover) !important;
|
|
10357
|
+
}
|
|
10358
|
+
|
|
10359
|
+
.cm-editor .cm-selectionBackground {
|
|
10360
|
+
background-color: var(--color-focus-ring-accent) !important;
|
|
10361
|
+
}
|
|
10362
|
+
|
|
10363
|
+
.cm-editor.cm-focused .cm-selectionBackground {
|
|
10364
|
+
background-color: var(--color-focus-ring-accent-strong) !important;
|
|
10365
|
+
}
|
|
10366
|
+
|
|
10367
|
+
/* Placeholder styling */
|
|
10368
|
+
|
|
10369
|
+
.cm-placeholder {
|
|
10370
|
+
color: var(--color-text-muted) !important;
|
|
10371
|
+
}
|
|
10372
|
+
|
|
10373
|
+
/* CodeMirror Autocomplete Tooltip - rendered as portal to body */
|
|
10374
|
+
|
|
10375
|
+
.cm-tooltip {
|
|
10376
|
+
background-color: var(--color-background-primary) !important;
|
|
10377
|
+
border: 1px solid var(--color-border-primary) !important;
|
|
10378
|
+
color: var(--color-text-primary) !important;
|
|
10379
|
+
box-shadow: var(--shadow-lg) !important;
|
|
10380
|
+
}
|
|
10381
|
+
|
|
10382
|
+
.cm-tooltip-autocomplete {
|
|
10383
|
+
background-color: var(--color-background-primary) !important;
|
|
10384
|
+
}
|
|
10385
|
+
|
|
10386
|
+
.cm-tooltip-autocomplete > ul {
|
|
10387
|
+
background-color: var(--color-background-primary) !important;
|
|
10388
|
+
}
|
|
10389
|
+
|
|
10390
|
+
.cm-tooltip-autocomplete > ul > li {
|
|
10391
|
+
color: var(--color-text-primary) !important;
|
|
10392
|
+
background-color: var(--color-background-primary) !important;
|
|
10393
|
+
}
|
|
10394
|
+
|
|
10395
|
+
.cm-tooltip-autocomplete > ul > li:hover {
|
|
10396
|
+
background-color: var(--color-background-hover) !important;
|
|
10397
|
+
}
|
|
10398
|
+
|
|
10399
|
+
.cm-tooltip-autocomplete > ul > li[aria-selected],
|
|
10400
|
+
.cm-tooltip-autocomplete > ul > li[aria-selected="true"] {
|
|
10401
|
+
background-color: var(--color-accent) !important;
|
|
10402
|
+
color: var(--color-text-inverse) !important;
|
|
10403
|
+
}
|
|
10404
|
+
|
|
10405
|
+
/* Completion label and detail */
|
|
10406
|
+
|
|
10407
|
+
.cm-completionLabel {
|
|
10408
|
+
color: var(--color-text-primary) !important;
|
|
10409
|
+
}
|
|
10410
|
+
|
|
10411
|
+
.cm-completionDetail {
|
|
10412
|
+
color: var(--color-text-secondary) !important;
|
|
10413
|
+
}
|
|
10414
|
+
|
|
10415
|
+
/* Completion Info Panel (documentation popup) - critical for dark mode */
|
|
10416
|
+
|
|
10417
|
+
.cm-completionInfo {
|
|
10418
|
+
background-color: var(--color-background-secondary) !important;
|
|
10419
|
+
border: 1px solid var(--color-border-primary) !important;
|
|
10420
|
+
color: var(--color-text-primary) !important;
|
|
10421
|
+
padding: 8px 12px !important;
|
|
10422
|
+
max-width: 400px !important;
|
|
10423
|
+
box-shadow: var(--shadow-lg) !important;
|
|
10424
|
+
}
|
|
10425
|
+
|
|
10426
|
+
.cm-completionInfo * {
|
|
10427
|
+
color: var(--color-text-primary) !important;
|
|
10428
|
+
}
|
|
10429
|
+
|
|
10430
|
+
/* Ensure tooltip above other content */
|
|
10431
|
+
|
|
10432
|
+
.cm-tooltip-above,
|
|
10433
|
+
.cm-tooltip-below {
|
|
10434
|
+
background-color: var(--color-background-primary) !important;
|
|
10435
|
+
}
|
|
10436
|
+
|
|
10437
|
+
/* Tooltip arrow styling */
|
|
10438
|
+
|
|
10439
|
+
.cm-tooltip::before,
|
|
10440
|
+
.cm-tooltip::after {
|
|
10441
|
+
border-color: var(--color-border-primary) transparent transparent transparent !important;
|
|
10442
|
+
}
|
|
10443
|
+
|
|
10444
|
+
/* Matching bracket highlight */
|
|
10445
|
+
|
|
10446
|
+
.cm-matchingBracket {
|
|
10447
|
+
background-color: var(--color-background-selected) !important;
|
|
10448
|
+
color: var(--color-accent) !important;
|
|
10449
|
+
}
|
|
10450
|
+
|
|
10451
|
+
/* Panel styling */
|
|
10452
|
+
|
|
10453
|
+
.cm-panels {
|
|
10454
|
+
background-color: var(--color-background-secondary) !important;
|
|
10455
|
+
color: var(--color-text-primary) !important;
|
|
10456
|
+
border-color: var(--color-border-primary) !important;
|
|
8837
10457
|
}
|
|
8838
10458
|
|
|
8839
|
-
.
|
|
8840
|
-
|
|
8841
|
-
border-color: var(--primary-blue-hover) !important;
|
|
10459
|
+
.cm-panels-top {
|
|
10460
|
+
border-bottom-color: var(--color-border-primary) !important;
|
|
8842
10461
|
}
|
|
8843
10462
|
|
|
8844
|
-
.
|
|
8845
|
-
|
|
8846
|
-
color: var(--primary-blue) !important;
|
|
10463
|
+
.cm-panels-bottom {
|
|
10464
|
+
border-top-color: var(--color-border-primary) !important;
|
|
8847
10465
|
}
|
|
8848
10466
|
|
|
8849
|
-
.el-input:focus {
|
|
8850
|
-
border-color: var(--light-blue) !important;
|
|
8851
|
-
}
|