@topvisor/ui 0.0.14 → 0.0.16

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 (67) hide show
  1. package/.chunks/core-97b070be.amd.js +2 -0
  2. package/.chunks/core-97b070be.amd.js.map +1 -0
  3. package/.chunks/core-c3afa109.es.js +121 -0
  4. package/.chunks/core-c3afa109.es.js.map +1 -0
  5. package/.chunks/forms-6a6b0b80.es.js +436 -0
  6. package/.chunks/forms-6a6b0b80.es.js.map +1 -0
  7. package/.chunks/forms-7119886a.amd.js +3 -0
  8. package/.chunks/forms-7119886a.amd.js.map +1 -0
  9. package/.chunks/popup-6d1d8097.amd.js +342 -0
  10. package/.chunks/popup-6d1d8097.amd.js.map +1 -0
  11. package/.chunks/popup-95d27020.es.js +720 -0
  12. package/.chunks/popup-95d27020.es.js.map +1 -0
  13. package/README.md +62 -62
  14. package/common/common.amd.js +1 -21
  15. package/common/common.amd.js.map +1 -1
  16. package/common/common.js +8 -11
  17. package/common/common.js.map +1 -1
  18. package/core/core.amd.js +2 -0
  19. package/core/core.amd.js.map +1 -0
  20. package/core/core.js +7 -0
  21. package/core/core.js.map +1 -0
  22. package/core.css +1 -645
  23. package/dark.css +1 -128
  24. package/editArea/editArea.amd.js +3 -0
  25. package/editArea/editArea.amd.js.map +1 -0
  26. package/editArea/editArea.js +111 -0
  27. package/editArea/editArea.js.map +1 -0
  28. package/editArea.css +1 -0
  29. package/forms/forms.amd.js +1 -10
  30. package/forms/forms.amd.js.map +1 -1
  31. package/forms/forms.js +9 -7
  32. package/forms/helpers.amd.js +2 -0
  33. package/{helpers → forms}/helpers.amd.js.map +1 -1
  34. package/forms/helpers.js +6 -0
  35. package/forms.css +1 -408
  36. package/icomoon/demo-files/Read Me.txt +7 -7
  37. package/icomoon/demo-files/demo.css +161 -161
  38. package/icomoon/demo-files/demo.js +30 -30
  39. package/icomoon/demo.html +2931 -2931
  40. package/icomoon/fonts/Topvisor-2.svg +231 -231
  41. package/icomoon/style.css +644 -644
  42. package/light.css +1 -128
  43. package/package.json +19 -19
  44. package/popup/popup.amd.js +3 -0
  45. package/popup/popup.amd.js.map +1 -0
  46. package/popup/popup.js +146 -0
  47. package/popup/popup.js.map +1 -0
  48. package/popup/worker.amd.js +2 -0
  49. package/popup/worker.amd.js.map +1 -0
  50. package/popup/worker.js +158 -0
  51. package/popup/worker.js.map +1 -0
  52. package/popup.css +1 -0
  53. package/utils/device.amd.js +2 -0
  54. package/utils/device.amd.js.map +1 -0
  55. package/utils/device.js +34 -0
  56. package/utils/device.js.map +1 -0
  57. package/utils/dom.amd.js +2 -0
  58. package/utils/dom.amd.js.map +1 -0
  59. package/utils/dom.js +64 -0
  60. package/utils/dom.js.map +1 -0
  61. package/.chunks/forms-1b3f76e9.es.js +0 -410
  62. package/.chunks/forms-1b3f76e9.es.js.map +0 -1
  63. package/.chunks/forms-512abfa7.amd.js +0 -413
  64. package/.chunks/forms-512abfa7.amd.js.map +0 -1
  65. package/helpers/helpers.amd.js +0 -6
  66. package/helpers/helpers.js +0 -6
  67. /package/{helpers → forms}/helpers.js.map +0 -0
package/core.css CHANGED
@@ -1,645 +1 @@
1
- :root{
2
- --color-white: rgba(255, 255, 255, 1);
3
- --color-black: rgba(0, 0, 0, 1);
4
- --color-black-transparent-40: rgba(0, 0, 0, 0.4);
5
- --color-black-transparent-50: rgba(0, 0, 0, 0.5);
6
- --color-steel-50: rgba(251, 252, 253, 1);
7
- --color-steel-100: rgba(248, 250, 252, 1);
8
- --color-steel-150: rgba(241, 244, 249, 1);
9
- --color-steel-200: rgba(234, 239, 245, 1);
10
- --color-steel-250: rgba(228, 234, 241, 1);
11
- --color-steel-300: rgba(221, 228, 238, 1);
12
- --color-steel-350: rgba(215, 223, 233, 1);
13
- --color-steel-400: rgba(209, 218, 229, 1);
14
- --color-steel-450: rgba(204, 213, 225, 1);
15
- --color-steel-500: rgba(198, 208, 220, 1);
16
- --color-steel-550: rgba(193, 203, 215, 1);
17
- --color-gray-50: rgba(225, 229, 234, 1);
18
- --color-gray-100: rgba(210, 216, 223, 1);
19
- --color-gray-150: rgba(196, 203, 212, 1);
20
- --color-gray-200: rgba(182, 190, 201, 1);
21
- --color-gray-250: rgba(168, 177, 189, 1);
22
- --color-gray-300: rgba(154, 164, 177, 1);
23
- --color-gray-350: rgba(141, 151, 165, 1);
24
- --color-gray-400: rgba(128, 138, 153, 1);
25
- --color-gray-450: rgba(115, 125, 140, 1);
26
- --color-gray-500: rgba(104, 113, 125, 1);
27
- --color-gray-550: rgba(94, 101, 110, 1);
28
- --color-gray-600: rgba(83, 88, 95, 1);
29
- --color-gray-650: rgba(72, 76, 81, 1);
30
- --color-gray-700: rgba(61, 63, 67, 1);
31
- --color-gray-750: rgba(49, 51, 53, 1);
32
- --color-gray-800: rgba(37, 38, 39, 1);
33
- --color-gray-850: rgba(25, 25, 26, 1);
34
- --color-gray-900: rgba(13, 13, 13, 1);
35
- --color-blue-50: rgba(250, 252, 255, 1);
36
- --color-blue-100: rgba(230, 240, 255, 1);
37
- --color-blue-150: rgba(204, 224, 255, 1);
38
- --color-blue-200: rgba(179, 210, 255, 1);
39
- --color-blue-250: rgba(153, 194, 255, 1);
40
- --color-blue-300: rgba(128, 179, 255, 1);
41
- --color-blue-350: rgba(102, 163, 255, 1);
42
- --color-blue-400: rgba(77, 148, 255, 1);
43
- --color-blue-450: rgba(51, 132, 255, 1);
44
- --color-blue-500: rgba(25, 117, 255, 1);
45
- --color-blue-550: rgba(23, 105, 227, 1);
46
- --color-blue-600: rgba(20, 91, 198, 1);
47
- --color-blue-650: rgba(17, 78, 170, 1);
48
- --color-blue-700: rgba(14, 65, 142, 1);
49
- --color-blue-750: rgba(12, 52, 113, 1);
50
- --color-blue-800: rgba(9, 40, 85, 1);
51
- --color-blue-850: rgba(6, 26, 57, 1);
52
- --color-blue-900: rgba(3, 13, 28, 1);
53
- --color-orange-50: rgba(255, 253, 250, 1);
54
- --color-orange-100: rgba(255, 244, 230, 1);
55
- --color-orange-150: rgba(255, 234, 204, 1);
56
- --color-orange-200: rgba(255, 223, 178, 1);
57
- --color-orange-250: rgba(255, 212, 153, 1);
58
- --color-orange-300: rgba(255, 202, 128, 1);
59
- --color-orange-350: rgba(255, 191, 102, 1);
60
- --color-orange-400: rgba(255, 180, 77, 1);
61
- --color-orange-450: rgba(255, 170, 51, 1);
62
- --color-orange-500: rgba(255, 159, 25, 1);
63
- --color-orange-550: rgba(227, 141, 23, 1);
64
- --color-orange-600: rgba(198, 124, 20, 1);
65
- --color-orange-650: rgba(170, 106, 17, 1);
66
- --color-orange-700: rgba(142, 88, 14, 1);
67
- --color-orange-750: rgba(113, 71, 12, 1);
68
- --color-orange-800: rgba(85, 53, 9, 1);
69
- --color-orange-850: rgba(57, 35, 6, 1);
70
- --color-orange-900: rgba(28, 18, 3, 1);
71
- --color-mint-50: rgba(251, 254, 253, 1);
72
- --color-mint-100: rgba(228, 251, 245, 1);
73
- --color-mint-150: rgba(200, 246, 235, 1);
74
- --color-mint-200: rgba(173, 242, 226, 1);
75
- --color-mint-250: rgba(146, 237, 216, 1);
76
- --color-mint-300: rgba(118, 233, 206, 1);
77
- --color-mint-350: rgba(91, 228, 196, 1);
78
- --color-mint-400: rgba(64, 224, 187, 1);
79
- --color-mint-450: rgba(36, 219, 177, 1);
80
- --color-mint-500: rgba(9, 215, 167, 1);
81
- --color-mint-550: rgba(8, 191, 148, 1);
82
- --color-mint-600: rgba(7, 167, 130, 1);
83
- --color-mint-650: rgba(6, 143, 111, 1);
84
- --color-mint-700: rgba(5, 119, 93, 1);
85
- --color-mint-750: rgba(4, 96, 74, 1);
86
- --color-mint-800: rgba(3, 72, 56, 1);
87
- --color-mint-850: rgba(2, 48, 37, 1);
88
- --color-mint-900: rgba(1, 24, 19, 1);
89
- --color-green-50: rgba(251, 254, 252, 1);
90
- --color-green-100: rgba(229, 248, 237, 1);
91
- --color-green-150: rgba(203, 242, 220, 1);
92
- --color-green-200: rgba(177, 235, 202, 1);
93
- --color-green-250: rgba(151, 229, 184, 1);
94
- --color-green-300: rgba(126, 222, 167, 1);
95
- --color-green-350: rgba(100, 216, 149, 1);
96
- --color-green-400: rgba(74, 209, 131, 1);
97
- --color-green-450: rgba(48, 203, 114, 1);
98
- --color-green-500: rgba(22, 196, 96, 1);
99
- --color-green-550: rgba(20, 174, 85, 1);
100
- --color-green-600: rgba(17, 152, 75, 1);
101
- --color-green-650: rgba(15, 131, 64, 1);
102
- --color-green-700: rgba(12, 109, 53, 1);
103
- --color-green-750: rgba(10, 87, 43, 1);
104
- --color-green-800: rgba(7, 65, 32, 1);
105
- --color-green-850: rgba(5, 44, 21, 1);
106
- --color-green-900: rgba(2, 22, 11, 1);
107
- --color-salad-50: rgba(252, 254, 250, 1);
108
- --color-salad-100: rgba(242, 252, 232, 1);
109
- --color-salad-150: rgba(228, 248, 208, 1);
110
- --color-salad-200: rgba(215, 245, 185, 1);
111
- --color-salad-250: rgba(202, 242, 162, 1);
112
- --color-salad-300: rgba(188, 238, 138, 1);
113
- --color-salad-350: rgba(175, 235, 115, 1);
114
- --color-salad-400: rgba(162, 232, 92, 1);
115
- --color-salad-450: rgba(148, 228, 68, 1);
116
- --color-salad-500: rgba(135, 225, 45, 1);
117
- --color-salad-550: rgba(120, 200, 40, 1);
118
- --color-salad-600: rgba(105, 175, 35, 1);
119
- --color-salad-650: rgba(90, 150, 30, 1);
120
- --color-salad-700: rgba(75, 125, 25, 1);
121
- --color-salad-750: rgba(60, 100, 20, 1);
122
- --color-salad-800: rgba(45, 75, 15, 1);
123
- --color-salad-850: rgba(30, 50, 10, 1);
124
- --color-salad-900: rgba(15, 25, 5, 1);
125
- --color-red-50: rgba(255, 251, 250, 1);
126
- --color-red-100: rgba(253, 234, 232, 1);
127
- --color-red-150: rgba(250, 213, 209, 1);
128
- --color-red-200: rgba(248, 192, 187, 1);
129
- --color-red-250: rgba(246, 171, 164, 1);
130
- --color-red-300: rgba(243, 149, 141, 1);
131
- --color-red-350: rgba(241, 128, 118, 1);
132
- --color-red-400: rgba(239, 107, 96, 1);
133
- --color-red-450: rgba(236, 86, 73, 1);
134
- --color-red-500: rgba(234, 65, 50, 1);
135
- --color-red-550: rgba(208, 58, 44, 1);
136
- --color-red-600: rgba(182, 51, 39, 1);
137
- --color-red-650: rgba(156, 43, 33, 1);
138
- --color-red-700: rgba(130, 36, 28, 1);
139
- --color-red-750: rgba(104, 29, 22, 1);
140
- --color-red-800: rgba(78, 22, 17, 1);
141
- --color-red-850: rgba(52, 14, 11, 1);
142
- --color-red-900: rgba(26, 7, 6, 1);
143
- --color-violet-50: rgba(251, 250, 255, 1);
144
- --color-violet-100: rgba(240, 235, 255, 1);
145
- --color-violet-150: rgba(225, 215, 255, 1);
146
- --color-violet-200: rgba(210, 195, 255, 1);
147
- --color-violet-250: rgba(195, 175, 255, 1);
148
- --color-violet-300: rgba(181, 156, 255, 1);
149
- --color-violet-350: rgba(166, 136, 255, 1);
150
- --color-violet-400: rgba(151, 116, 255, 1);
151
- --color-violet-450: rgba(136, 96, 255, 1);
152
- --color-violet-500: rgba(121, 76, 255, 1);
153
- --color-violet-550: rgba(108, 68, 227, 1);
154
- --color-violet-600: rgba(94, 59, 198, 1);
155
- --color-violet-650: rgba(81, 51, 170, 1);
156
- --color-violet-700: rgba(67, 42, 142, 1);
157
- --color-violet-750: rgba(54, 34, 113, 1);
158
- --color-violet-800: rgba(40, 25, 85, 1);
159
- --color-violet-850: rgba(27, 17, 57, 1);
160
- --color-violet-900: rgba(13, 8, 28, 1);
161
- --color-pink-50: rgba(254, 250, 254, 1);
162
- --color-pink-100: rgba(252, 231, 251, 1);
163
- --color-pink-150: rgba(250, 207, 246, 1);
164
- --color-pink-200: rgba(247, 183, 242, 1);
165
- --color-pink-250: rgba(244, 159, 237, 1);
166
- --color-pink-300: rgba(242, 135, 233, 1);
167
- --color-pink-350: rgba(239, 111, 228, 1);
168
- --color-pink-400: rgba(236, 87, 224, 1);
169
- --color-pink-450: rgba(234, 63, 219, 1);
170
- --color-pink-500: rgba(231, 39, 215, 1);
171
- --color-pink-550: rgba(205, 35, 191, 1);
172
- --color-pink-600: rgba(180, 30, 167, 1);
173
- --color-pink-650: rgba(154, 26, 143, 1);
174
- --color-pink-700: rgba(128, 22, 119, 1);
175
- --color-pink-750: rgba(103, 17, 96, 1);
176
- --color-pink-800: rgba(77, 13, 72, 1);
177
- --color-pink-850: rgba(51, 9, 48, 1);
178
- --color-pink-900: rgba(26, 4, 24, 1);
179
- --color-yellow-50: rgba(255, 254, 250, 1);
180
- --color-yellow-100: rgba(253, 252, 231, 1);
181
- --color-yellow-150: rgba(251, 248, 208, 1);
182
- --color-yellow-200: rgba(248, 245, 184, 1);
183
- --color-yellow-250: rgba(246, 242, 160, 1);
184
- --color-yellow-300: rgba(244, 238, 137, 1);
185
- --color-yellow-350: rgba(242, 235, 113, 1);
186
- --color-yellow-400: rgba(239, 232, 89, 1);
187
- --color-yellow-450: rgba(237, 228, 66, 1);
188
- --color-yellow-500: rgba(235, 225, 42, 1);
189
- --color-yellow-550: rgba(209, 200, 37, 1);
190
- --color-yellow-600: rgba(183, 175, 33, 1);
191
- --color-yellow-650: rgba(157, 150, 28, 1);
192
- --color-yellow-700: rgba(131, 125, 23, 1);
193
- --color-yellow-750: rgba(104, 100, 19, 1);
194
- --color-yellow-800: rgba(78, 75, 14, 1);
195
- --color-yellow-850: rgba(52, 50, 9, 1);
196
- --color-yellow-900: rgba(26, 25, 5, 1);
197
-
198
- --color-top-3: #3198DD;
199
- --color-top-10: #21936C;
200
- --color-top-30: #1ABC9C;
201
- --color-top-50: #A6E0A3;
202
- --color-top-100: #C7D7D7;
203
- --color-top-10000: #FCC94A;
204
- }:root {
205
- --top-padding-1: 4px;
206
- --top-padding-2: 8px;
207
- --top-padding-3: 12px;
208
- --top-padding-4: 16px;
209
- --top-padding-5: 20px;
210
- --top-padding-6: 24px;
211
- --top-padding-7: 28px;
212
- --top-padding-8: 32px;
213
- --top-padding-9: 36px;
214
- --top-padding-10: 40px;
215
- --top-padding-11: 44px;
216
- --top-padding-12: 48px;
217
-
218
- --top-gap-1: 4px;
219
- --top-gap-2: 8px;
220
- --top-gap-3: 12px;
221
- --top-gap-4: 16px;
222
- --top-gap-5: 20px;
223
- --top-gap-6: 24px;
224
- --top-gap-7: 28px;
225
- --top-gap-8: 32px;
226
- --top-gap-9: 36px;
227
- --top-gap-10: 40px;
228
- --top-gap-11: 44px;
229
- --top-gap-12: 48px;
230
-
231
- --top-radius-1: 4px;
232
- --top-radius-2: 8px;
233
- --top-radius-3: 12px;
234
- --top-radius-4: 16px;
235
- --top-radius-5: 20px;
236
- --top-radius-6: 24px;
237
- --top-radius-7: 28px;
238
- --top-radius-8: 32px;
239
- --top-radius-9: 36px;
240
- --top-radius-10: 40px;
241
- --top-radius-11: 44px;
242
- --top-radius-12: 48px;
243
- }.top-comment {
244
- color: var(--color-gray-350);
245
- font-size: 12px;
246
- }
247
-
248
- .top-title {
249
- margin: 1em 0;
250
- font-weight: 600;
251
- }
252
-
253
- /* formsCaption */
254
- :root {
255
- --top-formsCaption-offset: 16px;
256
- }
257
-
258
- .top-formsCaptionWrapper {
259
- padding-top: 20px;
260
- }
261
-
262
- .top-formsCaption {
263
- pointer-events: none;
264
- width: calc(100% - var(--top-forms-padding) - var(--top-icon-both-width) - var(--top-forms_clear-width) - var(--top-select_arrow-width));
265
- padding: 0 var(--top-forms-padding);
266
- color: var(--color-placeholder);
267
- white-space: nowrap;
268
- text-overflow: ellipsis;
269
- transform: translate(var(--top-icon-both-width), 0);
270
- position: absolute;
271
- overflow: hidden;
272
- transition: 0.1s;
273
- }
274
- .top-error ~ .top-formsCaption {
275
- transition: 0.1s 0.1s;
276
- }
277
- /* перефокусировка на поле не должна влиять на отображении заголовка */
278
- .top-formsCaption * {
279
- pointer-events: auto;
280
- }
281
-
282
- .top-formsCaptionWrapper > input:not([readonly]):focus ~ .top-formsCaption,
283
- .top-formsCaptionWrapper > input:not(:placeholder-shown) ~ .top-formsCaption,
284
- .top-formsCaptionWrapper > textarea:not(:placeholder-shown) ~ .top-formsCaption,
285
- .top-formsCaptionWrapper.top-select > .top-formsCaption,
286
- .top-formsCaptionWrapper.top-inputRange > .top-formsCaption,
287
- .top-formsCaptionWrapper-always > .top-formsCaption {
288
- width: 100%;
289
- padding: 0;
290
- color: var(--color-placeholder-active);
291
- font-size: 11px;
292
- transform: translate(0, calc(-1em - var(--top-formsCaption-offset)));
293
- transition: 0.1s;
294
- }:root {
295
- --top-font-size: 14px;
296
-
297
- --top-forms-radius: 8px;
298
- --top-forms-border-width: 1px;
299
- --top-style_outline-color: transparent;
300
-
301
- --top-forms-base-height_s: 32px;
302
- --top-forms-base-height_l: 36px;
303
- --top-forms-base-height_xl: 40px;
304
-
305
- /* высота поля, должна быть одинаковой у всех форм в одном контексте */
306
- --top-forms-base-height: var(--top-forms-base-height_s);
307
-
308
- --top-forms-padding: 8px;
309
- --top-forms-padding_l: 12px;
310
- --top-forms-padding_xl: 16px;
311
-
312
- /* forms control */
313
- --top-forms-option-height: 24px;
314
- --top-forms-option-color: var(--color-primary);
315
- --top-forms-option-color-hover: var(--color-primary-2);
316
-
317
- --top-select_arrow-width: 0px;
318
- --top-forms_clear-width: 0px;
319
- }
320
-
321
- .top-size_s {
322
- --top-forms-base-height: var(--top-forms-base-height_s);
323
- }
324
-
325
- .top-size_l {
326
- --top-forms-base-height: var(--top-forms-base-height_l);
327
- }
328
-
329
- .top-size_xl {
330
- --top-forms-base-height: var(--top-forms-base-height_xl);
331
- }
332
-
333
- /* clear css */
334
- button,
335
- input,
336
- textarea,
337
- select {
338
- border: 1px solid var(--top-forms-border-color);
339
- color: var(--color-text);
340
- font-size: var(--top-font-size);
341
- font-family: inherit;
342
- }
343
-
344
- :placeholder {
345
- color: var(--color-placeholder);
346
- }
347
-
348
- [contenteditable][placeholder]:empty:before {
349
- content: attr(placeholder);
350
- color: var(--color-text-secondary);
351
- }
352
-
353
- /* focusable */
354
- .top-forms-focusable:focus-visible {
355
- outline: calc(var(--top-forms-border-width) * 2) solid var(--top-forms-option-color);
356
- outline-offset: 2px;
357
- position: relative;
358
- z-index: 1;
359
- transition: border-color 150ms;
360
- }
361
-
362
- /* focusable hover */
363
- .top-forms-focusable:hover,
364
- .top-forms-focusable:focus,
365
- textarea.top-el:not(:disabled):not([readonly]):hover,
366
- textarea.top-el:not(:disabled):not([readonly]):focus,
367
- select.top-el:not(:disabled):hover,
368
- select.top-el:not(:disabled):hover ~ [data-action="top-select_changer"],
369
- select.top-el:not(:disabled):focus {
370
- --top-forms-border-color: var(--top-forms-border-color-hover);
371
- --top-forms-background-color: var(--top-forms-background-color-hover);
372
- }
373
-
374
- /* checkbox, radio, switcher */
375
- .top-forms-optionWrapper {
376
- cursor: pointer;
377
- padding: 8px 0;
378
- color: var(--color-text);
379
- line-height: 1.3;
380
- display: inline-flex;
381
- align-items: flex-start;
382
- gap: 4px;
383
- }
384
-
385
- .top-forms-option {
386
- cursor: pointer;
387
- padding: 0;
388
- margin: 3px;
389
- display: inline-flex;
390
- flex-shrink: 0;
391
- appearance: none;
392
- -webkit-appearance: none;
393
- }
394
-
395
- /* input, textarea, select */
396
- .top-input_input,
397
- textarea.top-el,
398
- select.top-el {
399
- box-sizing: border-box;
400
- border-radius: var(--top-forms-radius);
401
- border: var(--top-forms-border-width) solid var(--top-forms-border-color);
402
- height: var(--top-forms-base-height);
403
- padding: 0;
404
- padding-right: calc(var(--top-forms-padding) + var(--top-forms_clear-width) + var(--top-select_arrow-width));
405
- padding-left: calc(max(var(--top-forms-padding), var(--top-icon-both-width)));
406
- display: inline-flex;
407
- appearance: none;
408
- -webkit-appearance: none;
409
- }
410
-
411
- /* TODO: select */
412
- .top-select {
413
- cursor: pointer;
414
- width: 180px;
415
- }
416
-
417
- .top-select:before {
418
- vertical-align: middle;
419
- display: inline-block;
420
- }
421
-
422
- select.top-el,
423
- label.top-select_arrow {
424
- background-color: var(--top-forms-background-color);
425
- }
426
-
427
- select.top-el:not(:disabled):focus-visible,
428
- [contenteditable]:focus-visible,
429
- .top-selector-multiselect:focus-within {
430
- outline: 2px solid var(--color-blue-100);
431
- }
432
-
433
- /* disabled */
434
- :disabled,
435
- :disabled ~ .top-formsCaption,
436
- .top-disabled[data-top-icon]:before,
437
- .top-disabled[data-top-icon2]:after {
438
- cursor: default;
439
- opacity: 0.5;
440
- filter: grayscale(100%);
441
- pointer-events: none;
442
- }
443
-
444
- /* убрать ширину добавляемых элементов */
445
- label[data-top-icon],
446
- label[data-top-icon2] {
447
- position: relative;
448
- }
449
- label[data-top-icon]:before,
450
- label[data-top-icon2]:after {
451
- position: absolute;
452
- z-index: 3;
453
- }
454
- label[data-top-icon][data-top-icon2]:after {
455
- left: calc(var(--top-icon-width));
456
- }
457
-
458
- /* text cleaner */
459
- .top-cleaner[data-top-icon] {
460
- --top-icon-size: 20px;
461
- --top-icon-width: 20px;
462
- --top-icon-color: var(--color-text-secondary);
463
-
464
- cursor: pointer;
465
- border-radius: 50%;
466
- width: 30px;
467
- height: 24px;
468
- margin-left: calc(-30px - 4px);
469
- transform: translateX(calc(0px - var(--top-forms-border-width) - var(--top-select_arrow-width)));
470
- display: flex;
471
- align-items: center;
472
- justify-content: center;
473
- position: relative;
474
- z-index: 1;
475
- }
476
- .top-cleaner[data-top-icon]:hover {
477
- --top-icon-color: var(--color-text-secondary-2);
478
- }:root {
479
- --top-icon-size: 24px;
480
- --top-icon-width: 0px;
481
-
482
- --top-icon2-size: 24px;
483
- --top-icon2-width: 0px;
484
-
485
- --top-icon-both-width: 0px;
486
- }
487
-
488
- /* data-top-icon */
489
- [data-top-icon] {
490
- --top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));
491
- --top-icon-color: inherit;
492
- }
493
- [data-top-icon2] {
494
- --top-icon2-width: calc(var(--top-icon2-size) + 8px);
495
- --top-icon2-color: inherit;
496
- }
497
- [data-top-icon=""] {
498
- --top-icon-width: 0px;
499
- }
500
- [data-top-icon2=""] {
501
- --top-icon2-width: 0px;
502
- }
503
-
504
- [data-top-icon]:before,
505
- [data-top-icon2]:after {
506
- pointer-events: none;
507
- content: attr(data-top-icon);
508
- border-radius: var(--top-forms-radius);
509
- width: var(--top-icon-width);
510
- color: var(--top-icon-color);
511
- font-family: Topvisor-2;
512
- font-size: var(--top-icon-size);
513
- font-weight: 400;
514
- line-height: 1;
515
- display: inline-flex;
516
- align-items: center;
517
- justify-content: center;
518
- flex-shrink: 0;
519
- }
520
- [data-top-icon2]:after {
521
- content: attr(data-top-icon2);
522
- width: var(--top-icon2-width);
523
- color: var(--top-icon2-color);
524
- font-size: var(--top-icon2-size);
525
- }
526
-
527
- /* ширина добавляемых элементов */
528
- [data-top-icon],
529
- [data-top-icon2] {
530
- --top-icon-both-width: calc(var(--top-icon-width) + var(--top-icon2-width));
531
- }
532
-
533
- [data-top-icon=""]:before {
534
- font-family: Topvisor;
535
- }.top-ellipsis {
536
- max-height: 100%;
537
- text-overflow: ellipsis;
538
- overflow: hidden;
539
- line-height: 1.23;
540
- flex-grow: 1;
541
- }
542
- .top-ellipsis2,
543
- .top-ellipsis3 {
544
- max-width: fit-content;
545
- display: -webkit-box;
546
- -webkit-line-clamp: 2;
547
- -webkit-box-orient: vertical;
548
- overflow: hidden;
549
- }
550
- .top-ellipsis3 {
551
- -webkit-line-clamp: 3;
552
- }/* top-inited используется для блокировки элементов, js к которым еще не привязан, настраивается в каждом модуле отдельно */
553
- .top-inited {}
554
-
555
- .top-hidden {
556
- display: none !important;
557
- }
558
-
559
- /* top-unvisible используется для скрытия элементов, без изменения видимости */
560
- .top-unvisible {
561
- width: 0;
562
- height: 0;
563
- overflow: hidden;
564
- position: absolute;
565
- }
566
-
567
- .top-loading {}
568
-
569
- .top-disabled {
570
- pointer-events: none;
571
- }
572
-
573
- .top-error,
574
- .top-error::placeholder,
575
- .top-error:before {
576
- --top-forms-border-color: var(--color-negative);
577
-
578
- border-color: var(--color-negative);
579
- }
580
- .top-error {
581
- --top-icon-color: var(--color-negative);
582
-
583
- color: var(--color-negative);
584
- }
585
- .top-error ~ .top-formsCaption {
586
- color: var(--color-negative);
587
- }
588
-
589
- .top-warning {
590
- --top-icon-color: var(--color-orange-500);
591
-
592
- color: var(--color-orange-500);
593
- }
594
-
595
- input.top-error {
596
- animation: top-error 0.8s;
597
- }
598
-
599
- @keyframes top-error {
600
- 0% {
601
- outline-offset: 10px;
602
- outline: 3px solid transparent;
603
- }
604
- 50% {
605
- outline: 3px solid var(--color-red-100);
606
- outline-offset: 2px;
607
- }
608
- 100% {
609
- outline: 3px solid transparent;
610
- outline-offset: 2px;
611
- }
612
- }@media only screen and (min-width: 900px) {
613
- .top-only-mobile {
614
- display: none !important;
615
- }
616
- }
617
- @media only screen and (max-width: 900px) {
618
- .top-only-pc {
619
- display: none !important;
620
- }
621
- }
622
-
623
- html:not([lang="ru"]) .top-only-ru,
624
- html:not([lang="en"]) .top-only-en {
625
- display: none !important;
626
- }
627
-
628
- html[data-is_admin="0"] .top-only-admin {
629
- display: none !important;
630
- }/* TODO: перенести в компонент */
631
- .top-select_arrow {
632
- --top-select_arrow-color: var(--color-gray-600);
633
- --top-select_arrow-size: 12px;
634
- --top-select_arrow-width: 24px;
635
-
636
- background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.293 0.29269L8 6.5857L1.70704 0.29269C1.31679 -0.0975633 0.682937 -0.0975633 0.292687 0.29269C-0.0975624 0.682943 -0.0975624 1.31656 0.292687 1.70682L7.29294 8.70713C7.68343 9.09762 8.31657 9.09762 8.70706 8.70713L15.7073 1.70682C16.0976 1.31656 16.0976 0.682943 15.7073 0.29269C15.3171 -0.0975633 14.6832 -0.0975633 14.293 0.29269Z' fill='%23808A99'/%3E%3C/svg%3E");
637
- background-size: 14px;
638
- background-position: calc(100% - var(--top-forms-padding)) 50%;
639
- background-repeat: no-repeat;
640
- padding-right: 32px;
641
- }
642
-
643
- .top-select_arrow ~ .top-cleaner {
644
- --top-select_arrow-width: 24px;
645
- }
1
+ :root{--color-white: rgba(255, 255, 255, 1);--color-black: rgba(0, 0, 0, 1);--color-black-transparent-40: rgba(0, 0, 0, .4);--color-black-transparent-50: rgba(0, 0, 0, .5);--color-steel-50: rgba(251, 252, 253, 1);--color-steel-100: rgba(248, 250, 252, 1);--color-steel-150: rgba(241, 244, 249, 1);--color-steel-200: rgba(234, 239, 245, 1);--color-steel-250: rgba(228, 234, 241, 1);--color-steel-300: rgba(221, 228, 238, 1);--color-steel-350: rgba(215, 223, 233, 1);--color-steel-400: rgba(209, 218, 229, 1);--color-steel-450: rgba(204, 213, 225, 1);--color-steel-500: rgba(198, 208, 220, 1);--color-steel-550: rgba(193, 203, 215, 1);--color-gray-50: rgba(225, 229, 234, 1);--color-gray-100: rgba(210, 216, 223, 1);--color-gray-150: rgba(196, 203, 212, 1);--color-gray-200: rgba(182, 190, 201, 1);--color-gray-250: rgba(168, 177, 189, 1);--color-gray-300: rgba(154, 164, 177, 1);--color-gray-350: rgba(141, 151, 165, 1);--color-gray-400: rgba(128, 138, 153, 1);--color-gray-450: rgba(115, 125, 140, 1);--color-gray-500: rgba(104, 113, 125, 1);--color-gray-550: rgba(94, 101, 110, 1);--color-gray-600: rgba(83, 88, 95, 1);--color-gray-650: rgba(72, 76, 81, 1);--color-gray-700: rgba(61, 63, 67, 1);--color-gray-750: rgba(49, 51, 53, 1);--color-gray-800: rgba(37, 38, 39, 1);--color-gray-850: rgba(25, 25, 26, 1);--color-gray-900: rgba(13, 13, 13, 1);--color-blue-50: rgba(250, 252, 255, 1);--color-blue-100: rgba(230, 240, 255, 1);--color-blue-150: rgba(204, 224, 255, 1);--color-blue-200: rgba(179, 210, 255, 1);--color-blue-250: rgba(153, 194, 255, 1);--color-blue-300: rgba(128, 179, 255, 1);--color-blue-350: rgba(102, 163, 255, 1);--color-blue-400: rgba(77, 148, 255, 1);--color-blue-450: rgba(51, 132, 255, 1);--color-blue-500: rgba(25, 117, 255, 1);--color-blue-550: rgba(23, 105, 227, 1);--color-blue-600: rgba(20, 91, 198, 1);--color-blue-650: rgba(17, 78, 170, 1);--color-blue-700: rgba(14, 65, 142, 1);--color-blue-750: rgba(12, 52, 113, 1);--color-blue-800: rgba(9, 40, 85, 1);--color-blue-850: rgba(6, 26, 57, 1);--color-blue-900: rgba(3, 13, 28, 1);--color-orange-50: rgba(255, 253, 250, 1);--color-orange-100: rgba(255, 244, 230, 1);--color-orange-150: rgba(255, 234, 204, 1);--color-orange-200: rgba(255, 223, 178, 1);--color-orange-250: rgba(255, 212, 153, 1);--color-orange-300: rgba(255, 202, 128, 1);--color-orange-350: rgba(255, 191, 102, 1);--color-orange-400: rgba(255, 180, 77, 1);--color-orange-450: rgba(255, 170, 51, 1);--color-orange-500: rgba(255, 159, 25, 1);--color-orange-550: rgba(227, 141, 23, 1);--color-orange-600: rgba(198, 124, 20, 1);--color-orange-650: rgba(170, 106, 17, 1);--color-orange-700: rgba(142, 88, 14, 1);--color-orange-750: rgba(113, 71, 12, 1);--color-orange-800: rgba(85, 53, 9, 1);--color-orange-850: rgba(57, 35, 6, 1);--color-orange-900: rgba(28, 18, 3, 1);--color-mint-50: rgba(251, 254, 253, 1);--color-mint-100: rgba(228, 251, 245, 1);--color-mint-150: rgba(200, 246, 235, 1);--color-mint-200: rgba(173, 242, 226, 1);--color-mint-250: rgba(146, 237, 216, 1);--color-mint-300: rgba(118, 233, 206, 1);--color-mint-350: rgba(91, 228, 196, 1);--color-mint-400: rgba(64, 224, 187, 1);--color-mint-450: rgba(36, 219, 177, 1);--color-mint-500: rgba(9, 215, 167, 1);--color-mint-550: rgba(8, 191, 148, 1);--color-mint-600: rgba(7, 167, 130, 1);--color-mint-650: rgba(6, 143, 111, 1);--color-mint-700: rgba(5, 119, 93, 1);--color-mint-750: rgba(4, 96, 74, 1);--color-mint-800: rgba(3, 72, 56, 1);--color-mint-850: rgba(2, 48, 37, 1);--color-mint-900: rgba(1, 24, 19, 1);--color-green-50: rgba(251, 254, 252, 1);--color-green-100: rgba(229, 248, 237, 1);--color-green-150: rgba(203, 242, 220, 1);--color-green-200: rgba(177, 235, 202, 1);--color-green-250: rgba(151, 229, 184, 1);--color-green-300: rgba(126, 222, 167, 1);--color-green-350: rgba(100, 216, 149, 1);--color-green-400: rgba(74, 209, 131, 1);--color-green-450: rgba(48, 203, 114, 1);--color-green-500: rgba(22, 196, 96, 1);--color-green-550: rgba(20, 174, 85, 1);--color-green-600: rgba(17, 152, 75, 1);--color-green-650: rgba(15, 131, 64, 1);--color-green-700: rgba(12, 109, 53, 1);--color-green-750: rgba(10, 87, 43, 1);--color-green-800: rgba(7, 65, 32, 1);--color-green-850: rgba(5, 44, 21, 1);--color-green-900: rgba(2, 22, 11, 1);--color-salad-50: rgba(252, 254, 250, 1);--color-salad-100: rgba(242, 252, 232, 1);--color-salad-150: rgba(228, 248, 208, 1);--color-salad-200: rgba(215, 245, 185, 1);--color-salad-250: rgba(202, 242, 162, 1);--color-salad-300: rgba(188, 238, 138, 1);--color-salad-350: rgba(175, 235, 115, 1);--color-salad-400: rgba(162, 232, 92, 1);--color-salad-450: rgba(148, 228, 68, 1);--color-salad-500: rgba(135, 225, 45, 1);--color-salad-550: rgba(120, 200, 40, 1);--color-salad-600: rgba(105, 175, 35, 1);--color-salad-650: rgba(90, 150, 30, 1);--color-salad-700: rgba(75, 125, 25, 1);--color-salad-750: rgba(60, 100, 20, 1);--color-salad-800: rgba(45, 75, 15, 1);--color-salad-850: rgba(30, 50, 10, 1);--color-salad-900: rgba(15, 25, 5, 1);--color-red-50: rgba(255, 251, 250, 1);--color-red-100: rgba(253, 234, 232, 1);--color-red-150: rgba(250, 213, 209, 1);--color-red-200: rgba(248, 192, 187, 1);--color-red-250: rgba(246, 171, 164, 1);--color-red-300: rgba(243, 149, 141, 1);--color-red-350: rgba(241, 128, 118, 1);--color-red-400: rgba(239, 107, 96, 1);--color-red-450: rgba(236, 86, 73, 1);--color-red-500: rgba(234, 65, 50, 1);--color-red-550: rgba(208, 58, 44, 1);--color-red-600: rgba(182, 51, 39, 1);--color-red-650: rgba(156, 43, 33, 1);--color-red-700: rgba(130, 36, 28, 1);--color-red-750: rgba(104, 29, 22, 1);--color-red-800: rgba(78, 22, 17, 1);--color-red-850: rgba(52, 14, 11, 1);--color-red-900: rgba(26, 7, 6, 1);--color-violet-50: rgba(251, 250, 255, 1);--color-violet-100: rgba(240, 235, 255, 1);--color-violet-150: rgba(225, 215, 255, 1);--color-violet-200: rgba(210, 195, 255, 1);--color-violet-250: rgba(195, 175, 255, 1);--color-violet-300: rgba(181, 156, 255, 1);--color-violet-350: rgba(166, 136, 255, 1);--color-violet-400: rgba(151, 116, 255, 1);--color-violet-450: rgba(136, 96, 255, 1);--color-violet-500: rgba(121, 76, 255, 1);--color-violet-550: rgba(108, 68, 227, 1);--color-violet-600: rgba(94, 59, 198, 1);--color-violet-650: rgba(81, 51, 170, 1);--color-violet-700: rgba(67, 42, 142, 1);--color-violet-750: rgba(54, 34, 113, 1);--color-violet-800: rgba(40, 25, 85, 1);--color-violet-850: rgba(27, 17, 57, 1);--color-violet-900: rgba(13, 8, 28, 1);--color-pink-50: rgba(254, 250, 254, 1);--color-pink-100: rgba(252, 231, 251, 1);--color-pink-150: rgba(250, 207, 246, 1);--color-pink-200: rgba(247, 183, 242, 1);--color-pink-250: rgba(244, 159, 237, 1);--color-pink-300: rgba(242, 135, 233, 1);--color-pink-350: rgba(239, 111, 228, 1);--color-pink-400: rgba(236, 87, 224, 1);--color-pink-450: rgba(234, 63, 219, 1);--color-pink-500: rgba(231, 39, 215, 1);--color-pink-550: rgba(205, 35, 191, 1);--color-pink-600: rgba(180, 30, 167, 1);--color-pink-650: rgba(154, 26, 143, 1);--color-pink-700: rgba(128, 22, 119, 1);--color-pink-750: rgba(103, 17, 96, 1);--color-pink-800: rgba(77, 13, 72, 1);--color-pink-850: rgba(51, 9, 48, 1);--color-pink-900: rgba(26, 4, 24, 1);--color-yellow-50: rgba(255, 254, 250, 1);--color-yellow-100: rgba(253, 252, 231, 1);--color-yellow-150: rgba(251, 248, 208, 1);--color-yellow-200: rgba(248, 245, 184, 1);--color-yellow-250: rgba(246, 242, 160, 1);--color-yellow-300: rgba(244, 238, 137, 1);--color-yellow-350: rgba(242, 235, 113, 1);--color-yellow-400: rgba(239, 232, 89, 1);--color-yellow-450: rgba(237, 228, 66, 1);--color-yellow-500: rgba(235, 225, 42, 1);--color-yellow-550: rgba(209, 200, 37, 1);--color-yellow-600: rgba(183, 175, 33, 1);--color-yellow-650: rgba(157, 150, 28, 1);--color-yellow-700: rgba(131, 125, 23, 1);--color-yellow-750: rgba(104, 100, 19, 1);--color-yellow-800: rgba(78, 75, 14, 1);--color-yellow-850: rgba(52, 50, 9, 1);--color-yellow-900: rgba(26, 25, 5, 1);--color-top-3: #3198DD;--color-top-10: #21936C;--color-top-30: #1ABC9C;--color-top-50: #A6E0A3;--color-top-100: #C7D7D7;--color-top-10000: #FCC94A}:root{--top-padding-1: 4px;--top-padding-2: 8px;--top-padding-3: 12px;--top-padding-4: 16px;--top-padding-5: 20px;--top-padding-6: 24px;--top-padding-7: 28px;--top-padding-8: 32px;--top-padding-9: 36px;--top-padding-10: 40px;--top-padding-11: 44px;--top-padding-12: 48px;--top-gap-1: 4px;--top-gap-2: 8px;--top-gap-3: 12px;--top-gap-4: 16px;--top-gap-5: 20px;--top-gap-6: 24px;--top-gap-7: 28px;--top-gap-8: 32px;--top-gap-9: 36px;--top-gap-10: 40px;--top-gap-11: 44px;--top-gap-12: 48px;--top-radius-1: 4px;--top-radius-2: 8px;--top-radius-3: 12px;--top-radius-4: 16px;--top-radius-5: 20px;--top-radius-6: 24px;--top-radius-7: 28px;--top-radius-8: 32px;--top-radius-9: 36px;--top-radius-10: 40px;--top-radius-11: 44px;--top-radius-12: 48px}.top-comment{color:var(--color-gray-350);font-size:12px}:root{--top-formsCaption-offset: 16px}.top-formsCaptionWrapper{padding-top:20px}.top-formsCaption{pointer-events:none;width:calc(100% - var(--top-forms-padding) - var(--top-icon-both-width) - var(--top-forms_clear-width) - var(--top-select_arrow-width));padding:0 var(--top-forms-padding);color:var(--color-placeholder);white-space:nowrap;text-overflow:ellipsis;transform:translate(var(--top-icon-both-width));position:absolute;overflow:hidden;transition:.1s}.top-error~.top-formsCaption{transition:.1s .1s}.top-formsCaption *{pointer-events:auto}.top-formsCaptionWrapper>input:not([readonly]):focus~.top-formsCaption,.top-formsCaptionWrapper>input:not(:placeholder-shown)~.top-formsCaption,.top-formsCaptionWrapper>textarea:not(:placeholder-shown)~.top-formsCaption,.top-formsCaptionWrapper.top-select>.top-formsCaption,.top-formsCaptionWrapper.top-inputRange>.top-formsCaption,.top-formsCaptionWrapper-always>.top-formsCaption{width:100%;padding:0;color:var(--color-placeholder-active);font-size:11px;transform:translateY(calc(-1em - var(--top-formsCaption-offset)));transition:.1s}:root{--top-font-size: 14px;--top-forms-radius: 8px;--top-forms-border-width: 1px;--top-style_outline-color: transparent;--top-forms-base-height_s: 32px;--top-forms-base-height_l: 36px;--top-forms-base-height_xl: 40px;--top-forms-base-height: var(--top-forms-base-height_s);--top-forms-padding: 8px;--top-forms-padding_l: 12px;--top-forms-padding_xl: 16px;--top-forms-option-height: 24px;--top-forms-option-color: var(--color-primary);--top-forms-option-color-hover: var(--color-primary-2);--top-select_arrow-width: 0px;--top-forms_clear-width: 0px}.top-size_s{--top-forms-base-height: var(--top-forms-base-height_s)}.top-size_l{--top-forms-base-height: var(--top-forms-base-height_l)}.top-size_xl{--top-forms-base-height: var(--top-forms-base-height_xl)}button,input,textarea,select{border:1px solid var(--top-forms-border-color);color:var(--color-text);font-size:var(--top-font-size);font-family:inherit}::placeholder{color:var(--color-placeholder)}[contenteditable][placeholder]:empty:before{content:attr(placeholder);color:var(--color-text-secondary)}.top-forms-focusable:focus-visible,.top-focus{outline:calc(var(--top-forms-border-width) * 2) solid var(--top-forms-option-color);outline-offset:2px;position:relative;z-index:1;transition:border-color .15s}.top-forms-focusable:hover,.top-forms-focusable:focus,.top-focus:hover,.top-focus:focus,select.top-el:not(:disabled):hover,select.top-el:not(:disabled):hover~[data-action=top-select_changer],select.top-el:not(:disabled):focus{--top-forms-border-color: var(--top-forms-border-color-hover);--top-forms-background-color: var(--top-forms-background-color-hover)}.top-forms-optionWrapper{cursor:pointer;padding:8px 0;color:var(--color-text);line-height:1.3;display:inline-flex;align-items:flex-start;gap:4px}.top-forms-option{cursor:pointer;padding:0;margin:3px;display:inline-flex;flex-shrink:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.top-forms-option:disabled{background:var(--color-theme-50);border-color:var(--color-line-1-opacity);opacity:1}.top-input_input,.top-textarea_textarea,.top-editArea_form,select.top-el{box-sizing:border-box;border-radius:var(--top-forms-radius);border:var(--top-forms-border-width) solid var(--top-forms-border-color);display:inline-flex;-moz-appearance:none;appearance:none;-webkit-appearance:none}.top-input_input,select.top-el{height:var(--top-forms-base-height);padding:0;padding-right:calc(var(--top-forms-padding) + var(--top-forms_clear-width) + var(--top-select_arrow-width));padding-left:max(var(--top-forms-padding),var(--top-icon-both-width))}.top-select{cursor:pointer;width:180px}.top-select:before{vertical-align:middle;display:inline-block}select.top-el,label.top-select_arrow{background-color:var(--top-forms-background-color)}select.top-el:not(:disabled):focus-visible,[contenteditable]:focus-visible,.top-selector-multiselect:focus-within{outline:2px solid var(--color-blue-100)}:disabled,:disabled~.top-formsCaption,.top-disabled[data-top-icon]:before,.top-disabled[data-top-icon2]:after{cursor:default;opacity:.5;filter:grayscale(100%);pointer-events:none}label[data-top-icon],label[data-top-icon2]{position:relative}label[data-top-icon]:before,label[data-top-icon2]:after{position:absolute;z-index:3}label[data-top-icon][data-top-icon2]:after{left:calc(var(--top-icon-width))}.top-cleaner[data-top-icon]{--top-icon-size: 20px;--top-icon-width: 20px;--top-icon-color: var(--color-text-secondary);cursor:pointer;border-radius:50%;width:30px;height:24px;margin-left:-34px;transform:translate(calc(0px - var(--top-forms-border-width) - var(--top-select_arrow-width)));display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.top-cleaner[data-top-icon]:hover{--top-icon-color: var(--color-text-secondary-2)}:root{--top-icon-size: 24px;--top-icon-width: 0px;--top-icon2-size: 24px;--top-icon2-width: 0px;--top-icon-both-width: 0px}[data-top-icon]{--top-icon-width: calc(var(--top-icon-size) + var(--top-forms-padding));--top-icon-color: inherit}[data-top-icon2]{--top-icon2-width: calc(var(--top-icon2-size) + 8px);--top-icon2-color: inherit}[data-top-icon=""]{--top-icon-width: 0px}[data-top-icon2=""]{--top-icon2-width: 0px}[data-top-icon]:before,[data-top-icon2]:after{pointer-events:none;content:attr(data-top-icon);border-radius:var(--top-forms-radius);width:var(--top-icon-width);color:var(--top-icon-color);font-family:Topvisor-2;font-size:var(--top-icon-size);font-weight:400;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}[data-top-icon2]:after{content:attr(data-top-icon2);width:var(--top-icon2-width);color:var(--top-icon2-color);font-size:var(--top-icon2-size)}[data-top-icon],[data-top-icon2]{--top-icon-both-width: calc(var(--top-icon-width) + var(--top-icon2-width))}[data-top-icon=]:before{font-family:Topvisor}.top-as-a{cursor:pointer;color:var(--color-text-link)}.top-as-a:hover{text-decoration:underline}.top-ellipsis{max-height:100%;text-overflow:ellipsis;overflow:hidden;line-height:1.23;flex-grow:1}.top-ellipsis2,.top-ellipsis3{max-width:fit-content;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.top-ellipsis3{-webkit-line-clamp:3}.top-hidden{display:none!important}.top-unvisible{width:0;height:0;overflow:hidden;position:absolute}.top-disabled{pointer-events:none}.top-error,.top-error::placeholder,.top-error:before{--top-forms-border-color: var(--color-negative);border-color:var(--color-negative)}.top-error{--top-icon-color: var(--color-negative);color:var(--color-negative)}.top-error~.top-formsCaption{color:var(--color-negative)}.top-warning{--top-icon-color: var(--color-orange-500);color:var(--color-orange-500)}input.top-error,textarea.top-error,.top-editArea_form.top-error{animation:top-error .8s}@keyframes top-error{0%{outline-offset:10px;outline:3px solid transparent}50%{outline:3px solid var(--color-red-100);outline-offset:2px}to{outline:3px solid transparent;outline-offset:2px}}@media only screen and (min-width: 900px){.top-only-mobile{display:none!important}}@media only screen and (max-width: 900px){.top-only-pc{display:none!important}}html:not([lang=ru]) .top-only-ru,html:not([lang=en]) .top-only-en{display:none!important}html[data-is_admin="0"] .top-only-admin{display:none!important}.top-select_arrow{--top-select_arrow-color: var(--color-gray-600);--top-select_arrow-size: 12px;--top-select_arrow-width: 24px;background-image:url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.293 0.29269L8 6.5857L1.70704 0.29269C1.31679 -0.0975633 0.682937 -0.0975633 0.292687 0.29269C-0.0975624 0.682943 -0.0975624 1.31656 0.292687 1.70682L7.29294 8.70713C7.68343 9.09762 8.31657 9.09762 8.70706 8.70713L15.7073 1.70682C16.0976 1.31656 16.0976 0.682943 15.7073 0.29269C15.3171 -0.0975633 14.6832 -0.0975633 14.293 0.29269Z' fill='%23808A99'/%3E%3C/svg%3E");background-size:14px;background-position:calc(100% - var(--top-forms-padding)) 50%;background-repeat:no-repeat;padding-right:32px}.top-select_arrow~.top-cleaner{--top-select_arrow-width: 24px}