@megafon/ui-core 7.2.0 → 7.3.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 (67) hide show
  1. package/dist/es/components/Banner/Banner.css +1 -1
  2. package/dist/es/components/Banner/Banner.d.ts +2 -0
  3. package/dist/es/components/Banner/Banner.js +4 -1
  4. package/dist/es/components/Calendar/Calendar.css +1 -1
  5. package/dist/es/components/Calendar/Calendar.js +2 -2
  6. package/dist/es/components/Calendar/components/_Day/Day.css +1 -1
  7. package/dist/es/components/Calendar/components/_Month/Month.css +1 -1
  8. package/dist/es/components/Tooltip/Tooltip.css +1 -1
  9. package/dist/es/components/Tooltip/Tooltip.d.ts +8 -0
  10. package/dist/es/components/Tooltip/Tooltip.js +9 -2
  11. package/dist/es/components/UploadForm/UploadField/UploadField.css +1 -0
  12. package/dist/es/components/UploadForm/UploadField/UploadField.d.ts +22 -0
  13. package/dist/es/components/UploadForm/UploadField/UploadField.js +56 -0
  14. package/dist/es/components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea.css +1 -0
  15. package/dist/es/components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea.d.ts +21 -0
  16. package/dist/es/components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea.js +50 -0
  17. package/dist/es/components/UploadForm/UploadField/components/useDragAndDrop.d.ts +3 -0
  18. package/dist/es/components/UploadForm/UploadField/components/useDragAndDrop.js +50 -0
  19. package/dist/es/components/UploadForm/UploadFileItem/UploadFileItem.css +1 -0
  20. package/dist/es/components/UploadForm/UploadFileItem/UploadFileItem.d.ts +25 -0
  21. package/dist/es/components/UploadForm/UploadFileItem/UploadFileItem.js +96 -0
  22. package/dist/es/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon.d.ts +7 -0
  23. package/dist/es/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon.js +279 -0
  24. package/dist/es/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/attach.svg +3 -0
  25. package/dist/es/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/excel.svg +25 -0
  26. package/dist/es/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/image.svg +3 -0
  27. package/dist/es/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/pdf.svg +4 -0
  28. package/dist/es/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/power.svg +21 -0
  29. package/dist/es/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/word.svg +22 -0
  30. package/dist/es/components/UploadForm/UploadFileItem/helpers.d.ts +5 -0
  31. package/dist/es/components/UploadForm/UploadFileItem/helpers.js +27 -0
  32. package/dist/es/index.d.ts +5 -0
  33. package/dist/es/index.js +5 -0
  34. package/dist/lib/components/Banner/Banner.css +1 -1
  35. package/dist/lib/components/Banner/Banner.d.ts +2 -0
  36. package/dist/lib/components/Banner/Banner.js +4 -1
  37. package/dist/lib/components/Calendar/Calendar.css +1 -1
  38. package/dist/lib/components/Calendar/Calendar.js +2 -2
  39. package/dist/lib/components/Calendar/components/_Day/Day.css +1 -1
  40. package/dist/lib/components/Calendar/components/_Month/Month.css +1 -1
  41. package/dist/lib/components/Tooltip/Tooltip.css +1 -1
  42. package/dist/lib/components/Tooltip/Tooltip.d.ts +8 -0
  43. package/dist/lib/components/Tooltip/Tooltip.js +10 -3
  44. package/dist/lib/components/UploadForm/UploadField/UploadField.css +1 -0
  45. package/dist/lib/components/UploadForm/UploadField/UploadField.d.ts +22 -0
  46. package/dist/lib/components/UploadForm/UploadField/UploadField.js +65 -0
  47. package/dist/lib/components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea.css +1 -0
  48. package/dist/lib/components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea.d.ts +21 -0
  49. package/dist/lib/components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea.js +59 -0
  50. package/dist/lib/components/UploadForm/UploadField/components/useDragAndDrop.d.ts +3 -0
  51. package/dist/lib/components/UploadForm/UploadField/components/useDragAndDrop.js +57 -0
  52. package/dist/lib/components/UploadForm/UploadFileItem/UploadFileItem.css +1 -0
  53. package/dist/lib/components/UploadForm/UploadFileItem/UploadFileItem.d.ts +25 -0
  54. package/dist/lib/components/UploadForm/UploadFileItem/UploadFileItem.js +105 -0
  55. package/dist/lib/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon.d.ts +7 -0
  56. package/dist/lib/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon.js +289 -0
  57. package/dist/lib/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/attach.svg +3 -0
  58. package/dist/lib/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/excel.svg +25 -0
  59. package/dist/lib/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/image.svg +3 -0
  60. package/dist/lib/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/pdf.svg +4 -0
  61. package/dist/lib/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/power.svg +21 -0
  62. package/dist/lib/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/i/word.svg +22 -0
  63. package/dist/lib/components/UploadForm/UploadFileItem/helpers.d.ts +5 -0
  64. package/dist/lib/components/UploadForm/UploadFileItem/helpers.js +33 -0
  65. package/dist/lib/index.d.ts +5 -0
  66. package/dist/lib/index.js +35 -0
  67. package/package.json +3 -3
@@ -0,0 +1,279 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import * as React from 'react';
3
+ import { cnCreate } from '@megafon/ui-helpers';
4
+ var AttachIcon = function AttachIcon(props) {
5
+ return /*#__PURE__*/React.createElement("svg", _extends({
6
+ width: 32,
7
+ height: 32,
8
+ fill: "none"
9
+ }, props), /*#__PURE__*/React.createElement("path", {
10
+ d: "M25.538 8.297c-.944-.997-2.2-1.547-3.535-1.547-1.336 0-2.591.55-3.536 1.547l-7.881 8.325c-1.17 1.236-1.17 3.246 0 4.482a2.891 2.891 0 004.242 0l5.19-5.482c.39-.413.39-1.082 0-1.494a.963.963 0 00-1.414 0l-5.19 5.482a.964.964 0 01-1.414 0 1.1 1.1 0 010-1.494l7.881-8.325a2.902 2.902 0 012.122-.928c.8 0 1.554.33 2.12.928 1.17 1.236 1.17 3.246 0 4.481l-8.588 9.072c-1.95 2.06-5.121 2.06-7.07 0A5.4 5.4 0 017 19.61a5.4 5.4 0 011.464-3.735l8.589-9.072c.39-.412.39-1.081 0-1.494a.963.963 0 00-1.414 0L7.05 14.382C5.728 15.778 5 17.635 5 19.61c0 1.975.728 3.832 2.05 5.228C8.415 26.28 10.207 27 12 27c1.792 0 3.585-.72 4.95-2.162l8.588-9.072c1.95-2.06 1.95-5.41 0-7.469z",
11
+ fill: "#999"
12
+ }));
13
+ };
14
+ var ExcelIcon = function ExcelIcon(props) {
15
+ return /*#__PURE__*/React.createElement("svg", _extends({
16
+ width: 32,
17
+ height: 32,
18
+ fill: "none"
19
+ }, props), /*#__PURE__*/React.createElement("path", {
20
+ d: "M8 3a1 1 0 011-1h10v7H8V3z",
21
+ fill: "#50A36D"
22
+ }), /*#__PURE__*/React.createElement("path", {
23
+ fill: "#387947",
24
+ d: "M8 9h11v7H8z"
25
+ }), /*#__PURE__*/React.createElement("path", {
26
+ fill: "#2D5A3A",
27
+ d: "M8 16h11v7H8zM8 23h22v6a1 1 0 01-1 1H9a1 1 0 01-1-1v-6z"
28
+ }), /*#__PURE__*/React.createElement("path", {
29
+ d: "M19 2h10a1 1 0 011 1v6H19V2z",
30
+ fill: "#63C087"
31
+ }), /*#__PURE__*/React.createElement("path", {
32
+ fill: "#4EA06B",
33
+ d: "M19 9h11v7H19z"
34
+ }), /*#__PURE__*/React.createElement("path", {
35
+ fill: "#387947",
36
+ d: "M19 16h11v7H19z"
37
+ }), /*#__PURE__*/React.createElement("g", {
38
+ filter: "url(#ExcelIcon__filter0_d_96_3911)"
39
+ }, /*#__PURE__*/React.createElement("rect", {
40
+ x: 2,
41
+ y: 8,
42
+ width: 16,
43
+ height: 16,
44
+ rx: 1,
45
+ fill: "#3B7F4C"
46
+ })), /*#__PURE__*/React.createElement("path", {
47
+ d: "M6.705 19.575l2.27-3.67-2.1-3.48h1.83l1.36 2.38 1.35-2.38h1.66l-2.04 3.43 2.26 3.72h-1.84l-1.55-2.66-1.54 2.66h-1.66z",
48
+ fill: "#fff"
49
+ }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
50
+ id: "ExcelIcon__filter0_d_96_3911",
51
+ x: 1,
52
+ y: 7,
53
+ width: 20,
54
+ height: 20,
55
+ filterUnits: "userSpaceOnUse",
56
+ colorInterpolationFilters: "sRGB"
57
+ }, /*#__PURE__*/React.createElement("feFlood", {
58
+ floodOpacity: 0,
59
+ result: "BackgroundImageFix"
60
+ }), /*#__PURE__*/React.createElement("feColorMatrix", {
61
+ "in": "SourceAlpha",
62
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
63
+ result: "hardAlpha"
64
+ }), /*#__PURE__*/React.createElement("feOffset", {
65
+ dx: 1,
66
+ dy: 1
67
+ }), /*#__PURE__*/React.createElement("feGaussianBlur", {
68
+ stdDeviation: 1
69
+ }), /*#__PURE__*/React.createElement("feComposite", {
70
+ in2: "hardAlpha",
71
+ operator: "out"
72
+ }), /*#__PURE__*/React.createElement("feColorMatrix", {
73
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
74
+ }), /*#__PURE__*/React.createElement("feBlend", {
75
+ in2: "BackgroundImageFix",
76
+ result: "effect1_dropShadow_96_3911"
77
+ }), /*#__PURE__*/React.createElement("feBlend", {
78
+ "in": "SourceGraphic",
79
+ in2: "effect1_dropShadow_96_3911",
80
+ result: "shape"
81
+ }))));
82
+ };
83
+ var ImageIcon = function ImageIcon(props) {
84
+ return /*#__PURE__*/React.createElement("svg", _extends({
85
+ width: 32,
86
+ height: 32,
87
+ fill: "none"
88
+ }, props), /*#__PURE__*/React.createElement("path", {
89
+ d: "M5.21 2.058h21.578c1.74 0 3.154 1.508 3.154 3.366V26.58c0 1.855-1.414 3.362-3.154 3.362H5.21c-1.74 0-3.152-1.507-3.152-3.362V5.424c0-1.858 1.413-3.366 3.152-3.366zm6.7 5.181c-1.681 0-3.045 1.28-3.045 3.074 0 1.795 1.364 2.946 3.046 2.946 1.682 0 3.046-1.151 3.046-2.946 0-1.794-1.364-3.074-3.046-3.074zM6.2 26.832h19.165c.841 0 1.216-.65.836-1.45L21.758 15.13c-.378-.801-1.527-.713-2.038 0l-5.615 6.374c-.511.713-1.21.634-2.03.223l-2.811-1.493c-.408-.28-1.171-.544-1.654.191L5.55 25.5c-.481.736-.191 1.332.65 1.332z",
90
+ fill: "#D8D8D8"
91
+ }));
92
+ };
93
+ var PdfIcon = function PdfIcon(props) {
94
+ return /*#__PURE__*/React.createElement("svg", _extends({
95
+ width: 32,
96
+ height: 32,
97
+ fill: "none"
98
+ }, props), /*#__PURE__*/React.createElement("circle", {
99
+ cx: 16,
100
+ cy: 16,
101
+ r: 14,
102
+ fill: "#BA2F26"
103
+ }), /*#__PURE__*/React.createElement("path", {
104
+ fillRule: "evenodd",
105
+ clipRule: "evenodd",
106
+ d: "M15.67 13.54c.101-.227.201-.465.295-.709.119-.302.224-.61.316-.922.17-.588.25-1.097.213-1.527-.13-1.51-.957-2.476-2.103-2.375-1.145.101-1.796 1.198-1.665 2.708.035.395.179.838.41 1.335.125.268.273.545.44.829.194.329.4.65.617.962l-.142.371c-.404 1.063-.819 2.122-1.245 3.177-.235.585-.48 1.166-.738 1.742-.23.044-.468.094-.708.152-.309.074-.614.163-.916.265-.57.196-1.024.42-1.347.7-1.133.975-1.431 2.222-.693 3.124.74.901 1.991.818 3.123-.158.296-.256.568-.63.833-1.11.142-.257.279-.541.411-.844.141-.326.27-.658.389-.995a53.636 53.636 0 013.75-1.025c.448-.106.898-.207 1.348-.301l.057.05c.214.191.446.388.688.581.264.208.523.397.777.563.506.33.962.55 1.376.632 1.453.289 2.587-.259 2.81-1.414.22-1.154-.63-2.098-2.083-2.385-.38-.076-.836-.056-1.366.034-.285.05-.586.12-.9.204-.336.093-.669.197-.998.314-.358-.35-.697-.72-1.014-1.11a18.824 18.824 0 01-1.935-2.869zm1.522 4.326c-.188-.206-.373-.42-.555-.64a20.001 20.001 0 01-1.553-2.181c-.294.768-.593 1.534-.899 2.298l-.215.53c-.135.331-.263.642-.385.931a53.07 53.07 0 013.607-.938zm-3.21-7.262c.017.217.119.53.293.901.101.217.468.866.502.926l.004.001c.016-.047.22-.635.29-.88.13-.45.188-.82.168-1.06-.076-.88-.388-1.245-.737-1.214-.35.031-.597.448-.52 1.326zm-3.264 11.622c.162-.14.354-.406.552-.763.12-.22.455-.959.455-.959s-.627.18-.874.264c-.436.149-.764.312-.944.467-.662.569-.773 1.04-.55 1.315.227.276.7.244 1.36-.324zm10.922-3.995c-.208-.042-.529-.028-.927.04h.001c-.242.042-1.012.24-1.012.24s.528.388.748.53c.387.252.716.413.949.458.847.168 1.276-.037 1.343-.39.068-.353-.255-.71-1.102-.878z",
107
+ fill: "#fff"
108
+ }));
109
+ };
110
+ var PowerIcon = function PowerIcon(props) {
111
+ return /*#__PURE__*/React.createElement("svg", _extends({
112
+ width: 32,
113
+ height: 32,
114
+ fill: "none"
115
+ }, props), /*#__PURE__*/React.createElement("circle", {
116
+ cx: 17,
117
+ cy: 16,
118
+ r: 13,
119
+ fill: "#C45A3B"
120
+ }), /*#__PURE__*/React.createElement("path", {
121
+ d: "M30 16A13 13 0 0017 3v13h13z",
122
+ fill: "#F19473"
123
+ }), /*#__PURE__*/React.createElement("path", {
124
+ d: "M17 3A13 13 0 004 16h13V3z",
125
+ fill: "#DE7351"
126
+ }), /*#__PURE__*/React.createElement("g", {
127
+ filter: "url(#PowerIcon__filter0_d_96_3928)"
128
+ }, /*#__PURE__*/React.createElement("rect", {
129
+ x: 2,
130
+ y: 8,
131
+ width: 16,
132
+ height: 16,
133
+ rx: 1,
134
+ fill: "#B6472B"
135
+ })), /*#__PURE__*/React.createElement("path", {
136
+ d: "M7.4 19.575v-7.15h2.47c1.74 0 2.73.77 2.73 2.28v.04c0 1.51-1.05 2.23-2.68 2.23h-.91v2.6H7.4zm1.61-3.73h.82c.79 0 1.21-.38 1.21-1.09v-.04c0-.76-.44-1.06-1.21-1.06h-.82v2.19z",
137
+ fill: "#fff"
138
+ }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
139
+ id: "PowerIcon__filter0_d_96_3928",
140
+ x: 1,
141
+ y: 7,
142
+ width: 20,
143
+ height: 20,
144
+ filterUnits: "userSpaceOnUse",
145
+ colorInterpolationFilters: "sRGB"
146
+ }, /*#__PURE__*/React.createElement("feFlood", {
147
+ floodOpacity: 0,
148
+ result: "BackgroundImageFix"
149
+ }), /*#__PURE__*/React.createElement("feColorMatrix", {
150
+ "in": "SourceAlpha",
151
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
152
+ result: "hardAlpha"
153
+ }), /*#__PURE__*/React.createElement("feOffset", {
154
+ dx: 1,
155
+ dy: 1
156
+ }), /*#__PURE__*/React.createElement("feGaussianBlur", {
157
+ stdDeviation: 1
158
+ }), /*#__PURE__*/React.createElement("feComposite", {
159
+ in2: "hardAlpha",
160
+ operator: "out"
161
+ }), /*#__PURE__*/React.createElement("feColorMatrix", {
162
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
163
+ }), /*#__PURE__*/React.createElement("feBlend", {
164
+ in2: "BackgroundImageFix",
165
+ result: "effect1_dropShadow_96_3928"
166
+ }), /*#__PURE__*/React.createElement("feBlend", {
167
+ "in": "SourceGraphic",
168
+ in2: "effect1_dropShadow_96_3928",
169
+ result: "shape"
170
+ }))));
171
+ };
172
+ var WordIcon = function WordIcon(props) {
173
+ return /*#__PURE__*/React.createElement("svg", _extends({
174
+ width: 32,
175
+ height: 32,
176
+ fill: "none"
177
+ }, props), /*#__PURE__*/React.createElement("path", {
178
+ d: "M8 3a1 1 0 011-1h20a1 1 0 011 1v6H8V3z",
179
+ fill: "#5BA5E8"
180
+ }), /*#__PURE__*/React.createElement("path", {
181
+ fill: "#407DCD",
182
+ d: "M8 9h22v7H8z"
183
+ }), /*#__PURE__*/React.createElement("path", {
184
+ fill: "#295CB7",
185
+ d: "M8 16h22v7H8z"
186
+ }), /*#__PURE__*/React.createElement("path", {
187
+ d: "M8 23h22v6a1 1 0 01-1 1H9a1 1 0 01-1-1v-6z",
188
+ fill: "#1B418C"
189
+ }), /*#__PURE__*/React.createElement("g", {
190
+ filter: "url(#WordIcon__filter0_d_532_5821)"
191
+ }, /*#__PURE__*/React.createElement("rect", {
192
+ x: 2,
193
+ y: 8,
194
+ width: 16,
195
+ height: 16,
196
+ rx: 1,
197
+ fill: "#2C62BB"
198
+ })), /*#__PURE__*/React.createElement("path", {
199
+ d: "M7.095 19.575l-1.74-7.15h1.64l1.12 4.94 1.22-4.94h1.38l1.27 4.97 1.16-4.97h1.5l-1.74 7.15h-1.65l-1.29-4.94-1.31 4.94h-1.56z",
200
+ fill: "#fff"
201
+ }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
202
+ id: "WordIcon__filter0_d_532_5821",
203
+ x: 1,
204
+ y: 7,
205
+ width: 20,
206
+ height: 20,
207
+ filterUnits: "userSpaceOnUse",
208
+ colorInterpolationFilters: "sRGB"
209
+ }, /*#__PURE__*/React.createElement("feFlood", {
210
+ floodOpacity: 0,
211
+ result: "BackgroundImageFix"
212
+ }), /*#__PURE__*/React.createElement("feColorMatrix", {
213
+ "in": "SourceAlpha",
214
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
215
+ result: "hardAlpha"
216
+ }), /*#__PURE__*/React.createElement("feOffset", {
217
+ dx: 1,
218
+ dy: 1
219
+ }), /*#__PURE__*/React.createElement("feGaussianBlur", {
220
+ stdDeviation: 1
221
+ }), /*#__PURE__*/React.createElement("feComposite", {
222
+ in2: "hardAlpha",
223
+ operator: "out"
224
+ }), /*#__PURE__*/React.createElement("feColorMatrix", {
225
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
226
+ }), /*#__PURE__*/React.createElement("feBlend", {
227
+ in2: "BackgroundImageFix",
228
+ result: "effect1_dropShadow_532_5821"
229
+ }), /*#__PURE__*/React.createElement("feBlend", {
230
+ "in": "SourceGraphic",
231
+ in2: "effect1_dropShadow_532_5821",
232
+ result: "shape"
233
+ }))));
234
+ };
235
+ var getFileIcon = function getFileIcon(extension) {
236
+ switch (extension) {
237
+ case 'pdf':
238
+ return PdfIcon;
239
+ case 'jpg':
240
+ case 'jpeg':
241
+ case 'png':
242
+ case 'bpm':
243
+ case 'gif':
244
+ case 'tiff':
245
+ return ImageIcon;
246
+ case 'doc':
247
+ case 'docm':
248
+ case 'docx':
249
+ case 'rtf':
250
+ return WordIcon;
251
+ case 'xls':
252
+ case 'xml':
253
+ case 'csv':
254
+ case 'ods':
255
+ case 'txt':
256
+ return ExcelIcon;
257
+ case 'ppt':
258
+ case 'ppa':
259
+ case 'ppam':
260
+ case 'pps':
261
+ case 'ppsm':
262
+ case 'ppsx':
263
+ case 'pptm':
264
+ case 'pptx':
265
+ return PowerIcon;
266
+ default:
267
+ return AttachIcon;
268
+ }
269
+ };
270
+ var cn = cnCreate('mfui-upload-file-item-icon');
271
+ var UploadFileItemIcon = function UploadFileItemIcon(_ref) {
272
+ var className = _ref.className,
273
+ fileExtension = _ref.fileExtension;
274
+ var CurrentIcon = getFileIcon(fileExtension.toLowerCase());
275
+ return /*#__PURE__*/React.createElement(CurrentIcon, {
276
+ className: cn([className])
277
+ });
278
+ };
279
+ export default UploadFileItemIcon;
@@ -0,0 +1,3 @@
1
+ <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M25.5379 8.29708C24.5936 7.29955 23.338 6.75022 22.0025 6.75022C20.6671 6.75022 19.4115 7.29955 18.4671 8.29708L10.5856 16.6223C9.41593 17.8577 9.41593 19.868 10.5856 21.1036C11.7553 22.3391 13.6585 22.339 14.8282 21.1035L20.018 15.6215C20.4085 15.209 20.4085 14.5402 20.018 14.1277C19.6276 13.7152 18.9944 13.7152 18.6038 14.1277L13.414 19.6097C13.0242 20.0217 12.3897 20.0216 11.9998 19.6098C11.6099 19.1979 11.6099 18.5278 11.9997 18.116L19.8813 9.79092C20.4479 9.19244 21.2012 8.86281 22.0025 8.86281C22.8039 8.86281 23.5572 9.19244 24.1237 9.79092C25.2934 11.0265 25.2934 13.0367 24.1239 14.2723L15.5353 23.3442C13.5857 25.4033 10.4138 25.4033 8.46443 23.3442C7.52006 22.3467 6.99994 21.0205 6.99994 19.6098C6.99994 18.1991 7.52006 16.8728 8.46443 15.8753L17.0528 6.80324C17.4434 6.39074 17.4434 5.72198 17.0528 5.30948C16.6624 4.89704 16.0292 4.89697 15.6387 5.30948L7.05027 14.3815C5.72811 15.778 5 17.6348 5 19.6098C5 21.5848 5.72811 23.4416 7.05027 24.838C8.41503 26.2796 10.2071 27.0003 11.9998 27.0001C13.7921 27 15.5849 26.2793 16.9494 24.838L25.538 15.766C27.4874 13.7068 27.4873 10.3563 25.5379 8.29708Z" fill="#999999"/>
3
+ </svg>
@@ -0,0 +1,25 @@
1
+ <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8 3C8 2.44772 8.44772 2 9 2H19V9H8V3Z" fill="#50A36D"/>
3
+ <rect x="8" y="9" width="11" height="7" fill="#387947"/>
4
+ <rect x="8" y="16" width="11" height="7" fill="#2D5A3A"/>
5
+ <path d="M8 23H30V29C30 29.5523 29.5523 30 29 30H9C8.44772 30 8 29.5523 8 29V23Z" fill="#2D5A3A"/>
6
+ <path d="M19 2H29C29.5523 2 30 2.44772 30 3V9H19V2Z" fill="#63C087"/>
7
+ <rect x="19" y="9" width="11" height="7" fill="#4EA06B"/>
8
+ <rect x="19" y="16" width="11" height="7" fill="#387947"/>
9
+ <g filter="url(#filter0_d_96_3911)">
10
+ <rect x="2" y="8" width="16" height="16" rx="1" fill="#3B7F4C"/>
11
+ </g>
12
+ <path d="M6.70532 19.575L8.97532 15.905L6.87532 12.425H8.70532L10.0653 14.805L11.4153 12.425H13.0753L11.0353 15.855L13.2953 19.575H11.4553L9.90532 16.915L8.36532 19.575H6.70532Z" fill="white"/>
13
+ <defs>
14
+ <filter id="filter0_d_96_3911" x="1" y="7" width="20" height="20" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
15
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
16
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
17
+ <feOffset dx="1" dy="1"/>
18
+ <feGaussianBlur stdDeviation="1"/>
19
+ <feComposite in2="hardAlpha" operator="out"/>
20
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
21
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_96_3911"/>
22
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_96_3911" result="shape"/>
23
+ </filter>
24
+ </defs>
25
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M5.21016 2.05792H26.7884C28.5277 2.05792 29.9421 3.56629 29.9421 5.42396V26.5798C29.9421 28.4353 28.5277 29.9421 26.7884 29.9421H5.21026C3.47091 29.9421 2.05798 28.4353 2.05798 26.5798V5.42396C2.05789 3.56629 3.47082 2.05792 5.21016 2.05792ZM11.9108 7.23896C10.2287 7.23896 8.86462 8.51916 8.86462 10.3134C8.86462 12.1077 10.2288 13.2587 11.9108 13.2587C13.5933 13.2587 14.9569 12.1077 14.9569 10.3134C14.9569 8.51916 13.5933 7.23896 11.9108 7.23896ZM6.19922 26.8321H25.3647C26.206 26.8321 26.5807 26.1828 26.2014 25.3817L21.7584 15.1297C21.3797 14.3287 20.2313 14.417 19.72 15.1297L14.1051 21.5044C13.5938 22.2171 12.8943 22.1377 12.0748 21.7267L9.26358 20.234C8.85583 19.9547 8.09257 19.6905 7.61027 20.4255L5.54891 25.4997C5.06754 26.2358 5.35793 26.8321 6.19922 26.8321Z" fill="#D8D8D8"/>
3
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <circle cx="16" cy="16" r="14" fill="#BA2F26"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6702 13.5391C15.7712 13.3131 15.8713 13.0747 15.9652 12.8312C16.0838 12.5287 16.189 12.2208 16.2806 11.9087C16.4506 11.3209 16.5306 10.812 16.4942 10.382C16.3634 8.87175 15.5365 7.90607 14.3914 8.00725C13.2462 8.10843 12.5952 9.20505 12.726 10.7153C12.7609 11.1096 12.9047 11.553 13.1358 12.05C13.2608 12.3178 13.409 12.5946 13.5761 12.8788C13.7695 13.2076 13.9752 13.5286 14.1928 13.841C14.1459 13.9648 14.0987 14.0884 14.0513 14.212C13.6473 15.2755 13.2322 16.3344 12.8059 17.3888C12.5714 17.9745 12.3252 18.5553 12.0675 19.1307C11.8376 19.1747 11.5997 19.2254 11.3599 19.2829C11.0511 19.3572 10.7456 19.4456 10.4444 19.5478C9.87473 19.7442 9.41987 19.9689 9.09725 20.2471C7.96373 21.2232 7.66582 22.4701 8.40406 23.3718C9.14376 24.2735 10.395 24.1902 11.5271 23.2141C11.8235 22.9581 12.0953 22.5832 12.3598 22.1041C12.5022 21.8466 12.6388 21.5625 12.771 21.2604C12.9122 20.9336 13.0418 20.6016 13.1596 20.2653C14.377 19.8815 15.6478 19.5384 16.9099 19.2398C17.3582 19.1337 17.8077 19.0333 18.2584 18.9387C18.2765 18.9551 18.2954 18.9721 18.3151 18.9898C18.5287 19.1802 18.7613 19.3767 19.0025 19.5701C19.267 19.7784 19.5257 19.9674 19.78 20.1325C20.2857 20.4629 20.742 20.6831 21.1562 20.7649C22.6094 21.0536 23.743 20.506 23.9653 19.3514C24.1862 18.1967 23.336 17.2534 21.8828 16.9662C21.5021 16.8903 21.0472 16.9096 20.5168 17.0004C20.2319 17.0495 19.9311 17.1194 19.6172 17.2043C19.281 17.2967 18.9482 17.4014 18.6195 17.5184C18.2613 17.168 17.9225 16.7974 17.6045 16.4082C16.8741 15.5149 16.2266 14.5544 15.6702 13.5391ZM17.1922 17.8657C17.0038 17.6599 16.8186 17.4461 16.6366 17.2251C16.0626 16.5275 15.5445 15.7887 15.0843 15.0449C14.7903 15.8131 14.4906 16.5791 14.185 17.3426L13.97 17.8738C13.8355 18.2045 13.707 18.5152 13.585 18.8043C14.5895 18.5053 15.6022 18.2362 16.6221 17.9973C16.8119 17.9525 17.002 17.9086 17.1922 17.8657ZM13.9816 10.6037C13.999 10.821 14.1007 11.1334 14.2751 11.5054C14.3763 11.7225 14.7432 12.3714 14.7769 12.431L14.7805 12.4323C14.7969 12.3849 15.0004 11.7971 15.0715 11.5515C15.2008 11.1022 15.259 10.7317 15.2386 10.4921C15.1631 9.61275 14.8506 9.24671 14.5018 9.27796C14.1516 9.30921 13.9046 9.72583 13.9816 10.6037ZM10.7176 22.2261C10.8804 22.0862 11.0722 21.8199 11.2698 21.4628C11.3905 21.2425 11.7247 20.5045 11.7247 20.5045C11.7247 20.5045 11.0984 20.6831 10.8513 20.7679C10.4153 20.9167 10.0869 21.0804 9.90671 21.2351C9.24548 21.8035 9.13358 22.2752 9.35738 22.5504C9.58409 22.8257 10.0578 22.7945 10.7176 22.2261ZM21.6401 18.2309C21.4323 18.1893 21.1111 18.2027 20.713 18.2711H20.7144C20.4717 18.3128 19.7015 18.5107 19.7015 18.5107C19.7015 18.5107 20.2305 18.899 20.4499 19.0419C20.8365 19.2933 21.1664 19.454 21.3989 19.4987C22.2461 19.6668 22.6748 19.4615 22.7417 19.1088C22.81 18.7562 22.4874 18.3991 21.6401 18.2309Z" fill="white"/>
4
+ </svg>
@@ -0,0 +1,21 @@
1
+ <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <circle cx="17" cy="16" r="13" fill="#C45A3B"/>
3
+ <path d="M30 16C30 14.2928 29.6637 12.6023 29.0104 11.0251C28.3571 9.44788 27.3995 8.01477 26.1924 6.80761C24.9852 5.60045 23.5521 4.64288 21.9749 3.98957C20.3977 3.33625 18.7072 3 17 3L17 16H30Z" fill="#F19473"/>
4
+ <path d="M17 3C15.2928 3 13.6023 3.33625 12.0251 3.98957C10.4479 4.64288 9.01477 5.60045 7.80761 6.80761C6.60045 8.01477 5.64288 9.44788 4.98957 11.0251C4.33625 12.6023 4 14.2928 4 16L17 16V3Z" fill="#DE7351"/>
5
+ <g filter="url(#filter0_d_96_3928)">
6
+ <rect x="2" y="8" width="16" height="16" rx="1" fill="#B6472B"/>
7
+ </g>
8
+ <path d="M7.3999 19.575V12.425H9.8699C11.6099 12.425 12.5999 13.195 12.5999 14.705V14.745C12.5999 16.255 11.5499 16.975 9.9199 16.975H9.0099V19.575H7.3999ZM9.0099 15.845H9.8299C10.6199 15.845 11.0399 15.465 11.0399 14.755V14.715C11.0399 13.955 10.5999 13.655 9.8299 13.655H9.0099V15.845Z" fill="white"/>
9
+ <defs>
10
+ <filter id="filter0_d_96_3928" x="1" y="7" width="20" height="20" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
11
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
12
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
13
+ <feOffset dx="1" dy="1"/>
14
+ <feGaussianBlur stdDeviation="1"/>
15
+ <feComposite in2="hardAlpha" operator="out"/>
16
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
17
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_96_3928"/>
18
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_96_3928" result="shape"/>
19
+ </filter>
20
+ </defs>
21
+ </svg>
@@ -0,0 +1,22 @@
1
+ <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8 3C8 2.44772 8.44772 2 9 2H29C29.5523 2 30 2.44772 30 3V9H8V3Z" fill="#5BA5E8"/>
3
+ <rect x="8" y="9" width="22" height="7" fill="#407DCD"/>
4
+ <rect x="8" y="16" width="22" height="7" fill="#295CB7"/>
5
+ <path d="M8 23H30V29C30 29.5523 29.5523 30 29 30H9C8.44772 30 8 29.5523 8 29V23Z" fill="#1B418C"/>
6
+ <g filter="url(#filter0_d_532_5821)">
7
+ <rect x="2" y="8" width="16" height="16" rx="1" fill="#2C62BB"/>
8
+ </g>
9
+ <path d="M7.09498 19.575L5.35498 12.425H6.99498L8.11498 17.365L9.33498 12.425H10.715L11.985 17.395L13.145 12.425H14.645L12.905 19.575H11.255L9.96498 14.635L8.65498 19.575H7.09498Z" fill="white"/>
10
+ <defs>
11
+ <filter id="filter0_d_532_5821" x="1" y="7" width="20" height="20" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
12
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
13
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
14
+ <feOffset dx="1" dy="1"/>
15
+ <feGaussianBlur stdDeviation="1"/>
16
+ <feComposite in2="hardAlpha" operator="out"/>
17
+ <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
18
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_532_5821"/>
19
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_532_5821" result="shape"/>
20
+ </filter>
21
+ </defs>
22
+ </svg>
@@ -0,0 +1,5 @@
1
+ export declare const getReadableFileSize: (size: string | number) => string;
2
+ export declare const splitFileName: (fileName: string) => {
3
+ name: string;
4
+ extension: string;
5
+ };
@@ -0,0 +1,27 @@
1
+ import "core-js/modules/es.array.concat.js";
2
+ import "core-js/modules/es.array.last-index-of.js";
3
+ import "core-js/modules/es.array.slice.js";
4
+ import "core-js/modules/es.number.constructor.js";
5
+ import "core-js/modules/es.number.to-fixed.js";
6
+ var BINARY_THOUSAND = 1024;
7
+ export var getReadableFileSize = function getReadableFileSize(size) {
8
+ var units = ['B', 'KB', 'MB', 'GB'];
9
+ var fileSize = Number(size);
10
+ var factor = 0;
11
+ while (fileSize >= BINARY_THOUSAND && factor < units.length - 1) {
12
+ fileSize /= BINARY_THOUSAND;
13
+ factor += 1;
14
+ }
15
+ fileSize = fileSize.toFixed(1);
16
+ return "".concat(Number(fileSize), " ").concat(units[factor]);
17
+ };
18
+ export var splitFileName = function splitFileName(fileName) {
19
+ var lastDotIndex = fileName.lastIndexOf('.');
20
+ var hasLastDotIndex = lastDotIndex !== -1;
21
+ var name = hasLastDotIndex ? fileName.slice(0, lastDotIndex) : fileName;
22
+ var extension = hasLastDotIndex ? fileName.slice(lastDotIndex + 1) : '';
23
+ return {
24
+ name: name,
25
+ extension: extension
26
+ };
27
+ };
@@ -69,6 +69,11 @@ export { default as Tile } from './components/Tile/Tile';
69
69
  export { default as Timer } from './components/Badges/TimerBadge/components/Timer/Timer';
70
70
  export { default as TimerBadge } from './components/Badges/TimerBadge/TimerBadge';
71
71
  export { default as Tooltip } from './components/Tooltip/Tooltip';
72
+ export { default as UploadField } from './components/UploadForm/UploadField/UploadField';
73
+ export { default as UploadFieldDropArea } from './components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea';
74
+ export { default as UploadFileItem } from './components/UploadForm/UploadFileItem/UploadFileItem';
75
+ export { default as UploadFileItemIcon } from './components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon';
76
+ export { default as useDragAndDrop } from './components/UploadForm/UploadField/components/useDragAndDrop';
72
77
  export { default as useGradient } from './components/Carousel/useGradient';
73
78
  export { default as usePagination } from './components/Pagination/usePagination';
74
79
  export { default as utils } from './components/Modal/utils/utils';
package/dist/es/index.js CHANGED
@@ -69,6 +69,11 @@ export { default as Tile } from "./components/Tile/Tile";
69
69
  export { default as Timer } from "./components/Badges/TimerBadge/components/Timer/Timer";
70
70
  export { default as TimerBadge } from "./components/Badges/TimerBadge/TimerBadge";
71
71
  export { default as Tooltip } from "./components/Tooltip/Tooltip";
72
+ export { default as UploadField } from "./components/UploadForm/UploadField/UploadField";
73
+ export { default as UploadFieldDropArea } from "./components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea";
74
+ export { default as UploadFileItem } from "./components/UploadForm/UploadFileItem/UploadFileItem";
75
+ export { default as UploadFileItemIcon } from "./components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon";
76
+ export { default as useDragAndDrop } from "./components/UploadForm/UploadField/components/useDragAndDrop";
72
77
  export { default as useGradient } from "./components/Carousel/useGradient";
73
78
  export { default as usePagination } from "./components/Pagination/usePagination";
74
79
  export { default as utils } from "./components/Modal/utils/utils";
@@ -1 +1 @@
1
- h1,h2,h3,h4,h5{margin:0}.mfui-banner{position:relative}.mfui-banner .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-banner .mfui-banner__swiper-container{position:relative}.mfui-banner__swiper{overflow:hidden}.mfui-banner__slide{-ms-flex-negative:0;flex-shrink:0;height:500px}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-banner__slide{height:420px}}@media screen and (min-width:1280px){.mfui-banner__slide{height:400px}}.mfui-banner__slide-content{border-right:1px solid transparent;margin-right:-1px}@media screen and (max-width:1023px){.mfui-banner__slide-content{height:100%}}.mfui-banner_auto-height .mfui-banner__slide{height:auto}.mfui-banner .mfui-banner__arrow{position:absolute;top:50%;-webkit-transition:scale .2s linear;transition:scale .2s linear;translate:0 -50%;z-index:10}@media screen and (max-width:767px){.mfui-banner .mfui-banner__arrow{display:none}}.mfui-banner .mfui-banner__arrow_theme_white{height:64px;width:64px}@media screen and (max-width:1023px){.mfui-banner .mfui-banner__arrow_theme_white{display:none}}.mfui-banner .mfui-banner__arrow_prev{left:12px}@media screen and (max-width:767px){.mfui-banner .mfui-banner__arrow_prev{left:8px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-banner .mfui-banner__arrow_prev{left:16px}}@media screen and (min-width:1280px){.mfui-banner .mfui-banner__arrow_prev{left:20px}}.mfui-banner .mfui-banner__arrow_next{right:12px}@media screen and (max-width:767px){.mfui-banner .mfui-banner__arrow_next{right:8px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-banner .mfui-banner__arrow_next{right:16px}}@media screen and (min-width:1280px){.mfui-banner .mfui-banner__arrow_next{right:20px}}.mfui-banner .mfui-banner__arrow_prev.mfui-banner__arrow_theme_white{left:0;translate:-50% -50%}.mfui-banner .mfui-banner__arrow_next.mfui-banner__arrow_theme_white{right:0;translate:50% -50%}.mfui-banner_no-touch .mfui-banner__arrow_theme_white:hover{scale:1.25}.mfui-banner_no-touch .mfui-banner__arrow_theme_white:active{scale:1.125}.mfui-banner__pagination{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;left:50%;z-index:10;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:32px}.mfui-banner__pagination_bottom-offset{bottom:60px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10}@media screen and (min-width:768px) and (max-width:1023px){.mfui-banner__pagination_bottom-offset{bottom:89px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-banner__pagination_bottom-offset{bottom:90px}}@media screen and (min-width:1280px) and (max-width:1439px){.mfui-banner__pagination_bottom-offset{bottom:65px}}@media screen and (min-width:1440px){.mfui-banner__pagination_bottom-offset{bottom:72px}}.mfui-banner_radius_rounded .mfui-banner__swiper{border-radius:24px}@media screen and (max-width:767px){.mfui-banner_show-next-slide .mfui-banner__swiper{border-radius:0;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:32px}.mfui-banner_show-next-slide .mfui-banner__slide-content{border-right:none;margin-right:0}.mfui-banner_show-next-slide.mfui-banner_radius_rounded .mfui-banner__slide-content{border-radius:24px}}.mfui-banner_background-color_green .mfui-banner__swiper{background-color:var(--brandGreen)}.mfui-banner_background-color_purple .mfui-banner__swiper{background-color:var(--brandPurple)}.mfui-banner_background-color_gradient .mfui-banner__swiper{background:-webkit-gradient(linear,right top,left top,from(#ada6ba),to(#f6f2f9));background:linear-gradient(270deg,#ada6ba,#f6f2f9)}.mfui-banner_background-color_light .mfui-banner__swiper{background-color:#f6f2f9}.mfui-banner_background-color_spbSky0 .mfui-banner__swiper{background-color:var(--spbSky0)}
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-banner{position:relative}.mfui-banner .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-banner .mfui-banner__swiper-container{position:relative}.mfui-banner__swiper{overflow:hidden}.mfui-banner__slide{-ms-flex-negative:0;flex-shrink:0;height:500px}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-banner__slide{height:420px}}@media screen and (min-width:1280px){.mfui-banner__slide{height:400px}}.mfui-banner__slide-content{border-right:1px solid transparent;margin-right:-1px}@media screen and (max-width:1023px){.mfui-banner__slide-content{height:100%}}.mfui-banner_auto-height .mfui-banner__slide{height:auto}.mfui-banner .mfui-banner__arrow{position:absolute;top:50%;-webkit-transition:scale .2s linear;transition:scale .2s linear;translate:0 -50%;z-index:10}@media screen and (max-width:767px){.mfui-banner .mfui-banner__arrow{display:none}}.mfui-banner .mfui-banner__arrow_theme_white{height:64px;width:64px}@media screen and (max-width:1023px){.mfui-banner .mfui-banner__arrow_theme_white{display:none}}.mfui-banner .mfui-banner__arrow_prev{left:12px}@media screen and (max-width:767px){.mfui-banner .mfui-banner__arrow_prev{left:8px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-banner .mfui-banner__arrow_prev{left:16px}}@media screen and (min-width:1280px){.mfui-banner .mfui-banner__arrow_prev{left:20px}}.mfui-banner .mfui-banner__arrow_next{right:12px}@media screen and (max-width:767px){.mfui-banner .mfui-banner__arrow_next{right:8px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-banner .mfui-banner__arrow_next{right:16px}}@media screen and (min-width:1280px){.mfui-banner .mfui-banner__arrow_next{right:20px}}.mfui-banner .mfui-banner__arrow_prev.mfui-banner__arrow_theme_white{left:0;translate:-50% -50%}.mfui-banner .mfui-banner__arrow_next.mfui-banner__arrow_theme_white{right:0;translate:50% -50%}.mfui-banner_no-touch .mfui-banner__arrow_theme_white:hover{scale:1.25}.mfui-banner_no-touch .mfui-banner__arrow_theme_white:active{scale:1.125}.mfui-banner__pagination{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;left:50%;z-index:10;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:32px}.mfui-banner__pagination_bottom-offset{bottom:60px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10}@media screen and (min-width:768px) and (max-width:1023px){.mfui-banner__pagination_bottom-offset{bottom:89px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-banner__pagination_bottom-offset{bottom:90px}}@media screen and (min-width:1280px) and (max-width:1439px){.mfui-banner__pagination_bottom-offset{bottom:65px}}@media screen and (min-width:1440px){.mfui-banner__pagination_bottom-offset{bottom:72px}}.mfui-banner_margin-top{margin-top:24px}.mfui-banner_radius_rounded .mfui-banner__swiper{border-radius:24px}@media screen and (max-width:767px){.mfui-banner_show-next-slide .mfui-banner__swiper{border-radius:0;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:32px}.mfui-banner_show-next-slide .mfui-banner__slide-content{border-right:none;margin-right:0}.mfui-banner_show-next-slide.mfui-banner_radius_rounded .mfui-banner__slide-content{border-radius:24px}}.mfui-banner_background-color_green .mfui-banner__swiper{background-color:var(--brandGreen)}.mfui-banner_background-color_purple .mfui-banner__swiper{background-color:var(--brandPurple)}.mfui-banner_background-color_gradient .mfui-banner__swiper{background:-webkit-gradient(linear,right top,left top,from(#ada6ba),to(#f6f2f9));background:linear-gradient(270deg,#ada6ba,#f6f2f9)}.mfui-banner_background-color_light .mfui-banner__swiper{background-color:#f6f2f9}.mfui-banner_background-color_spbSky0 .mfui-banner__swiper{background-color:var(--spbSky0)}
@@ -69,6 +69,8 @@ export interface IBannerProps {
69
69
  noIncreaseAutoplayDelay?: boolean;
70
70
  /** Показать часть следующего слайда */
71
71
  showNextSlide?: boolean;
72
+ /** Отступ сверху */
73
+ hasMarginTop?: boolean;
72
74
  children?: React.ReactNode;
73
75
  /** Ref на swiper */
74
76
  getSwiper?: (instance: SwiperCore) => void;
@@ -84,6 +84,8 @@ var Banner = function Banner(_ref) {
84
84
  autoHeight = _ref$autoHeight === void 0 ? false : _ref$autoHeight,
85
85
  noIncreaseAutoplayDelay = _ref.noIncreaseAutoplayDelay,
86
86
  showNextSlide = _ref.showNextSlide,
87
+ _ref$hasMarginTop = _ref.hasMarginTop,
88
+ hasMarginTop = _ref$hasMarginTop === void 0 ? false : _ref$hasMarginTop,
87
89
  _ref$children = _ref.children,
88
90
  children = _ref$children === void 0 ? [] : _ref$children,
89
91
  getSwiper = _ref.getSwiper,
@@ -269,7 +271,8 @@ var Banner = function Banner(_ref) {
269
271
  'background-color': backgroundColor,
270
272
  'no-touch': !isTouch,
271
273
  radius: radius,
272
- 'show-next-slide': showNextSlide
274
+ 'show-next-slide': showNextSlide,
275
+ 'margin-top': hasMarginTop
273
276
  }, className),
274
277
  ref: rootRef
275
278
  }), /*#__PURE__*/React.createElement("div", {
@@ -1 +1 @@
1
- h1,h2,h3,h4,h5{margin:0}.mfui-calendar{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mfui-calendar_modern{display:block;height:304px;overflow-x:hidden;overflow-y:scroll;width:364px}.mfui-calendar_modern::-webkit-scrollbar{width:16px}.mfui-calendar_modern::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#d8d8d8;border:6px solid transparent;border-radius:16px}.mfui-calendar_modern::-webkit-scrollbar-thumb:hover{background-color:#999}
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-calendar{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.mfui-calendar_modern{display:block;height:304px;overflow-x:hidden;overflow-y:scroll;width:100%}.mfui-calendar_modern::-webkit-scrollbar{width:4px}.mfui-calendar_modern::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#d8d8d8;border-radius:16px}.mfui-calendar_modern::-webkit-scrollbar-thumb:hover{background-color:#999}
@@ -328,14 +328,14 @@ var Calendar = function Calendar(_ref) {
328
328
  var isNextMonthDisabled = !!maxBookingDate && (0, _isSameMonth["default"])(new Date(year, month, 1), maxBookingDate);
329
329
  var isCurrentMonth = new Date().getFullYear() === year && new Date().getMonth() === month;
330
330
  return /*#__PURE__*/React.createElement("div", {
331
- ref: isCurrentMonth ? currentMonthRef : null
331
+ ref: isCurrentMonth ? currentMonthRef : null,
332
+ key: "".concat(year, "-").concat(month)
332
333
  }, /*#__PURE__*/React.createElement(_Month["default"], {
333
334
  dataAttrs: {
334
335
  root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.month,
335
336
  arrowLeft: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.arrowLeft,
336
337
  arrowRight: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.arrowRight
337
338
  },
338
- key: "".concat(year, "-").concat(month),
339
339
  year: year,
340
340
  weekdayLabels: weekdayLabels,
341
341
  monthLabel: monthLabel,
@@ -1 +1 @@
1
- h1,h2,h3,h4,h5{margin:0}.mfui-day{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;-webkit-box-sizing:content-box;box-sizing:content-box;color:var(--content);cursor:pointer;height:32px;line-height:24px;outline:none;padding:0 10px 8px 0;position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:32px;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:12px;line-height:18px}.mfui-day:last-child{padding-right:0}.mfui-day:not(:disabled):not(.mfui-day_active):focus:after,.mfui-day:not(:disabled):not(.mfui-day_active):hover:after,.mfui-day_active-modern:after,.mfui-day_active:after{background-color:var(--spbSky0);border-radius:50%!important;color:var(--content);content:"";height:32px;left:0;position:absolute;top:0;width:32px;z-index:1}.mfui-day_active-modern:after{height:38px;width:38px}.mfui-day_active-modern:hover:after{background-color:var(--brandGreen)!important}.mfui-day:not(:disabled):not(.mfui-day_active):hover:after{background-color:var(--spbSky0);color:var(--content)}.mfui-day:not(:disabled):not(.mfui-day_active):focus:after,.mfui-day_active-modern:after,.mfui-day_active:after{background-color:var(--brandGreen)}.mfui-day_disabled{cursor:default;opacity:.3;pointer-events:none}.mfui-day:not(:disabled):not(.mfui-day_active):focus,.mfui-day_active,.mfui-day_active-modern:after{color:var(--stcWhite)}.mfui-day_active+.mfui-day_active:before,.mfui-day_between:hover+.mfui-day:not(.mfui-day_monday).mfui-day_active:before{background-color:var(--spbSky1);content:"";display:block;height:32px;left:-22px;position:absolute;top:0;width:32px;z-index:-1}.mfui-day_between{border-radius:0;position:relative}.mfui-day_between:before{left:-22px;padding:0 20px}.mfui-day_between:after,.mfui-day_between:before{background-color:var(--spbSky1);content:"";display:block;height:32px;position:absolute;top:0;z-index:-1}.mfui-day_between:after{right:-16px;width:40px}.mfui-day_last,.mfui-day_sunday{border-radius:50%}.mfui-day_last:after,.mfui-day_sunday:after{border-radius:50%;right:10px;width:32px}.mfui-day_last:after{right:0}.mfui-day_first,.mfui-day_monday{border-radius:50%}.mfui-day_first:before,.mfui-day_monday:before{border-radius:50%;left:0;padding:0;width:32px}.mfui-day_sunday.mfui-day_first{border-radius:50%}.mfui-day__label{position:relative;z-index:99}.mfui-day_modern{height:38px;width:38.29px}.mfui-day_modern:not(:disabled):not(.mfui-day_active-modern):focus:after,.mfui-day_modern:not(:disabled):not(.mfui-day_active-modern):hover:after,.mfui-day_modern_active-modern:after{background-color:var(--spbSky0);border-radius:50%!important;color:var(--content);content:"";height:38px;left:0;position:absolute;top:0;width:38px;z-index:1}.mfui-day_modern:not(:disabled):not(.mfui-day_active-modern):hover:after{background-color:var(--spbSky0);color:var(--content)}.mfui-day_modern:not(:disabled):not(.mfui-day_active-modern):focus:after,.mfui-day_modern_active-modern:after{background-color:var(--brandGreen)}.mfui-day:not(:disabled):focus,.mfui-day_active-modern{color:var(--stcWhite)}.mfui-day_active-modern+.mfui-day_active-modern:before,.mfui-day_between-modern:hover+.mfui-day:not(.mfui-day_monday-modern).mfui-day_active-modern:before{background-color:var(--spbSky1);content:"";display:block;height:38px;left:-22px;position:absolute;top:0;width:40px;z-index:-1}.mfui-day_between-modern{border-radius:0;position:relative}.mfui-day_between-modern:before{left:-28px;padding:0 29px}.mfui-day_between-modern:after,.mfui-day_between-modern:before{background-color:var(--spbSky1);content:"";display:block;height:38px;position:absolute;top:0;z-index:-1}.mfui-day_between-modern:after{right:-18px;width:45px}.mfui-day_last-modern,.mfui-day_sunday-modern{border-radius:50%}.mfui-day_last-modern:before,.mfui-day_sunday-modern:before{padding-left:20px}.mfui-day_last-modern:after,.mfui-day_sunday-modern:after{border-radius:50%;right:10px;width:38.29px}.mfui-day_last-modern:after{right:0}.mfui-day_first-modern,.mfui-day_monday-modern{border-radius:50%}.mfui-day_first-modern:before,.mfui-day_monday-modern:before{border-radius:50%;left:0;padding:0;width:38px}.mfui-day_sunday-modern.mfui-day_first-modern{border-radius:50%}.mfui-day__label_modern{font-size:15px;font-weight:400;line-height:24px;text-align:center}
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-day{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;-webkit-box-sizing:content-box;box-sizing:content-box;color:var(--content);cursor:pointer;height:32px;line-height:24px;outline:none;padding:0 10px 8px 0;position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:32px;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:12px;line-height:18px}.mfui-day:last-child{padding-right:0}.mfui-day:not(:disabled):not(.mfui-day_active):focus:after,.mfui-day:not(:disabled):not(.mfui-day_active):hover:after,.mfui-day_active-modern:after,.mfui-day_active:after{background-color:var(--spbSky0);border-radius:50%!important;color:var(--content);content:"";height:32px;left:0;position:absolute;top:0;width:32px;z-index:1}.mfui-day_active-modern:after{height:38px;width:38px}.mfui-day_active-modern:focus:after,.mfui-day_active-modern:hover:after{background-color:var(--brandGreen)!important;height:38px!important;width:38px!important}.mfui-day:not(:disabled):not(.mfui-day_active):hover:after{background-color:var(--spbSky0);color:var(--content)}.mfui-day:not(:disabled):not(.mfui-day_active):focus:after,.mfui-day_active-modern:after,.mfui-day_active:after{background-color:var(--brandGreen)}.mfui-day_disabled{cursor:default;opacity:.3;pointer-events:none}.mfui-day:not(:disabled):not(.mfui-day_active):focus,.mfui-day_active,.mfui-day_active-modern:after{color:var(--stcWhite)}.mfui-day_active+.mfui-day:not(.mfui-day_monday).mfui-day_active:before,.mfui-day_between:hover+.mfui-day:not(.mfui-day_monday).mfui-day_active:before{background-color:var(--spbSky1);content:"";display:block;height:32px;left:-22px;position:absolute;top:0;width:32px;z-index:-1}.mfui-day_between{border-radius:0;position:relative}.mfui-day_between:before{left:-22px;padding:0 20px}.mfui-day_between:after,.mfui-day_between:before{background-color:var(--spbSky1);content:"";display:block;height:32px;position:absolute;top:0;z-index:-1}.mfui-day_between:after{right:-16px;width:40px}.mfui-day_last,.mfui-day_sunday{border-radius:50%}.mfui-day_last:after,.mfui-day_sunday:after{border-radius:50%;right:10px;width:32px}.mfui-day_last:after{right:0}.mfui-day_first,.mfui-day_monday{border-radius:50%}.mfui-day_first:before,.mfui-day_monday:before{border-radius:50%;left:0;padding:0;width:32px}.mfui-day_sunday.mfui-day_first{border-radius:50%}.mfui-day__label{position:relative;z-index:99}.mfui-day_modern{height:38px;width:100%}.mfui-day_modern:not(:disabled):not(.mfui-day_active-modern):focus:after,.mfui-day_modern:not(:disabled):not(.mfui-day_active-modern):hover:after,.mfui-day_modern_active-modern:after{background-color:var(--spbSky0);border-radius:50%!important;color:var(--content);content:"";height:38px;left:0;position:absolute;top:0;width:38px;z-index:1}.mfui-day_modern:not(:disabled):not(.mfui-day_active-modern):hover:after{background-color:var(--spbSky0);color:var(--content)}.mfui-day_modern:not(:disabled):not(.mfui-day_active-modern):focus:after,.mfui-day_modern_active-modern:after{background-color:var(--brandGreen)}.mfui-day:not(:disabled):focus,.mfui-day_active-modern{color:var(--stcWhite)}.mfui-day_active-modern+.mfui-day:not(.mfui-day_monday-modern).mfui-day_active-modern:before,.mfui-day_between-modern:hover+.mfui-day:not(.mfui-day_monday-modern).mfui-day_active-modern:before{background-color:var(--spbSky1);content:"";display:block;height:38px;left:-22px;position:absolute;top:0;width:40px;z-index:-1}.mfui-day_between-modern{border-radius:0;position:relative}.mfui-day_between-modern:before{left:-20px;padding:0 29px}.mfui-day_between-modern:after,.mfui-day_between-modern:before{background-color:var(--spbSky1);content:"";display:block;height:38px;position:absolute;top:0;z-index:-1}.mfui-day_between-modern:after{right:-12px;width:45px}.mfui-day_last-modern,.mfui-day_sunday-modern{border-radius:50%}.mfui-day_last-modern:before,.mfui-day_sunday-modern:before{padding-left:8px}.mfui-day_last-modern:after,.mfui-day_sunday-modern:after{border-radius:50%;right:10px;width:38.29px}.mfui-day_last-modern:after{right:0}.mfui-day_first-modern,.mfui-day_monday-modern{border-radius:50%}.mfui-day_first-modern:before,.mfui-day_monday-modern:before{border-radius:50%;left:0;padding:0;width:38px}.mfui-day_sunday-modern.mfui-day_first-modern{border-radius:50%}.mfui-day__label_modern{font-size:15px;font-weight:400;line-height:24px;text-align:center}
@@ -1 +1 @@
1
- h1,h2,h3,h4,h5{margin:0}.mfui-month{position:relative;z-index:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:28px 0;width:284px}.mfui-month,.mfui-month__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-month__header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;text-transform:capitalize;width:282px}.mfui-month__header svg{cursor:pointer;height:24.5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:var(--content)}.mfui-month__title{font-size:15px;font-weight:500;line-height:24px;text-align:center;width:224px}.mfui-month__weekday-labels{border-bottom:1px solid var(--spbSky1);-webkit-column-gap:22px;-moz-column-gap:22px;column-gap:22px;display:grid;grid-template-columns:repeat(7,1fr);padding-bottom:13px;width:272px}.mfui-month__weekday{color:var(--content);font-size:12px;font-weight:600;height:16px;line-height:18px;line-height:24px;text-align:center;text-transform:capitalize;width:20px}.mfui-month__days{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;display:grid;grid-template-columns:repeat(7,1fr);margin-top:8px;row-gap:0;width:284px}.mfui-month svg.mfui-month__arrow_disabled{cursor:default;opacity:.5}.mfui-month_modern{padding:0 0 24px;width:344px}.mfui-month_modern .mfui-month__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;text-transform:capitalize;width:328px}.mfui-month_modern .mfui-month__title{font-size:15px;font-weight:500;line-height:24px;margin:0 auto;text-align:center;width:224px}.mfui-month_modern .mfui-month__weekday-labels{border-bottom:none;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;display:grid;grid-template-columns:repeat(7,1fr);padding-bottom:0;width:328px}.mfui-month_modern .mfui-month__weekday{color:var(--spbSky3);font-size:15px;font-weight:400;height:24px;line-height:24px;margin:0 auto;text-align:center;text-transform:capitalize;width:20px}.mfui-month_modern .mfui-month__days{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;display:grid;grid-template-columns:repeat(7,1fr);margin-top:10px;row-gap:0;width:328px}
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-month{position:relative;z-index:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:28px 0;width:284px}.mfui-month,.mfui-month__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-month__header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px;text-transform:capitalize;width:282px}.mfui-month__header svg{cursor:pointer;height:24.5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:var(--content)}.mfui-month__title{font-size:15px;font-weight:500;line-height:24px;text-align:center;width:224px}.mfui-month__weekday-labels{border-bottom:1px solid var(--spbSky1);-webkit-column-gap:22px;-moz-column-gap:22px;column-gap:22px;display:grid;grid-template-columns:repeat(7,1fr);padding-bottom:13px;width:272px}.mfui-month__weekday{color:var(--content);font-size:12px;font-weight:600;height:16px;line-height:18px;line-height:24px;text-align:center;text-transform:capitalize;width:20px}.mfui-month__days{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;display:grid;grid-template-columns:repeat(7,1fr);margin-top:8px;row-gap:0;width:284px}.mfui-month svg.mfui-month__arrow_disabled{cursor:default;opacity:.5}.mfui-month_modern{padding:0 16px 24px 0;width:100%}.mfui-month_modern .mfui-month__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;text-transform:capitalize;width:100%}.mfui-month_modern .mfui-month__title{font-size:15px;font-weight:500;line-height:24px;margin:0 auto;text-align:center;width:224px}.mfui-month_modern .mfui-month__weekday-labels{border-bottom:none;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;display:grid;grid-template-columns:repeat(7,1fr);padding-bottom:0;width:100%}.mfui-month_modern .mfui-month__weekday{color:var(--spbSky3);font-size:15px;font-weight:400;height:24px;line-height:24px;margin:0 auto;text-align:center;text-transform:capitalize;width:20px}.mfui-month_modern .mfui-month__days{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;display:grid;grid-template-columns:repeat(7,1fr);margin-top:10px;row-gap:0;width:100%}
@@ -1 +1 @@
1
- h1,h2,h3,h4,h5{margin:0}.mfui-tooltip{opacity:0;pointer-events:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity,visibility;transition-property:opacity,visibility;visibility:hidden;z-index:100}.mfui-tooltip_open{opacity:1;pointer-events:all;visibility:visible}.mfui-tooltip_paddings_small .mfui-tooltip__content{padding:16px}.mfui-tooltip_paddings_medium .mfui-tooltip__content{padding:24px}.mfui-tooltip__content{overflow:hidden;position:relative;z-index:1}.mfui-tooltip__content-shadow{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.mfui-tooltip__arrow-container{position:absolute}.mfui-tooltip__arrow,.mfui-tooltip__arrow-wrap{height:13px;width:33px}.mfui-tooltip__arrow{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-tooltip__arrow svg{position:absolute}.mfui-tooltip__arrow-inner{-webkit-filter:drop-shadow(0 2px 9px rgba(0,0,0,.15));filter:drop-shadow(0 2px 9px rgba(0,0,0,.15));fill:var(--base)}.mfui-tooltip__text{font-size:15px;line-height:24px}@media screen and (max-width:767px){.mfui-tooltip__text{font-size:12px;line-height:18px}}.mfui-tooltip__text_margin{margin-top:8px}.mfui-tooltip__button,.mfui-tooltip__close-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;padding:0}.mfui-tooltip__button{background-color:transparent;color:var(--brandGreen);font-family:inherit;font-size:15px;font-weight:500;line-height:18px;-webkit-transition:.3s;transition:.3s}@media screen and (max-width:767px){.mfui-tooltip__button{font-size:12px;line-height:14px}}.mfui-tooltip__button_margin{margin-top:8px}.mfui-tooltip__button:hover{color:var(--buttonHoverGreen)}.mfui-tooltip__button:hover .mfui-tooltip__button-arrow{fill:var(--buttonHoverGreen)}.mfui-tooltip__button:active{color:var(--buttonDown)}.mfui-tooltip__button:active .mfui-tooltip__button-arrow{fill:var(--buttonDown)}.mfui-tooltip__close-button{position:relative;right:-6px;top:-6px;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--spbSky0);border-radius:12px;float:right;height:24px;justify-content:center;-webkit-transition:.3s;transition:.3s;width:24px}.mfui-tooltip__close-button:hover{background-color:var(--spbSky1)}.mfui-tooltip__close-button:active{background-color:var(--spbSky2)}.mfui-tooltip__close-icon{display:block;height:20px;opacity:.5;width:20px;fill:var(--content)}.mfui-tooltip__button-arrow{height:20px;margin-bottom:-2px;min-width:20px;-webkit-transition:.3s;transition:.3s;width:20px;fill:var(--brandGreen)}.mfui-tooltip__addititonal-content_margin{margin-top:16px}@media screen and (max-width:767px){.mfui-tooltip__addititonal-content_margin{margin-top:12px}}.mfui-tooltip_small .mfui-tooltip__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-tooltip_small .mfui-tooltip__text{font-weight:500}.mfui-tooltip_small .mfui-tooltip__close-button{top:auto}.mfui-tooltip_theme_white .mfui-tooltip__content{border:1px solid var(--stcWhite10)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow:before,.mfui-tooltip_theme_blue .mfui-tooltip__button,.mfui-tooltip_theme_blue .mfui-tooltip__content,.mfui-tooltip_theme_blue .mfui-tooltip__title,.mfui-tooltip_theme_red .mfui-tooltip__arrow:before,.mfui-tooltip_theme_red .mfui-tooltip__button,.mfui-tooltip_theme_red .mfui-tooltip__content,.mfui-tooltip_theme_red .mfui-tooltip__title{color:var(--stcWhite)}.mfui-tooltip_theme_blue .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button-arrow{fill:var(--stcWhite)}.mfui-tooltip_theme_blue .mfui-tooltip__button:hover,.mfui-tooltip_theme_red .mfui-tooltip__button:hover{color:var(--buttonHoverGrey)}.mfui-tooltip_theme_blue .mfui-tooltip__button:hover .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button:hover .mfui-tooltip__button-arrow{fill:var(--buttonHoverGrey)}.mfui-tooltip_theme_blue .mfui-tooltip__button:active,.mfui-tooltip_theme_red .mfui-tooltip__button:active{color:var(--buttonDown)}.mfui-tooltip_theme_blue .mfui-tooltip__button:active .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button:active .mfui-tooltip__button-arrow{fill:var(--buttonDown)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button,.mfui-tooltip_theme_red .mfui-tooltip__close-button{background-color:var(--stcWhite10)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button:hover,.mfui-tooltip_theme_red .mfui-tooltip__close-button:hover{background-color:var(--stcWhite20)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button:active,.mfui-tooltip_theme_red .mfui-tooltip__close-button:active{background-color:var(--stcWhite50)}.mfui-tooltip_theme_blue .mfui-tooltip__close-icon,.mfui-tooltip_theme_red .mfui-tooltip__close-icon{opacity:1;fill:var(--stcWhite)}.mfui-tooltip_theme_red .mfui-tooltip__arrow:before,.mfui-tooltip_theme_red .mfui-tooltip__content,.mfui-tooltip_theme_red .mfui-tooltip__content-shadow{background-color:var(--fury80)}.mfui-tooltip_theme_red .mfui-tooltip__arrow-inner{fill:var(--fury80)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow:before,.mfui-tooltip_theme_blue .mfui-tooltip__content,.mfui-tooltip_theme_blue .mfui-tooltip__content-shadow{background-color:var(--reflexBlue80)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow-inner{fill:var(--reflexBlue80)}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__content-shadow{-webkit-transform:translateX(24px);transform:translateX(24px)}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow-wrap{left:3px}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__content-shadow{-webkit-transform:translateX(-24px);transform:translateX(-24px)}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow-wrap{right:3px}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__content-shadow{-webkit-transform:translateY(-24px);transform:translateY(-24px)}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow-wrap{bottom:13px}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__content-shadow{-webkit-transform:translateY(24px);transform:translateY(24px)}.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__arrow-wrap{top:13px}.mfui-tooltip[data-popper-escaped=true].mfui-tooltip_has-escape{pointer-events:none;visibility:hidden}
1
+ h1,h2,h3,h4,h5{margin:0}.mfui-tooltip{opacity:0;pointer-events:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity,visibility;transition-property:opacity,visibility;visibility:hidden;z-index:100}.mfui-tooltip_open{opacity:1;pointer-events:all;visibility:visible}.mfui-tooltip_paddings_small .mfui-tooltip__content{padding:16px}.mfui-tooltip_paddings_medium .mfui-tooltip__content{padding:24px}.mfui-tooltip__content{overflow:hidden;position:relative;z-index:1}.mfui-tooltip__content-shadow{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.mfui-tooltip__arrow-container{position:absolute}.mfui-tooltip__arrow,.mfui-tooltip__arrow-wrap{height:13px;width:33px}.mfui-tooltip__arrow{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-tooltip__arrow svg{position:absolute}.mfui-tooltip__arrow-inner{-webkit-filter:drop-shadow(0 2px 9px rgba(0,0,0,.15));filter:drop-shadow(0 2px 9px rgba(0,0,0,.15));fill:var(--base)}.mfui-tooltip__text{font-size:15px;line-height:24px}@media screen and (max-width:767px){.mfui-tooltip__text{font-size:12px;line-height:18px}}.mfui-tooltip__text_margin{margin-top:8px}.mfui-tooltip__button,.mfui-tooltip__close-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;padding:0}.mfui-tooltip__button{background-color:transparent;color:var(--brandGreen);font-family:inherit;font-size:15px;font-weight:500;line-height:18px;-webkit-transition:.3s;transition:.3s}@media screen and (max-width:767px){.mfui-tooltip__button{font-size:12px;line-height:14px}}.mfui-tooltip__button_margin{margin-top:8px}.mfui-tooltip__button:hover{color:var(--buttonHoverGreen)}.mfui-tooltip__button:hover .mfui-tooltip__button-arrow{fill:var(--buttonHoverGreen)}.mfui-tooltip__button:active{color:var(--buttonDown)}.mfui-tooltip__button:active .mfui-tooltip__button-arrow{fill:var(--buttonDown)}.mfui-tooltip__close-button{position:relative;right:-6px;top:-6px;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--spbSky0);border-radius:12px;float:right;height:24px;justify-content:center;-webkit-transition:.3s;transition:.3s;width:24px}.mfui-tooltip__close-button:hover{background-color:var(--spbSky1)}.mfui-tooltip__close-button:active{background-color:var(--spbSky2)}.mfui-tooltip__close-icon{display:block;height:20px;opacity:.5;width:20px;fill:var(--content)}.mfui-tooltip__button-arrow{height:20px;margin-bottom:-2px;min-width:20px;-webkit-transition:.3s;transition:.3s;width:20px;fill:var(--brandGreen)}.mfui-tooltip__addititonal-content_margin{margin-top:16px}@media screen and (max-width:767px){.mfui-tooltip__addititonal-content_margin{margin-top:12px}}.mfui-tooltip_small .mfui-tooltip__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-tooltip_small .mfui-tooltip__text{font-weight:500}.mfui-tooltip_small .mfui-tooltip__close-button{top:auto}.mfui-tooltip_theme_white .mfui-tooltip__content{border:1px solid var(--stcWhite10)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow:before,.mfui-tooltip_theme_blue .mfui-tooltip__button,.mfui-tooltip_theme_blue .mfui-tooltip__content,.mfui-tooltip_theme_blue .mfui-tooltip__title,.mfui-tooltip_theme_red .mfui-tooltip__arrow:before,.mfui-tooltip_theme_red .mfui-tooltip__button,.mfui-tooltip_theme_red .mfui-tooltip__content,.mfui-tooltip_theme_red .mfui-tooltip__title{color:var(--stcWhite)}.mfui-tooltip_theme_blue .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button-arrow{fill:var(--stcWhite)}.mfui-tooltip_theme_blue .mfui-tooltip__button:hover,.mfui-tooltip_theme_red .mfui-tooltip__button:hover{color:var(--buttonHoverGrey)}.mfui-tooltip_theme_blue .mfui-tooltip__button:hover .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button:hover .mfui-tooltip__button-arrow{fill:var(--buttonHoverGrey)}.mfui-tooltip_theme_blue .mfui-tooltip__button:active,.mfui-tooltip_theme_red .mfui-tooltip__button:active{color:var(--buttonDown)}.mfui-tooltip_theme_blue .mfui-tooltip__button:active .mfui-tooltip__button-arrow,.mfui-tooltip_theme_red .mfui-tooltip__button:active .mfui-tooltip__button-arrow{fill:var(--buttonDown)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button,.mfui-tooltip_theme_red .mfui-tooltip__close-button{background-color:var(--stcWhite10)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button:hover,.mfui-tooltip_theme_red .mfui-tooltip__close-button:hover{background-color:var(--stcWhite20)}.mfui-tooltip_theme_blue .mfui-tooltip__close-button:active,.mfui-tooltip_theme_red .mfui-tooltip__close-button:active{background-color:var(--stcWhite50)}.mfui-tooltip_theme_blue .mfui-tooltip__close-icon,.mfui-tooltip_theme_red .mfui-tooltip__close-icon{opacity:1;fill:var(--stcWhite)}.mfui-tooltip_theme_red .mfui-tooltip__arrow:before,.mfui-tooltip_theme_red .mfui-tooltip__content,.mfui-tooltip_theme_red .mfui-tooltip__content-shadow{background-color:var(--fury80)}.mfui-tooltip_theme_red .mfui-tooltip__arrow-inner{fill:var(--fury80)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow:before,.mfui-tooltip_theme_blue .mfui-tooltip__content,.mfui-tooltip_theme_blue .mfui-tooltip__content-shadow{background-color:var(--reflexBlue80)}.mfui-tooltip_theme_blue .mfui-tooltip__arrow-inner{fill:var(--reflexBlue80)}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__content-shadow{-webkit-transform:translateX(24px);transform:translateX(24px)}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow-wrap{left:3px}.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=right] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.mfui-tooltip_offset_small[data-popper-placement=right-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=right-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=right-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=right-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=right] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=right] .mfui-tooltip__content-shadow{-webkit-transform:translateX(15px);transform:translateX(15px)}.mfui-tooltip_offset_small[data-popper-placement=right-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=right-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=right] .mfui-tooltip__arrow-wrap{left:-6px}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__content-shadow{-webkit-transform:translateX(-24px);transform:translateX(-24px)}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow-wrap{right:3px}.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=left] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.mfui-tooltip_offset_small[data-popper-placement=left-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=left-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=left-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=left-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=left] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=left] .mfui-tooltip__content-shadow{-webkit-transform:translateX(-15px);transform:translateX(-15px)}.mfui-tooltip_offset_small[data-popper-placement=left-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=left-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=left] .mfui-tooltip__arrow-wrap{right:-6px}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__content-shadow{-webkit-transform:translateY(-24px);transform:translateY(-24px)}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow-wrap{bottom:13px}.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top-end] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top-start] .mfui-tooltip__arrow-shadow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow,.mfui-tooltip[data-popper-placement=top] .mfui-tooltip__arrow-shadow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mfui-tooltip_offset_small[data-popper-placement=top-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=top-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=top-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=top-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=top] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=top] .mfui-tooltip__content-shadow{-webkit-transform:translateY(-15px);transform:translateY(-15px)}.mfui-tooltip_offset_small[data-popper-placement=top-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=top-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=top] .mfui-tooltip__arrow-wrap{bottom:4px}.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__content-shadow,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__content,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__content-shadow{-webkit-transform:translateY(24px);transform:translateY(24px)}.mfui-tooltip[data-popper-placement=bottom-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=bottom-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip[data-popper-placement=bottom] .mfui-tooltip__arrow-wrap{top:13px}.mfui-tooltip_offset_small[data-popper-placement=bottom-end] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=bottom-end] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=bottom-start] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=bottom-start] .mfui-tooltip__content-shadow,.mfui-tooltip_offset_small[data-popper-placement=bottom] .mfui-tooltip__content,.mfui-tooltip_offset_small[data-popper-placement=bottom] .mfui-tooltip__content-shadow{-webkit-transform:translateY(15px);transform:translateY(15px)}.mfui-tooltip_offset_small[data-popper-placement=bottom-end] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=bottom-start] .mfui-tooltip__arrow-wrap,.mfui-tooltip_offset_small[data-popper-placement=bottom] .mfui-tooltip__arrow-wrap{top:4px}.mfui-tooltip[data-popper-escaped=true].mfui-tooltip_has-escape{pointer-events:none;visibility:hidden}