n8n-editor-ui 1.63.1 → 1.64.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (137) hide show
  1. package/dist/assets/{AnnotationTagsDropdown.ee-CEthDL8s.js → AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-D3L0Zqex.js} +2 -3
  2. package/dist/assets/{AuthView-Dtllm2Hm.js → AuthView-Bc_d9TU4.js} +3 -6
  3. package/dist/assets/{AuthView-BnHKMYu_.css → AuthView-Cnr31xHM.css} +6 -5
  4. package/dist/assets/{CanvasControls-3e7GyyWC.js → CanvasControls-BZZ5xUA4.js} +1 -31
  5. package/dist/assets/{ChangePasswordView-RbBzZKmy.js → ChangePasswordView-BmKDYqVl.js} +2 -36
  6. package/dist/assets/CollectionParameter-CZX6_SwN.js +4 -0
  7. package/dist/assets/{CredentialsView-BEobbBhB.js → CredentialsView-BERKB9pX.js} +5 -35
  8. package/dist/assets/{ErrorView-Dig_858_.js → ErrorView-CGHYke1h.js} +1 -31
  9. package/dist/assets/{ExecutionsFilter-D4gTpteQ.js → ExecutionsFilter-DgmpIaxp.js} +2 -5
  10. package/dist/assets/{ExecutionsView-BzDdfbTp.js → ExecutionsView-BVJE03N7.js} +18 -54
  11. package/dist/assets/{file-saver-Dbfm4l4I.js → FileSaver.min-vFM8HBH6.js} +5 -12
  12. package/dist/assets/{FixedCollectionParameter-B1iBnOzV.js → FixedCollectionParameter-Cu1pUHaU.js} +1 -32
  13. package/dist/assets/{ForgotMyPasswordView-DrecvRAt.js → ForgotMyPasswordView-CA1z31op.js} +2 -32
  14. package/dist/assets/{MainHeader-BGBc_yGt.js → MainHeader-lphq3_C7.js} +8 -47
  15. package/dist/assets/{MainSidebar-CGoARd9G.js → MainSidebar-CkmsLAKw.js} +5 -44
  16. package/dist/assets/{NodeCreation-CJ4p9t6U.js → NodeCreation-CDKKeIJl.js} +4 -7
  17. package/dist/assets/{NodeCreator-MlJNsM5w.js → NodeCreator-vrcCon6T.js} +20 -64
  18. package/dist/assets/{NodeViewSwitcher-CPwqYIKa.js → NodeViewSwitcher-CebfwLIC.js} +17198 -4326
  19. package/dist/assets/{NodeViewSwitcher-BMWd0Gm9.css → NodeViewSwitcher-DFIa0RPL.css} +136 -135
  20. package/dist/assets/{ProjectCardBadge-Dsi1FktR.js → ProjectCardBadge.vue_vue_type_script_setup_true_lang-FPZVaoxg.js} +1 -12
  21. package/dist/assets/{ProjectSettings-NxkU_5Cm.js → ProjectSettings-CGPWNP7C.js} +6 -38
  22. package/dist/assets/{ProjectTabs-BNt9vnB4.js → ProjectTabs-D-UxAFWq.js} +1 -3
  23. package/dist/assets/{PushConnectionTracker-BfyBSTsq.js → PushConnectionTracker-dMPKSiLd.js} +1 -4
  24. package/dist/assets/{ResourcesListLayout-wxQPFPh8.js → ResourcesListLayout-BmEYzLen.js} +2 -7
  25. package/dist/assets/{RunDataAi-BPXMLfKc.js → RunDataAi-iy_LiKYx.js} +51 -13
  26. package/dist/assets/{RunDataJson-nHxoBXwc.js → RunDataJson-30CwTvxp.js} +11 -34
  27. package/dist/assets/{jsonpath--XXuA3UN.js → RunDataJsonActions-DM8Iegu4.js} +272 -73
  28. package/dist/assets/{RunDataSearch-_dTfLnCz.js → RunDataSearch-BBZyQz1l.js} +1 -31
  29. package/dist/assets/{RunDataTable-Cle-Xlc9.js → RunDataTable-DlYCaRmD.js} +43 -70
  30. package/dist/assets/{SamlOnboarding-DJd6oxdL.js → SamlOnboarding-YPyqQAED.js} +2 -32
  31. package/dist/assets/{SettingsApiView-B6K4GJFb.js → SettingsApiView-DM8-r2vC.js} +11 -42
  32. package/dist/assets/{SettingsCommunityNodesView-BqLPWoe4.js → SettingsCommunityNodesView-CKUSvNJA.js} +3 -35
  33. package/dist/assets/{SettingsExternalSecrets-hxNeJoPh.js → SettingsExternalSecrets-rn0Uon3J.js} +2 -32
  34. package/dist/assets/SettingsFakeDoorView-DRt2eUs1.js +44 -0
  35. package/dist/assets/{humanize-duration-DdvB4QXM.js → SettingsLdapView-BkNvZbuP.js} +827 -12
  36. package/dist/assets/{SettingsLogStreamingView-DHdBwQLl.js → SettingsLogStreamingView-DJgGrIQ1.js} +1 -31
  37. package/dist/assets/{SettingsPersonalView-BB52C_8a.js → SettingsPersonalView-B2bLHSrL.js} +1 -31
  38. package/dist/assets/{SettingsSourceControl-jvUljmfM.js → SettingsSourceControl-B_iPYBUX.js} +4 -35
  39. package/dist/assets/{SettingsSso-CtDqCHek.js → SettingsSso-Bo8ktz1t.js} +1 -31
  40. package/dist/assets/{SettingsUsageAndPlan-DtE-8JQB.js → SettingsUsageAndPlan-C9jiEOqE.js} +1 -32
  41. package/dist/assets/{SettingsUsersView-D0fkCNqq.js → SettingsUsersView-Do-E2R-M.js} +1 -31
  42. package/dist/assets/{SettingsView-Bdy1VVV5.js → SettingsView-DK-_ao4_.js} +25 -34
  43. package/dist/assets/{SetupView-DZD5V-sp.js → SetupView-ZFKQKIJD.js} +2 -32
  44. package/dist/assets/{SetupWorkflowCredentialsButton-BniWA70J.js → SetupWorkflowCredentialsButton-BaMJBfk2.js} +1 -31
  45. package/dist/assets/{SetupWorkflowFromTemplateView-zPdNiNwz.js → SetupWorkflowFromTemplateView-BvmNbGYh.js} +3 -33
  46. package/dist/assets/{SigninView-vhBJQAUq.js → SigninView-k_FnQgNC.js} +2 -32
  47. package/dist/assets/SignoutView-DTgJmCun.js +27 -0
  48. package/dist/assets/{SignupView-BnaxyfVy.js → SignupView-GFIqKxQ1.js} +2 -32
  49. package/dist/assets/{TemplateDetails-CgWak1sI.js → TemplateDetails-CrE5d8Z2.js} +1 -4
  50. package/dist/assets/{TemplateList-Dk-hIcwM.js → TemplateList-DugVXLa6.js} +1 -3
  51. package/dist/assets/{TemplatesCollectionView-BykSqyyh.js → TemplatesCollectionView-BulzRTVk.js} +5 -35
  52. package/dist/assets/{TemplatesSearchView-Db3YPUKN.js → TemplatesSearchView--aU9JJ_A.js} +738 -41
  53. package/dist/assets/{TemplatesSearchView-BYNWZYGm.css → TemplatesSearchView-BiokbeYf.css} +94 -1
  54. package/dist/assets/{TemplatesView-DSqSs2Fe.js → TemplatesView-VxuSLtRB.js} +1 -3
  55. package/dist/assets/{TemplatesWorkflowView-AcNIRcdH.js → TemplatesWorkflowView-DEOmoGFU.js} +5 -35
  56. package/dist/assets/{VariablesView-BDucuF4S.js → VariablesView-D0qaiG35.js} +2 -33
  57. package/dist/assets/{WorkerView-Bt7mkvne.js → WorkerView-BQWPVPCG.js} +159 -43
  58. package/dist/assets/{WorkflowActivator-BBCmkXVM.js → WorkflowActivator-CFE8HnEQ.js} +3 -7
  59. package/dist/assets/{WorkflowExecutionsInfoAccordion-C1u1QoTS.js → WorkflowExecutionsInfoAccordion-j1oBChRL.js} +1 -3
  60. package/dist/assets/{WorkflowExecutionsLandingPage-DO0GNREn.js → WorkflowExecutionsLandingPage-7PqoziUe.js} +2 -32
  61. package/dist/assets/{WorkflowExecutionsPreview-DKazVAlp.js → WorkflowExecutionsPreview-BCKc44DY.js} +10 -42
  62. package/dist/assets/{WorkflowExecutionsView-xQs2Ihb3.js → WorkflowExecutionsView-De-rqjwc.js} +6 -37
  63. package/dist/assets/{WorkflowHistory-CRZhK8Sh.js → WorkflowHistory-BQHDI-k-.js} +8 -45
  64. package/dist/assets/{WorkflowOnboardingView-BLRc_Z_9.js → WorkflowOnboardingView-B3aKS1PJ.js} +1 -31
  65. package/dist/assets/{WorkflowPreview-CpeWIc9m.js → WorkflowPreview-jblZXN9D.js} +1 -3
  66. package/dist/assets/{WorkflowsView-CADkCbWU.js → WorkflowsView-DQqwovww.js} +19 -37
  67. package/dist/assets/cloud-ChkMgrsu.js +37 -0
  68. package/dist/assets/{dateFormatter-B-oph3V5.js → dateFormatter-BOFH7hQn.js} +1 -1
  69. package/dist/assets/index-B5Li9oNe.js +331713 -0
  70. package/dist/assets/{index-B5Pl_Rdy.css → index-BGyoJ6bM.css} +3941 -8
  71. package/dist/assets/{pushConnection.store-BGMVJHP3.js → pushConnection.store-Cp0wdk-m.js} +3 -3
  72. package/dist/assets/{templateActions-DOJZ_yY5.js → templateActions-DbRugCSY.js} +1 -1
  73. package/dist/assets/{useBeforeUnload-Tcm8t4ZF.js → useBeforeUnload-HSb2Wsej.js} +1 -2
  74. package/dist/assets/{useExecutionDebugging-CiwtVWXD.js → useExecutionDebugging-Czs7eCHy.js} +1 -2
  75. package/dist/assets/{usePushConnection-CbB_XBsw.js → usePushConnection-CLr2QrgA.js} +12 -17
  76. package/dist/assets/{useWorkflowActivate-C8RDXHeZ.js → useWorkflowActivate-D9OoUkBo.js} +1 -2
  77. package/dist/index.html +2 -33
  78. package/package.json +1 -1
  79. package/vite.config.mts +0 -41
  80. package/dist/assets/@jsplumb/browser-ui-D3WTv2iL.js +0 -5431
  81. package/dist/assets/@jsplumb/common-Cn2WooAp.js +0 -142
  82. package/dist/assets/@jsplumb/connector-bezier-BsoOTqok.js +0 -1019
  83. package/dist/assets/@jsplumb/core-DLCSr9D4.js +0 -7317
  84. package/dist/assets/@jsplumb/util-DggqnqQo.js +0 -936
  85. package/dist/assets/@lezer/common-Bs5t-XhT.js +0 -1988
  86. package/dist/assets/@n8n/api-types-Clq_Leox.js +0 -1
  87. package/dist/assets/@n8n/codemirror-lang-Bizw8G99.js +0 -20928
  88. package/dist/assets/@n8n/codemirror-lang-sql-C9sfSTUi.js +0 -14443
  89. package/dist/assets/@n8n/permissions-BxSXRD9U.js +0 -52
  90. package/dist/assets/@sentry/vue-By9cUXYj.js +0 -23618
  91. package/dist/assets/@vue-flow/background-B1J8rodd.js +0 -123
  92. package/dist/assets/@vue-flow/controls-B4bXJQnK.js +0 -204
  93. package/dist/assets/@vue-flow/core-tETEFGtP.js +0 -9818
  94. package/dist/assets/@vue-flow/minimap-CGW7BbeH.js +0 -2951
  95. package/dist/assets/@vue-flow/node-resizer-C7hxX6Ea.js +0 -1398
  96. package/dist/assets/@vueuse/core-BTO0AmLR.js +0 -8894
  97. package/dist/assets/RunDataJsonActions-CXjxyS8I.js +0 -270
  98. package/dist/assets/SettingsFakeDoorView-B-CvApAQ.js +0 -74
  99. package/dist/assets/SettingsLdapView-Cx9juILz.js +0 -746
  100. package/dist/assets/SignoutView-BvsyOBJl.js +0 -57
  101. package/dist/assets/aws-secrets-manager-NwVFybsa.svg +0 -18
  102. package/dist/assets/axios-BW6T4tHC.js +0 -2403
  103. package/dist/assets/azure-key-vault-DTTl_IR7.svg +0 -23
  104. package/dist/assets/bowser-CDCHPFWD.js +0 -1931
  105. package/dist/assets/change-case-Dux1iW35.js +0 -137
  106. package/dist/assets/chart.js-BYpPl_l4.js +0 -14318
  107. package/dist/assets/cloud-CyEezfUz.js +0 -95
  108. package/dist/assets/codemirror-lang-html-n8n-BElKE4vf.js +0 -2498
  109. package/dist/assets/dateformat-BevCJF2z.js +0 -208
  110. package/dist/assets/email-providers-Brdpqw-Z.js +0 -1
  111. package/dist/assets/esprima-next-DUEu30kB.js +0 -6712
  112. package/dist/assets/fast-json-stable-stringify-D9R5x91P.js +0 -55
  113. package/dist/assets/flatted-BLlNkUR-.js +0 -76
  114. package/dist/assets/gcp-secrets-manager-BcK0Zj6Y.svg +0 -9
  115. package/dist/assets/hashicorp-5zlHdJCj.webp +0 -0
  116. package/dist/assets/highlight.js-Brdpqw-Z.js +0 -1
  117. package/dist/assets/index-DTqspxIG.js +0 -87778
  118. package/dist/assets/infisical-Db7VXgLp.webp +0 -0
  119. package/dist/assets/lodash-es-DCRmYdQ5.js +0 -6061
  120. package/dist/assets/luxon-N8mghSWH.js +0 -6159
  121. package/dist/assets/n8n-C6KBCWah.css +0 -4973
  122. package/dist/assets/n8n-o-6nV4eX.js +0 -163925
  123. package/dist/assets/pinia-BWzoPyXU.js +0 -1650
  124. package/dist/assets/prettier-eWLVZldr.js +0 -2294
  125. package/dist/assets/qrcode.vue-BavVPFUM.js +0 -1132
  126. package/dist/assets/timeago.js-CgQus8nl.js +0 -116
  127. package/dist/assets/useUserHelpers-CKYk9GNq.js +0 -27
  128. package/dist/assets/uuid-DRDfXVM2.js +0 -542
  129. package/dist/assets/v3-infinite-loading-CHlSsXAy.js +0 -114
  130. package/dist/assets/vendor-D8YCjNHu.js +0 -14463
  131. package/dist/assets/vue-agile-B2NGbzqY.css +0 -93
  132. package/dist/assets/vue-agile-Busf3nxn.js +0 -727
  133. package/dist/assets/vue-chartjs-DBNEiLG-.js +0 -203
  134. package/dist/assets/vue-i18n-CeifA_Nk.js +0 -5329
  135. package/dist/assets/vue-json-pretty-DHS8nWi_.js +0 -340
  136. package/dist/assets/vue3-touch-events-DVOgU3fI.js +0 -301
  137. package/dist/assets/xss-Brdpqw-Z.js +0 -1
@@ -1,4973 +0,0 @@
1
- @charset "UTF-8";._bold_iiaa3_1 {
2
- font-weight: var(--font-weight-bold);
3
- }
4
- ._regular_iiaa3_5 {
5
- font-weight: var(--font-weight-regular);
6
- }
7
- ._size-xlarge_iiaa3_9 {
8
- font-size: var(--font-size-xl);
9
- line-height: var(--font-line-height-xloose);
10
- }
11
- ._size-large_iiaa3_14 {
12
- font-size: var(--font-size-m);
13
- line-height: var(--font-line-height-xloose);
14
- }
15
- ._size-medium_iiaa3_19 {
16
- font-size: var(--font-size-s);
17
- line-height: var(--font-line-height-loose);
18
- }
19
- ._size-small_iiaa3_24 {
20
- font-size: var(--font-size-2xs);
21
- line-height: var(--font-line-height-loose);
22
- }
23
- ._size-xsmall_iiaa3_29 {
24
- font-size: var(--font-size-3xs);
25
- line-height: var(--font-line-height-compact);
26
- }
27
- ._compact_iiaa3_34 {
28
- line-height: 1;
29
- }
30
- ._primary_iiaa3_38 {
31
- color: var(--color-primary);
32
- }
33
- ._secondary_iiaa3_42 {
34
- color: var(--color-secondary);
35
- }
36
- ._text-dark_iiaa3_46 {
37
- color: var(--color-text-dark);
38
- }
39
- ._text-base_iiaa3_50 {
40
- color: var(--color-text-base);
41
- }
42
- ._text-light_iiaa3_54 {
43
- color: var(--color-text-light);
44
- }
45
- ._text-xlight_iiaa3_58 {
46
- color: var(--color-text-xlight);
47
- }
48
- ._danger_iiaa3_62 {
49
- color: var(--color-text-danger);
50
- }
51
- ._success_iiaa3_66 {
52
- color: var(--color-success);
53
- }
54
- ._warning_iiaa3_70 {
55
- color: var(--color-warning);
56
- }
57
- ._align-left_iiaa3_74 {
58
- text-align: left;
59
- }
60
- ._align-right_iiaa3_78 {
61
- text-align: right;
62
- }
63
- ._align-center_iiaa3_82 {
64
- text-align: center;
65
- }._xlarge_1pnjy_1 {
66
- width: var(--font-size-xl) !important;
67
- }
68
- ._large_1pnjy_5 {
69
- width: var(--font-size-m) !important;
70
- }
71
- ._medium_1pnjy_9 {
72
- width: var(--font-size-s) !important;
73
- }
74
- ._small_1pnjy_13 {
75
- width: var(--font-size-2xs) !important;
76
- }
77
- ._xsmall_1pnjy_17 {
78
- width: var(--font-size-3xs) !important;
79
- }.lds-ring {
80
- display: inline-block;
81
- position: relative;
82
- width: 48px;
83
- height: 48px;
84
- }
85
- .lds-ring div {
86
- -webkit-box-sizing: border-box;
87
- box-sizing: border-box;
88
- display: block;
89
- position: absolute;
90
- width: 48px;
91
- height: 48px;
92
- border: 4px solid var(--color-foreground-xlight);
93
- border-radius: 50%;
94
- -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
95
- animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
96
- border-color: var(--color-primary) transparent transparent transparent;
97
- }
98
- .lds-ring div:nth-child(1) {
99
- -webkit-animation-delay: -0.45s;
100
- animation-delay: -0.45s;
101
- }
102
- .lds-ring div:nth-child(2) {
103
- -webkit-animation-delay: -0.3s;
104
- animation-delay: -0.3s;
105
- }
106
- .lds-ring div:nth-child(3) {
107
- -webkit-animation-delay: -0.15s;
108
- animation-delay: -0.15s;
109
- }
110
- @-webkit-keyframes lds-ring {
111
- 0% {
112
- -webkit-transform: rotate(0deg);
113
- transform: rotate(0deg);
114
- }
115
- 100% {
116
- -webkit-transform: rotate(360deg);
117
- transform: rotate(360deg);
118
- }
119
- }
120
- @keyframes lds-ring {
121
- 0% {
122
- -webkit-transform: rotate(0deg);
123
- transform: rotate(0deg);
124
- }
125
- 100% {
126
- -webkit-transform: rotate(360deg);
127
- transform: rotate(360deg);
128
- }
129
- }/* BEM support Func
130
- -------------------------- */
131
- /* Transition
132
- -------------------------- */
133
- /* Color
134
- -------------------------- */
135
- /* Link
136
- -------------------------- */
137
- /* Border
138
- -------------------------- */
139
- /* Outline
140
- -------------------------- */
141
- /* Box shadow
142
- -------------------------- */
143
- /* Fill
144
- -------------------------- */
145
- /* Typography
146
- -------------------------- */
147
- /* z-index
148
- -------------------------- */
149
- /* Disable base
150
- -------------------------- */
151
- /* Icon
152
- -------------------------- */
153
- /* Checkbox
154
- -------------------------- */
155
- /* Radio
156
- -------------------------- */
157
- /* Select
158
- -------------------------- */
159
- /* Alert
160
- -------------------------- */
161
- /* MessageBox
162
- -------------------------- */
163
- /* Message
164
- -------------------------- */
165
- /* Notification
166
- -------------------------- */
167
- /* Input
168
- -------------------------- */
169
- /* Cascader
170
- -------------------------- */
171
- /* Group
172
- -------------------------- */
173
- /* Tab
174
- -------------------------- */
175
- /* Button
176
- -------------------------- */
177
- /* cascader
178
- -------------------------- */
179
- /* Switch
180
- -------------------------- */
181
- /* Dialog
182
- -------------------------- */
183
- /* Table
184
- -------------------------- */
185
- /* Pagination
186
- -------------------------- */
187
- /* Popup
188
- -------------------------- */
189
- /* Popover
190
- -------------------------- */
191
- /* Tooltip
192
- -------------------------- */
193
- /* Tag
194
- -------------------------- */
195
- /* Tree
196
- -------------------------- */
197
- /* Dropdown
198
- -------------------------- */
199
- /* Badge
200
- -------------------------- */
201
- /* Card
202
- --------------------------*/
203
- /* Slider
204
- --------------------------*/
205
- /* Steps
206
- --------------------------*/
207
- /* Menu
208
- --------------------------*/
209
- /* Rate
210
- --------------------------*/
211
- /* DatePicker
212
- --------------------------*/
213
- /* Loading
214
- --------------------------*/
215
- /* Scrollbar
216
- --------------------------*/
217
- /* Carousel
218
- --------------------------*/
219
- /* Collapse
220
- --------------------------*/
221
- /* Transfer
222
- --------------------------*/
223
- /* Header
224
- --------------------------*/
225
- /* Footer
226
- --------------------------*/
227
- /* Main
228
- --------------------------*/
229
- /* Timeline
230
- --------------------------*/
231
- /* Backtop
232
- --------------------------*/
233
- /* Link
234
- --------------------------*/
235
- /* Calendar
236
- --------------------------*/
237
- /* Form
238
- -------------------------- */
239
- /* Avatar
240
- --------------------------*/
241
- /* Break-point
242
- --------------------------*/
243
- .el-button {
244
- display: inline-block;
245
- line-height: 1;
246
- white-space: nowrap;
247
- cursor: pointer;
248
- border: var(--border-width-base) var(--button-border-color, var(--color-button-primary-border)) var(--border-style-base) !important;
249
- color: var(--button-font-color, var(--color-button-primary-font)) !important;
250
- background-color: var(--button-background-color, var(--color-button-primary-background)) !important;
251
- font-weight: var(--font-weight-bold) !important;
252
- border-radius: var(--button-border-radius, 4px) !important;
253
- padding: var(--button-padding-vertical, var(--spacing-xs)) var(--button-padding-horizontal, var(--spacing-m)) !important;
254
- font-size: var(--button-font-size, var(--font-size-s)) !important;
255
- -webkit-appearance: none;
256
- text-align: center;
257
- -webkit-box-sizing: border-box;
258
- box-sizing: border-box;
259
- outline: none;
260
- margin: 0;
261
- -webkit-transition: 0.3s;
262
- transition: 0.3s;
263
- -moz-user-select: none;
264
- -webkit-user-select: none;
265
- -ms-user-select: none;
266
- --button-padding-vertical: var(--spacing-2xs);
267
- --button-padding-horizontal: var(--spacing-xs);
268
- --button-font-size: var(--font-size-2xs);
269
- }
270
- .el-button a {
271
- color: var(--button-font-color, var(--color-button-primary-font)) !important;
272
- }
273
- .el-button:hover {
274
- color: var(--button-hover-font-color, var(--color-button-primary-font)) !important;
275
- border-color: var(--button-hover-border-color, var(--color-button-primary-hover-active-border)) !important;
276
- background-color: var(--button-hover-background-color, var(--color-button-primary-hover-active-focus-background)) !important;
277
- }
278
- .el-button:hover a {
279
- color: var(--button-hover-font-color, var(--color-button-primary-font)) !important;
280
- }
281
- .el-button:active, .el-button.active {
282
- color: var(--button-active-font-color, var(--color-button-primary-font)) !important;
283
- border-color: var(--button-active-border-color, var(--color-button-primary-hover-active-border)) !important;
284
- background-color: var(--button-active-background-color, var(--color-button-primary-hover-active-focus-background)) !important;
285
- outline: none;
286
- }
287
- .el-button:active a, .el-button.active a {
288
- color: var(--button-active-font-color, var(--color-button-primary-font)) !important;
289
- }
290
- .el-button:focus-visible:not(:active, .active) {
291
- color: var(--button-focus-font-color, var(--color-button-primary-font)) !important;
292
- border-color: var(--button-focus-border-color, var(--color-button-primary-border)) !important;
293
- background-color: var(--button-focus-background-color, var(--color-button-primary-hover-active-focus-background)) !important;
294
- outline: 3px solid var(--button-focus-outline-color, var(--color-button-primary-focus-outline)) !important;
295
- }
296
- .el-button:focus-visible:not(:active, .active) a {
297
- color: var(--button-focus-font-color, var(--color-button-primary-font)) !important;
298
- }
299
- .el-button.disabled, .el-button.disabled:hover, .el-button.disabled:active, .el-button.disabled:focus-visible {
300
- color: var(--button-disabled-font-color, var(--color-button-primary-disabled-font));
301
- border-color: var(--button-disabled-border-color, var(--color-button-primary-disabled-border));
302
- background-color: var(--button-disabled-background-color, var(--color-button-primary-disabled-background));
303
- }
304
- .el-button.disabled a, .el-button.disabled:hover a, .el-button.disabled:active a, .el-button.disabled:focus-visible a {
305
- color: var(--button-disabled-font-color, var(--color-button-primary-disabled-font));
306
- }
307
- .el-button .loading, .el-button .loading:hover, .el-button .loading:active, .el-button .loading:focus-visible {
308
- color: var(--button-loading-font-color, var(--color-button-primary-font));
309
- border-color: var(--button-loading-border-color, var(--color-button-primary-border));
310
- background-color: var(--button-loading-background-color, var(--color-button-primary-background));
311
- }
312
- .el-button .loading a, .el-button .loading:hover a, .el-button .loading:active a, .el-button .loading:focus-visible a {
313
- color: var(--button-loading-font-color, var(--color-button-primary-font));
314
- }
315
- .el-button::-moz-focus-inner {
316
- border: 0;
317
- }
318
- .el-button > i {
319
- display: none;
320
- }
321
- .el-button > span {
322
- display: -webkit-box;
323
- display: -ms-flexbox;
324
- display: flex;
325
- -webkit-box-pack: center;
326
- -ms-flex-pack: center;
327
- justify-content: center;
328
- -webkit-box-align: center;
329
- -ms-flex-align: center;
330
- align-items: center;
331
- }
332
- .el-button span + span {
333
- margin-left: var(--spacing-3xs);
334
- }
335
- .el-button + .el-button {
336
- margin-left: var(--spacing-2xs);
337
- }
338
- .el-button.btn--cancel, .el-button.el-color-dropdown__link-btn {
339
- --button-font-color: var(--color-button-secondary-font);
340
- --button-border-color: var(--color-button-secondary-border);
341
- --button-background-color: var(--color-button-secondary-background);
342
- --button-hover-font-color: var(--color-button-secondary-hover-active-focus-font);
343
- --button-hover-border-color: var(--color-button-secondary-hover-active-focus-border);
344
- --button-hover-background-color: var(--color-button-secondary-hover-background);
345
- --button-active-font-color: var(--color-button-secondary-hover-active-focus-font);
346
- --button-active-border-color: var(--color-button-secondary-hover-active-focus-border);
347
- --button-active-background-color: var(--color-button-secondary-active-focus-background);
348
- --button-focus-font-color: var(--color-button-secondary-hover-active-focus-font);
349
- --button-focus-border-color: var(--color-button-secondary-hover-active-focus-border);
350
- --button-focus-background-color: var(--color-button-secondary-active-focus-background);
351
- --button-focus-outline-color: var(--color-button-secondary-focus-outline);
352
- --button-disabled-font-color: var(--color-button-secondary-disabled-font);
353
- --button-disabled-border-color: var(--color-button-secondary-disabled-border);
354
- --button-disabled-background-color: var(--color-button-secondary-background);
355
- --button-loading-font-color: var(--color-button-secondary-loading-font);
356
- --button-loading-border-color: var(--color-button-secondary-loading-border);
357
- --button-loading-background-color: var(--color-button-secondary-loading-background);
358
- }/* BEM support Func
359
- -------------------------- */
360
- /* Transition
361
- -------------------------- */
362
- /* Color
363
- -------------------------- */
364
- /* Link
365
- -------------------------- */
366
- /* Border
367
- -------------------------- */
368
- /* Outline
369
- -------------------------- */
370
- /* Box shadow
371
- -------------------------- */
372
- /* Fill
373
- -------------------------- */
374
- /* Typography
375
- -------------------------- */
376
- /* z-index
377
- -------------------------- */
378
- /* Disable base
379
- -------------------------- */
380
- /* Icon
381
- -------------------------- */
382
- /* Checkbox
383
- -------------------------- */
384
- /* Radio
385
- -------------------------- */
386
- /* Select
387
- -------------------------- */
388
- /* Alert
389
- -------------------------- */
390
- /* MessageBox
391
- -------------------------- */
392
- /* Message
393
- -------------------------- */
394
- /* Notification
395
- -------------------------- */
396
- /* Input
397
- -------------------------- */
398
- /* Cascader
399
- -------------------------- */
400
- /* Group
401
- -------------------------- */
402
- /* Tab
403
- -------------------------- */
404
- /* Button
405
- -------------------------- */
406
- /* cascader
407
- -------------------------- */
408
- /* Switch
409
- -------------------------- */
410
- /* Dialog
411
- -------------------------- */
412
- /* Table
413
- -------------------------- */
414
- /* Pagination
415
- -------------------------- */
416
- /* Popup
417
- -------------------------- */
418
- /* Popover
419
- -------------------------- */
420
- /* Tooltip
421
- -------------------------- */
422
- /* Tag
423
- -------------------------- */
424
- /* Tree
425
- -------------------------- */
426
- /* Dropdown
427
- -------------------------- */
428
- /* Badge
429
- -------------------------- */
430
- /* Card
431
- --------------------------*/
432
- /* Slider
433
- --------------------------*/
434
- /* Steps
435
- --------------------------*/
436
- /* Menu
437
- --------------------------*/
438
- /* Rate
439
- --------------------------*/
440
- /* DatePicker
441
- --------------------------*/
442
- /* Loading
443
- --------------------------*/
444
- /* Scrollbar
445
- --------------------------*/
446
- /* Carousel
447
- --------------------------*/
448
- /* Collapse
449
- --------------------------*/
450
- /* Transfer
451
- --------------------------*/
452
- /* Header
453
- --------------------------*/
454
- /* Footer
455
- --------------------------*/
456
- /* Main
457
- --------------------------*/
458
- /* Timeline
459
- --------------------------*/
460
- /* Backtop
461
- --------------------------*/
462
- /* Link
463
- --------------------------*/
464
- /* Calendar
465
- --------------------------*/
466
- /* Form
467
- -------------------------- */
468
- /* Avatar
469
- --------------------------*/
470
- /* Break-point
471
- --------------------------*/
472
- /* BEM support Func
473
- -------------------------- */
474
- /* Transition
475
- -------------------------- */
476
- /* Color
477
- -------------------------- */
478
- /* Link
479
- -------------------------- */
480
- /* Border
481
- -------------------------- */
482
- /* Outline
483
- -------------------------- */
484
- /* Box shadow
485
- -------------------------- */
486
- /* Fill
487
- -------------------------- */
488
- /* Typography
489
- -------------------------- */
490
- /* z-index
491
- -------------------------- */
492
- /* Disable base
493
- -------------------------- */
494
- /* Icon
495
- -------------------------- */
496
- /* Checkbox
497
- -------------------------- */
498
- /* Radio
499
- -------------------------- */
500
- /* Select
501
- -------------------------- */
502
- /* Alert
503
- -------------------------- */
504
- /* MessageBox
505
- -------------------------- */
506
- /* Message
507
- -------------------------- */
508
- /* Notification
509
- -------------------------- */
510
- /* Input
511
- -------------------------- */
512
- /* Cascader
513
- -------------------------- */
514
- /* Group
515
- -------------------------- */
516
- /* Tab
517
- -------------------------- */
518
- /* Button
519
- -------------------------- */
520
- /* cascader
521
- -------------------------- */
522
- /* Switch
523
- -------------------------- */
524
- /* Dialog
525
- -------------------------- */
526
- /* Table
527
- -------------------------- */
528
- /* Pagination
529
- -------------------------- */
530
- /* Popup
531
- -------------------------- */
532
- /* Popover
533
- -------------------------- */
534
- /* Tooltip
535
- -------------------------- */
536
- /* Tag
537
- -------------------------- */
538
- /* Tree
539
- -------------------------- */
540
- /* Dropdown
541
- -------------------------- */
542
- /* Badge
543
- -------------------------- */
544
- /* Card
545
- --------------------------*/
546
- /* Slider
547
- --------------------------*/
548
- /* Steps
549
- --------------------------*/
550
- /* Menu
551
- --------------------------*/
552
- /* Rate
553
- --------------------------*/
554
- /* DatePicker
555
- --------------------------*/
556
- /* Loading
557
- --------------------------*/
558
- /* Scrollbar
559
- --------------------------*/
560
- /* Carousel
561
- --------------------------*/
562
- /* Collapse
563
- --------------------------*/
564
- /* Transfer
565
- --------------------------*/
566
- /* Header
567
- --------------------------*/
568
- /* Footer
569
- --------------------------*/
570
- /* Main
571
- --------------------------*/
572
- /* Timeline
573
- --------------------------*/
574
- /* Backtop
575
- --------------------------*/
576
- /* Link
577
- --------------------------*/
578
- /* Calendar
579
- --------------------------*/
580
- /* Form
581
- -------------------------- */
582
- /* Avatar
583
- --------------------------*/
584
- /* Break-point
585
- --------------------------*/
586
- ._button_ejchy_229 {
587
- display: inline-block;
588
- line-height: 1;
589
- white-space: nowrap;
590
- cursor: pointer;
591
- border: var(--border-width-base) var(--button-border-color, var(--color-button-primary-border)) var(--border-style-base);
592
- color: var(--button-font-color, var(--color-button-primary-font));
593
- background-color: var(--button-background-color, var(--color-button-primary-background));
594
- font-weight: var(--font-weight-bold);
595
- border-radius: var(--button-border-radius, 4px);
596
- padding: var(--button-padding-vertical, var(--spacing-xs)) var(--button-padding-horizontal, var(--spacing-m));
597
- font-size: var(--button-font-size, var(--font-size-s));
598
- -webkit-appearance: none;
599
- text-align: center;
600
- -webkit-box-sizing: border-box;
601
- box-sizing: border-box;
602
- outline: none;
603
- margin: 0;
604
- -webkit-transition: 0.3s;
605
- transition: 0.3s;
606
- -moz-user-select: none;
607
- -webkit-user-select: none;
608
- -ms-user-select: none;
609
- }
610
- ._button_ejchy_229 a {
611
- color: var(--button-font-color, var(--color-button-primary-font));
612
- }
613
- ._button_ejchy_229:hover {
614
- color: var(--button-hover-font-color, var(--color-button-primary-font));
615
- border-color: var(--button-hover-border-color, var(--color-button-primary-hover-active-border));
616
- background-color: var(--button-hover-background-color, var(--color-button-primary-hover-active-focus-background));
617
- }
618
- ._button_ejchy_229:hover a {
619
- color: var(--button-hover-font-color, var(--color-button-primary-font));
620
- }
621
- ._button_ejchy_229:active, ._button_ejchy_229._active_ejchy_262 {
622
- color: var(--button-active-font-color, var(--color-button-primary-font));
623
- border-color: var(--button-active-border-color, var(--color-button-primary-hover-active-border));
624
- background-color: var(--button-active-background-color, var(--color-button-primary-hover-active-focus-background));
625
- outline: none;
626
- }
627
- ._button_ejchy_229:active a, ._button_ejchy_229._active_ejchy_262 a {
628
- color: var(--button-active-font-color, var(--color-button-primary-font));
629
- }
630
- ._button_ejchy_229:focus-visible:not(:active, ._active_ejchy_262) {
631
- color: var(--button-focus-font-color, var(--color-button-primary-font));
632
- border-color: var(--button-focus-border-color, var(--color-button-primary-border));
633
- background-color: var(--button-focus-background-color, var(--color-button-primary-hover-active-focus-background));
634
- outline: 3px solid var(--button-focus-outline-color, var(--color-button-primary-focus-outline));
635
- }
636
- ._button_ejchy_229:focus-visible:not(:active, ._active_ejchy_262) a {
637
- color: var(--button-focus-font-color, var(--color-button-primary-font));
638
- }
639
- ._button_ejchy_229._disabled_ejchy_280, ._button_ejchy_229._disabled_ejchy_280:hover, ._button_ejchy_229._disabled_ejchy_280:active, ._button_ejchy_229._disabled_ejchy_280:focus-visible {
640
- color: var(--button-disabled-font-color, var(--color-button-primary-disabled-font));
641
- border-color: var(--button-disabled-border-color, var(--color-button-primary-disabled-border));
642
- background-color: var(--button-disabled-background-color, var(--color-button-primary-disabled-background));
643
- }
644
- ._button_ejchy_229._disabled_ejchy_280 a, ._button_ejchy_229._disabled_ejchy_280:hover a, ._button_ejchy_229._disabled_ejchy_280:active a, ._button_ejchy_229._disabled_ejchy_280:focus-visible a {
645
- color: var(--button-disabled-font-color, var(--color-button-primary-disabled-font));
646
- }
647
- ._button_ejchy_229 ._loading_ejchy_288, ._button_ejchy_229 ._loading_ejchy_288:hover, ._button_ejchy_229 ._loading_ejchy_288:active, ._button_ejchy_229 ._loading_ejchy_288:focus-visible {
648
- color: var(--button-loading-font-color, var(--color-button-primary-font));
649
- border-color: var(--button-loading-border-color, var(--color-button-primary-border));
650
- background-color: var(--button-loading-background-color, var(--color-button-primary-background));
651
- }
652
- ._button_ejchy_229 ._loading_ejchy_288 a, ._button_ejchy_229 ._loading_ejchy_288:hover a, ._button_ejchy_229 ._loading_ejchy_288:active a, ._button_ejchy_229 ._loading_ejchy_288:focus-visible a {
653
- color: var(--button-loading-font-color, var(--color-button-primary-font));
654
- }
655
- ._button_ejchy_229::-moz-focus-inner {
656
- border: 0;
657
- }
658
- ._button_ejchy_229 > i {
659
- display: none;
660
- }
661
- ._button_ejchy_229 > span {
662
- display: -webkit-box;
663
- display: -ms-flexbox;
664
- display: flex;
665
- -webkit-box-pack: center;
666
- -ms-flex-pack: center;
667
- justify-content: center;
668
- -webkit-box-align: center;
669
- -ms-flex-align: center;
670
- align-items: center;
671
- }
672
- ._button_ejchy_229 span + span {
673
- margin-left: var(--spacing-3xs);
674
- }
675
- /**
676
- * Colors
677
- */
678
- ._secondary_ejchy_314 {
679
- --button-font-color: var(--color-button-secondary-font);
680
- --button-border-color: var(--color-button-secondary-border);
681
- --button-background-color: var(--color-button-secondary-background);
682
- --button-hover-font-color: var(--color-button-secondary-hover-active-focus-font);
683
- --button-hover-border-color: var(--color-button-secondary-hover-active-focus-border);
684
- --button-hover-background-color: var(--color-button-secondary-hover-background);
685
- --button-active-font-color: var(--color-button-secondary-hover-active-focus-font);
686
- --button-active-border-color: var(--color-button-secondary-hover-active-focus-border);
687
- --button-active-background-color: var(--color-button-secondary-active-focus-background);
688
- --button-focus-font-color: var(--color-button-secondary-hover-active-focus-font);
689
- --button-focus-border-color: var(--color-button-secondary-hover-active-focus-border);
690
- --button-focus-background-color: var(--color-button-secondary-active-focus-background);
691
- --button-focus-outline-color: var(--color-button-secondary-focus-outline);
692
- --button-disabled-font-color: var(--color-button-secondary-disabled-font);
693
- --button-disabled-border-color: var(--color-button-secondary-disabled-border);
694
- --button-disabled-background-color: var(--color-button-secondary-background);
695
- --button-loading-font-color: var(--color-button-secondary-loading-font);
696
- --button-loading-border-color: var(--color-button-secondary-loading-border);
697
- --button-loading-background-color: var(--color-button-secondary-loading-background);
698
- }
699
- ._tertiary_ejchy_336 {
700
- --button-font-color: var(--color-button-secondary-font);
701
- --button-border-color: var(--color-button-secondary-border);
702
- --button-background-color: var(--color-button-secondary-background);
703
- --button-hover-font-color: var(--color-button-secondary-hover-active-focus-font);
704
- --button-hover-border-color: var(--color-button-secondary-hover-active-focus-border);
705
- --button-hover-background-color: var(--color-button-secondary-hover-background);
706
- --button-active-font-color: var(--color-button-secondary-hover-active-focus-font);
707
- --button-active-border-color: var(--color-button-secondary-hover-active-focus-border);
708
- --button-active-background-color: var(--color-button-secondary-active-focus-background);
709
- --button-focus-font-color: var(--color-button-secondary-hover-active-focus-font);
710
- --button-focus-border-color: var(--color-button-secondary-hover-active-focus-border);
711
- --button-focus-background-color: var(--color-button-secondary-active-focus-background);
712
- --button-focus-outline-color: var(--color-button-secondary-focus-outline);
713
- --button-disabled-font-color: var(--color-button-secondary-disabled-font);
714
- --button-disabled-border-color: var(--color-button-secondary-disabled-border);
715
- --button-disabled-background-color: var(--color-button-secondary-background);
716
- --button-loading-font-color: var(--color-button-secondary-loading-font);
717
- --button-loading-border-color: var(--color-button-secondary-loading-border);
718
- --button-loading-background-color: var(--color-button-secondary-loading-background);
719
- }
720
- ._success_ejchy_358 {
721
- --button-font-color: var(--color-button-success-font);
722
- --button-border-color: var(--color-success);
723
- --button-background-color: var(--color-success);
724
- --button-hover-font-color: var(--color-button-success-font);
725
- --button-hover-border-color: var(--color-success-shade-1);
726
- --button-hover-background-color: var(--color-success-shade-1);
727
- --button-active-font-color: var(--color-button-success-font);
728
- --button-active-border-color: var(--color-success-shade-1);
729
- --button-active-background-color: var(--color-success-shade-1);
730
- --button-focus-font-color: var(--color-button-success-font);
731
- --button-focus-border-color: var(--color-success);
732
- --button-focus-background-color: var(--color-success);
733
- --button-focus-outline-color: var(--color-success-light);
734
- --button-disabled-font-color: var(--color-button-success-disabled-font);
735
- --button-disabled-border-color: var(--color-success-tint-1);
736
- --button-disabled-background-color: var(--color-success-tint-1);
737
- --button-loading-font-color: var(--color-button-success-font);
738
- --button-loading-border-color: var(--color-success);
739
- --button-loading-background-color: var(--color-success);
740
- }
741
- ._warning_ejchy_380 {
742
- --button-font-color: var(--color-button-warning-font);
743
- --button-border-color: var(--color-warning);
744
- --button-background-color: var(--color-warning);
745
- --button-hover-font-color: var(--color-button-warning-font);
746
- --button-hover-border-color: var(--color-warning-shade-1);
747
- --button-hover-background-color: var(--color-warning-shade-1);
748
- --button-active-font-color: var(--color-button-warning-font);
749
- --button-active-border-color: var(--color-warning-shade-1);
750
- --button-active-background-color: var(--color-warning-shade-1);
751
- --button-focus-font-color: var(--color-button-warning-font);
752
- --button-focus-border-color: var(--color-warning);
753
- --button-focus-background-color: var(--color-warning);
754
- --button-focus-outline-color: var(--color-warning-tint-1);
755
- --button-disabled-font-color: var(--color-button-warning-disabled-font);
756
- --button-disabled-border-color: var(--color-warning-tint-1);
757
- --button-disabled-background-color: var(--color-warning-tint-1);
758
- --button-loading-font-color: var(--color-button-warning-font);
759
- --button-loading-border-color: var(--color-warning);
760
- --button-loading-background-color: var(--color-warning);
761
- }
762
- ._danger_ejchy_402 {
763
- --button-font-color: var(--color-button-danger-font);
764
- --button-border-color: var(--color-danger);
765
- --button-background-color: var(--color-danger);
766
- --button-hover-font-color: var(--color-button-danger-font);
767
- --button-hover-border-color: var(--color-danger-shade-1);
768
- --button-hover-background-color: var(--color-danger-shade-1);
769
- --button-active-font-color: var(--color-button-danger-font);
770
- --button-active-border-color: var(--color-danger-shade-1);
771
- --button-active-background-color: var(--color-danger-shade-1);
772
- --button-focus-font-color: var(--color-button-danger-font);
773
- --button-focus-border-color: var(--color-danger);
774
- --button-focus-background-color: var(--color-danger);
775
- --button-focus-outline-color: var(--color-danger-tint-1);
776
- --button-disabled-font-color: var(--color-button-danger-disabled-font);
777
- --button-disabled-border-color: var(--color-danger-tint-1);
778
- --button-disabled-background-color: var(--color-danger-tint-1);
779
- --button-loading-font-color: var(--color-button-danger-font);
780
- --button-loading-border-color: var(--color-danger);
781
- --button-loading-background-color: var(--color-danger);
782
- }
783
- /**
784
- * Sizes
785
- */
786
- ._xmini_ejchy_427 {
787
- --button-padding-vertical: var(--spacing-4xs);
788
- --button-padding-horizontal: var(--spacing-3xs);
789
- --button-font-size: var(--font-size-3xs);
790
- }
791
- ._xmini_ejchy_427._square_ejchy_432 {
792
- height: 22px;
793
- width: 22px;
794
- }
795
- ._mini_ejchy_437 {
796
- --button-padding-vertical: var(--spacing-4xs);
797
- --button-padding-horizontal: var(--spacing-2xs);
798
- --button-font-size: var(--font-size-2xs);
799
- }
800
- ._mini_ejchy_437._square_ejchy_432 {
801
- height: 22px;
802
- width: 22px;
803
- }
804
- ._small_ejchy_447 {
805
- --button-padding-vertical: var(--spacing-3xs);
806
- --button-padding-horizontal: var(--spacing-xs);
807
- --button-font-size: var(--font-size-2xs);
808
- }
809
- ._small_ejchy_447._square_ejchy_432 {
810
- height: 26px;
811
- width: 26px;
812
- }
813
- ._medium_ejchy_457 {
814
- --button-padding-vertical: var(--spacing-2xs);
815
- --button-padding-horizontal: var(--spacing-xs);
816
- --button-font-size: var(--font-size-2xs);
817
- }
818
- ._medium_ejchy_457._square_ejchy_432 {
819
- height: 30px;
820
- width: 30px;
821
- }
822
- ._large_ejchy_467._square_ejchy_432 {
823
- height: 42px;
824
- width: 42px;
825
- }
826
- ._xlarge_ejchy_472 {
827
- --button-padding-vertical: var(--spacing-xs);
828
- --button-padding-horizontal: var(--spacing-s);
829
- --button-font-size: var(--font-size-m);
830
- }
831
- ._xlarge_ejchy_472._square_ejchy_432 {
832
- height: 46px;
833
- width: 46px;
834
- }
835
- /**
836
- * Modifiers
837
- */
838
- ._outline_ejchy_485 {
839
- --button-background-color: transparent;
840
- --button-disabled-background-color: transparent;
841
- }
842
- ._outline_ejchy_485._primary_ejchy_489 {
843
- --button-font-color: var(--color-primary);
844
- --button-disabled-font-color: var(--color-primary-tint-1);
845
- --button-disabled-border-color: var(--color-primary-tint-1);
846
- --button-disabled-background-color: transparent;
847
- }
848
- ._outline_ejchy_485._success_ejchy_358 {
849
- --button-font-color: var(--color-success);
850
- --button-border-color: var(--color-success);
851
- --button-hover-border-color: var(--color-success);
852
- --button-hover-background-color: var(--color-success);
853
- --button-active-background-color: var(--color-success);
854
- --button-disabled-font-color: var(--color-success-light);
855
- --button-disabled-border-color: var(--color-success-light);
856
- --button-disabled-background-color: transparent;
857
- }
858
- ._outline_ejchy_485._warning_ejchy_380 {
859
- --button-font-color: var(--color-warning);
860
- --button-border-color: var(--color-warning);
861
- --button-hover-border-color: var(--color-warning);
862
- --button-hover-background-color: var(--color-warning);
863
- --button-active-background-color: var(--color-warning);
864
- --button-disabled-font-color: var(--color-warning-tint-1);
865
- --button-disabled-border-color: var(--color-warning-tint-1);
866
- --button-disabled-background-color: transparent;
867
- }
868
- ._outline_ejchy_485._danger_ejchy_402 {
869
- --button-font-color: var(--color-danger);
870
- --button-border-color: var(--color-danger);
871
- --button-hover-border-color: var(--color-danger);
872
- --button-hover-background-color: var(--color-danger);
873
- --button-active-background-color: var(--color-danger);
874
- --button-disabled-font-color: var(--color-danger-tint-1);
875
- --button-disabled-border-color: var(--color-danger-tint-1);
876
- --button-disabled-background-color: transparent;
877
- }
878
- ._text_ejchy_526 {
879
- --button-font-color: var(--color-text-button-secondary-font);
880
- --button-border-color: transparent;
881
- --button-background-color: transparent;
882
- --button-hover-border-color: transparent;
883
- --button-hover-background-color: transparent;
884
- --button-active-border-color: transparent;
885
- --button-active-background-color: transparent;
886
- --button-focus-border-color: transparent;
887
- --button-focus-background-color: transparent;
888
- --button-disabled-border-color: transparent;
889
- --button-disabled-background-color: transparent;
890
- }
891
- ._text_ejchy_526:focus {
892
- outline: 0;
893
- }
894
- ._text_ejchy_526._primary_ejchy_489 {
895
- --button-font-color: var(--color-primary);
896
- --button-hover-font-color: var(--color-primary-shade-1);
897
- --button-active-font-color: var(--color-primary-shade-1);
898
- --button-focus-font-color: var(--color-primary);
899
- --button-disabled-font-color: var(--color-primary-tint-1);
900
- }
901
- ._text_ejchy_526._success_ejchy_358 {
902
- --button-font-color: var(--color-success);
903
- --button-hover-font-color: var(--color-success-shade-1);
904
- --button-active-font-color: var(--color-success-shade-1);
905
- --button-focus-font-color: var(--color-success);
906
- --button-disabled-font-color: var(--color-success-light);
907
- }
908
- ._text_ejchy_526._warning_ejchy_380 {
909
- --button-font-color: var(--color-warning);
910
- --button-hover-font-color: var(--color-warning-shade-1);
911
- --button-active-font-color: var(--color-warning-shade-1);
912
- --button-focus-font-color: var(--color-warning);
913
- --button-disabled-font-color: var(--color-warning-tint-1);
914
- }
915
- ._text_ejchy_526._danger_ejchy_402 {
916
- --button-font-color: var(--color-danger);
917
- --button-hover-font-color: var(--color-danger-shade-1);
918
- --button-active-font-color: var(--color-danger-shade-1);
919
- --button-focus-font-color: var(--color-danger);
920
- --button-disabled-font-color: var(--color-danger-tint-1);
921
- }
922
- ._text_ejchy_526:hover {
923
- text-decoration: underline;
924
- }
925
- ._loading_ejchy_288 {
926
- position: relative;
927
- pointer-events: none;
928
- }
929
- ._loading_ejchy_288:before {
930
- pointer-events: none;
931
- content: "";
932
- position: absolute;
933
- left: -1px;
934
- top: -1px;
935
- right: -1px;
936
- bottom: -1px;
937
- border-radius: inherit;
938
- }
939
- ._disabled_ejchy_280, ._disabled_ejchy_280:hover, ._disabled_ejchy_280:active, ._disabled_ejchy_280:focus {
940
- cursor: not-allowed;
941
- background-image: none;
942
- }
943
- ._transparent_ejchy_594 {
944
- --button-background-color: transparent;
945
- --button-active-background-color: transparent;
946
- }
947
- ._withIcon_ejchy_599 {
948
- display: -webkit-inline-box;
949
- display: -ms-inline-flexbox;
950
- display: inline-flex;
951
- -webkit-box-pack: center;
952
- -ms-flex-pack: center;
953
- justify-content: center;
954
- -webkit-box-align: center;
955
- -ms-flex-align: center;
956
- align-items: center;
957
- }
958
- ._icon_ejchy_605 {
959
- display: -webkit-inline-box;
960
- display: -ms-inline-flexbox;
961
- display: inline-flex;
962
- -webkit-box-pack: center;
963
- -ms-flex-pack: center;
964
- justify-content: center;
965
- -webkit-box-align: center;
966
- -ms-flex-align: center;
967
- align-items: center;
968
- }
969
- ._icon_ejchy_605 svg {
970
- display: block;
971
- }
972
- ._block_ejchy_614 {
973
- width: 100%;
974
- }
975
- ._float-left_ejchy_618 {
976
- float: left;
977
- }
978
- ._float-right_ejchy_622 {
979
- float: right;
980
- }._buttons_1xwjb_1 {
981
- display: -webkit-box;
982
- display: -ms-flexbox;
983
- display: flex;
984
- -webkit-box-align: center;
985
- -ms-flex-align: center;
986
- align-items: center;
987
- margin-top: var(--spacing-s);
988
- gap: var(--spacing-2xs);
989
- }._callout_g1k9u_1 {
990
- display: -webkit-box;
991
- display: -ms-flexbox;
992
- display: flex;
993
- -webkit-box-pack: justify;
994
- -ms-flex-pack: justify;
995
- justify-content: space-between;
996
- font-size: var(--font-size-2xs);
997
- padding: var(--spacing-xs);
998
- border: var(--border-width-base) var(--border-style-base);
999
- -webkit-box-align: center;
1000
- -ms-flex-align: center;
1001
- align-items: center;
1002
- line-height: var(--font-line-height-loose);
1003
- border-color: var(--color-callout-info-border);
1004
- background-color: var(--color-callout-info-background);
1005
- color: var(--color-callout-info-font);
1006
- }
1007
- ._callout_g1k9u_1._slim_g1k9u_13 {
1008
- line-height: var(--font-line-height-loose);
1009
- padding: var(--spacing-3xs) var(--spacing-2xs);
1010
- }
1011
- ._round_g1k9u_18 {
1012
- border-radius: var(--border-radius-base);
1013
- }
1014
- ._messageSection_g1k9u_22 {
1015
- display: -webkit-box;
1016
- display: -ms-flexbox;
1017
- display: flex;
1018
- -webkit-box-align: center;
1019
- -ms-flex-align: center;
1020
- align-items: center;
1021
- }
1022
- ._info_g1k9u_27,
1023
- ._custom_g1k9u_28 {
1024
- border-color: var(--color-callout-info-border);
1025
- background-color: var(--color-callout-info-background);
1026
- color: var(--color-callout-info-font);
1027
- }
1028
- ._info_g1k9u_27 ._icon_g1k9u_33,
1029
- ._custom_g1k9u_28 ._icon_g1k9u_33 {
1030
- color: var(--color-callout-info-icon);
1031
- }
1032
- ._success_g1k9u_38 {
1033
- border-color: var(--color-callout-success-border);
1034
- background-color: var(--color-callout-success-background);
1035
- color: var(--color-callout-success-font);
1036
- }
1037
- ._success_g1k9u_38 ._icon_g1k9u_33 {
1038
- color: var(--color-callout-success-icon);
1039
- }
1040
- ._warning_g1k9u_47 {
1041
- border-color: var(--color-callout-warning-border);
1042
- background-color: var(--color-callout-warning-background);
1043
- color: var(--color-callout-warning-font);
1044
- }
1045
- ._warning_g1k9u_47 ._icon_g1k9u_33 {
1046
- color: var(--color-callout-warning-icon);
1047
- }
1048
- ._danger_g1k9u_56 {
1049
- border-color: var(--color-callout-danger-border);
1050
- background-color: var(--color-callout-danger-background);
1051
- color: var(--color-callout-danger-font);
1052
- }
1053
- ._danger_g1k9u_56 ._icon_g1k9u_33 {
1054
- color: var(--color-callout-danger-icon);
1055
- }
1056
- ._icon_g1k9u_33 {
1057
- line-height: 1;
1058
- margin-right: var(--spacing-2xs);
1059
- }
1060
- ._secondary_g1k9u_70 {
1061
- font-size: var(--font-size-2xs);
1062
- font-weight: var(--font-weight-bold);
1063
- border-color: var(--color-callout-secondary-border);
1064
- background-color: var(--color-callout-secondary-background);
1065
- color: var(--color-callout-secondary-font);
1066
- }
1067
- ._secondary_g1k9u_70 ._icon_g1k9u_33 {
1068
- color: var(--color-callout-secondary-icon);
1069
- }._bold_1a5p7_1 {
1070
- font-weight: var(--font-weight-bold);
1071
- }
1072
- ._regular_1a5p7_5 {
1073
- font-weight: var(--font-weight-regular);
1074
- }
1075
- ._size-2xlarge_1a5p7_9 {
1076
- font-size: var(--font-size-2xl);
1077
- line-height: var(--font-line-height-compact);
1078
- }
1079
- ._size-xlarge_1a5p7_14 {
1080
- font-size: var(--font-size-xl);
1081
- line-height: var(--font-line-height-compact);
1082
- }
1083
- ._size-large_1a5p7_19 {
1084
- font-size: var(--font-size-l);
1085
- line-height: var(--font-line-height-loose);
1086
- }
1087
- ._size-medium_1a5p7_24 {
1088
- font-size: var(--font-size-m);
1089
- line-height: var(--font-line-height-loose);
1090
- }
1091
- ._size-small_1a5p7_29 {
1092
- font-size: var(--font-size-s);
1093
- line-height: var(--font-line-height-regular);
1094
- }
1095
- ._primary_1a5p7_34 {
1096
- color: var(--color-primary);
1097
- }
1098
- ._text-dark_1a5p7_38 {
1099
- color: var(--color-text-dark);
1100
- }
1101
- ._text-base_1a5p7_42 {
1102
- color: var(--color-text-base);
1103
- }
1104
- ._text-light_1a5p7_46 {
1105
- color: var(--color-text-light);
1106
- }
1107
- ._text-xlight_1a5p7_50 {
1108
- color: var(--color-text-xlight);
1109
- }
1110
- ._danger_1a5p7_54 {
1111
- color: var(--color-danger);
1112
- }
1113
- ._align-left_1a5p7_58 {
1114
- text-align: left;
1115
- }
1116
- ._align-right_1a5p7_62 {
1117
- text-align: right;
1118
- }
1119
- ._align-center_1a5p7_66 {
1120
- text-align: center;
1121
- }._container_1o3wi_1 {
1122
- border: 2px dashed var(--color-foreground-base);
1123
- border-radius: var(--border-radius-large);
1124
- display: -webkit-box;
1125
- display: -ms-flexbox;
1126
- display: flex;
1127
- -webkit-box-orient: vertical;
1128
- -webkit-box-direction: normal;
1129
- -ms-flex-direction: column;
1130
- flex-direction: column;
1131
- -webkit-box-align: center;
1132
- -ms-flex-align: center;
1133
- align-items: center;
1134
- padding: var(--spacing-3xl);
1135
- }
1136
- ._container_1o3wi_1 > * {
1137
- margin-bottom: var(--spacing-l);
1138
- }
1139
- ._container_1o3wi_1 > *:last-child {
1140
- margin-bottom: 0;
1141
- }
1142
- ._emoji_1o3wi_16 {
1143
- font-size: 40px;
1144
- }
1145
- ._heading_1o3wi_20 {
1146
- margin-bottom: var(--spacing-l);
1147
- text-align: center;
1148
- }
1149
- ._description_1o3wi_25 {
1150
- color: var(--color-text-base);
1151
- margin-bottom: var(--spacing-xl);
1152
- text-align: center;
1153
- }
1154
- ._callout_1o3wi_31 {
1155
- width: 100%;
1156
- text-align: left;
1157
- }._shortcut_1vuet_1 {
1158
- display: -webkit-box;
1159
- display: -ms-flexbox;
1160
- display: flex;
1161
- -webkit-box-align: center;
1162
- -ms-flex-align: center;
1163
- align-items: center;
1164
- gap: var(--spacing-4xs);
1165
- }
1166
- ._keyWrapper_1vuet_7 {
1167
- display: -webkit-box;
1168
- display: -ms-flexbox;
1169
- display: flex;
1170
- -webkit-box-pack: center;
1171
- -ms-flex-pack: center;
1172
- justify-content: center;
1173
- -webkit-box-align: center;
1174
- -ms-flex-align: center;
1175
- align-items: center;
1176
- border-radius: var(--border-radius-small);
1177
- height: 18px;
1178
- min-width: 18px;
1179
- padding: 0 var(--spacing-4xs);
1180
- border: solid 1px var(--color-foreground-base);
1181
- background: var(--color-background-base);
1182
- }
1183
- ._key_1vuet_7 {
1184
- color: var(--color-text-base);
1185
- font-size: var(--font-size-3xs);
1186
- }.el-dropdown__list ._userActionsMenu_lwsuk_1 {
1187
- min-width: 160px;
1188
- padding: var(--spacing-4xs) 0;
1189
- }
1190
- .el-dropdown__list ._elementItem_lwsuk_5 {
1191
- padding: 0;
1192
- }
1193
- .el-popper._hideArrow_lwsuk_9 .el-popper__arrow {
1194
- display: none;
1195
- }
1196
- ._shadow_lwsuk_13 {
1197
- -webkit-box-shadow: var(--box-shadow-light);
1198
- box-shadow: var(--box-shadow-light);
1199
- }
1200
- ._activator_lwsuk_17:hover {
1201
- background-color: var(--color-background-base);
1202
- }
1203
- ._itemContainer_lwsuk_21 {
1204
- display: -webkit-box;
1205
- display: -ms-flexbox;
1206
- display: flex;
1207
- -webkit-box-align: center;
1208
- -ms-flex-align: center;
1209
- align-items: center;
1210
- gap: var(--spacing-s);
1211
- -webkit-box-pack: justify;
1212
- -ms-flex-pack: justify;
1213
- justify-content: space-between;
1214
- font-size: var(--font-size-2xs);
1215
- line-height: 18px;
1216
- padding: var(--spacing-3xs) var(--spacing-2xs);
1217
- }
1218
- ._itemContainer_lwsuk_21._disabled_lwsuk_30 ._shortcut_lwsuk_30 {
1219
- opacity: 0.3;
1220
- }
1221
- ._icon_lwsuk_34 {
1222
- text-align: center;
1223
- margin-right: var(--spacing-2xs);
1224
- }
1225
- ._icon_lwsuk_34 svg {
1226
- width: 1.2em !important;
1227
- }
1228
- ._shortcut_lwsuk_30 {
1229
- display: -webkit-box;
1230
- display: -ms-flexbox;
1231
- display: flex;
1232
- }
1233
- li.is-disabled ._hasCustomStyling_lwsuk_46 {
1234
- color: inherit !important;
1235
- }._container_cqn9p_1 > * {
1236
- line-height: 1;
1237
- }
1238
- ._button_cqn9p_5 {
1239
- cursor: pointer;
1240
- padding: var(--spacing-4xs);
1241
- border-radius: var(--border-radius-base);
1242
- }
1243
- ._button_cqn9p_5:hover {
1244
- color: var(--color-primary);
1245
- cursor: pointer;
1246
- }
1247
- ._button_cqn9p_5:focus {
1248
- color: var(--color-primary);
1249
- }
1250
- ._dark_cqn9p_18 {
1251
- color: var(--color-text-dark);
1252
- }
1253
- ._dark_cqn9p_18:focus {
1254
- background-color: var(--color-background-xlight);
1255
- }
1256
- ._iconContainer_cqn9p_25 {
1257
- display: inline;
1258
- }
1259
- li:hover ._iconContainer_cqn9p_25 svg {
1260
- color: var(--color-primary-tint-1);
1261
- }/* BEM support Func
1262
- -------------------------- */
1263
- /* Transition
1264
- -------------------------- */
1265
- /* Color
1266
- -------------------------- */
1267
- /* Link
1268
- -------------------------- */
1269
- /* Border
1270
- -------------------------- */
1271
- /* Outline
1272
- -------------------------- */
1273
- /* Box shadow
1274
- -------------------------- */
1275
- /* Fill
1276
- -------------------------- */
1277
- /* Typography
1278
- -------------------------- */
1279
- /* z-index
1280
- -------------------------- */
1281
- /* Disable base
1282
- -------------------------- */
1283
- /* Icon
1284
- -------------------------- */
1285
- /* Checkbox
1286
- -------------------------- */
1287
- /* Radio
1288
- -------------------------- */
1289
- /* Select
1290
- -------------------------- */
1291
- /* Alert
1292
- -------------------------- */
1293
- /* MessageBox
1294
- -------------------------- */
1295
- /* Message
1296
- -------------------------- */
1297
- /* Notification
1298
- -------------------------- */
1299
- /* Input
1300
- -------------------------- */
1301
- /* Cascader
1302
- -------------------------- */
1303
- /* Group
1304
- -------------------------- */
1305
- /* Tab
1306
- -------------------------- */
1307
- /* Button
1308
- -------------------------- */
1309
- /* cascader
1310
- -------------------------- */
1311
- /* Switch
1312
- -------------------------- */
1313
- /* Dialog
1314
- -------------------------- */
1315
- /* Table
1316
- -------------------------- */
1317
- /* Pagination
1318
- -------------------------- */
1319
- /* Popup
1320
- -------------------------- */
1321
- /* Popover
1322
- -------------------------- */
1323
- /* Tooltip
1324
- -------------------------- */
1325
- /* Tag
1326
- -------------------------- */
1327
- /* Tree
1328
- -------------------------- */
1329
- /* Dropdown
1330
- -------------------------- */
1331
- /* Badge
1332
- -------------------------- */
1333
- /* Card
1334
- --------------------------*/
1335
- /* Slider
1336
- --------------------------*/
1337
- /* Steps
1338
- --------------------------*/
1339
- /* Menu
1340
- --------------------------*/
1341
- /* Rate
1342
- --------------------------*/
1343
- /* DatePicker
1344
- --------------------------*/
1345
- /* Loading
1346
- --------------------------*/
1347
- /* Scrollbar
1348
- --------------------------*/
1349
- /* Carousel
1350
- --------------------------*/
1351
- /* Collapse
1352
- --------------------------*/
1353
- /* Transfer
1354
- --------------------------*/
1355
- /* Header
1356
- --------------------------*/
1357
- /* Footer
1358
- --------------------------*/
1359
- /* Main
1360
- --------------------------*/
1361
- /* Timeline
1362
- --------------------------*/
1363
- /* Backtop
1364
- --------------------------*/
1365
- /* Link
1366
- --------------------------*/
1367
- /* Calendar
1368
- --------------------------*/
1369
- /* Form
1370
- -------------------------- */
1371
- /* Avatar
1372
- --------------------------*/
1373
- /* Break-point
1374
- --------------------------*/
1375
- ._alert_kpfss_115 {
1376
- display: -webkit-box;
1377
- display: -ms-flexbox;
1378
- display: flex;
1379
- position: relative;
1380
- min-height: 60px;
1381
- border-bottom: 1px solid transparent;
1382
- -webkit-box-align: center;
1383
- -ms-flex-align: center;
1384
- align-items: center;
1385
- -webkit-box-pack: justify;
1386
- -ms-flex-pack: justify;
1387
- justify-content: space-between;
1388
- padding: 8px 16px;
1389
- }
1390
- ._alert_kpfss_115._center_kpfss_124 {
1391
- -webkit-box-pack: center;
1392
- -ms-flex-pack: center;
1393
- justify-content: center;
1394
- }
1395
- ._alert_kpfss_115._success_kpfss_127._light_kpfss_127 {
1396
- color: var(--color-success);
1397
- }
1398
- ._alert_kpfss_115._success_kpfss_127._light_kpfss_127._background_kpfss_130 {
1399
- background-color: var(--color-success-tint-1);
1400
- border-color: var(--color-success);
1401
- }
1402
- ._alert_kpfss_115._success_kpfss_127._light_kpfss_127 ._el-alert__description_kpfss_134 {
1403
- color: var(--color-success);
1404
- }
1405
- ._alert_kpfss_115._success_kpfss_127._dark_kpfss_137 {
1406
- color: var(--color-foreground-xlight);
1407
- }
1408
- ._alert_kpfss_115._success_kpfss_127._dark_kpfss_137:not(._background_kpfss_130) {
1409
- color: var(--color-success);
1410
- }
1411
- ._alert_kpfss_115._success_kpfss_127._dark_kpfss_137._background_kpfss_130 {
1412
- background-color: var(--color-success);
1413
- border-color: var(--color-foreground-xlight);
1414
- }
1415
- ._alert_kpfss_115._info_kpfss_147._light_kpfss_127 {
1416
- color: var(--color-info);
1417
- }
1418
- ._alert_kpfss_115._info_kpfss_147._light_kpfss_127._background_kpfss_130 {
1419
- background-color: var(--color-info-tint-2);
1420
- border-color: var(--color-info);
1421
- }
1422
- ._alert_kpfss_115._info_kpfss_147._dark_kpfss_137 {
1423
- color: var(--color-foreground-xlight);
1424
- }
1425
- ._alert_kpfss_115._info_kpfss_147._dark_kpfss_137:not(._background_kpfss_130) {
1426
- color: var(--color-info);
1427
- }
1428
- ._alert_kpfss_115._info_kpfss_147._dark_kpfss_137._background_kpfss_130 {
1429
- background-color: var(--color-info);
1430
- border-color: var(--color-foreground-xlight);
1431
- }
1432
- ._alert_kpfss_115._info_kpfss_147 ._el-alert__description_kpfss_134 {
1433
- color: var(--color-info);
1434
- }
1435
- ._alert_kpfss_115._warning_kpfss_167._light_kpfss_127 {
1436
- color: var(--color-warning);
1437
- }
1438
- ._alert_kpfss_115._warning_kpfss_167._light_kpfss_127._background_kpfss_130 {
1439
- background-color: var(--color-warning-tint-2);
1440
- border-color: var(--color-warning);
1441
- }
1442
- ._alert_kpfss_115._warning_kpfss_167._light_kpfss_127 ._el-alert__description_kpfss_134 {
1443
- color: var(--color-warning);
1444
- }
1445
- ._alert_kpfss_115._warning_kpfss_167._dark_kpfss_137 {
1446
- color: var(--color-foreground-xlight);
1447
- }
1448
- ._alert_kpfss_115._warning_kpfss_167._dark_kpfss_137:not(._background_kpfss_130) {
1449
- color: var(--color-warning);
1450
- }
1451
- ._alert_kpfss_115._warning_kpfss_167._dark_kpfss_137._background_kpfss_130 {
1452
- background-color: var(--color-warning);
1453
- border-color: var(--color-foreground-xlight);
1454
- }
1455
- ._alert_kpfss_115._error_kpfss_187._light_kpfss_127 {
1456
- color: var(--color-danger);
1457
- }
1458
- ._alert_kpfss_115._error_kpfss_187._light_kpfss_127._background_kpfss_130 {
1459
- background-color: var(--color-danger-tint-2);
1460
- border-color: var(--color-danger);
1461
- }
1462
- ._alert_kpfss_115._error_kpfss_187._light_kpfss_127 ._el-alert__description_kpfss_134 {
1463
- color: var(--color-danger);
1464
- }
1465
- ._alert_kpfss_115._error_kpfss_187._dark_kpfss_137 {
1466
- color: var(--color-foreground-xlight);
1467
- }
1468
- ._alert_kpfss_115._error_kpfss_187._dark_kpfss_137:not(._background_kpfss_130) {
1469
- color: var(--color-danger);
1470
- }
1471
- ._alert_kpfss_115._error_kpfss_187._dark_kpfss_137._background_kpfss_130 {
1472
- background-color: var(--color-danger);
1473
- border-color: var(--color-foreground-xlight);
1474
- }
1475
- ._content_kpfss_208 {
1476
- display: -webkit-inline-box;
1477
- display: -ms-inline-flexbox;
1478
- display: inline-flex;
1479
- -webkit-box-align: center;
1480
- -ms-flex-align: center;
1481
- align-items: center;
1482
- }
1483
- ._icon_kpfss_213 {
1484
- display: -webkit-inline-box;
1485
- display: -ms-inline-flexbox;
1486
- display: inline-flex;
1487
- color: inherit;
1488
- -webkit-box-align: center;
1489
- -ms-flex-align: center;
1490
- align-items: center;
1491
- padding-left: var(--spacing-2xs);
1492
- padding-right: var(--spacing-s);
1493
- }
1494
- ._text_kpfss_221 {
1495
- display: -webkit-inline-box;
1496
- display: -ms-inline-flexbox;
1497
- display: inline-flex;
1498
- -webkit-box-orient: vertical;
1499
- -webkit-box-direction: normal;
1500
- -ms-flex-direction: column;
1501
- flex-direction: column;
1502
- -webkit-box-pack: center;
1503
- -ms-flex-pack: center;
1504
- justify-content: center;
1505
- }
1506
- ._title_kpfss_227 {
1507
- font-size: 13px;
1508
- line-height: 18px;
1509
- font-weight: bold;
1510
- }
1511
- ._description_kpfss_233 {
1512
- font-size: 12px;
1513
- }
1514
- ._description_kpfss_233._hasTitle_kpfss_236 {
1515
- margin: 5px 0 0 0;
1516
- }
1517
- ._aside_kpfss_240 {
1518
- display: -webkit-inline-box;
1519
- display: -ms-inline-flexbox;
1520
- display: inline-flex;
1521
- -webkit-box-align: center;
1522
- -ms-flex-align: center;
1523
- align-items: center;
1524
- padding-left: var(--spacing-s);
1525
- }._container_13u61_1 {
1526
- position: relative;
1527
- display: -webkit-inline-box;
1528
- display: -ms-inline-flexbox;
1529
- display: inline-flex;
1530
- -webkit-box-pack: center;
1531
- -ms-flex-pack: center;
1532
- justify-content: center;
1533
- -webkit-box-align: center;
1534
- -ms-flex-align: center;
1535
- align-items: center;
1536
- }
1537
- ._container_13u61_1 svg {
1538
- border-radius: 50%;
1539
- }
1540
- ._empty_13u61_11 {
1541
- display: block;
1542
- border-radius: 50%;
1543
- background-color: var(--color-foreground-dark);
1544
- opacity: 0.3;
1545
- }
1546
- ._initials_13u61_18 {
1547
- position: absolute;
1548
- font-size: var(--font-size-2xs);
1549
- font-weight: var(--font-weight-bold);
1550
- color: var(--color-avatar-font);
1551
- text-shadow: 0 1px 6px rgba(25, 11, 9, 0.3);
1552
- text-transform: uppercase;
1553
- }
1554
- ._text-xsmall_13u61_27 {
1555
- font-size: 6px;
1556
- }
1557
- ._xsmall_13u61_31 {
1558
- height: var(--spacing-m);
1559
- width: var(--spacing-m);
1560
- }
1561
- ._small_13u61_36 {
1562
- height: 28px;
1563
- width: 28px;
1564
- }
1565
- ._medium_13u61_41 {
1566
- height: 40px;
1567
- width: 40px;
1568
- }
1569
- ._large_13u61_46 {
1570
- height: 48px;
1571
- width: 48px;
1572
- }._badge_11zri_1 {
1573
- display: -webkit-inline-box;
1574
- display: -ms-inline-flexbox;
1575
- display: inline-flex;
1576
- -webkit-box-align: center;
1577
- -ms-flex-align: center;
1578
- align-items: center;
1579
- padding: var(--spacing-5xs) var(--spacing-4xs);
1580
- border: var(--border-base);
1581
- white-space: nowrap;
1582
- }
1583
- ._default_11zri_9 {
1584
- border-radius: var(--border-radius-base);
1585
- color: var(--color-text-light);
1586
- border-color: var(--color-text-light);
1587
- }
1588
- ._success_11zri_16 {
1589
- border-radius: var(--border-radius-base);
1590
- color: var(--color-success);
1591
- border-color: var(--color-success);
1592
- }
1593
- ._warning_11zri_23 {
1594
- border-radius: var(--border-radius-base);
1595
- color: var(--color-warning);
1596
- border-color: var(--color-warning);
1597
- }
1598
- ._danger_11zri_30 {
1599
- border-radius: var(--border-radius-base);
1600
- color: var(--color-danger);
1601
- border-color: var(--color-danger);
1602
- }
1603
- ._primary_11zri_37 {
1604
- padding: var(--spacing-5xs) var(--spacing-3xs);
1605
- border-radius: var(--border-radius-xlarge);
1606
- color: var(--color-foreground-xlight);
1607
- background-color: var(--color-primary);
1608
- border-color: var(--color-primary);
1609
- }
1610
- ._secondary_11zri_46 {
1611
- border-radius: var(--border-radius-xlarge);
1612
- color: var(--color-secondary);
1613
- background-color: var(--color-secondary-tint-1);
1614
- }
1615
- ._tertiary_11zri_53 {
1616
- border-radius: var(--border-radius-base);
1617
- color: var(--color-text-light);
1618
- border-color: var(--color-text-light);
1619
- padding: 1px var(--spacing-5xs);
1620
- }._uiBlocker_pyvj3_1 {
1621
- position: absolute;
1622
- top: 0;
1623
- left: 0;
1624
- width: 100%;
1625
- height: 100%;
1626
- background-color: var(--color-block-ui-overlay);
1627
- z-index: 10;
1628
- opacity: 0.6;
1629
- border-radius: var(--border-radius-large);
1630
- }.fade-enter-active[data-v-9ec840a6],
1631
- .fade-leave-active[data-v-9ec840a6] {
1632
- -webkit-transition: opacity 200ms;
1633
- transition: opacity 200ms;
1634
- }
1635
- .fade-enter-from[data-v-9ec840a6],
1636
- .fade-leave-to[data-v-9ec840a6] {
1637
- opacity: 0;
1638
- }._card_s4z1j_1 {
1639
- border-radius: var(--border-radius-large);
1640
- border: var(--border-base);
1641
- background-color: var(--color-background-xlight);
1642
- padding: var(--spacing-s);
1643
- display: -webkit-box;
1644
- display: -ms-flexbox;
1645
- display: flex;
1646
- -webkit-box-orient: horizontal;
1647
- -webkit-box-direction: normal;
1648
- -ms-flex-direction: row;
1649
- flex-direction: row;
1650
- width: 100%;
1651
- -webkit-box-align: center;
1652
- -ms-flex-align: center;
1653
- align-items: center;
1654
- }
1655
- ._header_s4z1j_12,
1656
- ._footer_s4z1j_13 {
1657
- display: -webkit-box;
1658
- display: -ms-flexbox;
1659
- display: flex;
1660
- -webkit-box-orient: horizontal;
1661
- -webkit-box-direction: normal;
1662
- -ms-flex-direction: row;
1663
- flex-direction: row;
1664
- -webkit-box-pack: justify;
1665
- -ms-flex-pack: justify;
1666
- justify-content: space-between;
1667
- -webkit-box-align: center;
1668
- -ms-flex-align: center;
1669
- align-items: center;
1670
- }
1671
- ._content_s4z1j_20 {
1672
- display: -webkit-box;
1673
- display: -ms-flexbox;
1674
- display: flex;
1675
- -webkit-box-orient: vertical;
1676
- -webkit-box-direction: normal;
1677
- -ms-flex-direction: column;
1678
- flex-direction: column;
1679
- -webkit-box-pack: justify;
1680
- -ms-flex-pack: justify;
1681
- justify-content: space-between;
1682
- -webkit-box-flex: 1;
1683
- -ms-flex: 1;
1684
- flex: 1;
1685
- width: 100%;
1686
- }
1687
- ._body_s4z1j_28 {
1688
- width: 100%;
1689
- height: 100%;
1690
- display: -webkit-box;
1691
- display: -ms-flexbox;
1692
- display: flex;
1693
- -webkit-box-orient: vertical;
1694
- -webkit-box-direction: normal;
1695
- -ms-flex-direction: column;
1696
- flex-direction: column;
1697
- -webkit-box-pack: justify;
1698
- -ms-flex-pack: justify;
1699
- justify-content: space-between;
1700
- }
1701
- ._icon_s4z1j_36 {
1702
- width: 24px;
1703
- display: -webkit-inline-box;
1704
- display: -ms-inline-flexbox;
1705
- display: inline-flex;
1706
- -webkit-box-pack: center;
1707
- -ms-flex-pack: center;
1708
- justify-content: center;
1709
- -webkit-box-align: center;
1710
- -ms-flex-align: center;
1711
- align-items: center;
1712
- margin-right: var(--spacing-s);
1713
- }
1714
- ._hoverable_s4z1j_44 {
1715
- cursor: pointer;
1716
- -webkit-transition-property: border, color;
1717
- transition-property: border, color;
1718
- -webkit-transition-duration: 0.3s;
1719
- transition-duration: 0.3s;
1720
- -webkit-transition-timing-function: ease;
1721
- transition-timing-function: ease;
1722
- }
1723
- ._hoverable_s4z1j_44:hover, ._hoverable_s4z1j_44:focus {
1724
- color: var(--color-primary);
1725
- border-color: var(--color-primary);
1726
- }
1727
- ._append_s4z1j_55 {
1728
- display: -webkit-box;
1729
- display: -ms-flexbox;
1730
- display: flex;
1731
- -webkit-box-align: center;
1732
- -ms-flex-align: center;
1733
- align-items: center;
1734
- cursor: default;
1735
- }._container_14rt0_1 {
1736
- display: -webkit-box;
1737
- display: -ms-flexbox;
1738
- display: flex;
1739
- -webkit-box-orient: vertical;
1740
- -webkit-box-direction: normal;
1741
- -ms-flex-direction: column;
1742
- flex-direction: column;
1743
- }
1744
- ._inputLabel_14rt0_6 {
1745
- display: block;
1746
- }
1747
- ._container_14rt0_1:hover ._infoIcon_14rt0_10,
1748
- ._inputLabel_14rt0_6:hover ._infoIcon_14rt0_10 {
1749
- opacity: 1;
1750
- }
1751
- ._container_14rt0_1:hover ._infoIcon_14rt0_10:hover,
1752
- ._inputLabel_14rt0_6:hover ._infoIcon_14rt0_10:hover {
1753
- color: var(--color-text-base);
1754
- }
1755
- ._container_14rt0_1:hover ._options_14rt0_18,
1756
- ._inputLabel_14rt0_6:hover ._options_14rt0_18 {
1757
- opacity: 1;
1758
- -webkit-transition: opacity 100ms ease-in;
1759
- transition: opacity 100ms ease-in;
1760
- }
1761
- ._container_14rt0_1:hover ._overlay_14rt0_23,
1762
- ._inputLabel_14rt0_6:hover ._overlay_14rt0_23 {
1763
- opacity: 1;
1764
- -webkit-transition: opacity 100ms ease-in;
1765
- transition: opacity 100ms ease-in;
1766
- }
1767
- ._withOptions_14rt0_29:hover ._title_14rt0_29 > span {
1768
- text-overflow: ellipsis;
1769
- overflow: hidden;
1770
- }
1771
- ._title_14rt0_29 {
1772
- display: -webkit-box;
1773
- display: -ms-flexbox;
1774
- display: flex;
1775
- -webkit-box-align: center;
1776
- -ms-flex-align: center;
1777
- align-items: center;
1778
- min-width: 0;
1779
- }
1780
- ._title_14rt0_29 > * {
1781
- white-space: nowrap;
1782
- }
1783
- ._infoIcon_14rt0_10 {
1784
- display: -webkit-box;
1785
- display: -ms-flexbox;
1786
- display: flex;
1787
- -webkit-box-align: center;
1788
- -ms-flex-align: center;
1789
- align-items: center;
1790
- color: var(--color-text-light);
1791
- margin-left: var(--spacing-4xs);
1792
- z-index: 1;
1793
- }
1794
- ._options_14rt0_18 {
1795
- opacity: 0;
1796
- -webkit-transition: opacity 250ms cubic-bezier(0.98, -0.06, 0.49, -0.2);
1797
- transition: opacity 250ms cubic-bezier(0.98, -0.06, 0.49, -0.2);
1798
- }
1799
- ._options_14rt0_18 > * {
1800
- float: right;
1801
- }
1802
- ._overlay_14rt0_23 {
1803
- position: relative;
1804
- -webkit-box-flex: 1;
1805
- -ms-flex-positive: 1;
1806
- flex-grow: 1;
1807
- opacity: 0;
1808
- -webkit-transition: opacity 250ms cubic-bezier(0.98, -0.06, 0.49, -0.2);
1809
- transition: opacity 250ms cubic-bezier(0.98, -0.06, 0.49, -0.2);
1810
- }
1811
- ._overlay_14rt0_23 > div {
1812
- position: absolute;
1813
- width: 60px;
1814
- height: 19px;
1815
- top: 0;
1816
- right: 0;
1817
- z-index: 0;
1818
- background: -webkit-gradient(linear, right top, left top, color-stop(72.19%, var(--color-foreground-xlight)), color-stop(107.45%, rgba(255, 255, 255, 0)));
1819
- background: linear-gradient(270deg, var(--color-foreground-xlight) 72.19%, rgba(255, 255, 255, 0) 107.45%);
1820
- }
1821
- ._hidden_14rt0_75 {
1822
- opacity: 0;
1823
- }
1824
- ._visible_14rt0_79 {
1825
- opacity: 1;
1826
- }
1827
- ._overflow_14rt0_83 {
1828
- overflow-x: hidden;
1829
- overflow-y: clip;
1830
- }
1831
- ._textEllipses_14rt0_88 {
1832
- text-overflow: ellipsis;
1833
- overflow: hidden;
1834
- }
1835
- ._heading_14rt0_93 {
1836
- display: -webkit-box;
1837
- display: -ms-flexbox;
1838
- display: flex;
1839
- }
1840
- ._heading_14rt0_93._small_14rt0_96 {
1841
- margin-bottom: var(--spacing-5xs);
1842
- }
1843
- ._heading_14rt0_93._medium_14rt0_99 {
1844
- margin-bottom: var(--spacing-2xs);
1845
- }
1846
- ._underline_14rt0_103 {
1847
- border-bottom: var(--border-base);
1848
- }
1849
- :root ._tooltipPopper_14rt0_107 {
1850
- line-height: var(--font-line-height-compact);
1851
- max-width: 400px;
1852
- }
1853
- :root ._tooltipPopper_14rt0_107 li {
1854
- margin-left: var(--spacing-s);
1855
- }
1856
- :root ._tooltipPopper_14rt0_107 code {
1857
- color: var(--color-text-dark);
1858
- font-size: var(--font-size-3xs);
1859
- background: var(--color-background-medium);
1860
- padding: var(--spacing-5xs);
1861
- border-radius: var(--border-radius-base);
1862
- }._n8nCheckbox_qet2x_1 {
1863
- display: -webkit-box !important;
1864
- display: -ms-flexbox !important;
1865
- display: flex !important;
1866
- white-space: normal !important;
1867
- margin-bottom: var(--spacing-2xs);
1868
- }
1869
- ._n8nCheckbox_qet2x_1 span {
1870
- white-space: normal;
1871
- }
1872
- ._n8nCheckbox_qet2x_1 label {
1873
- cursor: pointer;
1874
- margin-bottom: 0;
1875
- }
1876
- ._progressRingCircle_15w7u_2 {
1877
- -webkit-transition: stroke-dashoffset 0.35s linear;
1878
- transition: stroke-dashoffset 0.35s linear;
1879
- -webkit-transform: rotate(-90deg);
1880
- transform: rotate(-90deg);
1881
- -webkit-transform-origin: 50% 50%;
1882
- transform-origin: 50% 50%;
1883
- }
1884
- ._xlarge_ddtui_1 {
1885
- --input-font-size: var(--font-size-m);
1886
- }
1887
- ._xlarge_ddtui_1 input {
1888
- height: 48px;
1889
- }._component_19v1i_1 {
1890
- display: -webkit-inline-box;
1891
- display: -ms-inline-flexbox;
1892
- display: inline-flex;
1893
- -webkit-box-align: center;
1894
- -ms-flex-align: center;
1895
- align-items: center;
1896
- }
1897
- ._input_19v1i_6 {
1898
- margin-left: var(--spacing-3xs);
1899
- }[data-v-d60955d7] .el-color-picker .el-color-picker__empty,[data-v-d60955d7] .el-color-picker .el-color-picker__icon {
1900
- display: none;
1901
- }._xlarge_nd0ar_1 {
1902
- --input-font-size: var(--font-size-m);
1903
- }
1904
- ._xlarge_nd0ar_1 input {
1905
- height: 48px;
1906
- }
1907
- ._container_nd0ar_8 {
1908
- display: -webkit-inline-box;
1909
- display: -ms-inline-flexbox;
1910
- display: inline-flex;
1911
- width: 100%;
1912
- }
1913
- ._withPrepend_nd0ar_13 input {
1914
- border-top-left-radius: 0;
1915
- border-bottom-left-radius: 0;
1916
- }
1917
- @-moz-document url-prefix() {
1918
- ._withPrepend_nd0ar_13 input {
1919
- padding: 0 var(--spacing-3xs);
1920
- }
1921
- }
1922
- ._prepend_nd0ar_23 {
1923
- font-size: var(--font-size-2xs);
1924
- border: var(--border-base);
1925
- border-right: none;
1926
- display: -webkit-box;
1927
- display: -ms-flexbox;
1928
- display: flex;
1929
- -webkit-box-align: center;
1930
- -ms-flex-align: center;
1931
- align-items: center;
1932
- padding: 0 var(--spacing-3xs);
1933
- background-color: var(--color-background-light);
1934
- border-bottom-left-radius: var(--input-border-radius, var(--border-radius-base));
1935
- border-top-left-radius: var(--input-border-radius, var(--border-radius-base));
1936
- color: var(--color-text-base);
1937
- white-space: nowrap;
1938
- }._datatableWrapper_egg0f_1 {
1939
- display: block;
1940
- width: 100%;
1941
- }
1942
- ._datatable_egg0f_1 {
1943
- width: 100%;
1944
- }
1945
- ._datatable_egg0f_1 tbody tr td {
1946
- vertical-align: top;
1947
- color: var(--color-text-base);
1948
- padding: var(--spacing-s) var(--spacing-2xs);
1949
- }
1950
- ._datatable_egg0f_1 tbody tr:nth-of-type(even) {
1951
- background: var(--color-background-xlight);
1952
- }
1953
- ._datatable_egg0f_1 tbody tr:nth-of-type(odd) {
1954
- background: var(--color-background-light);
1955
- }
1956
- ._datatableHeader_egg0f_21 {
1957
- background: var(--color-background-base);
1958
- }
1959
- ._datatableHeader_egg0f_21 th {
1960
- text-align: left;
1961
- padding: var(--spacing-s) var(--spacing-2xs);
1962
- }
1963
- ._pagination_egg0f_29 {
1964
- width: 100%;
1965
- display: -webkit-box;
1966
- display: -ms-flexbox;
1967
- display: flex;
1968
- -webkit-box-pack: center;
1969
- -ms-flex-pack: center;
1970
- justify-content: center;
1971
- -webkit-box-align: center;
1972
- -ms-flex-align: center;
1973
- align-items: center;
1974
- bottom: 0;
1975
- overflow: visible;
1976
- margin-top: var(--spacing-s);
1977
- }
1978
- ._pageSizeSelector_egg0f_39 {
1979
- text-transform: capitalize;
1980
- max-width: 150px;
1981
- -webkit-box-flex: 0;
1982
- -ms-flex: 0 1 auto;
1983
- flex: 0 1 auto;
1984
- }._infoText_1ls5d_1 {
1985
- margin-top: var(--spacing-2xs);
1986
- font-size: var(--font-size-2xs);
1987
- font-weight: var(--font-weight-regular);
1988
- color: var(--color-text-base);
1989
- }
1990
- ._errors_1ls5d_8 {
1991
- color: var(--color-danger);
1992
- }
1993
- ._errorInput_1ls5d_13 {
1994
- --input-border-color: var(--color-danger);
1995
- }
1996
- ._multiSelectSmallTags_1ls5d_17 .el-tag {
1997
- height: 24px;
1998
- padding: 0 8px;
1999
- line-height: 22px;
2000
- }._grid_16oq8_1 {
2001
- display: grid;
2002
- grid-row-gap: var(--spacing-s);
2003
- grid-column-gap: var(--spacing-2xs);
2004
- }
2005
- ._gridMulti_16oq8_7 {
2006
- grid-template-columns: repeat(2, 1fr);
2007
- }/* BEM support Func
2008
- -------------------------- */
2009
- /* Transition
2010
- -------------------------- */
2011
- /* Color
2012
- -------------------------- */
2013
- /* Link
2014
- -------------------------- */
2015
- /* Border
2016
- -------------------------- */
2017
- /* Outline
2018
- -------------------------- */
2019
- /* Box shadow
2020
- -------------------------- */
2021
- /* Fill
2022
- -------------------------- */
2023
- /* Typography
2024
- -------------------------- */
2025
- /* z-index
2026
- -------------------------- */
2027
- /* Disable base
2028
- -------------------------- */
2029
- /* Icon
2030
- -------------------------- */
2031
- /* Checkbox
2032
- -------------------------- */
2033
- /* Radio
2034
- -------------------------- */
2035
- /* Select
2036
- -------------------------- */
2037
- /* Alert
2038
- -------------------------- */
2039
- /* MessageBox
2040
- -------------------------- */
2041
- /* Message
2042
- -------------------------- */
2043
- /* Notification
2044
- -------------------------- */
2045
- /* Input
2046
- -------------------------- */
2047
- /* Cascader
2048
- -------------------------- */
2049
- /* Group
2050
- -------------------------- */
2051
- /* Tab
2052
- -------------------------- */
2053
- /* Button
2054
- -------------------------- */
2055
- /* cascader
2056
- -------------------------- */
2057
- /* Switch
2058
- -------------------------- */
2059
- /* Dialog
2060
- -------------------------- */
2061
- /* Table
2062
- -------------------------- */
2063
- /* Pagination
2064
- -------------------------- */
2065
- /* Popup
2066
- -------------------------- */
2067
- /* Popover
2068
- -------------------------- */
2069
- /* Tooltip
2070
- -------------------------- */
2071
- /* Tag
2072
- -------------------------- */
2073
- /* Tree
2074
- -------------------------- */
2075
- /* Dropdown
2076
- -------------------------- */
2077
- /* Badge
2078
- -------------------------- */
2079
- /* Card
2080
- --------------------------*/
2081
- /* Slider
2082
- --------------------------*/
2083
- /* Steps
2084
- --------------------------*/
2085
- /* Menu
2086
- --------------------------*/
2087
- /* Rate
2088
- --------------------------*/
2089
- /* DatePicker
2090
- --------------------------*/
2091
- /* Loading
2092
- --------------------------*/
2093
- /* Scrollbar
2094
- --------------------------*/
2095
- /* Carousel
2096
- --------------------------*/
2097
- /* Collapse
2098
- --------------------------*/
2099
- /* Transfer
2100
- --------------------------*/
2101
- /* Header
2102
- --------------------------*/
2103
- /* Footer
2104
- --------------------------*/
2105
- /* Main
2106
- --------------------------*/
2107
- /* Timeline
2108
- --------------------------*/
2109
- /* Backtop
2110
- --------------------------*/
2111
- /* Link
2112
- --------------------------*/
2113
- /* Calendar
2114
- --------------------------*/
2115
- /* Form
2116
- -------------------------- */
2117
- /* Avatar
2118
- --------------------------*/
2119
- /* Break-point
2120
- --------------------------*/
2121
- ._primary_1632u_115 {
2122
- color: var(--color-primary);
2123
- }
2124
- ._primary_1632u_115:active {
2125
- color: var(--color-primary-shade-1);
2126
- }
2127
- ._text_1632u_122 {
2128
- color: var(--color-text-base);
2129
- }
2130
- ._text_1632u_122:hover {
2131
- color: var(--color-primary);
2132
- }
2133
- ._text_1632u_122:active {
2134
- color: var(--color-primary-shade-1);
2135
- }
2136
- ._danger_1632u_132 {
2137
- color: var(--color-danger);
2138
- }
2139
- ._danger_1632u_132:active {
2140
- color: var(--color-danger-shade-1);
2141
- }
2142
- ._secondary_1632u_139 {
2143
- color: var(--color-secondary-link);
2144
- }
2145
- ._secondary_1632u_139:active {
2146
- color: var(--color-secondary-link-hover);
2147
- }
2148
- ._primary-underline_1632u_146 {
2149
- text-decoration: underline;
2150
- }
2151
- ._text-underline_1632u_151 {
2152
- text-decoration: underline;
2153
- }
2154
- ._danger-underline_1632u_156 {
2155
- text-decoration: underline;
2156
- }
2157
- ._secondary-underline_1632u_161 {
2158
- text-decoration: underline;
2159
- }._heading_1frs5_1 {
2160
- display: -webkit-box;
2161
- display: -ms-flexbox;
2162
- display: flex;
2163
- -webkit-box-pack: center;
2164
- -ms-flex-pack: center;
2165
- justify-content: center;
2166
- margin-bottom: var(--spacing-xl);
2167
- }
2168
- ._container_1frs5_7 {
2169
- background-color: var(--color-background-xlight);
2170
- padding: var(--spacing-l);
2171
- border: var(--border-base);
2172
- border-radius: var(--border-radius-large);
2173
- -webkit-box-shadow: 0px 4px 16px rgba(99, 77, 255, 0.06);
2174
- box-shadow: 0px 4px 16px rgba(99, 77, 255, 0.06);
2175
- }
2176
- ._inputsContainer_1frs5_15 {
2177
- margin-bottom: var(--spacing-xl);
2178
- }
2179
- ._actionContainer_1frs5_19 {
2180
- display: -webkit-box;
2181
- display: -ms-flexbox;
2182
- display: flex;
2183
- -webkit-box-pack: center;
2184
- -ms-flex-pack: center;
2185
- justify-content: center;
2186
- }
2187
- ._buttonsContainer_1frs5_24 {
2188
- margin-bottom: var(--spacing-s);
2189
- }
2190
- ._secondaryButtonContainer_1frs5_29 {
2191
- -webkit-box-flex: 1;
2192
- -ms-flex-positive: 1;
2193
- flex-grow: 1;
2194
- display: -webkit-box;
2195
- display: -ms-flexbox;
2196
- display: flex;
2197
- -webkit-box-align: center;
2198
- -ms-flex-align: center;
2199
- align-items: center;
2200
- }
2201
- ._withLabel_1frs5_35 {
2202
- margin-bottom: var(--spacing-s);
2203
- }._container_19so9_1 {
2204
- background-color: var(--color-background-base);
2205
- }
2206
- ._header_19so9_5 {
2207
- cursor: pointer;
2208
- display: -webkit-box;
2209
- display: -ms-flexbox;
2210
- display: flex;
2211
- padding: var(--spacing-s);
2212
- -webkit-box-align: center;
2213
- -ms-flex-align: center;
2214
- align-items: center;
2215
- }
2216
- ._header_19so9_5 ._headerText_19so9_11 {
2217
- -webkit-box-flex: 1;
2218
- -ms-flex-positive: 1;
2219
- flex-grow: 1;
2220
- }
2221
- ._expanded_19so9_15 {
2222
- padding: var(--spacing-s) var(--spacing-s) var(--spacing-2xs) var(--spacing-s);
2223
- }
2224
- ._accordionItems_19so9_19 {
2225
- display: -webkit-box;
2226
- display: -ms-flexbox;
2227
- display: flex;
2228
- -webkit-box-orient: vertical !important;
2229
- -webkit-box-direction: normal !important;
2230
- -ms-flex-direction: column !important;
2231
- flex-direction: column !important;
2232
- -webkit-box-align: start !important;
2233
- -ms-flex-align: start !important;
2234
- align-items: flex-start !important;
2235
- width: 100%;
2236
- }
2237
- ._accordionItem_19so9_19 {
2238
- display: block !important;
2239
- text-align: left;
2240
- }
2241
- ._description_19so9_31 {
2242
- display: -webkit-box;
2243
- display: -ms-flexbox;
2244
- display: flex;
2245
- padding: 0 var(--spacing-s) var(--spacing-s) var(--spacing-s);
2246
- }
2247
- ._description_19so9_31 b {
2248
- font-weight: var(--font-weight-bold);
2249
- }._infoTip_fy5ag_1 {
2250
- display: -webkit-box;
2251
- display: -ms-flexbox;
2252
- display: flex;
2253
- }
2254
- ._base_fy5ag_5 {
2255
- font-size: var(--font-size-2xs);
2256
- line-height: var(--font-size-s);
2257
- word-break: normal;
2258
- display: -webkit-box;
2259
- display: -ms-flexbox;
2260
- display: flex;
2261
- -webkit-box-align: center;
2262
- -ms-flex-align: center;
2263
- align-items: center;
2264
- }
2265
- ._base_fy5ag_5 svg {
2266
- font-size: var(--font-size-s);
2267
- }
2268
- ._bold_fy5ag_16 {
2269
- font-weight: var(--font-weight-bold);
2270
- }
2271
- ._note_fy5ag_20 {
2272
- }
2273
- ._note_fy5ag_20 svg {
2274
- margin-right: var(--spacing-4xs);
2275
- }
2276
- ._tooltipPopper_fy5ag_27 {
2277
- display: -webkit-inline-box;
2278
- display: -ms-inline-flexbox;
2279
- display: inline-flex;
2280
- }
2281
- ._iconText_fy5ag_32 {
2282
- display: -webkit-inline-box;
2283
- display: -ms-inline-flexbox;
2284
- display: inline-flex;
2285
- -webkit-box-align: start;
2286
- -ms-flex-align: start;
2287
- align-items: flex-start;
2288
- }._h1Last_1sdbr_1 {
2289
- width: 40%;
2290
- }
2291
- ._pLast_1sdbr_5 {
2292
- width: 61%;
2293
- }
2294
- ._custom_1sdbr_9 {
2295
- width: 100%;
2296
- height: 100%;
2297
- }.n8n-loading-custom.el-skeleton,
2298
- .n8n-loading-custom.el-skeleton .el-skeleton__item {
2299
- width: 100%;
2300
- height: 100%;
2301
- }._markdown_1al4n_1 {
2302
- color: var(--color-text-base);
2303
- }
2304
- ._markdown_1al4n_1 * {
2305
- font-size: var(--font-size-m);
2306
- line-height: var(--font-line-height-xloose);
2307
- }
2308
- ._markdown_1al4n_1 h1,
2309
- ._markdown_1al4n_1 h2,
2310
- ._markdown_1al4n_1 h3,
2311
- ._markdown_1al4n_1 h4 {
2312
- margin-bottom: var(--spacing-s);
2313
- font-size: var(--font-size-m);
2314
- font-weight: var(--font-weight-bold);
2315
- }
2316
- ._markdown_1al4n_1 h3,
2317
- ._markdown_1al4n_1 h4 {
2318
- font-weight: var(--font-weight-bold);
2319
- }
2320
- ._markdown_1al4n_1 p,
2321
- ._markdown_1al4n_1 span {
2322
- margin-bottom: var(--spacing-s);
2323
- }
2324
- ._markdown_1al4n_1 ul,
2325
- ._markdown_1al4n_1 ol {
2326
- margin-bottom: var(--spacing-s);
2327
- padding-left: var(--spacing-m);
2328
- }
2329
- ._markdown_1al4n_1 ul li,
2330
- ._markdown_1al4n_1 ol li {
2331
- margin-top: 0.25em;
2332
- }
2333
- ._markdown_1al4n_1 pre {
2334
- margin-bottom: var(--spacing-s);
2335
- display: grid;
2336
- }
2337
- ._markdown_1al4n_1 pre > code {
2338
- display: block;
2339
- padding: var(--spacing-s);
2340
- color: var(--color-text-dark);
2341
- background-color: var(--color-background-base);
2342
- overflow-x: auto;
2343
- }
2344
- ._markdown_1al4n_1 li > code,
2345
- ._markdown_1al4n_1 p > code {
2346
- padding: 0 var(--spacing-4xs);
2347
- color: var(--color-text-dark);
2348
- background-color: var(--color-background-base);
2349
- }
2350
- ._markdown_1al4n_1 ._label_1al4n_50 {
2351
- color: var(--color-text-base);
2352
- }
2353
- ._markdown_1al4n_1 img {
2354
- max-width: 100%;
2355
- border-radius: var(--border-radius-large);
2356
- }
2357
- ._markdown_1al4n_1 blockquote {
2358
- padding-left: 10px;
2359
- font-style: italic;
2360
- border-left: var(--border-color-base) 2px solid;
2361
- }
2362
- input[type=checkbox] {
2363
- accent-color: var(--color-primary);
2364
- }
2365
- input[type=checkbox] + label {
2366
- cursor: pointer;
2367
- }
2368
- ._sticky_1al4n_71 {
2369
- color: var(--color-sticky-font);
2370
- }
2371
- ._sticky_1al4n_71 h1,
2372
- ._sticky_1al4n_71 h2,
2373
- ._sticky_1al4n_71 h3,
2374
- ._sticky_1al4n_71 h4,
2375
- ._sticky_1al4n_71 h5,
2376
- ._sticky_1al4n_71 h6 {
2377
- color: var(--color-sticky-font);
2378
- }
2379
- ._sticky_1al4n_71 h1,
2380
- ._sticky_1al4n_71 h2,
2381
- ._sticky_1al4n_71 h3,
2382
- ._sticky_1al4n_71 h4 {
2383
- margin-bottom: var(--spacing-2xs);
2384
- font-weight: var(--font-weight-bold);
2385
- line-height: var(--font-line-height-loose);
2386
- }
2387
- ._sticky_1al4n_71 h1 {
2388
- font-size: 36px;
2389
- }
2390
- ._sticky_1al4n_71 h2 {
2391
- font-size: 24px;
2392
- }
2393
- ._sticky_1al4n_71 h3,
2394
- ._sticky_1al4n_71 h4,
2395
- ._sticky_1al4n_71 h5,
2396
- ._sticky_1al4n_71 h6 {
2397
- font-size: var(--font-size-m);
2398
- }
2399
- ._sticky_1al4n_71 p {
2400
- margin-bottom: var(--spacing-2xs);
2401
- font-size: var(--font-size-s);
2402
- font-weight: var(--font-weight-regular);
2403
- line-height: var(--font-line-height-loose);
2404
- }
2405
- ._sticky_1al4n_71 ul,
2406
- ._sticky_1al4n_71 ol {
2407
- margin-bottom: var(--spacing-2xs);
2408
- padding-left: var(--spacing-m);
2409
- }
2410
- ._sticky_1al4n_71 ul li,
2411
- ._sticky_1al4n_71 ol li {
2412
- margin-top: 0.25em;
2413
- font-size: var(--font-size-s);
2414
- font-weight: var(--font-weight-regular);
2415
- line-height: var(--font-line-height-regular);
2416
- }
2417
- ._sticky_1al4n_71 ul:has(input[type=checkbox]),
2418
- ._sticky_1al4n_71 ol:has(input[type=checkbox]) {
2419
- list-style-type: none;
2420
- padding-left: var(--spacing-5xs);
2421
- }
2422
- ._sticky_1al4n_71 code {
2423
- background-color: var(--color-sticky-code-background);
2424
- padding: 0 var(--spacing-4xs);
2425
- color: var(--color-sticky-code-font);
2426
- }
2427
- ._sticky_1al4n_71 pre > code,
2428
- ._sticky_1al4n_71 li > code,
2429
- ._sticky_1al4n_71 p > code {
2430
- color: var(--color-sticky-code-font);
2431
- }
2432
- ._sticky_1al4n_71 a:hover {
2433
- text-decoration: underline;
2434
- }
2435
- ._sticky_1al4n_71 img {
2436
- -o-object-fit: contain;
2437
- object-fit: contain;
2438
- margin-top: var(--spacing-xs);
2439
- margin-bottom: var(--spacing-2xs);
2440
- }
2441
- ._sticky_1al4n_71 img[src*="#full-width"] {
2442
- width: 100%;
2443
- }
2444
- ._spacer_1al4n_147 {
2445
- margin: var(--spacing-2xl);
2446
- }.el-menu-item,
2447
- .el-sub-menu__title {
2448
- --menu-font-color: var(--color-text-base);
2449
- --menu-item-active-background-color: var(--color-foreground-base);
2450
- --menu-item-active-font-color: var(--color-text-dark);
2451
- --menu-item-hover-fill: var(--color-foreground-base);
2452
- --menu-item-hover-font-color: var(--color-text-dark);
2453
- --menu-item-height: 35px;
2454
- --sub-menu-item-height: 27px;
2455
- }
2456
- ._submenu_1n4m4_12 {
2457
- background: none !important;
2458
- }
2459
- ._submenu_1n4m4_12._compact_1n4m4_15 .el-sub-menu__title i {
2460
- display: none;
2461
- }
2462
- ._submenu_1n4m4_12 .el-sub-menu__title {
2463
- display: -webkit-box;
2464
- display: -ms-flexbox;
2465
- display: flex;
2466
- -webkit-box-align: center;
2467
- -ms-flex-align: center;
2468
- align-items: center;
2469
- border-radius: var(--border-radius-base) !important;
2470
- padding: var(--spacing-2xs) var(--spacing-xs) !important;
2471
- -webkit-user-select: none;
2472
- -moz-user-select: none;
2473
- -ms-user-select: none;
2474
- user-select: none;
2475
- }
2476
- ._submenu_1n4m4_12 .el-sub-menu__title i {
2477
- padding-top: 2px;
2478
- }
2479
- ._submenu_1n4m4_12 .el-sub-menu__title i:hover {
2480
- color: var(--color-primary);
2481
- }
2482
- ._submenu_1n4m4_12 .el-sub-menu__title:hover ._icon_1n4m4_31 {
2483
- color: var(--color-text-dark);
2484
- }
2485
- ._submenu_1n4m4_12 ._menuItem_1n4m4_34 {
2486
- height: var(--sub-menu-item-height) !important;
2487
- min-width: auto !important;
2488
- margin: var(--spacing-2xs) 0 !important;
2489
- padding-left: var(--spacing-l) !important;
2490
- -webkit-user-select: none;
2491
- -moz-user-select: none;
2492
- -ms-user-select: none;
2493
- user-select: none;
2494
- }
2495
- ._submenu_1n4m4_12 ._menuItem_1n4m4_34:hover ._icon_1n4m4_31 {
2496
- color: var(--color-text-dark);
2497
- }
2498
- ._disableActiveStyle_1n4m4_45 {
2499
- background-color: initial !important;
2500
- color: var(--color-text-base) !important;
2501
- }
2502
- ._disableActiveStyle_1n4m4_45 svg {
2503
- color: var(--color-text-base) !important;
2504
- }
2505
- ._disableActiveStyle_1n4m4_45:hover {
2506
- background-color: var(--color-foreground-base) !important;
2507
- }
2508
- ._disableActiveStyle_1n4m4_45:hover svg {
2509
- color: var(--color-text-dark) !important;
2510
- }
2511
- ._disableActiveStyle_1n4m4_45:hover.el-sub-menu {
2512
- background-color: unset !important;
2513
- }
2514
- ._active_1n4m4_62, ._active_1n4m4_62 .el-sub-menu__title {
2515
- background-color: var(--color-foreground-base);
2516
- border-radius: var(--border-radius-base);
2517
- }
2518
- ._active_1n4m4_62 ._icon_1n4m4_31, ._active_1n4m4_62 .el-sub-menu__title ._icon_1n4m4_31 {
2519
- color: var(--color-text-dark);
2520
- }
2521
- ._menuItem_1n4m4_34 {
2522
- display: -webkit-box;
2523
- display: -ms-flexbox;
2524
- display: flex;
2525
- padding: var(--spacing-2xs) var(--spacing-xs) !important;
2526
- margin: 0 !important;
2527
- border-radius: var(--border-radius-base) !important;
2528
- overflow: hidden;
2529
- }
2530
- ._menuItem_1n4m4_34._compact_1n4m4_15 {
2531
- padding: var(--spacing-2xs) 0 !important;
2532
- -webkit-box-pack: center;
2533
- -ms-flex-pack: center;
2534
- justify-content: center;
2535
- }
2536
- ._icon_1n4m4_31 {
2537
- min-width: var(--spacing-s);
2538
- margin-right: var(--spacing-xs);
2539
- text-align: center;
2540
- }
2541
- ._loading_1n4m4_88 {
2542
- margin-left: var(--spacing-xs);
2543
- }
2544
- ._secondaryIcon_1n4m4_92 {
2545
- display: -webkit-box;
2546
- display: -ms-flexbox;
2547
- display: flex;
2548
- -webkit-box-align: center;
2549
- -ms-flex-align: center;
2550
- align-items: center;
2551
- -webkit-box-pack: end;
2552
- -ms-flex-pack: end;
2553
- justify-content: flex-end;
2554
- -webkit-box-flex: 1;
2555
- -ms-flex: 1;
2556
- flex: 1;
2557
- margin-left: 20px;
2558
- }
2559
- ._label_1n4m4_100 {
2560
- overflow: hidden;
2561
- text-overflow: ellipsis;
2562
- -webkit-user-select: none;
2563
- -moz-user-select: none;
2564
- -ms-user-select: none;
2565
- user-select: none;
2566
- }
2567
- ._compactLabel_1n4m4_106 {
2568
- text-overflow: unset;
2569
- }
2570
- ._item_1n4m4_110 + ._item_1n4m4_110 {
2571
- margin-top: 8px !important;
2572
- }
2573
- ._compact_1n4m4_15 ._icon_1n4m4_31 {
2574
- margin: 0;
2575
- overflow: visible !important;
2576
- visibility: visible !important;
2577
- width: initial !important;
2578
- height: initial !important;
2579
- }
2580
- ._compact_1n4m4_15 ._secondaryIcon_1n4m4_92 {
2581
- display: none;
2582
- }
2583
- ._submenuPopper_1n4m4_125 {
2584
- display: block;
2585
- }
2586
- ._submenuPopper_1n4m4_125 ul {
2587
- padding: 0 var(--spacing-xs) !important;
2588
- }
2589
- ._submenuPopper_1n4m4_125 ._menuItem_1n4m4_34 {
2590
- display: -webkit-box;
2591
- display: -ms-flexbox;
2592
- display: flex;
2593
- padding: var(--spacing-2xs) var(--spacing-xs) !important;
2594
- margin: var(--spacing-2xs) 0 !important;
2595
- }
2596
- ._submenuPopper_1n4m4_125 ._icon_1n4m4_31 {
2597
- margin-right: var(--spacing-xs);
2598
- }
2599
- ._submenuPopper_1n4m4_125._compact_1n4m4_15 ._label_1n4m4_100 {
2600
- display: inline-block;
2601
- }._container_15qri_1 {
2602
- height: 100%;
2603
- display: -webkit-box;
2604
- display: -ms-flexbox;
2605
- display: flex;
2606
- -webkit-box-orient: vertical;
2607
- -webkit-box-direction: normal;
2608
- -ms-flex-direction: column;
2609
- flex-direction: column;
2610
- background-color: var(--menu-background, var(--color-background-xlight));
2611
- }
2612
- ._menuHeader_15qri_8 {
2613
- display: -webkit-box;
2614
- display: -ms-flexbox;
2615
- display: flex;
2616
- -webkit-box-orient: vertical;
2617
- -webkit-box-direction: normal;
2618
- -ms-flex-direction: column;
2619
- flex-direction: column;
2620
- -webkit-box-flex: 0;
2621
- -ms-flex: 0 1 auto;
2622
- flex: 0 1 auto;
2623
- overflow-y: auto;
2624
- }
2625
- ._menuContent_15qri_15 {
2626
- display: -webkit-box;
2627
- display: -ms-flexbox;
2628
- display: flex;
2629
- -webkit-box-orient: vertical;
2630
- -webkit-box-direction: normal;
2631
- -ms-flex-direction: column;
2632
- flex-direction: column;
2633
- -webkit-box-pack: justify;
2634
- -ms-flex-pack: justify;
2635
- justify-content: space-between;
2636
- -webkit-box-flex: 1;
2637
- -ms-flex: 1 1 auto;
2638
- flex: 1 1 auto;
2639
- }
2640
- ._menuContent_15qri_15 > div > .el-menu {
2641
- background: none;
2642
- padding: var(--menu-padding, 12px);
2643
- }
2644
- ._upperContent_15qri_26 ul {
2645
- padding-top: 0 !important;
2646
- }
2647
- ._lowerContent_15qri_30 ul {
2648
- padding-bottom: 0 !important;
2649
- }
2650
- ._menuCollapsed_15qri_34 {
2651
- -webkit-transition: width 150ms ease-in-out;
2652
- transition: width 150ms ease-in-out;
2653
- }
2654
- ._menuCollapsed_15qri_34 .hideme {
2655
- display: none !important;
2656
- }
2657
- ._transparentBackground_15qri_41 {
2658
- background-color: transparent;
2659
- }.el-menu._dropdown_17zea_1 {
2660
- border-bottom: 0;
2661
- background-color: transparent;
2662
- }
2663
- .el-sub-menu._trigger_17zea_6 .el-sub-menu__title {
2664
- height: auto;
2665
- line-height: initial;
2666
- border-bottom: 0 !important;
2667
- }
2668
- .el-sub-menu._trigger_17zea_6 .el-sub-menu__title .el-sub-menu__icon-arrow {
2669
- display: none;
2670
- }
2671
- .el-sub-menu._trigger_17zea_6 .el-sub-menu__title:hover {
2672
- background-color: transparent;
2673
- }
2674
- ._submenu_17zea_18 .el-menu--horizontal .el-menu .el-menu-item,
2675
- ._submenu_17zea_18 .el-menu--horizontal .el-menu .el-sub-menu__title {
2676
- color: var(--color-text-dark);
2677
- }
2678
- ._submenu_17zea_18 .el-menu--horizontal .el-menu .el-menu-item:not(.is-disabled):hover,
2679
- ._submenu_17zea_18 .el-menu--horizontal .el-menu .el-sub-menu__title:not(.is-disabled):hover {
2680
- background-color: var(--color-foreground-base);
2681
- }
2682
- ._submenu_17zea_18 .el-menu--horizontal .el-menu .el-menu-item.is-disabled {
2683
- opacity: 1;
2684
- cursor: default;
2685
- color: var(--color-text-light);
2686
- }
2687
- ._submenu_17zea_18 .el-sub-menu__icon-arrow svg {
2688
- margin-top: auto;
2689
- }
2690
- ._submenu__icon_17zea_35 {
2691
- margin-right: var(--spacing-2xs);
2692
- color: var(--color-text-base);
2693
- }._creatorNode_pgd9e_1 {
2694
- display: -webkit-box;
2695
- display: -ms-flexbox;
2696
- display: flex;
2697
- -webkit-box-align: center;
2698
- -ms-flex-align: center;
2699
- align-items: center;
2700
- cursor: pointer;
2701
- z-index: 1;
2702
- padding: var(--spacing-xs) var(--spacing-2xs) var(--spacing-xs) 0;
2703
- }
2704
- ._creatorNode_pgd9e_1._hasAction_pgd9e_8 {
2705
- -webkit-user-select: none;
2706
- -moz-user-select: none;
2707
- -ms-user-select: none;
2708
- user-select: none;
2709
- }
2710
- ._creatorNode_pgd9e_1:hover ._panelIcon_pgd9e_12 {
2711
- color: var(--action-arrow-color-hover, var(--color-text-light));
2712
- }
2713
- :root ._tag_pgd9e_16 {
2714
- margin-left: var(--spacing-2xs);
2715
- line-height: var(--font-size-3xs);
2716
- font-size: var(--font-size-3xs);
2717
- padding: 0.1875rem var(--spacing-3xs) var(--spacing-4xs) var(--spacing-3xs);
2718
- height: auto;
2719
- }
2720
- :root ._tag_pgd9e_16 span {
2721
- font-size: var(--font-size-2xs) !important;
2722
- }
2723
- ._panelIcon_pgd9e_12 {
2724
- -webkit-box-flex: 1;
2725
- -ms-flex-positive: 1;
2726
- flex-grow: 1;
2727
- display: -webkit-box;
2728
- display: -ms-flexbox;
2729
- display: flex;
2730
- -webkit-box-pack: end;
2731
- -ms-flex-pack: end;
2732
- justify-content: flex-end;
2733
- -webkit-box-align: center;
2734
- -ms-flex-align: center;
2735
- align-items: center;
2736
- margin-left: var(--spacing-2xs);
2737
- color: var(--action-arrow-color, var(--color-text-lighter));
2738
- cursor: pointer;
2739
- background: transparent;
2740
- border: none;
2741
- }
2742
- ._tooltipIcon_pgd9e_39 {
2743
- margin-left: var(--spacing-3xs);
2744
- }
2745
- ._panelArrow_pgd9e_43 {
2746
- font-size: var(--font-size-2xs);
2747
- width: 12px;
2748
- }
2749
- ._details_pgd9e_48 {
2750
- -webkit-box-align: center;
2751
- -ms-flex-align: center;
2752
- align-items: center;
2753
- }
2754
- ._nodeIcon_pgd9e_52 {
2755
- display: -webkit-box;
2756
- display: -ms-flexbox;
2757
- display: flex;
2758
- margin-right: var(--node-icon-margin-right, var(--spacing-s));
2759
- }
2760
- ._name_pgd9e_57 {
2761
- font-weight: var(--node-creator-name-weight, var(--font-weight-bold));
2762
- font-size: var(--node-creator-name-size, var(--font-size-s));
2763
- line-height: 1.115rem;
2764
- }
2765
- ._description_pgd9e_63 {
2766
- margin-top: var(--spacing-5xs);
2767
- font-size: var(--font-size-2xs);
2768
- line-height: 1rem;
2769
- font-weight: 400;
2770
- color: var(--node-creator-description-colos, var(--color-text-base));
2771
- }
2772
- ._aiIcon_pgd9e_71 {
2773
- margin-left: var(--spacing-3xs);
2774
- color: var(--color-secondary);
2775
- }
2776
- ._triggerIcon_pgd9e_76 {
2777
- margin-left: var(--spacing-3xs);
2778
- color: var(--color-primary);
2779
- }.el-tooltip svg[data-v-49b045ef] {
2780
- color: var(--color-foreground-xdark);
2781
- }._nodeIconWrapper_1am61_1 {
2782
- width: var(--node-icon-size, 26px);
2783
- height: var(--node-icon-size, 26px);
2784
- border-radius: var(--border-radius-small);
2785
- color: var(--node-icon-color, #444);
2786
- line-height: var(--node-icon-size, 26px);
2787
- font-size: 1.1em;
2788
- text-align: center;
2789
- font-weight: bold;
2790
- font-size: 20px;
2791
- }
2792
- ._icon_1am61_13 {
2793
- height: 100%;
2794
- width: 100%;
2795
- display: -webkit-box;
2796
- display: -ms-flexbox;
2797
- display: flex;
2798
- -webkit-box-pack: center;
2799
- -ms-flex-pack: center;
2800
- justify-content: center;
2801
- -webkit-box-align: center;
2802
- -ms-flex-align: center;
2803
- align-items: center;
2804
- position: relative;
2805
- }
2806
- ._icon_1am61_13 svg {
2807
- max-width: 100%;
2808
- max-height: 100%;
2809
- }
2810
- ._icon_1am61_13 img,
2811
- ._icon_1am61_13 svg {
2812
- pointer-events: none;
2813
- }
2814
- ._nodeIconPlaceholder_1am61_30 {
2815
- text-align: center;
2816
- }
2817
- ._nodeIconImage_1am61_34 {
2818
- max-width: 100%;
2819
- max-height: 100%;
2820
- width: auto;
2821
- height: auto;
2822
- }
2823
- ._badge_1am61_41 {
2824
- position: absolute;
2825
- background: var(--color-background-node-icon-badge, var(--color-background-base));
2826
- border-radius: 50%;
2827
- }
2828
- ._circle_1am61_47 {
2829
- border-radius: 50%;
2830
- }
2831
- ._disabled_1am61_51 {
2832
- color: "#ccc";
2833
- -webkit-filter: contrast(40%) brightness(1.5) grayscale(100%);
2834
- filter: contrast(40%) brightness(1.5) grayscale(100%);
2835
- }._notice_2gfee_1 {
2836
- font-size: var(--font-size-2xs);
2837
- display: -webkit-box;
2838
- display: -ms-flexbox;
2839
- display: flex;
2840
- color: var(--color-notice-font);
2841
- margin: var(--notice-margin, var(--spacing-s) 0);
2842
- padding: var(--spacing-2xs);
2843
- background-color: var(--background-color);
2844
- border-width: 1px 1px 1px 7px;
2845
- border-style: solid;
2846
- border-color: var(--border-color);
2847
- border-radius: var(--border-radius-small);
2848
- line-height: var(--font-line-height-compact);
2849
- }
2850
- ._notice_2gfee_1 a {
2851
- font-weight: var(--font-weight-bold);
2852
- }
2853
- ._warning_2gfee_18 {
2854
- --border-color: var(--color-notice-warning-border);
2855
- --background-color: var(--color-notice-warning-background);
2856
- }
2857
- ._danger_2gfee_23 {
2858
- --border-color: var(--color-danger-tint-1);
2859
- --background-color: var(--color-danger-tint-2);
2860
- }
2861
- ._success_2gfee_28 {
2862
- --border-color: var(--color-success-tint-1);
2863
- --background-color: var(--color-success-tint-2);
2864
- }
2865
- ._info_2gfee_33 {
2866
- --border-color: var(--color-info-tint-1);
2867
- --background-color: var(--color-info-tint-2);
2868
- }
2869
- ._expanded_2gfee_38 + span {
2870
- margin-top: var(--spacing-4xs);
2871
- display: block;
2872
- }
2873
- ._truncated_2gfee_43 {
2874
- display: inline;
2875
- }._pulseContainer_10nxt_1 {
2876
- display: -webkit-box;
2877
- display: -ms-flexbox;
2878
- display: flex;
2879
- -webkit-box-pack: center;
2880
- -ms-flex-pack: center;
2881
- justify-content: center;
2882
- -webkit-box-align: center;
2883
- -ms-flex-align: center;
2884
- align-items: center;
2885
- height: 240px;
2886
- width: 100%;
2887
- }
2888
- ._pulse_10nxt_1 {
2889
- width: 74px;
2890
- height: 74px;
2891
- border-radius: 50%;
2892
- -webkit-box-shadow: 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
2893
- box-shadow: 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
2894
- -webkit-animation: _pulse_10nxt_1 6s infinite cubic-bezier(0.33, 1, 0.68, 1);
2895
- animation: _pulse_10nxt_1 6s infinite cubic-bezier(0.33, 1, 0.68, 1);
2896
- }
2897
- ._pulse2_10nxt_17 {
2898
- display: -webkit-box;
2899
- display: -ms-flexbox;
2900
- display: flex;
2901
- -webkit-box-pack: center;
2902
- -ms-flex-pack: center;
2903
- justify-content: center;
2904
- -webkit-box-align: center;
2905
- -ms-flex-align: center;
2906
- align-items: center;
2907
- width: 74px;
2908
- height: 74px;
2909
- border-radius: 50%;
2910
- -webkit-box-shadow: 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
2911
- box-shadow: 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
2912
- -webkit-animation: _pulse2_10nxt_17 6s infinite cubic-bezier(0.33, 1, 0.68, 1);
2913
- animation: _pulse2_10nxt_17 6s infinite cubic-bezier(0.33, 1, 0.68, 1);
2914
- }
2915
- @-webkit-keyframes _pulse_10nxt_1 {
2916
- 0% {
2917
- -webkit-box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
2918
- box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
2919
- }
2920
- 58.33% {
2921
- -webkit-box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
2922
- box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
2923
- }
2924
- 66.6% {
2925
- -webkit-box-shadow: 0 0 0 66px transparent;
2926
- box-shadow: 0 0 0 66px transparent;
2927
- }
2928
- 66.7% {
2929
- -webkit-box-shadow: 0 0 0 0 transparent;
2930
- box-shadow: 0 0 0 0 transparent;
2931
- }
2932
- }
2933
- @keyframes _pulse_10nxt_1 {
2934
- 0% {
2935
- -webkit-box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
2936
- box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
2937
- }
2938
- 58.33% {
2939
- -webkit-box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
2940
- box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
2941
- }
2942
- 66.6% {
2943
- -webkit-box-shadow: 0 0 0 66px transparent;
2944
- box-shadow: 0 0 0 66px transparent;
2945
- }
2946
- 66.7% {
2947
- -webkit-box-shadow: 0 0 0 0 transparent;
2948
- box-shadow: 0 0 0 0 transparent;
2949
- }
2950
- }
2951
- @-webkit-keyframes _pulse2_10nxt_17 {
2952
- 0% {
2953
- -webkit-box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
2954
- box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
2955
- }
2956
- 16.66% {
2957
- -webkit-box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
2958
- box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
2959
- }
2960
- 50% {
2961
- -webkit-box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
2962
- box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
2963
- }
2964
- 83.3% {
2965
- -webkit-box-shadow: 0 0 0 66px transparent;
2966
- box-shadow: 0 0 0 66px transparent;
2967
- }
2968
- 83.4% {
2969
- -webkit-box-shadow: 0 0 0 0 transparent;
2970
- box-shadow: 0 0 0 0 transparent;
2971
- }
2972
- }
2973
- @keyframes _pulse2_10nxt_17 {
2974
- 0% {
2975
- -webkit-box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
2976
- box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
2977
- }
2978
- 16.66% {
2979
- -webkit-box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
2980
- box-shadow: 0 0 0 0 hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.4);
2981
- }
2982
- 50% {
2983
- -webkit-box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
2984
- box-shadow: 0 0 0 60px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0);
2985
- }
2986
- 83.3% {
2987
- -webkit-box-shadow: 0 0 0 66px transparent;
2988
- box-shadow: 0 0 0 66px transparent;
2989
- }
2990
- 83.4% {
2991
- -webkit-box-shadow: 0 0 0 0 transparent;
2992
- box-shadow: 0 0 0 0 transparent;
2993
- }
2994
- }._container_zuvdl_1 {
2995
- display: inline-block;
2996
- outline: 0;
2997
- position: relative;
2998
- }
2999
- ._hoverable_zuvdl_7:hover ._button_zuvdl_7:not(._active_zuvdl_7) {
3000
- color: var(--color-primary);
3001
- }
3002
- ._input_zuvdl_11 {
3003
- opacity: 0;
3004
- outline: 0;
3005
- z-index: -1;
3006
- position: absolute;
3007
- }
3008
- ._button_zuvdl_7 {
3009
- display: -webkit-box;
3010
- display: -ms-flexbox;
3011
- display: flex;
3012
- -webkit-box-align: center;
3013
- -ms-flex-align: center;
3014
- align-items: center;
3015
- border-radius: var(--border-radius-base);
3016
- font-weight: var(--font-weight-bold);
3017
- color: var(--color-text-base);
3018
- -webkit-transition: background-color 0.2s ease;
3019
- transition: background-color 0.2s ease;
3020
- cursor: pointer;
3021
- -webkit-user-select: none;
3022
- -moz-user-select: none;
3023
- -ms-user-select: none;
3024
- user-select: none;
3025
- }
3026
- ._disabled_zuvdl_29 {
3027
- cursor: not-allowed;
3028
- }
3029
- ._medium_zuvdl_33 {
3030
- height: 26px;
3031
- font-size: var(--font-size-2xs);
3032
- padding: 0 var(--spacing-xs);
3033
- }
3034
- ._small_zuvdl_39 {
3035
- font-size: var(--font-size-3xs);
3036
- height: 15px;
3037
- padding: 0 var(--spacing-4xs);
3038
- }
3039
- ._active_zuvdl_7 {
3040
- background-color: var(--color-foreground-xlight);
3041
- color: var(--color-text-dark);
3042
- }._radioGroup_jiseo_1 {
3043
- display: -webkit-inline-box;
3044
- display: -ms-inline-flexbox;
3045
- display: inline-flex;
3046
- line-height: 1;
3047
- vertical-align: middle;
3048
- font-size: 0;
3049
- background-color: var(--color-foreground-base);
3050
- padding: var(--spacing-5xs);
3051
- border-radius: var(--border-radius-base);
3052
- }
3053
- ._disabled_jiseo_11 {
3054
- cursor: not-allowed;
3055
- }.recycle-scroller-wrapper {
3056
- height: 100%;
3057
- width: 100%;
3058
- overflow: auto;
3059
- -webkit-box-flex: 1;
3060
- -ms-flex: 1 1 auto;
3061
- flex: 1 1 auto;
3062
- }
3063
- .recycle-scroller {
3064
- width: 100%;
3065
- display: block;
3066
- position: relative;
3067
- }
3068
- .recycle-scroller-items-wrapper {
3069
- position: absolute;
3070
- width: 100%;
3071
- }
3072
- .recycle-scroller-item {
3073
- display: -webkit-box;
3074
- display: -ms-flexbox;
3075
- display: flex;
3076
- position: relative;
3077
- width: 100%;
3078
- }._resize_87i2j_1 {
3079
- position: relative;
3080
- width: 100%;
3081
- height: 100%;
3082
- z-index: 2;
3083
- }
3084
- ._resizer_87i2j_8 {
3085
- position: absolute;
3086
- z-index: 3;
3087
- }
3088
- ._right_87i2j_13 {
3089
- width: 12px;
3090
- height: 100%;
3091
- top: -2px;
3092
- right: -2px;
3093
- cursor: ew-resize;
3094
- }
3095
- ._top_87i2j_21 {
3096
- width: 100%;
3097
- height: 12px;
3098
- top: -2px;
3099
- left: -2px;
3100
- cursor: ns-resize;
3101
- }
3102
- ._bottom_87i2j_29 {
3103
- width: 100%;
3104
- height: 12px;
3105
- bottom: -2px;
3106
- left: -2px;
3107
- cursor: ns-resize;
3108
- }
3109
- ._left_87i2j_37 {
3110
- width: 12px;
3111
- height: 100%;
3112
- top: -2px;
3113
- left: -2px;
3114
- cursor: ew-resize;
3115
- }
3116
- ._topLeft_87i2j_45 {
3117
- width: 12px;
3118
- height: 12px;
3119
- top: -3px;
3120
- left: -3px;
3121
- cursor: nw-resize;
3122
- }
3123
- ._topRight_87i2j_53 {
3124
- width: 12px;
3125
- height: 12px;
3126
- top: -3px;
3127
- right: -3px;
3128
- cursor: ne-resize;
3129
- }
3130
- ._bottomLeft_87i2j_61 {
3131
- width: 12px;
3132
- height: 12px;
3133
- bottom: -3px;
3134
- left: -3px;
3135
- cursor: sw-resize;
3136
- }
3137
- ._bottomRight_87i2j_69 {
3138
- width: 12px;
3139
- height: 12px;
3140
- bottom: -3px;
3141
- right: -3px;
3142
- cursor: se-resize;
3143
- }._sticky_1iqd8_1 {
3144
- position: absolute;
3145
- border-radius: var(--border-radius-base);
3146
- background-color: var(--color-sticky-background);
3147
- border: 1px solid var(--color-sticky-border);
3148
- }
3149
- ._sticky_1iqd8_1 ._wrapper_1iqd8_7::after {
3150
- opacity: 0.15;
3151
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0.01%, var(--color-sticky-background)), to(var(--color-sticky-border)));
3152
- background: linear-gradient(180deg, var(--color-sticky-background) 0.01%, var(--color-sticky-border));
3153
- }
3154
- ._clickable_1iqd8_12 {
3155
- cursor: pointer;
3156
- }
3157
- ._wrapper_1iqd8_7 {
3158
- width: 100%;
3159
- height: 100%;
3160
- position: absolute;
3161
- padding: var(--spacing-2xs) var(--spacing-xs) 0;
3162
- overflow: hidden;
3163
- }
3164
- ._wrapper_1iqd8_7::after {
3165
- content: "";
3166
- width: 100%;
3167
- height: 24px;
3168
- left: 0;
3169
- bottom: 0;
3170
- position: absolute;
3171
- border-radius: var(--border-radius-base);
3172
- }
3173
- ._footer_1iqd8_33 {
3174
- padding: var(--spacing-5xs) var(--spacing-2xs) 0 var(--spacing-2xs);
3175
- display: -webkit-box;
3176
- display: -ms-flexbox;
3177
- display: flex;
3178
- -webkit-box-pack: end;
3179
- -ms-flex-pack: end;
3180
- justify-content: flex-end;
3181
- }
3182
- ._color-2_1iqd8_39 {
3183
- --color-sticky-background: var(--color-sticky-background-2);
3184
- --color-sticky-border: var(--color-sticky-border-2);
3185
- }
3186
- ._color-3_1iqd8_44 {
3187
- --color-sticky-background: var(--color-sticky-background-3);
3188
- --color-sticky-border: var(--color-sticky-border-3);
3189
- }
3190
- ._color-4_1iqd8_49 {
3191
- --color-sticky-background: var(--color-sticky-background-4);
3192
- --color-sticky-border: var(--color-sticky-border-4);
3193
- }
3194
- ._color-5_1iqd8_54 {
3195
- --color-sticky-background: var(--color-sticky-background-5);
3196
- --color-sticky-border: var(--color-sticky-border-5);
3197
- }
3198
- ._color-6_1iqd8_59 {
3199
- --color-sticky-background: var(--color-sticky-background-6);
3200
- --color-sticky-border: var(--color-sticky-border-6);
3201
- }
3202
- ._color-7_1iqd8_64 {
3203
- --color-sticky-background: var(--color-sticky-background-7);
3204
- --color-sticky-border: var(--color-sticky-border-7);
3205
- }.sticky-textarea {
3206
- height: calc(100% - var(--spacing-l));
3207
- padding: var(--spacing-2xs) var(--spacing-2xs) 0 var(--spacing-2xs);
3208
- cursor: default;
3209
- }
3210
- .sticky-textarea .el-textarea {
3211
- height: 100%;
3212
- }
3213
- .sticky-textarea .el-textarea .el-textarea__inner {
3214
- height: 100%;
3215
- resize: unset;
3216
- }
3217
- .full-height {
3218
- height: calc(100% - var(--spacing-2xs));
3219
- }._container_13uew_1 {
3220
- position: relative;
3221
- height: 24px;
3222
- min-height: 24px;
3223
- width: 100%;
3224
- }
3225
- ._tabs_13uew_8 {
3226
- color: var(--color-text-base);
3227
- font-weight: var(--font-weight-bold);
3228
- display: -webkit-box;
3229
- display: -ms-flexbox;
3230
- display: flex;
3231
- -webkit-box-align: center;
3232
- -ms-flex-align: center;
3233
- align-items: center;
3234
- width: 100%;
3235
- position: absolute;
3236
- overflow-x: scroll;
3237
- /* Hide scrollbar for Chrome, Safari and Opera */
3238
- /* Hide scrollbar for IE, Edge and Firefox */
3239
- -ms-overflow-style: none; /* IE and Edge */
3240
- scrollbar-width: none; /* Firefox */
3241
- }
3242
- ._tabs_13uew_8::-webkit-scrollbar {
3243
- display: none;
3244
- }
3245
- ._tab_13uew_8 {
3246
- --active-tab-border-width: 2px;
3247
- display: block;
3248
- padding: 0 var(--spacing-s);
3249
- padding-bottom: calc(var(--spacing-2xs) + var(--active-tab-border-width));
3250
- font-size: var(--font-size-s);
3251
- cursor: pointer;
3252
- white-space: nowrap;
3253
- color: var(--color-text-base);
3254
- }
3255
- ._tab_13uew_8:hover {
3256
- color: var(--color-primary);
3257
- }
3258
- ._tab_13uew_8 span + span {
3259
- margin-left: var(--spacing-4xs);
3260
- }
3261
- ._activeTab_13uew_42 {
3262
- color: var(--color-primary);
3263
- padding-bottom: var(--spacing-2xs);
3264
- border-bottom: var(--color-primary) var(--active-tab-border-width) solid;
3265
- }
3266
- ._alignRight_13uew_48:not(._alignRight_13uew_48 + ._alignRight_13uew_48) {
3267
- margin-left: auto;
3268
- }
3269
- ._link_13uew_52 {
3270
- cursor: pointer;
3271
- color: var(--color-text-base);
3272
- }
3273
- ._link_13uew_52:hover {
3274
- color: var(--color-primary);
3275
- }
3276
- ._external_13uew_60 {
3277
- display: inline-block;
3278
- margin-left: var(--spacing-5xs);
3279
- }
3280
- ._button_13uew_65 {
3281
- position: absolute;
3282
- background-color: var(--color-background-base);
3283
- z-index: 1;
3284
- height: 24px;
3285
- width: 10px;
3286
- display: -webkit-box;
3287
- display: -ms-flexbox;
3288
- display: flex;
3289
- -webkit-box-align: center;
3290
- -ms-flex-align: center;
3291
- align-items: center;
3292
- font-weight: var(--font-weight-bold);
3293
- }
3294
- ._back_13uew_76 {
3295
- left: 0;
3296
- }
3297
- ._next_13uew_82 {
3298
- right: 0;
3299
- }._tag_q7h0m_1 {
3300
- min-width: -webkit-max-content;
3301
- min-width: -moz-max-content;
3302
- min-width: max-content;
3303
- padding: 1px var(--spacing-4xs);
3304
- color: var(--color-text-dark);
3305
- background-color: var(--color-background-base);
3306
- border-radius: var(--border-radius-base);
3307
- font-size: var(--font-size-2xs);
3308
- -webkit-transition: background-color 0.3s ease;
3309
- transition: background-color 0.3s ease;
3310
- }
3311
- ._tag_q7h0m_1._clickable_q7h0m_10 {
3312
- cursor: pointer;
3313
- }
3314
- ._tag_q7h0m_1._clickable_q7h0m_10:hover {
3315
- background-color: var(--color-background-medium);
3316
- }._tags_zu6kb_1 {
3317
- display: -webkit-inline-box;
3318
- display: -ms-inline-flexbox;
3319
- display: inline-flex;
3320
- -ms-flex-wrap: wrap;
3321
- flex-wrap: wrap;
3322
- -webkit-box-align: center;
3323
- -ms-flex-align: center;
3324
- align-items: center;
3325
- overflow-x: scroll;
3326
- /* Hide scrollbar for Chrome, Safari and Opera */
3327
- /* Hide scrollbar for IE, Edge and Firefox */
3328
- -ms-overflow-style: none; /* IE and Edge */
3329
- scrollbar-width: none; /* Firefox */
3330
- margin-top: calc(var(--spacing-4xs) * -1);
3331
- }
3332
- ._tags_zu6kb_1::-webkit-scrollbar {
3333
- display: none;
3334
- }
3335
- ._tags_zu6kb_1 * {
3336
- margin: var(--spacing-4xs) var(--spacing-4xs) 0 0;
3337
- }._indent_1y4uu_1 {
3338
- margin-left: var(--spacing-s);
3339
- }
3340
- ._simple_1y4uu_5 {
3341
- text-indent: calc(var(--spacing-s) * -1);
3342
- margin-left: var(--spacing-s);
3343
- max-width: 300px;
3344
- }._container_1sski_1 {
3345
- display: -webkit-inline-box;
3346
- display: -ms-inline-flexbox;
3347
- display: inline-flex;
3348
- overflow: hidden;
3349
- }
3350
- ._avatarContainer_1sski_6 {
3351
- display: -webkit-inline-box;
3352
- display: -ms-inline-flexbox;
3353
- display: inline-flex;
3354
- -webkit-box-align: center;
3355
- -ms-flex-align: center;
3356
- align-items: center;
3357
- -webkit-box-pack: center;
3358
- -ms-flex-pack: center;
3359
- justify-content: center;
3360
- color: var(--color-text-light);
3361
- }
3362
- ._infoContainer_1sski_13 {
3363
- -webkit-box-flex: 1;
3364
- -ms-flex-positive: 1;
3365
- flex-grow: 1;
3366
- display: -webkit-inline-box;
3367
- display: -ms-inline-flexbox;
3368
- display: inline-flex;
3369
- -webkit-box-orient: vertical;
3370
- -webkit-box-direction: normal;
3371
- -ms-flex-direction: column;
3372
- flex-direction: column;
3373
- -webkit-box-pack: center;
3374
- -ms-flex-pack: center;
3375
- justify-content: center;
3376
- margin-left: var(--spacing-xs);
3377
- }
3378
- ._pendingUser_1sski_21 {
3379
- display: -webkit-inline-box;
3380
- display: -ms-inline-flexbox;
3381
- display: inline-flex;
3382
- -webkit-box-align: center;
3383
- -ms-flex-align: center;
3384
- align-items: center;
3385
- -webkit-box-pack: center;
3386
- -ms-flex-pack: center;
3387
- justify-content: center;
3388
- margin-left: var(--spacing-xs);
3389
- }
3390
- ._pendingBadge_1sski_28 {
3391
- margin-left: var(--spacing-xs);
3392
- }
3393
- ._disabled_1sski_32 {
3394
- opacity: 0.5;
3395
- }._avatars_yebqg_1 {
3396
- display: -webkit-box;
3397
- display: -ms-flexbox;
3398
- display: flex;
3399
- cursor: pointer;
3400
- }
3401
- ._avatar_yebqg_1 {
3402
- margin-right: calc(-1 * var(--spacing-3xs));
3403
- -webkit-user-select: none;
3404
- -moz-user-select: none;
3405
- -ms-user-select: none;
3406
- user-select: none;
3407
- }
3408
- ._hiddenBadge_yebqg_11 {
3409
- display: -webkit-box;
3410
- display: -ms-flexbox;
3411
- display: flex;
3412
- -webkit-box-pack: center;
3413
- -ms-flex-pack: center;
3414
- justify-content: center;
3415
- -webkit-box-align: center;
3416
- -ms-flex-align: center;
3417
- align-items: center;
3418
- width: 28px;
3419
- height: 28px;
3420
- color: var(--color-text-base);
3421
- background-color: var(--color-background-xlight);
3422
- font-weight: var(--font-weight-bold);
3423
- font-size: var(--font-size-3xs);
3424
- z-index: 999;
3425
- border: var(--border-width-base) var(--border-style-base) var(--color-info-tint-1);
3426
- border-radius: 50%;
3427
- }
3428
- ._groupContainer_yebqg_26 {
3429
- display: -webkit-box;
3430
- display: -ms-flexbox;
3431
- display: flex;
3432
- -webkit-box-orient: vertical;
3433
- -webkit-box-direction: normal;
3434
- -ms-flex-direction: column;
3435
- flex-direction: column;
3436
- }
3437
- ._groupContainer_yebqg_26 + ._groupContainer_yebqg_26 {
3438
- margin-top: var(--spacing-3xs);
3439
- }
3440
- ._groupName_yebqg_34 {
3441
- font-size: var(--font-size-3xs);
3442
- color: var(--color-text-light);
3443
- text-transform: uppercase;
3444
- font-weight: var(--font-weight-bold);
3445
- margin-bottom: var(--spacing-4xs);
3446
- }
3447
- ._groupUsers_yebqg_42 {
3448
- display: -webkit-box;
3449
- display: -ms-flexbox;
3450
- display: flex;
3451
- -webkit-box-orient: vertical;
3452
- -webkit-box-direction: normal;
3453
- -ms-flex-direction: column;
3454
- flex-direction: column;
3455
- gap: var(--spacing-2xs);
3456
- }
3457
- ._userInfoContainer_yebqg_48 {
3458
- display: -webkit-box;
3459
- display: -ms-flexbox;
3460
- display: flex;
3461
- padding-top: var(--spacing-5xs);
3462
- padding-bottom: var(--spacing-5xs);
3463
- }ul.user-stack-list {
3464
- border: none;
3465
- display: -webkit-box;
3466
- display: -ms-flexbox;
3467
- display: flex;
3468
- -webkit-box-orient: vertical;
3469
- -webkit-box-direction: normal;
3470
- -ms-flex-direction: column;
3471
- flex-direction: column;
3472
- gap: var(--spacing-s);
3473
- padding-bottom: var(--spacing-2xs);
3474
- }
3475
- ul.user-stack-list .el-dropdown-menu__item {
3476
- line-height: var(--font-line-height-regular);
3477
- }
3478
- ul.user-stack-list li:hover {
3479
- color: currentColor !important;
3480
- }
3481
- .user-stack-popper {
3482
- border: 1px solid var(--border-color-light);
3483
- border-radius: var(--border-radius-base);
3484
- padding: var(--spacing-5xs) 0;
3485
- -webkit-box-shadow: 0px 2px 8px 0px rgba(68, 28, 23, 0.1019607843);
3486
- box-shadow: 0px 2px 8px 0px rgba(68, 28, 23, 0.1019607843);
3487
- background-color: var(--color-background-xlight);
3488
- }._itemContainer_6ofyv_1 {
3489
- --select-option-padding: var(--spacing-2xs) var(--spacing-s);
3490
- --select-option-line-height: 1;
3491
- }
3492
- :root ._limitPopperWidth_6ofyv_6 {
3493
- width: 0;
3494
- }
3495
- :root ._limitPopperWidth_6ofyv_6 li > span {
3496
- text-overflow: ellipsis;
3497
- overflow-x: hidden;
3498
- }._itemContainer_wgqkm_1 {
3499
- display: -webkit-box;
3500
- display: -ms-flexbox;
3501
- display: flex;
3502
- padding: var(--spacing-2xs) 0 vaR(--spacing-2xs) 0;
3503
- }
3504
- ._itemContainer_wgqkm_1 > *:first-child {
3505
- -webkit-box-flex: 1;
3506
- -ms-flex-positive: 1;
3507
- flex-grow: 1;
3508
- }
3509
- ._itemWithBorder_wgqkm_9 {
3510
- border-bottom: var(--border-base);
3511
- }
3512
- ._badgeContainer_wgqkm_14 {
3513
- display: -webkit-box;
3514
- display: -ms-flexbox;
3515
- display: flex;
3516
- -webkit-box-align: center;
3517
- -ms-flex-align: center;
3518
- align-items: center;
3519
- }
3520
- ._badgeContainer_wgqkm_14 > * {
3521
- margin-left: var(--spacing-2xs);
3522
- }.chat-file[data-v-84b41b6b] {
3523
- display: flex;
3524
- align-items: center;
3525
- flex-wrap: nowrap;
3526
- width: -moz-fit-content;
3527
- width: fit-content;
3528
- max-width: 15rem;
3529
- padding: 0.5rem;
3530
- border-radius: 0.25rem;
3531
- gap: 0.25rem;
3532
- font-size: 0.75rem;
3533
- background: white;
3534
- color: var(--chat--color-dark);
3535
- border: 1px solid var(--chat--color-dark);
3536
- cursor: pointer;
3537
- }
3538
- .chat-file-name-tooltip[data-v-84b41b6b] {
3539
- overflow: hidden;
3540
- }
3541
- .chat-file-name[data-v-84b41b6b] {
3542
- overflow: hidden;
3543
- max-width: 100%;
3544
- text-overflow: ellipsis;
3545
- white-space: nowrap;
3546
- margin: 0;
3547
- }
3548
- .chat-file-delete[data-v-84b41b6b],
3549
- .chat-file-preview[data-v-84b41b6b] {
3550
- background: none;
3551
- border: none;
3552
- display: none;
3553
- cursor: pointer;
3554
- flex-shrink: 0;
3555
- }
3556
- .chat-file:hover .chat-file-delete[data-v-84b41b6b],
3557
- .chat-file:hover .chat-file-preview[data-v-84b41b6b] {
3558
- display: block;
3559
- }.chat-message {
3560
- display: block;
3561
- position: relative;
3562
- max-width: 80%;
3563
- font-size: var(--chat--message--font-size, 1rem);
3564
- padding: var(--chat--message--padding, var(--chat--spacing));
3565
- border-radius: var(--chat--message--border-radius, var(--chat--border-radius));
3566
- }
3567
- .chat-message .chat-message-actions {
3568
- position: absolute;
3569
- bottom: 100%;
3570
- left: 0;
3571
- opacity: 0;
3572
- transform: translateY(-0.25rem);
3573
- display: flex;
3574
- gap: 1rem;
3575
- }
3576
- .chat-message.chat-message-from-user .chat-message-actions {
3577
- left: auto;
3578
- right: 0;
3579
- }
3580
- .chat-message:hover .chat-message-actions {
3581
- opacity: 1;
3582
- }
3583
- .chat-message p {
3584
- line-height: var(--chat--message-line-height, 1.8);
3585
- word-wrap: break-word;
3586
- }
3587
- .chat-message + .chat-message {
3588
- margin-top: var(--chat--message--margin-bottom, calc(var(--chat--spacing) * 1));
3589
- }
3590
- .chat-message.chat-message-from-user + .chat-message.chat-message-from-bot, .chat-message.chat-message-from-bot + .chat-message.chat-message-from-user {
3591
- margin-top: var(--chat--spacing);
3592
- }
3593
- .chat-message.chat-message-from-bot {
3594
- color: var(--chat--message--bot--color);
3595
- border-bottom-left-radius: 0;
3596
- }
3597
- .chat-message.chat-message-from-bot:not(.chat-message-transparent) {
3598
- background-color: var(--chat--message--bot--background);
3599
- border: var(--chat--message--bot--border, none);
3600
- }
3601
- .chat-message.chat-message-from-user {
3602
- color: var(--chat--message--user--color);
3603
- margin-left: auto;
3604
- border-bottom-right-radius: 0;
3605
- }
3606
- .chat-message.chat-message-from-user:not(.chat-message-transparent) {
3607
- background-color: var(--chat--message--user--background);
3608
- border: var(--chat--message--user--border, none);
3609
- }
3610
- .chat-message > .chat-message-markdown {
3611
- display: block;
3612
- box-sizing: border-box;
3613
- }
3614
- .chat-message > .chat-message-markdown > *:first-child {
3615
- margin-top: 0;
3616
- }
3617
- .chat-message > .chat-message-markdown > *:last-child {
3618
- margin-bottom: 0;
3619
- }
3620
- .chat-message > .chat-message-markdown pre {
3621
- font-family: inherit;
3622
- font-size: inherit;
3623
- margin: 0;
3624
- white-space: pre-wrap;
3625
- box-sizing: border-box;
3626
- padding: var(--chat--spacing);
3627
- background: var(--chat--message--pre--background);
3628
- border-radius: var(--chat--border-radius);
3629
- }
3630
- .chat-message .chat-message-files {
3631
- display: flex;
3632
- flex-wrap: wrap;
3633
- gap: 0.25rem;
3634
- padding-top: 0.5rem;
3635
- }.chat-button {
3636
- display: inline-flex;
3637
- text-align: center;
3638
- vertical-align: middle;
3639
- -webkit-user-select: none;
3640
- -moz-user-select: none;
3641
- user-select: none;
3642
- color: var(--chat--button--color, var(--chat--color-light));
3643
- background-color: var(--chat--button--background, var(--chat--color-primary));
3644
- border: 1px solid transparent;
3645
- padding: var(--chat--button--padding, calc(var(--chat--spacing) * 1 / 2) var(--chat--spacing));
3646
- font-size: 1rem;
3647
- line-height: 1.5;
3648
- border-radius: var(--chat--button--border-radius, var(--chat--border-radius));
3649
- transition: color var(--chat--transition-duration) ease-in-out, background-color var(--chat--transition-duration) ease-in-out, border-color var(--chat--transition-duration) ease-in-out, box-shadow var(--chat--transition-duration) ease-in-out;
3650
- cursor: pointer;
3651
- }
3652
- .chat-button:hover {
3653
- color: var(--chat--button--hover--color, var(--chat--color-light));
3654
- background-color: var(--chat--button--hover--background, var(--chat--color-primary-shade-50));
3655
- text-decoration: none;
3656
- }
3657
- .chat-button:focus {
3658
- outline: 0;
3659
- box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
3660
- }
3661
- .chat-button:disabled {
3662
- opacity: 0.65;
3663
- }.chat-get-started {
3664
- padding-top: var(--chat--spacing);
3665
- padding-bottom: var(--chat--spacing);
3666
- display: flex;
3667
- justify-content: center;
3668
- align-items: center;
3669
- height: 100%;
3670
- }.chat-powered-by {
3671
- text-align: center;
3672
- }
3673
- .chat-powered-by a {
3674
- color: var(--chat--color-primary);
3675
- text-decoration: none;
3676
- }.chat-get-started-footer {
3677
- padding: var(--chat--spacing);
3678
- }.chat-input[data-v-1f49fa43] {
3679
- display: flex;
3680
- justify-content: center;
3681
- align-items: center;
3682
- width: 100%;
3683
- flex-direction: column;
3684
- position: relative;
3685
- }
3686
- .chat-input *[data-v-1f49fa43] {
3687
- box-sizing: border-box;
3688
- }
3689
- .chat-inputs[data-v-1f49fa43] {
3690
- width: 100%;
3691
- display: flex;
3692
- justify-content: center;
3693
- align-items: center;
3694
- }
3695
- .chat-inputs textarea[data-v-1f49fa43] {
3696
- font-family: inherit;
3697
- font-size: var(--chat--input--font-size, inherit);
3698
- width: 100%;
3699
- border: var(--chat--input--border, 0);
3700
- border-radius: var(--chat--input--border-radius, 0);
3701
- padding: 0.8rem;
3702
- padding-right: calc(0.8rem + var(--controls-count, 1) * var(--chat--textarea--height));
3703
- min-height: var(--chat--textarea--height);
3704
- max-height: var(--chat--textarea--max-height, var(--chat--textarea--height));
3705
- height: 100%;
3706
- background: var(--chat--input--background, white);
3707
- resize: var(--chat--textarea--resize, none);
3708
- color: var(--chat--input--text-color, initial);
3709
- outline: none;
3710
- }
3711
- .chat-inputs textarea[data-v-1f49fa43]:focus, .chat-inputs textarea[data-v-1f49fa43]:hover {
3712
- border-color: var(--chat--input--border-active, 0);
3713
- }
3714
- .chat-inputs-controls[data-v-1f49fa43] {
3715
- display: flex;
3716
- position: absolute;
3717
- right: 0.5rem;
3718
- }
3719
- .chat-input-send-button[data-v-1f49fa43] {
3720
- height: var(--chat--textarea--height);
3721
- width: var(--chat--textarea--height);
3722
- background: var(--chat--input--send--button--background, white);
3723
- cursor: pointer;
3724
- color: var(--chat--input--send--button--color, var(--chat--color-secondary));
3725
- border: 0;
3726
- font-size: 24px;
3727
- display: inline-flex;
3728
- align-items: center;
3729
- justify-content: center;
3730
- transition: color var(--chat--transition-duration) ease;
3731
- }
3732
- .chat-input-send-button svg[data-v-1f49fa43] {
3733
- min-width: -moz-fit-content;
3734
- min-width: fit-content;
3735
- }
3736
- .chat-input-send-button[data-v-1f49fa43]:hover, .chat-input-send-button[data-v-1f49fa43]:focus {
3737
- background: var(--chat--input--send--button--background-hover, var(--chat--input--send--button--background));
3738
- color: var(--chat--input--send--button--color-hover, var(--chat--color-secondary-shade-50));
3739
- }
3740
- .chat-input-send-button[disabled][data-v-1f49fa43] {
3741
- cursor: no-drop;
3742
- color: var(--chat--color-disabled);
3743
- }
3744
- .chat-files[data-v-1f49fa43] {
3745
- display: flex;
3746
- overflow-x: hidden;
3747
- overflow-y: auto;
3748
- width: 100%;
3749
- flex-direction: row;
3750
- flex-wrap: wrap;
3751
- gap: 0.25rem;
3752
- padding: var(--chat--files-spacing, 0.25rem);
3753
- }.chat-layout {
3754
- width: 100%;
3755
- height: 100%;
3756
- display: flex;
3757
- overflow-y: auto;
3758
- flex-direction: column;
3759
- font-family: var(--chat--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
3760
- }
3761
- .chat-layout .chat-header {
3762
- display: flex;
3763
- flex-direction: column;
3764
- justify-content: center;
3765
- gap: 1em;
3766
- height: var(--chat--header-height, auto);
3767
- padding: var(--chat--header--padding, var(--chat--spacing));
3768
- background: var(--chat--header--background, var(--chat--color-dark));
3769
- color: var(--chat--header--color, var(--chat--color-light));
3770
- border-top: var(--chat--header--border-top, none);
3771
- border-bottom: var(--chat--header--border-bottom, none);
3772
- border-left: var(--chat--header--border-left, none);
3773
- border-right: var(--chat--header--border-right, none);
3774
- }
3775
- .chat-layout .chat-header h1 {
3776
- font-size: var(--chat--heading--font-size);
3777
- color: var(--chat--header--color, var(--chat--color-light));
3778
- }
3779
- .chat-layout .chat-header p {
3780
- font-size: var(--chat--subtitle--font-size, inherit);
3781
- line-height: var(--chat--subtitle--line-height, 1.8);
3782
- }
3783
- .chat-layout .chat-body {
3784
- background: var(--chat--body--background, var(--chat--color-light));
3785
- flex: 1;
3786
- display: flex;
3787
- flex-direction: column;
3788
- overflow-y: auto;
3789
- position: relative;
3790
- min-height: 100px;
3791
- }
3792
- .chat-layout .chat-footer {
3793
- border-top: 1px solid var(--chat--color-light-shade-100);
3794
- background: var(--chat--footer--background, var(--chat--color-light));
3795
- color: var(--chat--footer--color, var(--chat--color-dark));
3796
- }.chat-heading {
3797
- display: flex;
3798
- justify-content: space-between;
3799
- align-items: center;
3800
- }
3801
- .chat-close-button {
3802
- display: flex;
3803
- border: none;
3804
- background: none;
3805
- cursor: pointer;
3806
- }
3807
- .chat-close-button:hover {
3808
- color: var(--chat--close--button--color-hover, var(--chat--color-primary));
3809
- }.chat-window-wrapper {
3810
- position: fixed;
3811
- display: flex;
3812
- flex-direction: column;
3813
- bottom: var(--chat--window--bottom, var(--chat--spacing));
3814
- right: var(--chat--window--right, var(--chat--spacing));
3815
- z-index: var(--chat--window--z-index, 9999);
3816
- max-width: calc(100% - var(--chat--window--right, var(--chat--spacing)) * 2);
3817
- max-height: calc(100% - var(--chat--window--bottom, var(--chat--spacing)) * 2);
3818
- }
3819
- .chat-window-wrapper .chat-window {
3820
- display: flex;
3821
- width: var(--chat--window--width);
3822
- height: var(--chat--window--height);
3823
- max-width: 100%;
3824
- max-height: 100%;
3825
- border: var(--chat--window--border, 1px solid var(--chat--color-light-shade-100));
3826
- border-radius: var(--chat--window--border-radius, var(--chat--border-radius));
3827
- margin-bottom: var(--chat--window--margin-bottom, var(--chat--spacing));
3828
- overflow: hidden;
3829
- transform-origin: bottom right;
3830
- }
3831
- .chat-window-wrapper .chat-window .chat-layout {
3832
- width: auto;
3833
- height: auto;
3834
- flex: 1;
3835
- }
3836
- .chat-window-wrapper .chat-window-toggle {
3837
- flex: 0 0 auto;
3838
- background: var(--chat--toggle--background);
3839
- color: var(--chat--toggle--color);
3840
- cursor: pointer;
3841
- width: var(--chat--toggle--width, var(--chat--toggle--size));
3842
- height: var(--chat--toggle--height, var(--chat--toggle--size));
3843
- border-radius: var(--chat--toggle--border-radius, 50%);
3844
- display: inline-flex;
3845
- align-items: center;
3846
- justify-content: center;
3847
- margin-left: auto;
3848
- transition: transform var(--chat--transition-duration) ease, background var(--chat--transition-duration) ease;
3849
- }
3850
- .chat-window-wrapper .chat-window-toggle:hover, .chat-window-wrapper .chat-window-toggle:focus {
3851
- transform: scale(1.05);
3852
- background: var(--chat--toggle--hover--background);
3853
- }
3854
- .chat-window-wrapper .chat-window-toggle:active {
3855
- transform: scale(0.95);
3856
- background: var(--chat--toggle--active--background);
3857
- }
3858
- .chat-window-transition-enter-active, .chat-window-transition-leave-active {
3859
- transition: transform var(--chat--transition-duration) ease, opacity var(--chat--transition-duration) ease;
3860
- }
3861
- .chat-window-transition-enter-from, .chat-window-transition-leave-to {
3862
- transform: scale(0);
3863
- opacity: 0;
3864
- }
3865
- .chat-window-toggle-transition-enter-active, .chat-window-toggle-transition-leave-active {
3866
- transition: opacity var(--chat--transition-duration) ease;
3867
- }
3868
- .chat-window-toggle-transition-enter-from, .chat-window-toggle-transition-leave-to {
3869
- opacity: 0;
3870
- }.chat-message-typing {
3871
- max-width: 80px;
3872
- }
3873
- .chat-message-typing.chat-message-typing-animation-scaling .chat-message-typing-circle {
3874
- animation: chat-message-typing-animation-scaling 800ms ease-in-out infinite;
3875
- animation-delay: 3600ms;
3876
- }
3877
- .chat-message-typing.chat-message-typing-animation-bouncing .chat-message-typing-circle {
3878
- animation: chat-message-typing-animation-bouncing 800ms ease-in-out infinite;
3879
- animation-delay: 3600ms;
3880
- }
3881
- .chat-message-typing .chat-message-typing-body {
3882
- display: flex;
3883
- justify-content: center;
3884
- align-items: center;
3885
- }
3886
- .chat-message-typing .chat-message-typing-circle {
3887
- display: block;
3888
- height: 10px;
3889
- width: 10px;
3890
- border-radius: 50%;
3891
- background-color: var(--chat--color-typing);
3892
- margin: 3px;
3893
- }
3894
- .chat-message-typing .chat-message-typing-circle:nth-child(1) {
3895
- animation-delay: 0ms;
3896
- }
3897
- .chat-message-typing .chat-message-typing-circle:nth-child(2) {
3898
- animation-delay: 333ms;
3899
- }
3900
- .chat-message-typing .chat-message-typing-circle:nth-child(3) {
3901
- animation-delay: 666ms;
3902
- }
3903
- @keyframes chat-message-typing-animation-scaling {
3904
- 0% {
3905
- transform: scale(1);
3906
- }
3907
- 33% {
3908
- transform: scale(1);
3909
- }
3910
- 50% {
3911
- transform: scale(1.4);
3912
- }
3913
- 100% {
3914
- transform: scale(1);
3915
- }
3916
- }
3917
- @keyframes chat-message-typing-animation-bouncing {
3918
- 0% {
3919
- transform: translateY(0);
3920
- }
3921
- 33% {
3922
- transform: translateY(0);
3923
- }
3924
- 50% {
3925
- transform: translateY(-10px);
3926
- }
3927
- 100% {
3928
- transform: translateY(0);
3929
- }
3930
- }.chat-messages-list {
3931
- margin-top: auto;
3932
- display: block;
3933
- padding: var(--chat--messages-list--padding, var(--chat--spacing));
3934
- }
3935
- .n8n-chat {
3936
- /*!
3937
- Theme: GitHub
3938
- Description: Light theme as seen on github.com
3939
- Author: github.com
3940
- Maintainer: @Hirse
3941
- Updated: 2021-05-15
3942
-
3943
- Outdated base version: https://github.com/primer/github-syntax-light
3944
- Current colors taken from GitHub's CSS
3945
- */
3946
- }
3947
- .n8n-chat pre code.hljs {
3948
- display: block;
3949
- overflow-x: auto;
3950
- padding: 1em;
3951
- }
3952
- .n8n-chat code.hljs {
3953
- padding: 3px 5px;
3954
- }
3955
- .n8n-chat .hljs {
3956
- color: #24292e;
3957
- background: #ffffff;
3958
- }
3959
- .n8n-chat .hljs-doctag,
3960
- .n8n-chat .hljs-keyword,
3961
- .n8n-chat .hljs-meta .hljs-keyword,
3962
- .n8n-chat .hljs-template-tag,
3963
- .n8n-chat .hljs-template-variable,
3964
- .n8n-chat .hljs-type,
3965
- .n8n-chat .hljs-variable.language_ {
3966
- /* prettylights-syntax-keyword */
3967
- color: #d73a49;
3968
- }
3969
- .n8n-chat .hljs-title,
3970
- .n8n-chat .hljs-title.class_,
3971
- .n8n-chat .hljs-title.class_.inherited__,
3972
- .n8n-chat .hljs-title.function_ {
3973
- /* prettylights-syntax-entity */
3974
- color: #6f42c1;
3975
- }
3976
- .n8n-chat .hljs-attr,
3977
- .n8n-chat .hljs-attribute,
3978
- .n8n-chat .hljs-literal,
3979
- .n8n-chat .hljs-meta,
3980
- .n8n-chat .hljs-number,
3981
- .n8n-chat .hljs-operator,
3982
- .n8n-chat .hljs-variable,
3983
- .n8n-chat .hljs-selector-attr,
3984
- .n8n-chat .hljs-selector-class,
3985
- .n8n-chat .hljs-selector-id {
3986
- /* prettylights-syntax-constant */
3987
- color: #005cc5;
3988
- }
3989
- .n8n-chat .hljs-regexp,
3990
- .n8n-chat .hljs-string,
3991
- .n8n-chat .hljs-meta .hljs-string {
3992
- /* prettylights-syntax-string */
3993
- color: #032f62;
3994
- }
3995
- .n8n-chat .hljs-built_in,
3996
- .n8n-chat .hljs-symbol {
3997
- /* prettylights-syntax-variable */
3998
- color: #e36209;
3999
- }
4000
- .n8n-chat .hljs-comment,
4001
- .n8n-chat .hljs-code,
4002
- .n8n-chat .hljs-formula {
4003
- /* prettylights-syntax-comment */
4004
- color: #6a737d;
4005
- }
4006
- .n8n-chat .hljs-name,
4007
- .n8n-chat .hljs-quote,
4008
- .n8n-chat .hljs-selector-tag,
4009
- .n8n-chat .hljs-selector-pseudo {
4010
- /* prettylights-syntax-entity-tag */
4011
- color: #22863a;
4012
- }
4013
- .n8n-chat .hljs-subst {
4014
- /* prettylights-syntax-storage-modifier-import */
4015
- color: #24292e;
4016
- }
4017
- .n8n-chat .hljs-section {
4018
- /* prettylights-syntax-markup-heading */
4019
- color: #005cc5;
4020
- font-weight: bold;
4021
- }
4022
- .n8n-chat .hljs-bullet {
4023
- /* prettylights-syntax-markup-list */
4024
- color: #735c0f;
4025
- }
4026
- .n8n-chat .hljs-emphasis {
4027
- /* prettylights-syntax-markup-italic */
4028
- color: #24292e;
4029
- font-style: italic;
4030
- }
4031
- .n8n-chat .hljs-strong {
4032
- /* prettylights-syntax-markup-bold */
4033
- color: #24292e;
4034
- font-weight: bold;
4035
- }
4036
- .n8n-chat .hljs-addition {
4037
- /* prettylights-syntax-markup-inserted */
4038
- color: #22863a;
4039
- background-color: #f0fff4;
4040
- }
4041
- .n8n-chat .hljs-deletion {
4042
- /* prettylights-syntax-markup-deleted */
4043
- color: #b31d28;
4044
- background-color: #ffeef0;
4045
- }
4046
- .n8n-chat .hljs-char.escape_,
4047
- .n8n-chat .hljs-link,
4048
- .n8n-chat .hljs-params,
4049
- .n8n-chat .hljs-property,
4050
- .n8n-chat .hljs-punctuation,
4051
- .n8n-chat .hljs-tag {
4052
- /* purposely ignored */
4053
- }
4054
- :root {
4055
- --chat--color-primary: #e74266;
4056
- --chat--color-primary-shade-50: #db4061;
4057
- --chat--color-primary-shade-100: #cf3c5c;
4058
- --chat--color-secondary: #20b69e;
4059
- --chat--color-secondary-shade-50: #1ca08a;
4060
- --chat--color-white: #ffffff;
4061
- --chat--color-light: #f2f4f8;
4062
- --chat--color-light-shade-50: #e6e9f1;
4063
- --chat--color-light-shade-100: #c2c5cc;
4064
- --chat--color-medium: #d2d4d9;
4065
- --chat--color-dark: #101330;
4066
- --chat--color-disabled: #777980;
4067
- --chat--color-typing: #404040;
4068
- --chat--spacing: 1rem;
4069
- --chat--border-radius: 0.25rem;
4070
- --chat--transition-duration: 0.15s;
4071
- --chat--window--width: 400px;
4072
- --chat--window--height: 600px;
4073
- --chat--textarea--height: 50px;
4074
- --chat--message--bot--background: var(--chat--color-white);
4075
- --chat--message--bot--color: var(--chat--color-dark);
4076
- --chat--message--user--background: var(--chat--color-secondary);
4077
- --chat--message--user--color: var(--chat--color-white);
4078
- --chat--message--pre--background: rgba(0, 0, 0, 0.05);
4079
- --chat--toggle--background: var(--chat--color-primary);
4080
- --chat--toggle--hover--background: var(--chat--color-primary-shade-50);
4081
- --chat--toggle--active--background: var(--chat--color-primary-shade-100);
4082
- --chat--toggle--color: var(--chat--color-white);
4083
- --chat--toggle--size: 64px;
4084
- --chat--heading--font-size: 2em;
4085
- }
4086
- pre code.hljs {
4087
- display: block;
4088
- overflow-x: auto;
4089
- padding: 1em;
4090
- }
4091
- code.hljs {
4092
- padding: 3px 5px;
4093
- }
4094
- /*!
4095
- Theme: GitHub
4096
- Description: Light theme as seen on github.com
4097
- Author: github.com
4098
- Maintainer: @Hirse
4099
- Updated: 2021-05-15
4100
-
4101
- Outdated base version: https://github.com/primer/github-syntax-light
4102
- Current colors taken from GitHub's CSS
4103
- */
4104
- .hljs {
4105
- color: #24292e;
4106
- background: #ffffff;
4107
- }
4108
- .hljs-doctag,
4109
- .hljs-keyword,
4110
- .hljs-meta .hljs-keyword,
4111
- .hljs-template-tag,
4112
- .hljs-template-variable,
4113
- .hljs-type,
4114
- .hljs-variable.language_ {
4115
- /* prettylights-syntax-keyword */
4116
- color: #d73a49;
4117
- }
4118
- .hljs-title,
4119
- .hljs-title.class_,
4120
- .hljs-title.class_.inherited__,
4121
- .hljs-title.function_ {
4122
- /* prettylights-syntax-entity */
4123
- color: #6f42c1;
4124
- }
4125
- .hljs-attr,
4126
- .hljs-attribute,
4127
- .hljs-literal,
4128
- .hljs-meta,
4129
- .hljs-number,
4130
- .hljs-operator,
4131
- .hljs-variable,
4132
- .hljs-selector-attr,
4133
- .hljs-selector-class,
4134
- .hljs-selector-id {
4135
- /* prettylights-syntax-constant */
4136
- color: #005cc5;
4137
- }
4138
- .hljs-regexp,
4139
- .hljs-string,
4140
- .hljs-meta .hljs-string {
4141
- /* prettylights-syntax-string */
4142
- color: #032f62;
4143
- }
4144
- .hljs-built_in,
4145
- .hljs-symbol {
4146
- /* prettylights-syntax-variable */
4147
- color: #e36209;
4148
- }
4149
- .hljs-comment,
4150
- .hljs-code,
4151
- .hljs-formula {
4152
- /* prettylights-syntax-comment */
4153
- color: #6a737d;
4154
- }
4155
- .hljs-name,
4156
- .hljs-quote,
4157
- .hljs-selector-tag,
4158
- .hljs-selector-pseudo {
4159
- /* prettylights-syntax-entity-tag */
4160
- color: #22863a;
4161
- }
4162
- .hljs-subst {
4163
- /* prettylights-syntax-storage-modifier-import */
4164
- color: #24292e;
4165
- }
4166
- .hljs-section {
4167
- /* prettylights-syntax-markup-heading */
4168
- color: #005cc5;
4169
- font-weight: bold;
4170
- }
4171
- .hljs-bullet {
4172
- /* prettylights-syntax-markup-list */
4173
- color: #735c0f;
4174
- }
4175
- .hljs-emphasis {
4176
- /* prettylights-syntax-markup-italic */
4177
- color: #24292e;
4178
- font-style: italic;
4179
- }
4180
- .hljs-strong {
4181
- /* prettylights-syntax-markup-bold */
4182
- color: #24292e;
4183
- font-weight: bold;
4184
- }
4185
- .hljs-addition {
4186
- /* prettylights-syntax-markup-inserted */
4187
- color: #22863a;
4188
- background-color: #f0fff4;
4189
- }
4190
- .hljs-deletion {
4191
- /* prettylights-syntax-markup-deleted */
4192
- color: #b31d28;
4193
- background-color: #ffeef0;
4194
- }
4195
- .hljs-char.escape_,
4196
- .hljs-link,
4197
- .hljs-params,
4198
- .hljs-property,
4199
- .hljs-punctuation,
4200
- .hljs-tag {
4201
- /* purposely ignored */
4202
- }
4203
- body[data-theme=dark] {
4204
- /*!
4205
- Theme: GitHub Dark Dimmed
4206
- Description: Dark dimmed theme as seen on github.com
4207
- Author: github.com
4208
- Maintainer: @Hirse
4209
- Updated: 2021-05-15
4210
-
4211
- Colors taken from GitHub's CSS
4212
- */
4213
- }
4214
- body[data-theme=dark] pre code.hljs {
4215
- display: block;
4216
- overflow-x: auto;
4217
- padding: 1em;
4218
- }
4219
- body[data-theme=dark] code.hljs {
4220
- padding: 3px 5px;
4221
- }
4222
- body[data-theme=dark] .hljs {
4223
- color: #adbac7;
4224
- background: #22272e;
4225
- }
4226
- body[data-theme=dark] .hljs-doctag,
4227
- body[data-theme=dark] .hljs-keyword,
4228
- body[data-theme=dark] .hljs-meta .hljs-keyword,
4229
- body[data-theme=dark] .hljs-template-tag,
4230
- body[data-theme=dark] .hljs-template-variable,
4231
- body[data-theme=dark] .hljs-type,
4232
- body[data-theme=dark] .hljs-variable.language_ {
4233
- /* prettylights-syntax-keyword */
4234
- color: #f47067;
4235
- }
4236
- body[data-theme=dark] .hljs-title,
4237
- body[data-theme=dark] .hljs-title.class_,
4238
- body[data-theme=dark] .hljs-title.class_.inherited__,
4239
- body[data-theme=dark] .hljs-title.function_ {
4240
- /* prettylights-syntax-entity */
4241
- color: #dcbdfb;
4242
- }
4243
- body[data-theme=dark] .hljs-attr,
4244
- body[data-theme=dark] .hljs-attribute,
4245
- body[data-theme=dark] .hljs-literal,
4246
- body[data-theme=dark] .hljs-meta,
4247
- body[data-theme=dark] .hljs-number,
4248
- body[data-theme=dark] .hljs-operator,
4249
- body[data-theme=dark] .hljs-variable,
4250
- body[data-theme=dark] .hljs-selector-attr,
4251
- body[data-theme=dark] .hljs-selector-class,
4252
- body[data-theme=dark] .hljs-selector-id {
4253
- /* prettylights-syntax-constant */
4254
- color: #6cb6ff;
4255
- }
4256
- body[data-theme=dark] .hljs-regexp,
4257
- body[data-theme=dark] .hljs-string,
4258
- body[data-theme=dark] .hljs-meta .hljs-string {
4259
- /* prettylights-syntax-string */
4260
- color: #96d0ff;
4261
- }
4262
- body[data-theme=dark] .hljs-built_in,
4263
- body[data-theme=dark] .hljs-symbol {
4264
- /* prettylights-syntax-variable */
4265
- color: #f69d50;
4266
- }
4267
- body[data-theme=dark] .hljs-comment,
4268
- body[data-theme=dark] .hljs-code,
4269
- body[data-theme=dark] .hljs-formula {
4270
- /* prettylights-syntax-comment */
4271
- color: #768390;
4272
- }
4273
- body[data-theme=dark] .hljs-name,
4274
- body[data-theme=dark] .hljs-quote,
4275
- body[data-theme=dark] .hljs-selector-tag,
4276
- body[data-theme=dark] .hljs-selector-pseudo {
4277
- /* prettylights-syntax-entity-tag */
4278
- color: #8ddb8c;
4279
- }
4280
- body[data-theme=dark] .hljs-subst {
4281
- /* prettylights-syntax-storage-modifier-import */
4282
- color: #adbac7;
4283
- }
4284
- body[data-theme=dark] .hljs-section {
4285
- /* prettylights-syntax-markup-heading */
4286
- color: #316dca;
4287
- font-weight: bold;
4288
- }
4289
- body[data-theme=dark] .hljs-bullet {
4290
- /* prettylights-syntax-markup-list */
4291
- color: #eac55f;
4292
- }
4293
- body[data-theme=dark] .hljs-emphasis {
4294
- /* prettylights-syntax-markup-italic */
4295
- color: #adbac7;
4296
- font-style: italic;
4297
- }
4298
- body[data-theme=dark] .hljs-strong {
4299
- /* prettylights-syntax-markup-bold */
4300
- color: #adbac7;
4301
- font-weight: bold;
4302
- }
4303
- body[data-theme=dark] .hljs-addition {
4304
- /* prettylights-syntax-markup-inserted */
4305
- color: #b4f1b4;
4306
- background-color: #1b4721;
4307
- }
4308
- body[data-theme=dark] .hljs-deletion {
4309
- /* prettylights-syntax-markup-deleted */
4310
- color: #ffd8d3;
4311
- background-color: #78191b;
4312
- }
4313
- body[data-theme=dark] .hljs-char.escape_,
4314
- body[data-theme=dark] .hljs-link,
4315
- body[data-theme=dark] .hljs-params,
4316
- body[data-theme=dark] .hljs-property,
4317
- body[data-theme=dark] .hljs-punctuation,
4318
- body[data-theme=dark] .hljs-tag {
4319
- /* purposely ignored */
4320
- }
4321
- @media (prefers-color-scheme: dark) {
4322
- body {
4323
- /*!
4324
- Theme: GitHub Dark Dimmed
4325
- Description: Dark dimmed theme as seen on github.com
4326
- Author: github.com
4327
- Maintainer: @Hirse
4328
- Updated: 2021-05-15
4329
-
4330
- Colors taken from GitHub's CSS
4331
- */
4332
- }
4333
- body pre code.hljs {
4334
- display: block;
4335
- overflow-x: auto;
4336
- padding: 1em;
4337
- }
4338
- body code.hljs {
4339
- padding: 3px 5px;
4340
- }
4341
- body .hljs {
4342
- color: #adbac7;
4343
- background: #22272e;
4344
- }
4345
- body .hljs-doctag,
4346
- body .hljs-keyword,
4347
- body .hljs-meta .hljs-keyword,
4348
- body .hljs-template-tag,
4349
- body .hljs-template-variable,
4350
- body .hljs-type,
4351
- body .hljs-variable.language_ {
4352
- /* prettylights-syntax-keyword */
4353
- color: #f47067;
4354
- }
4355
- body .hljs-title,
4356
- body .hljs-title.class_,
4357
- body .hljs-title.class_.inherited__,
4358
- body .hljs-title.function_ {
4359
- /* prettylights-syntax-entity */
4360
- color: #dcbdfb;
4361
- }
4362
- body .hljs-attr,
4363
- body .hljs-attribute,
4364
- body .hljs-literal,
4365
- body .hljs-meta,
4366
- body .hljs-number,
4367
- body .hljs-operator,
4368
- body .hljs-variable,
4369
- body .hljs-selector-attr,
4370
- body .hljs-selector-class,
4371
- body .hljs-selector-id {
4372
- /* prettylights-syntax-constant */
4373
- color: #6cb6ff;
4374
- }
4375
- body .hljs-regexp,
4376
- body .hljs-string,
4377
- body .hljs-meta .hljs-string {
4378
- /* prettylights-syntax-string */
4379
- color: #96d0ff;
4380
- }
4381
- body .hljs-built_in,
4382
- body .hljs-symbol {
4383
- /* prettylights-syntax-variable */
4384
- color: #f69d50;
4385
- }
4386
- body .hljs-comment,
4387
- body .hljs-code,
4388
- body .hljs-formula {
4389
- /* prettylights-syntax-comment */
4390
- color: #768390;
4391
- }
4392
- body .hljs-name,
4393
- body .hljs-quote,
4394
- body .hljs-selector-tag,
4395
- body .hljs-selector-pseudo {
4396
- /* prettylights-syntax-entity-tag */
4397
- color: #8ddb8c;
4398
- }
4399
- body .hljs-subst {
4400
- /* prettylights-syntax-storage-modifier-import */
4401
- color: #adbac7;
4402
- }
4403
- body .hljs-section {
4404
- /* prettylights-syntax-markup-heading */
4405
- color: #316dca;
4406
- font-weight: bold;
4407
- }
4408
- body .hljs-bullet {
4409
- /* prettylights-syntax-markup-list */
4410
- color: #eac55f;
4411
- }
4412
- body .hljs-emphasis {
4413
- /* prettylights-syntax-markup-italic */
4414
- color: #adbac7;
4415
- font-style: italic;
4416
- }
4417
- body .hljs-strong {
4418
- /* prettylights-syntax-markup-bold */
4419
- color: #adbac7;
4420
- font-weight: bold;
4421
- }
4422
- body .hljs-addition {
4423
- /* prettylights-syntax-markup-inserted */
4424
- color: #b4f1b4;
4425
- background-color: #1b4721;
4426
- }
4427
- body .hljs-deletion {
4428
- /* prettylights-syntax-markup-deleted */
4429
- color: #ffd8d3;
4430
- background-color: #78191b;
4431
- }
4432
- body .hljs-char.escape_,
4433
- body .hljs-link,
4434
- body .hljs-params,
4435
- body .hljs-property,
4436
- body .hljs-punctuation,
4437
- body .hljs-tag {
4438
- /* purposely ignored */
4439
- }
4440
- }
4441
- .chat-message-markdown {
4442
- /*
4443
- universalize.css (v1.0.2) — by Alexander Sandberg (https://alexandersandberg.com)
4444
- ------------------------------------------------------------------------------
4445
-
4446
- Based on Sanitize.css (https://github.com/csstools/sanitize.css).
4447
-
4448
- (all) = Used for all browsers.
4449
- x lines = Applies to x lines down, including current line.
4450
-
4451
- ------------------------------------------------------------------------------
4452
- */
4453
- /*
4454
- 1. Use default UI font (all)
4455
- 2. Make font size more accessible to everyone (all)
4456
- 3. Make line height consistent (all)
4457
- 4. Prevent font size adjustment after orientation changes (IE, iOS)
4458
- 5. Prevent overflow from long words (all)
4459
- */
4460
- font-size: 125%; /* 2 */
4461
- line-height: 1.6; /* 3 */
4462
- -webkit-text-size-adjust: 100%; /* 4 */
4463
- word-break: break-word; /* 5 */
4464
- /*
4465
- Prevent padding and border from affecting width (all)
4466
- */
4467
- /*
4468
- 1. Inherit text decoration (all)
4469
- 2. Inherit vertical alignment (all)
4470
- */
4471
- /*
4472
- Remove inconsistent and unnecessary margins
4473
- */
4474
- /*
4475
- 1. Show overflow (IE18-, IE)
4476
- 2. Correct sizing (Firefox)
4477
- */
4478
- /*
4479
- Add correct display
4480
- */
4481
- /*
4482
- Remove style on navigation lists (all)
4483
- */
4484
- /*
4485
- 1. Use default monospace UI font (all)
4486
- 2. Correct font sizing (all)
4487
- */
4488
- /*
4489
- 1. Change cursor for <abbr> elements (all)
4490
- 2. Add correct text decoration (Edge 18-, IE, Safari)
4491
- */
4492
- /*
4493
- Add correct font weight (Chrome, Edge, Safari)
4494
- */
4495
- /*
4496
- Add correct font size (all)
4497
- */
4498
- /*
4499
- Change alignment on media elements (all)
4500
- */
4501
- /*
4502
- Remove border on iframes (all)
4503
- */
4504
- /*
4505
- Change fill color to match text (all)
4506
- */
4507
- /*
4508
- Hide overflow (IE11)
4509
- */
4510
- /*
4511
- Show overflow (Edge 18-, IE)
4512
- */
4513
- /*
4514
- Remove inheritance of text transform (Edge 18-, Firefox, IE)
4515
- */
4516
- /*
4517
- Correct inability to style buttons (iOS, Safari)
4518
- */
4519
- /*
4520
- 1. Fix inconsistent appearance (all)
4521
- 2. Correct padding (Firefox)
4522
- */
4523
- /*
4524
- 1. Correct color inheritance from <fieldset> (IE)
4525
- 2. Correct text wrapping (Edge 18-, IE)
4526
- */
4527
- /*
4528
- 1. Add correct display (Edge 18-, IE)
4529
- 2. Add correct vertical alignment (Chrome, Edge, Firefox)
4530
- */
4531
- /*
4532
- 1. Remove default vertical scrollbar (IE)
4533
- 2. Change resize direction (all)
4534
- */
4535
- /*
4536
- 1. Correct outline style (Safari)
4537
- 2. Correct odd appearance (Chrome, Edge, Safari)
4538
- */
4539
- /*
4540
- Correct cursor style of increment and decrement buttons (Safari)
4541
- */
4542
- /*
4543
- Correct text style (Chrome, Edge, Safari)
4544
- */
4545
- /*
4546
- Remove inner padding (Chrome, Edge, Safari on macOS)
4547
- */
4548
- /*
4549
- 1. Inherit font properties (Safari)
4550
- 2. Correct inability to style upload buttons (iOS, Safari)
4551
- */
4552
- /*
4553
- Remove inner border and padding of focus outlines (Firefox)
4554
- */
4555
- /*
4556
- Restore focus outline style (Firefox)
4557
- */
4558
- /*
4559
- Remove :invalid styles (Firefox)
4560
- */
4561
- /*
4562
- Change cursor on busy elements (all)
4563
- */
4564
- /*
4565
- Change cursor on control elements (all)
4566
- */
4567
- /*
4568
- Change cursor on disabled, non-editable, or inoperable elements (all)
4569
- */
4570
- /*
4571
- Change display on visually hidden accessible elements (all)
4572
- */
4573
- /*
4574
- Print out URLs after links (all)
4575
- */
4576
- /* ----- Variables ----- */
4577
- /* Light mode default, dark mode if recognized as preferred */
4578
- /* @media (prefers-color-scheme: dark) {
4579
- :root {
4580
- --background-main: #282a36;
4581
- --text-main: #fefefe;
4582
- }
4583
- } */
4584
- /* ----- Base ----- */
4585
- /* ----- Typography ----- */
4586
- /*
4587
- Heading sizes based on a modular scale of 1.25 (all)
4588
- */
4589
- /*
4590
- Subtitles
4591
- - Change to header h* + span instead?
4592
- - Add support for taglines (small title above main) as well? Needs <header>:
4593
- header > span:first-child
4594
- */
4595
- /*
4596
- Define a custom tab-size in browsers that support it.
4597
- */
4598
- /*
4599
- Long underlined text can be hard to read for dyslexics. Replace with bold.
4600
- */
4601
- /* ----- Layout ----- */
4602
- /* ----- Forms ----- */
4603
- /* ----- Misc ----- */
4604
- /*
4605
- Style anchor links only
4606
- */
4607
- /*
4608
- Skip link
4609
- */
4610
- }
4611
- .chat-message-markdown *,
4612
- .chat-message-markdown ::before,
4613
- .chat-message-markdown ::after {
4614
- box-sizing: border-box;
4615
- }
4616
- .chat-message-markdown ::before,
4617
- .chat-message-markdown ::after {
4618
- text-decoration: inherit; /* 1 */
4619
- vertical-align: inherit; /* 2 */
4620
- }
4621
- .chat-message-markdown body,
4622
- .chat-message-markdown dl dl,
4623
- .chat-message-markdown dl ol,
4624
- .chat-message-markdown dl ul,
4625
- .chat-message-markdown ol dl,
4626
- .chat-message-markdown ul dl,
4627
- .chat-message-markdown ol ol,
4628
- .chat-message-markdown ol ul,
4629
- .chat-message-markdown ul ol,
4630
- .chat-message-markdown ul ul,
4631
- .chat-message-markdown button,
4632
- .chat-message-markdown input,
4633
- .chat-message-markdown select,
4634
- .chat-message-markdown textarea {
4635
- /* (Firefox, Safari) */
4636
- margin: 0;
4637
- }
4638
- .chat-message-markdown hr {
4639
- overflow: visible;
4640
- height: 0;
4641
- }
4642
- .chat-message-markdown main,
4643
- .chat-message-markdown details {
4644
- /* (Edge 18-, IE) */
4645
- display: block;
4646
- }
4647
- .chat-message-markdown summary {
4648
- /* (all) */
4649
- display: list-item;
4650
- }
4651
- .chat-message-markdown nav ol,
4652
- .chat-message-markdown nav ul {
4653
- list-style: none;
4654
- padding: 0;
4655
- }
4656
- .chat-message-markdown pre,
4657
- .chat-message-markdown code,
4658
- .chat-message-markdown kbd,
4659
- .chat-message-markdown samp {
4660
- font-family: "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
4661
- font-size: 1em; /* 2 */
4662
- }
4663
- .chat-message-markdown abbr[title] {
4664
- cursor: help; /* 1 */
4665
- text-decoration: underline; /* 2 */
4666
- -webkit-text-decoration: underline dotted;
4667
- text-decoration: underline dotted; /* 2 */
4668
- }
4669
- .chat-message-markdown b,
4670
- .chat-message-markdown strong {
4671
- font-weight: bolder;
4672
- }
4673
- .chat-message-markdown small {
4674
- font-size: 80%;
4675
- }
4676
- .chat-message-markdown audio,
4677
- .chat-message-markdown canvas,
4678
- .chat-message-markdown iframe,
4679
- .chat-message-markdown img,
4680
- .chat-message-markdown svg,
4681
- .chat-message-markdown video {
4682
- vertical-align: middle;
4683
- }
4684
- .chat-message-markdown iframe {
4685
- border-style: none;
4686
- }
4687
- .chat-message-markdown svg:not([fill]) {
4688
- fill: currentColor;
4689
- }
4690
- .chat-message-markdown svg:not(:root) {
4691
- overflow: hidden;
4692
- }
4693
- .chat-message-markdown button,
4694
- .chat-message-markdown input {
4695
- overflow: visible;
4696
- }
4697
- .chat-message-markdown button,
4698
- .chat-message-markdown select {
4699
- text-transform: none;
4700
- }
4701
- .chat-message-markdown button,
4702
- .chat-message-markdown [type=button],
4703
- .chat-message-markdown [type=reset],
4704
- .chat-message-markdown [type=submit] {
4705
- -webkit-appearance: button;
4706
- }
4707
- .chat-message-markdown fieldset {
4708
- border: 1px solid #666; /* 1 */
4709
- padding: 0.35em 0.75em 0.625em; /* 2 */
4710
- }
4711
- .chat-message-markdown legend {
4712
- color: inherit; /* 1 */
4713
- display: table; /* 2 */
4714
- max-width: 100%; /* 2 */
4715
- white-space: normal; /* 2 */
4716
- }
4717
- .chat-message-markdown progress {
4718
- display: inline-block; /* 1 */
4719
- vertical-align: baseline; /* 2 */
4720
- }
4721
- .chat-message-markdown textarea {
4722
- overflow: auto; /* 1 */
4723
- resize: vertical; /* 2 */
4724
- }
4725
- .chat-message-markdown [type=search] {
4726
- outline-offset: -2px; /* 1 */
4727
- -webkit-appearance: textfield; /* 2 */
4728
- }
4729
- .chat-message-markdown ::-webkit-inner-spin-button,
4730
- .chat-message-markdown ::-webkit-outer-spin-button {
4731
- height: auto;
4732
- }
4733
- .chat-message-markdown ::-webkit-input-placeholder {
4734
- color: inherit;
4735
- opacity: 0.54;
4736
- }
4737
- .chat-message-markdown ::-webkit-search-decoration {
4738
- -webkit-appearance: none;
4739
- }
4740
- .chat-message-markdown ::-webkit-file-upload-button {
4741
- font: inherit; /* 1 */
4742
- -webkit-appearance: button; /* 2 */
4743
- }
4744
- .chat-message-markdown ::-moz-focus-inner {
4745
- border-style: none;
4746
- padding: 0;
4747
- }
4748
- .chat-message-markdown :-moz-focusring {
4749
- outline: 1px dotted ButtonText;
4750
- }
4751
- .chat-message-markdown :-moz-ui-invalid {
4752
- box-shadow: none;
4753
- }
4754
- .chat-message-markdown [aria-busy=true] {
4755
- cursor: progress;
4756
- }
4757
- .chat-message-markdown [aria-controls] {
4758
- cursor: pointer;
4759
- }
4760
- .chat-message-markdown [aria-disabled=true],
4761
- .chat-message-markdown [disabled] {
4762
- cursor: not-allowed;
4763
- }
4764
- .chat-message-markdown [aria-hidden=false][hidden] {
4765
- display: inline;
4766
- display: initial;
4767
- }
4768
- .chat-message-markdown [aria-hidden=false][hidden]:not(:focus) {
4769
- clip: rect(0, 0, 0, 0);
4770
- position: absolute;
4771
- }
4772
- @media print {
4773
- .chat-message-markdown a[href^=http]::after {
4774
- content: " (" attr(href) ")";
4775
- }
4776
- }
4777
- .chat-message-markdown :root {
4778
- --background-main: #fefefe;
4779
- --background-element: #eee;
4780
- --background-inverted: #282a36;
4781
- --text-main: #1f1f1f;
4782
- --text-alt: #333;
4783
- --text-inverted: #fefefe;
4784
- --border-element: #282a36;
4785
- --theme: #7a283a;
4786
- --theme-light: hsl(0, 25%, 65%);
4787
- --theme-dark: hsl(0, 25%, 45%);
4788
- }
4789
- .chat-message-markdown body {
4790
- margin: auto;
4791
- max-width: 36rem;
4792
- min-height: 100%;
4793
- overflow-x: hidden;
4794
- }
4795
- .chat-message-markdown h1,
4796
- .chat-message-markdown h2,
4797
- .chat-message-markdown h3,
4798
- .chat-message-markdown h4,
4799
- .chat-message-markdown h5,
4800
- .chat-message-markdown h6 {
4801
- margin: 3.2rem 0 0.8em;
4802
- }
4803
- .chat-message-markdown h1 {
4804
- font-size: 2.441rem;
4805
- line-height: 1.1;
4806
- }
4807
- .chat-message-markdown h2 {
4808
- font-size: 1.953rem;
4809
- line-height: 1.15;
4810
- }
4811
- .chat-message-markdown h3 {
4812
- font-size: 1.563rem;
4813
- line-height: 1.2;
4814
- }
4815
- .chat-message-markdown h4 {
4816
- font-size: 1.25rem;
4817
- line-height: 1.3;
4818
- }
4819
- .chat-message-markdown h5 {
4820
- font-size: 1rem;
4821
- line-height: 1.4;
4822
- }
4823
- .chat-message-markdown h6 {
4824
- font-size: 1rem;
4825
- line-height: 1.4;
4826
- /* differentiate from h5, somehow. color or style? */
4827
- }
4828
- .chat-message-markdown p,
4829
- .chat-message-markdown ul,
4830
- .chat-message-markdown ol,
4831
- .chat-message-markdown figure {
4832
- margin: 0.6rem 0 1.2rem;
4833
- }
4834
- .chat-message-markdown h1 span,
4835
- .chat-message-markdown h2 span,
4836
- .chat-message-markdown h3 span,
4837
- .chat-message-markdown h4 span,
4838
- .chat-message-markdown h5 span,
4839
- .chat-message-markdown h6 span {
4840
- display: block;
4841
- font-size: 1em;
4842
- font-style: italic;
4843
- font-weight: normal;
4844
- line-height: 1.3;
4845
- margin-top: 0.3em;
4846
- }
4847
- .chat-message-markdown h1 span {
4848
- font-size: 0.6em;
4849
- }
4850
- .chat-message-markdown h2 span {
4851
- font-size: 0.7em;
4852
- }
4853
- .chat-message-markdown h3 span {
4854
- font-size: 0.8em;
4855
- }
4856
- .chat-message-markdown h4 span {
4857
- font-size: 0.9em;
4858
- }
4859
- .chat-message-markdown small {
4860
- font-size: 1em;
4861
- opacity: 0.8; /* or some other way of differentiating it from body text */
4862
- }
4863
- .chat-message-markdown mark {
4864
- background: pink; /* change to proper color, based on theme */
4865
- }
4866
- .chat-message-markdown pre {
4867
- -moz-tab-size: 4;
4868
- -o-tab-size: 4;
4869
- tab-size: 4;
4870
- }
4871
- .chat-message-markdown ins {
4872
- text-decoration: none;
4873
- font-weight: bolder;
4874
- }
4875
- .chat-message-markdown blockquote {
4876
- border-left: 0.3rem solid #7a283a;
4877
- border-left: 0.3rem solid var(--theme);
4878
- margin: 0.6rem 0 1.2rem 0;
4879
- padding-left: 2rem;
4880
- }
4881
- .chat-message-markdown blockquote p {
4882
- font-size: 1.2em;
4883
- font-style: italic;
4884
- }
4885
- .chat-message-markdown figure {
4886
- margin: 0;
4887
- }
4888
- .chat-message-markdown body {
4889
- background: #fefefe;
4890
- background: var(--background-main);
4891
- color: #1f1f1f;
4892
- color: var(--text-main);
4893
- }
4894
- .chat-message-markdown a {
4895
- color: #7a283a;
4896
- color: var(--theme);
4897
- text-decoration: underline;
4898
- }
4899
- .chat-message-markdown a:hover {
4900
- color: hsl(0, 25%, 65%);
4901
- color: var(--theme-light);
4902
- }
4903
- .chat-message-markdown a:active {
4904
- color: hsl(0, 25%, 45%);
4905
- color: var(--theme-dark);
4906
- }
4907
- .chat-message-markdown :focus {
4908
- outline: 3px solid hsl(0, 25%, 65%);
4909
- outline: 3px solid var(--theme-light);
4910
- outline-offset: 3px;
4911
- }
4912
- .chat-message-markdown input {
4913
- background: #eee;
4914
- background: var(--background-element);
4915
- padding: 0.5rem 0.65rem;
4916
- border-radius: 0.5rem;
4917
- border: 2px solid #282a36;
4918
- border: 2px solid var(--border-element);
4919
- font-size: 1rem;
4920
- }
4921
- .chat-message-markdown mark {
4922
- background: pink; /* change to proper color, based on theme */
4923
- padding: 0.1em 0.15em;
4924
- }
4925
- .chat-message-markdown kbd,
4926
- .chat-message-markdown code {
4927
- padding: 0.1em 0.25em;
4928
- border-radius: 0.2rem;
4929
- -webkit-box-decoration-break: clone;
4930
- box-decoration-break: clone;
4931
- }
4932
- .chat-message-markdown kbd > kbd {
4933
- padding-left: 0;
4934
- padding-right: 0;
4935
- }
4936
- .chat-message-markdown pre {
4937
- -moz-tab-size: 4;
4938
- -o-tab-size: 4;
4939
- tab-size: 4;
4940
- }
4941
- .chat-message-markdown pre code {
4942
- display: block;
4943
- padding: 0.3em 0.7em;
4944
- word-break: normal;
4945
- overflow-x: auto;
4946
- }
4947
- .chat-message-markdown [tabindex="-1"]:focus {
4948
- outline: none;
4949
- }
4950
- .chat-message-markdown [hidden] {
4951
- display: none;
4952
- }
4953
- .chat-message-markdown [aria-disabled],
4954
- .chat-message-markdown [disabled] {
4955
- cursor: not-allowed !important;
4956
- pointer-events: none !important;
4957
- }
4958
- .chat-message-markdown a[href^="#"]::after {
4959
- content: "";
4960
- }
4961
- .chat-message-markdown body > a:first-child {
4962
- background: #7a283a;
4963
- background: var(--theme);
4964
- border-radius: 0.2rem;
4965
- color: #fefefe;
4966
- color: var(--text-inverted);
4967
- padding: 0.3em 0.5em;
4968
- position: absolute;
4969
- top: -10rem;
4970
- }
4971
- .chat-message-markdown body > a:first-child:focus {
4972
- top: 1rem;
4973
- }