1 |
|
2 | .next-sr-only {
|
3 | position: absolute;
|
4 | width: 1px;
|
5 | height: 1px;
|
6 | padding: 0;
|
7 | overflow: hidden;
|
8 | clip: rect(0, 0, 0, 0);
|
9 | white-space: nowrap;
|
10 | border: 0;
|
11 | top: 0;
|
12 | margin: -1px; }
|
13 |
|
14 | .next-balloon {
|
15 | box-sizing: border-box;
|
16 | position: absolute;
|
17 | top: 0;
|
18 | max-width: 300px;
|
19 | max-width: var(--balloon-size-max-width, 300px);
|
20 | border-style: solid;
|
21 | border-style: var(--balloon-border-style, solid);
|
22 | border-radius: 3px;
|
23 | border-radius: var(--balloon-corner, 3px);
|
24 | font-size: 12px;
|
25 | font-size: var(--balloon-content-font-size, 12px);
|
26 | font-weight: normal;
|
27 | font-weight: var(--balloon-content-font-weight, normal);
|
28 |
|
29 | word-wrap: break-all;
|
30 | word-wrap: break-word;
|
31 |
|
32 | z-index: 0;
|
33 |
|
34 | }
|
35 | .next-balloon *,
|
36 | .next-balloon *:before,
|
37 | .next-balloon *:after {
|
38 | box-sizing: border-box; }
|
39 | .next-balloon:focus,
|
40 | .next-balloon *:focus {
|
41 | outline: 0; }
|
42 | .next-balloon-title {
|
43 | margin-bottom: 8px;
|
44 | margin-bottom: var(--balloon-size-header-margin-bottom, 8px);
|
45 | font-size: 16px;
|
46 | font-size: var(--balloon-title-font-size, 16px);
|
47 | font-weight: bold;
|
48 | font-weight: var(--balloon-title-font-weight, bold); }
|
49 | .next-balloon-title.next-balloon-closable {
|
50 | padding: 0 40px 0 0;
|
51 | padding: 0 var(--balloon-size-padding-closable-right, 40px) 0 0; }
|
52 | .next-balloon-title.next-balloon-closable .next-balloon-close {
|
53 | top: -1px;
|
54 | transform: translateY(18px);
|
55 | transform: translateY(calc(var(--balloon-size-padding-top, 16px) + var(--balloon-title-font-size, 16px)/2 - var(--balloon-size-close, 12px)/2));
|
56 | right: 16px;
|
57 | right: var(--balloon-size-padding-right, 16px); }
|
58 | .next-balloon-primary {
|
59 | color: #333333;
|
60 | color: var(--balloon-primary-color, #333333);
|
61 | border-color: #4494F9;
|
62 | border-color: var(--balloon-primary-color-border, #4494F9);
|
63 | background-color: #E3F2FD;
|
64 | background-color: var(--balloon-primary-color-bg, #E3F2FD);
|
65 | box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
|
66 | box-shadow: var(--balloon-primary-shadow, 0px 1px 3px 0px rgba(0, 0, 0, 0.12));
|
67 | border-width: 1px;
|
68 | border-width: var(--balloon-primary-border-width, 1px); }
|
69 | .next-balloon-primary .next-balloon-close {
|
70 | position: absolute;
|
71 | top: -1px;
|
72 | transform: translateY(16px);
|
73 | transform: translateY(calc(var(--balloon-size-padding-top, 16px) + var(--balloon-content-font-size, 12px)/2 - var(--balloon-size-close, 12px)/2));
|
74 | right: 12px;
|
75 | right: var(--balloon-size-close-margin-right, 12px);
|
76 | font-size: 12px;
|
77 | font-size: var(--balloon-size-close, 12px);
|
78 | cursor: pointer;
|
79 | color: #999999;
|
80 | color: var(--balloon-primary-color-close, #999999); }
|
81 | .next-balloon-primary .next-balloon-close .next-icon {
|
82 | width: 12px;
|
83 | width: var(--balloon-size-close, 12px);
|
84 | height: 12px;
|
85 | height: var(--balloon-size-close, 12px);
|
86 | line-height: 1em; }
|
87 | .next-balloon-primary .next-balloon-close .next-icon:before {
|
88 | width: 12px;
|
89 | width: var(--balloon-size-close, 12px);
|
90 | height: 12px;
|
91 | height: var(--balloon-size-close, 12px);
|
92 | font-size: 12px;
|
93 | font-size: var(--balloon-size-close, 12px);
|
94 | line-height: 1em; }
|
95 | .next-balloon-primary .next-balloon-close :hover {
|
96 | color: #333333;
|
97 | color: var(--balloon-primary-color-close-hover, #333333); }
|
98 | .next-balloon-primary:after {
|
99 | position: absolute;
|
100 | width: 12px;
|
101 | width: var(--balloon-size-arrow-size, 12px);
|
102 | height: 12px;
|
103 | height: var(--balloon-size-arrow-size, 12px);
|
104 | content: '';
|
105 | transform: rotate(45deg);
|
106 | box-sizing: content-box !important;
|
107 | border: 1px solid #4494F9;
|
108 | border: var(--balloon-primary-border-width, 1px) var(--balloon-border-style, solid) var(--balloon-primary-color-border, #4494F9);
|
109 | background-color: #E3F2FD;
|
110 | background-color: var(--balloon-primary-color-bg, #E3F2FD);
|
111 | z-index: -1; }
|
112 | .next-balloon-primary.next-balloon-top:after {
|
113 | top: -7px;
|
114 | top: var(--balloon-size-arrow-expose-primary, -7px);
|
115 | left: calc(50% - 7px);
|
116 | left: calc(50% + var(--balloon-size-arrow-expose-primary, calc(0px - 12px / 2 - 1px)));
|
117 | border-right: none;
|
118 | border-bottom: none; }
|
119 | .next-balloon-primary.next-balloon-right:after {
|
120 | top: calc(50% - 7px);
|
121 | top: calc(50% + var(--balloon-size-arrow-expose-primary, calc(0px - 12px / 2 - 1px)));
|
122 | right: -7px;
|
123 | right: var(--balloon-size-arrow-expose-primary, -7px);
|
124 | border-left: none;
|
125 | border-bottom: none; }
|
126 | .next-balloon-primary.next-balloon-bottom:after {
|
127 | bottom: -7px;
|
128 | bottom: var(--balloon-size-arrow-expose-primary, -7px);
|
129 | left: calc(50% - 7px);
|
130 | left: calc(50% + var(--balloon-size-arrow-expose-primary, calc(0px - 12px / 2 - 1px)));
|
131 | border-top: none;
|
132 | border-left: none; }
|
133 | .next-balloon-primary.next-balloon-left:after {
|
134 | top: calc(50% - 7px);
|
135 | top: calc(50% + var(--balloon-size-arrow-expose-primary, calc(0px - 12px / 2 - 1px)));
|
136 | left: -7px;
|
137 | left: var(--balloon-size-arrow-expose-primary, -7px);
|
138 | border-top: none;
|
139 | border-right: none; }
|
140 | .next-balloon-primary.next-balloon-left-top:after {
|
141 | top: 12px;
|
142 | top: var(--balloon-size-arrow-margin, 12px);
|
143 | left: -7px;
|
144 | left: var(--balloon-size-arrow-expose-primary, -7px);
|
145 | border-top: none;
|
146 | border-right: none; }
|
147 | .next-balloon-primary.next-balloon-left-bottom:after {
|
148 | bottom: 12px;
|
149 | bottom: var(--balloon-size-arrow-margin, 12px);
|
150 | left: -7px;
|
151 | left: var(--balloon-size-arrow-expose-primary, -7px);
|
152 | border-top: none;
|
153 | border-right: none; }
|
154 | .next-balloon-primary.next-balloon-right-top:after {
|
155 | top: 12px;
|
156 | top: var(--balloon-size-arrow-margin, 12px);
|
157 | right: -7px;
|
158 | right: var(--balloon-size-arrow-expose-primary, -7px);
|
159 | border-bottom: none;
|
160 | border-left: none; }
|
161 | .next-balloon-primary.next-balloon-right-bottom:after {
|
162 | right: -7px;
|
163 | right: var(--balloon-size-arrow-expose-primary, -7px);
|
164 | bottom: 12px;
|
165 | bottom: var(--balloon-size-arrow-margin, 12px);
|
166 | border-bottom: none;
|
167 | border-left: none; }
|
168 | .next-balloon-primary.next-balloon-top-left:after {
|
169 | top: -7px;
|
170 | top: var(--balloon-size-arrow-expose-primary, -7px);
|
171 | left: 12px;
|
172 | left: var(--balloon-size-arrow-margin, 12px);
|
173 | border-right: none;
|
174 | border-bottom: none; }
|
175 | .next-balloon-primary.next-balloon-top-right:after {
|
176 | top: -7px;
|
177 | top: var(--balloon-size-arrow-expose-primary, -7px);
|
178 | right: 12px;
|
179 | right: var(--balloon-size-arrow-margin, 12px);
|
180 | border-right: none;
|
181 | border-bottom: none; }
|
182 | .next-balloon-primary.next-balloon-bottom-left:after {
|
183 | bottom: -7px;
|
184 | bottom: var(--balloon-size-arrow-expose-primary, -7px);
|
185 | left: 12px;
|
186 | left: var(--balloon-size-arrow-margin, 12px);
|
187 | border-top: none;
|
188 | border-left: none; }
|
189 | .next-balloon-primary.next-balloon-bottom-right:after {
|
190 | right: 12px;
|
191 | right: var(--balloon-size-arrow-margin, 12px);
|
192 | bottom: -7px;
|
193 | bottom: var(--balloon-size-arrow-expose-primary, -7px);
|
194 | border-top: none;
|
195 | border-left: none; }
|
196 | .next-balloon-normal {
|
197 | color: #333333;
|
198 | color: var(--balloon-normal-color, #333333);
|
199 | border-color: #DCDEE3;
|
200 | border-color: var(--balloon-normal-color-border, #DCDEE3);
|
201 | background-color: #FFFFFF;
|
202 | background-color: var(--balloon-normal-color-bg, #FFFFFF);
|
203 | box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
204 | box-shadow: var(--balloon-normal-shadow, 0px 2px 4px 0px rgba(0, 0, 0, 0.12));
|
205 | border-width: 1px;
|
206 | border-width: var(--balloon-normal-border-width, 1px); }
|
207 | .next-balloon-normal .next-balloon-close {
|
208 | position: absolute;
|
209 | top: -1px;
|
210 | transform: translateY(16px);
|
211 | transform: translateY(calc(var(--balloon-size-padding-top, 16px) + var(--balloon-content-font-size, 12px)/2 - var(--balloon-size-close, 12px)/2));
|
212 | right: 12px;
|
213 | right: var(--balloon-size-close-margin-right, 12px);
|
214 | font-size: 12px;
|
215 | font-size: var(--balloon-size-close, 12px);
|
216 | cursor: pointer;
|
217 | color: #999999;
|
218 | color: var(--balloon-normal-color-close, #999999); }
|
219 | .next-balloon-normal .next-balloon-close .next-icon {
|
220 | width: 12px;
|
221 | width: var(--balloon-size-close, 12px);
|
222 | height: 12px;
|
223 | height: var(--balloon-size-close, 12px);
|
224 | line-height: 1em; }
|
225 | .next-balloon-normal .next-balloon-close .next-icon:before {
|
226 | width: 12px;
|
227 | width: var(--balloon-size-close, 12px);
|
228 | height: 12px;
|
229 | height: var(--balloon-size-close, 12px);
|
230 | font-size: 12px;
|
231 | font-size: var(--balloon-size-close, 12px);
|
232 | line-height: 1em; }
|
233 | .next-balloon-normal .next-balloon-close :hover {
|
234 | color: #666666;
|
235 | color: var(--balloon-normal-color-close-hover, #666666); }
|
236 | .next-balloon-normal:after {
|
237 | position: absolute;
|
238 | width: 12px;
|
239 | width: var(--balloon-size-arrow-size, 12px);
|
240 | height: 12px;
|
241 | height: var(--balloon-size-arrow-size, 12px);
|
242 | content: '';
|
243 | transform: rotate(45deg);
|
244 | box-sizing: content-box !important;
|
245 | border: 1px solid #DCDEE3;
|
246 | border: var(--balloon-normal-border-width, 1px) var(--balloon-border-style, solid) var(--balloon-normal-color-border, #DCDEE3);
|
247 | background-color: #FFFFFF;
|
248 | background-color: var(--balloon-normal-color-bg, #FFFFFF);
|
249 | z-index: -1; }
|
250 | .next-balloon-normal.next-balloon-top:after {
|
251 | top: -7px;
|
252 | top: var(--balloon-size-arrow-expose, -7px);
|
253 | left: calc(50% - 7px);
|
254 | left: calc(50% + var(--balloon-size-arrow-expose, calc(0px - 12px / 2 - 1px)));
|
255 | border-right: none;
|
256 | border-bottom: none; }
|
257 | .next-balloon-normal.next-balloon-right:after {
|
258 | top: calc(50% - 7px);
|
259 | top: calc(50% + var(--balloon-size-arrow-expose, calc(0px - 12px / 2 - 1px)));
|
260 | right: -7px;
|
261 | right: var(--balloon-size-arrow-expose, -7px);
|
262 | border-left: none;
|
263 | border-bottom: none; }
|
264 | .next-balloon-normal.next-balloon-bottom:after {
|
265 | bottom: -7px;
|
266 | bottom: var(--balloon-size-arrow-expose, -7px);
|
267 | left: calc(50% - 7px);
|
268 | left: calc(50% + var(--balloon-size-arrow-expose, calc(0px - 12px / 2 - 1px)));
|
269 | border-top: none;
|
270 | border-left: none; }
|
271 | .next-balloon-normal.next-balloon-left:after {
|
272 | top: calc(50% - 7px);
|
273 | top: calc(50% + var(--balloon-size-arrow-expose, calc(0px - 12px / 2 - 1px)));
|
274 | left: -7px;
|
275 | left: var(--balloon-size-arrow-expose, -7px);
|
276 | border-top: none;
|
277 | border-right: none; }
|
278 | .next-balloon-normal.next-balloon-left-top:after {
|
279 | top: 12px;
|
280 | top: var(--balloon-size-arrow-margin, 12px);
|
281 | left: -7px;
|
282 | left: var(--balloon-size-arrow-expose, -7px);
|
283 | border-top: none;
|
284 | border-right: none; }
|
285 | .next-balloon-normal.next-balloon-left-bottom:after {
|
286 | bottom: 12px;
|
287 | bottom: var(--balloon-size-arrow-margin, 12px);
|
288 | left: -7px;
|
289 | left: var(--balloon-size-arrow-expose, -7px);
|
290 | border-top: none;
|
291 | border-right: none; }
|
292 | .next-balloon-normal.next-balloon-right-top:after {
|
293 | top: 12px;
|
294 | top: var(--balloon-size-arrow-margin, 12px);
|
295 | right: -7px;
|
296 | right: var(--balloon-size-arrow-expose, -7px);
|
297 | border-bottom: none;
|
298 | border-left: none; }
|
299 | .next-balloon-normal.next-balloon-right-bottom:after {
|
300 | right: -7px;
|
301 | right: var(--balloon-size-arrow-expose, -7px);
|
302 | bottom: 12px;
|
303 | bottom: var(--balloon-size-arrow-margin, 12px);
|
304 | border-bottom: none;
|
305 | border-left: none; }
|
306 | .next-balloon-normal.next-balloon-top-left:after {
|
307 | top: -7px;
|
308 | top: var(--balloon-size-arrow-expose, -7px);
|
309 | left: 12px;
|
310 | left: var(--balloon-size-arrow-margin, 12px);
|
311 | border-right: none;
|
312 | border-bottom: none; }
|
313 | .next-balloon-normal.next-balloon-top-right:after {
|
314 | top: -7px;
|
315 | top: var(--balloon-size-arrow-expose, -7px);
|
316 | right: 12px;
|
317 | right: var(--balloon-size-arrow-margin, 12px);
|
318 | border-right: none;
|
319 | border-bottom: none; }
|
320 | .next-balloon-normal.next-balloon-bottom-left:after {
|
321 | bottom: -7px;
|
322 | bottom: var(--balloon-size-arrow-expose, -7px);
|
323 | left: 12px;
|
324 | left: var(--balloon-size-arrow-margin, 12px);
|
325 | border-top: none;
|
326 | border-left: none; }
|
327 | .next-balloon-normal.next-balloon-bottom-right:after {
|
328 | right: 12px;
|
329 | right: var(--balloon-size-arrow-margin, 12px);
|
330 | bottom: -7px;
|
331 | bottom: var(--balloon-size-arrow-expose, -7px);
|
332 | border-top: none;
|
333 | border-left: none; }
|
334 | .next-balloon.visible {
|
335 | display: block; }
|
336 | .next-balloon.hidden {
|
337 | display: none; }
|
338 | .next-balloon-medium {
|
339 | padding: 16px 16px 16px 16px;
|
340 | padding: var(--balloon-size-padding-top, 16px) var(--balloon-size-padding-right, 16px) var(--balloon-size-padding-top, 16px) var(--balloon-size-padding-right, 16px); }
|
341 | .next-balloon-closable {
|
342 | padding: 16px 40px 16px 16px;
|
343 | padding: var(--balloon-size-padding-top, 16px) var(--balloon-size-padding-closable-right, 40px) var(--balloon-size-padding-top, 16px) var(--balloon-size-padding-right, 16px); }
|
344 |
|
345 | .next-balloon-tooltip {
|
346 | box-sizing: border-box;
|
347 | position: absolute;
|
348 | top: 0;
|
349 | max-width: 300px;
|
350 | max-width: var(--balloon-size-max-width, 300px);
|
351 | border-style: solid;
|
352 | border-style: var(--balloon-tooltip-border-style, solid);
|
353 | border-radius: 3px;
|
354 | border-radius: var(--balloon-corner, 3px);
|
355 | font-size: 12px;
|
356 | font-size: var(--balloon-tooltip-content-font-size, 12px);
|
357 | font-weight: normal;
|
358 | font-weight: var(--balloon-tooltip-content-font-weight, normal);
|
359 | z-index: 0;
|
360 |
|
361 | word-wrap: break-all;
|
362 | word-wrap: break-word;
|
363 |
|
364 | color: #333333;
|
365 | color: var(--balloon-tooltip-color, #333333);
|
366 | border-color: #DCDEE3;
|
367 | border-color: var(--balloon-tooltip-color-border, #DCDEE3);
|
368 | background-color: #F2F3F7;
|
369 | background-color: var(--balloon-tooltip-color-bg, #F2F3F7);
|
370 | box-shadow: none;
|
371 | box-shadow: var(--balloon-tooltip-shadow, none);
|
372 | border-width: 1px;
|
373 | border-width: var(--balloon-tooltip-border-width, 1px);
|
374 | }
|
375 | .next-balloon-tooltip *,
|
376 | .next-balloon-tooltip *:before,
|
377 | .next-balloon-tooltip *:after {
|
378 | box-sizing: border-box; }
|
379 | .next-balloon-tooltip .next-balloon-arrow {
|
380 | position: absolute;
|
381 | display: block;
|
382 | width: 24px;
|
383 | width: calc(var(--balloon-size-arrow-size, 12px)*2);
|
384 | height: 24px;
|
385 | height: calc(var(--balloon-size-arrow-size, 12px)*2);
|
386 | overflow: hidden;
|
387 | background: 0 0;
|
388 | pointer-events: none; }
|
389 | .next-balloon-tooltip .next-balloon-arrow .next-balloon-arrow-content {
|
390 | content: "";
|
391 | position: absolute;
|
392 | top: 0;
|
393 | right: 0;
|
394 | bottom: 0;
|
395 | left: 0;
|
396 | display: block;
|
397 | width: 12px;
|
398 | width: var(--balloon-size-arrow-size, 12px);
|
399 | height: 12px;
|
400 | height: var(--balloon-size-arrow-size, 12px);
|
401 | margin: auto;
|
402 | background-color: #F2F3F7;
|
403 | background-color: var(--balloon-tooltip-color-bg, #F2F3F7);
|
404 | border: 1px solid #DCDEE3;
|
405 | border: var(--balloon-tooltip-border-width, 1px) var(--balloon-tooltip-border-style, solid) var(--balloon-tooltip-color-border, #DCDEE3);
|
406 | pointer-events: auto; }
|
407 | .next-balloon-tooltip-top .next-balloon-arrow {
|
408 | top: -24px;
|
409 | top: calc(0px - var(--balloon-size-arrow-size, 12px)*2);
|
410 | left: calc(50% - 12px);
|
411 | left: calc(50% - var(--balloon-size-arrow-size, 12px)); }
|
412 | .next-balloon-tooltip-top .next-balloon-arrow .next-balloon-arrow-content {
|
413 | transform: translateY(12px) rotate(45deg);
|
414 | transform: translateY(var(--balloon-size-arrow-size, 12px)) rotate(45deg); }
|
415 | .next-balloon-tooltip-right .next-balloon-arrow {
|
416 | top: calc(50% - 12px);
|
417 | top: calc(50% - var(--balloon-size-arrow-size, 12px));
|
418 | right: -24px;
|
419 | right: calc(0px - var(--balloon-size-arrow-size, 12px)*2); }
|
420 | .next-balloon-tooltip-right .next-balloon-arrow .next-balloon-arrow-content {
|
421 | transform: translateX(-12px) rotate(45deg);
|
422 | transform: translateX(calc(0px - var(--balloon-size-arrow-size, 12px))) rotate(45deg); }
|
423 | .next-balloon-tooltip-bottom .next-balloon-arrow {
|
424 | left: calc(50% - 12px);
|
425 | left: calc(50% - var(--balloon-size-arrow-size, 12px));
|
426 | bottom: -24px;
|
427 | bottom: calc(0px - var(--balloon-size-arrow-size, 12px)*2); }
|
428 | .next-balloon-tooltip-bottom .next-balloon-arrow .next-balloon-arrow-content {
|
429 | transform: translateY(-12px) rotate(45deg);
|
430 | transform: translateY(calc(0px - var(--balloon-size-arrow-size, 12px))) rotate(45deg); }
|
431 | .next-balloon-tooltip-left .next-balloon-arrow {
|
432 | top: calc(50% - 12px);
|
433 | top: calc(50% - var(--balloon-size-arrow-size, 12px));
|
434 | left: -24px;
|
435 | left: calc(0px - var(--balloon-size-arrow-size, 12px)*2); }
|
436 | .next-balloon-tooltip-left .next-balloon-arrow .next-balloon-arrow-content {
|
437 | transform: translateX(12px) rotate(45deg);
|
438 | transform: translateX(var(--balloon-size-arrow-size, 12px)) rotate(45deg); }
|
439 | .next-balloon-tooltip-left-top .next-balloon-arrow {
|
440 | top: 6px;
|
441 | top: calc(var(--balloon-size-arrow-margin, 12px) - var(--balloon-size-arrow-size, 12px)/2);
|
442 | left: -24px;
|
443 | left: calc(0px - var(--balloon-size-arrow-size, 12px)*2); }
|
444 | .next-balloon-tooltip-left-top .next-balloon-arrow .next-balloon-arrow-content {
|
445 | transform: translateX(12px) rotate(45deg);
|
446 | transform: translateX(var(--balloon-size-arrow-size, 12px)) rotate(45deg); }
|
447 | .next-balloon-tooltip-left-bottom .next-balloon-arrow {
|
448 | bottom: 6px;
|
449 | bottom: calc(var(--balloon-size-arrow-margin, 12px) - var(--balloon-size-arrow-size, 12px)/2);
|
450 | left: -24px;
|
451 | left: calc(0px - var(--balloon-size-arrow-size, 12px)*2); }
|
452 | .next-balloon-tooltip-left-bottom .next-balloon-arrow .next-balloon-arrow-content {
|
453 | transform: translateX(12px) rotate(45deg);
|
454 | transform: translateX(var(--balloon-size-arrow-size, 12px)) rotate(45deg); }
|
455 | .next-balloon-tooltip-right-top .next-balloon-arrow {
|
456 | top: 6px;
|
457 | top: calc(var(--balloon-size-arrow-margin, 12px) - var(--balloon-size-arrow-size, 12px)/2);
|
458 | right: -24px;
|
459 | right: calc(0px - var(--balloon-size-arrow-size, 12px)*2); }
|
460 | .next-balloon-tooltip-right-top .next-balloon-arrow .next-balloon-arrow-content {
|
461 | transform: translateX(-12px) rotate(45deg);
|
462 | transform: translateX(calc(0px - var(--balloon-size-arrow-size, 12px))) rotate(45deg); }
|
463 | .next-balloon-tooltip-right-bottom .next-balloon-arrow {
|
464 | bottom: 6px;
|
465 | bottom: calc(var(--balloon-size-arrow-margin, 12px) - var(--balloon-size-arrow-size, 12px)/2);
|
466 | right: -24px;
|
467 | right: calc(0px - var(--balloon-size-arrow-size, 12px)*2); }
|
468 | .next-balloon-tooltip-right-bottom .next-balloon-arrow .next-balloon-arrow-content {
|
469 | transform: translateX(-12px) rotate(45deg);
|
470 | transform: translateX(calc(0px - var(--balloon-size-arrow-size, 12px))) rotate(45deg); }
|
471 | .next-balloon-tooltip-top-left .next-balloon-arrow {
|
472 | left: 6px;
|
473 | left: calc(var(--balloon-size-arrow-margin, 12px) - var(--balloon-size-arrow-size, 12px)/2);
|
474 | top: -24px;
|
475 | top: calc(0px - var(--balloon-size-arrow-size, 12px)*2); }
|
476 | .next-balloon-tooltip-top-left .next-balloon-arrow .next-balloon-arrow-content {
|
477 | transform: translateY(12px) rotate(45deg);
|
478 | transform: translateY(var(--balloon-size-arrow-size, 12px)) rotate(45deg); }
|
479 | .next-balloon-tooltip-top-right .next-balloon-arrow {
|
480 | right: 6px;
|
481 | right: calc(var(--balloon-size-arrow-margin, 12px) - var(--balloon-size-arrow-size, 12px)/2);
|
482 | top: -24px;
|
483 | top: calc(0px - var(--balloon-size-arrow-size, 12px)*2); }
|
484 | .next-balloon-tooltip-top-right .next-balloon-arrow .next-balloon-arrow-content {
|
485 | transform: translateY(12px) rotate(45deg);
|
486 | transform: translateY(var(--balloon-size-arrow-size, 12px)) rotate(45deg); }
|
487 | .next-balloon-tooltip-bottom-left .next-balloon-arrow {
|
488 | left: 6px;
|
489 | left: calc(var(--balloon-size-arrow-margin, 12px) - var(--balloon-size-arrow-size, 12px)/2);
|
490 | bottom: -24px;
|
491 | bottom: calc(0px - var(--balloon-size-arrow-size, 12px)*2); }
|
492 | .next-balloon-tooltip-bottom-left .next-balloon-arrow .next-balloon-arrow-content {
|
493 | transform: translateY(-12px) rotate(45deg);
|
494 | transform: translateY(calc(0px - var(--balloon-size-arrow-size, 12px))) rotate(45deg); }
|
495 | .next-balloon-tooltip-bottom-right .next-balloon-arrow {
|
496 | right: 6px;
|
497 | right: calc(var(--balloon-size-arrow-margin, 12px) - var(--balloon-size-arrow-size, 12px)/2);
|
498 | bottom: -24px;
|
499 | bottom: calc(0px - var(--balloon-size-arrow-size, 12px)*2); }
|
500 | .next-balloon-tooltip-bottom-right .next-balloon-arrow .next-balloon-arrow-content {
|
501 | transform: translateY(-12px) rotate(45deg);
|
502 | transform: translateY(calc(0px - var(--balloon-size-arrow-size, 12px))) rotate(45deg); }
|
503 | .next-balloon-tooltip.visible {
|
504 | display: block; }
|
505 | .next-balloon-tooltip.hidden {
|
506 | display: none; }
|
507 | .next-balloon-tooltip-medium {
|
508 | padding: 8px 8px 8px 8px;
|
509 | padding: var(--balloon-tooltip-size-padding-top, 8px) var(--balloon-tooltip-size-padding-right, 8px) var(--balloon-tooltip-size-padding-bottom, 8px) var(--balloon-tooltip-size-padding-left, 8px); }
|
510 |
|
511 | .next-balloon[dir="rtl"] {
|
512 | }
|
513 | .next-balloon[dir="rtl"].next-balloon-primary .next-balloon-close {
|
514 | left: 12px;
|
515 | left: var(--balloon-size-close-margin-right, 12px);
|
516 | right: auto; }
|
517 | .next-balloon[dir="rtl"].next-balloon-primary.next-balloon-right:after {
|
518 | left: -7px;
|
519 | left: var(--balloon-size-arrow-expose-primary, -7px);
|
520 | right: auto;
|
521 | border-right: none;
|
522 | border-top: none;
|
523 | border-left: inherit;
|
524 | border-bottom: inherit; }
|
525 | .next-balloon[dir="rtl"].next-balloon-primary.next-balloon-left:after {
|
526 | right: -7px;
|
527 | right: var(--balloon-size-arrow-expose-primary, -7px);
|
528 | left: auto;
|
529 | border-left: none;
|
530 | border-bottom: none;
|
531 | border-right: inherit;
|
532 | border-top: inherit; }
|
533 | .next-balloon[dir="rtl"].next-balloon-primary.next-balloon-left-top:after {
|
534 | right: -7px;
|
535 | right: var(--balloon-size-arrow-expose-primary, -7px);
|
536 | left: auto;
|
537 | border-left: none;
|
538 | border-bottom: none;
|
539 | border-top: inherit;
|
540 | border-right: inherit; }
|
541 | .next-balloon[dir="rtl"].next-balloon-primary.next-balloon-left-bottom:after {
|
542 | right: -7px;
|
543 | right: var(--balloon-size-arrow-expose-primary, -7px);
|
544 | left: auto;
|
545 | border-left: none;
|
546 | border-bottom: none;
|
547 | border-top: inherit;
|
548 | border-right: inherit; }
|
549 | .next-balloon[dir="rtl"].next-balloon-primary.next-balloon-right-top:after {
|
550 | left: -7px;
|
551 | left: var(--balloon-size-arrow-expose-primary, -7px);
|
552 | right: auto;
|
553 | border-right: none;
|
554 | border-top: none;
|
555 | border-bottom: inherit;
|
556 | border-left: inherit; }
|
557 | .next-balloon[dir="rtl"].next-balloon-primary.next-balloon-right-bottom:after {
|
558 | left: -7px;
|
559 | left: var(--balloon-size-arrow-expose-primary, -7px);
|
560 | right: auto;
|
561 | border-right: none;
|
562 | border-top: none;
|
563 | border-bottom: inherit;
|
564 | border-left: inherit; }
|
565 | .next-balloon[dir="rtl"].next-balloon-primary.next-balloon-top-left:after {
|
566 | right: 12px;
|
567 | right: var(--balloon-size-arrow-margin, 12px);
|
568 | left: auto; }
|
569 | .next-balloon[dir="rtl"].next-balloon-primary.next-balloon-top-right:after {
|
570 | right: auto;
|
571 | left: 12px;
|
572 | left: var(--balloon-size-arrow-margin, 12px); }
|
573 | .next-balloon[dir="rtl"].next-balloon-primary.next-balloon-bottom-left:after {
|
574 | right: 12px;
|
575 | right: var(--balloon-size-arrow-margin, 12px);
|
576 | left: auto; }
|
577 | .next-balloon[dir="rtl"].next-balloon-primary.next-balloon-bottom-right:after {
|
578 | left: 12px;
|
579 | left: var(--balloon-size-arrow-margin, 12px);
|
580 | right: auto; }
|
581 | .next-balloon[dir="rtl"].next-balloon-normal .next-balloon-close {
|
582 | left: 12px;
|
583 | left: var(--balloon-size-close-margin-right, 12px);
|
584 | right: auto; }
|
585 | .next-balloon[dir="rtl"].next-balloon-normal.next-balloon-right:after {
|
586 | left: -7px;
|
587 | left: var(--balloon-size-arrow-expose, -7px);
|
588 | right: auto;
|
589 | border-right: none;
|
590 | border-top: none;
|
591 | border-left: inherit;
|
592 | border-bottom: inherit; }
|
593 | .next-balloon[dir="rtl"].next-balloon-normal.next-balloon-left:after {
|
594 | right: -7px;
|
595 | right: var(--balloon-size-arrow-expose, -7px);
|
596 | left: auto;
|
597 | border-left: none;
|
598 | border-bottom: none;
|
599 | border-right: inherit;
|
600 | border-top: inherit; }
|
601 | .next-balloon[dir="rtl"].next-balloon-normal.next-balloon-left-top:after {
|
602 | right: -7px;
|
603 | right: var(--balloon-size-arrow-expose, -7px);
|
604 | left: auto;
|
605 | border-left: none;
|
606 | border-bottom: none;
|
607 | border-top: inherit;
|
608 | border-right: inherit; }
|
609 | .next-balloon[dir="rtl"].next-balloon-normal.next-balloon-left-bottom:after {
|
610 | right: -7px;
|
611 | right: var(--balloon-size-arrow-expose, -7px);
|
612 | left: auto;
|
613 | border-left: none;
|
614 | border-bottom: none;
|
615 | border-top: inherit;
|
616 | border-right: inherit; }
|
617 | .next-balloon[dir="rtl"].next-balloon-normal.next-balloon-right-top:after {
|
618 | left: -7px;
|
619 | left: var(--balloon-size-arrow-expose, -7px);
|
620 | right: auto;
|
621 | border-right: none;
|
622 | border-top: none;
|
623 | border-bottom: inherit;
|
624 | border-left: inherit; }
|
625 | .next-balloon[dir="rtl"].next-balloon-normal.next-balloon-right-bottom:after {
|
626 | left: -7px;
|
627 | left: var(--balloon-size-arrow-expose, -7px);
|
628 | right: auto;
|
629 | border-right: none;
|
630 | border-top: none;
|
631 | border-bottom: inherit;
|
632 | border-left: inherit; }
|
633 | .next-balloon[dir="rtl"].next-balloon-normal.next-balloon-top-left:after {
|
634 | right: 12px;
|
635 | right: var(--balloon-size-arrow-margin, 12px);
|
636 | left: auto; }
|
637 | .next-balloon[dir="rtl"].next-balloon-normal.next-balloon-top-right:after {
|
638 | right: auto;
|
639 | left: 12px;
|
640 | left: var(--balloon-size-arrow-margin, 12px); }
|
641 | .next-balloon[dir="rtl"].next-balloon-normal.next-balloon-bottom-left:after {
|
642 | right: 12px;
|
643 | right: var(--balloon-size-arrow-margin, 12px);
|
644 | left: auto; }
|
645 | .next-balloon[dir="rtl"].next-balloon-normal.next-balloon-bottom-right:after {
|
646 | left: 12px;
|
647 | left: var(--balloon-size-arrow-margin, 12px);
|
648 | right: auto; }
|
649 | .next-balloon[dir="rtl"].next-balloon-closable {
|
650 | padding: 16px 16px 16px 40px;
|
651 | padding: var(--balloon-size-padding-top, 16px) var(--balloon-size-padding-right, 16px) var(--balloon-size-padding-top, 16px) var(--balloon-size-padding-closable-right, 40px); }
|
652 |
|
653 | .next-balloon-tooltip[dir="rtl"] {
|
654 | }
|
655 | .next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-right .next-balloon-arrow {
|
656 | left: -24px;
|
657 | left: calc(0px - var(--balloon-size-arrow-size, 12px)*2);
|
658 | right: auto; }
|
659 | .next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-right .next-balloon-arrow .next-balloon-arrow-content {
|
660 | transform: translateX(12px) rotate(45deg);
|
661 | transform: translateX(var(--balloon-size-arrow-size, 12px)) rotate(45deg); }
|
662 | .next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-left .next-balloon-arrow {
|
663 | right: -24px;
|
664 | right: calc(0px - var(--balloon-size-arrow-size, 12px)*2);
|
665 | left: auto; }
|
666 | .next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-left .next-balloon-arrow .next-balloon-arrow-content {
|
667 | transform: translateX(-12px) rotate(45deg); }
|
668 | .next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-left-top .next-balloon-arrow {
|
669 | right: -24px;
|
670 | right: calc(0px - var(--balloon-size-arrow-size, 12px)*2);
|
671 | left: auto; }
|
672 | .next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-left-top .next-balloon-arrow .next-balloon-arrow-content {
|
673 | transform: translateX(-12px) rotate(45deg); }
|
674 | .next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-left-bottom .next-balloon-arrow {
|
675 | right: -24px;
|
676 | right: calc(0px - var(--balloon-size-arrow-size, 12px)*2);
|
677 | left: auto; }
|
678 | .next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-left-bottom .next-balloon-arrow .next-balloon-arrow-content {
|
679 | transform: translateX(-12px) rotate(45deg); }
|
680 | .next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-right-top .next-balloon-arrow {
|
681 | left: -24px;
|
682 | left: calc(0px - var(--balloon-size-arrow-size, 12px)*2);
|
683 | right: auto; }
|
684 | .next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-right-top .next-balloon-arrow .next-balloon-arrow-content {
|
685 | transform: translateX(12px) rotate(45deg);
|
686 | transform: translateX(var(--balloon-size-arrow-size, 12px)) rotate(45deg); }
|
687 | .next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-right-bottom .next-balloon-arrow {
|
688 | left: -24px;
|
689 | left: calc(0px - var(--balloon-size-arrow-size, 12px)*2);
|
690 | right: auto; }
|
691 | .next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-right-bottom .next-balloon-arrow .next-balloon-arrow-content {
|
692 | transform: translateX(12px) rotate(45deg);
|
693 | transform: translateX(var(--balloon-size-arrow-size, 12px)) rotate(45deg); }
|
694 | .next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-top-left .next-balloon-arrow {
|
695 | right: 10px;
|
696 | right: calc(var(--balloon-size-arrow-margin, 12px) - 2px);
|
697 | left: auto; }
|
698 | .next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-top-right .next-balloon-arrow {
|
699 | left: 10px;
|
700 | left: calc(var(--balloon-size-arrow-margin, 12px) - 2px);
|
701 | right: auto; }
|
702 | .next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-bottom-left .next-balloon-arrow {
|
703 | right: 10px;
|
704 | right: calc(var(--balloon-size-arrow-margin, 12px) - 2px);
|
705 | left: auto; }
|
706 | .next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-bottom-right .next-balloon-arrow {
|
707 | left: 10px;
|
708 | left: calc(var(--balloon-size-arrow-margin, 12px) - 2px);
|
709 | right: auto; }
|
710 | .next-balloon-tooltip[dir="rtl"].next-balloon-tooltip-medium {
|
711 | padding: 8px 8px 8px 8px;
|
712 | padding: var(--balloon-tooltip-size-padding-top, 8px) var(--balloon-tooltip-size-padding-left, 8px) var(--balloon-tooltip-size-padding-bottom, 8px) var(--balloon-tooltip-size-padding-right, 8px); }
|