1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 | .next-form-item.next-large .next-rating,
|
8 | .next-form-item.next-large .next-checkbox-wrapper,
|
9 | .next-form-item.next-large .next-checkbox-group,
|
10 | .next-form-item.next-large .next-radio-wrapper,
|
11 | .next-form-item.next-large .next-radio-group {
|
12 | line-height: 39px;
|
13 | line-height: calc(var(--form-element-large-height, 40px) - 1px); }
|
14 | .next-form-item.next-large .next-form-preview {
|
15 | font-size: 16px;
|
16 | font-size: var(--form-element-large-preview-font-size, 16px);
|
17 | line-height: 40px;
|
18 | line-height: var(--form-element-large-preview-height, 40px); }
|
19 | .next-form-item.next-large .next-form-preview.next-input-textarea > p {
|
20 | font-size: 16px;
|
21 | font-size: var(--form-element-large-preview-font-size, 16px);
|
22 | text-align: justify;
|
23 | min-height: 22.4px;
|
24 | min-height: calc(var(--form-element-large-preview-font-size, 16px)*1.4);
|
25 | line-height: 1.4;
|
26 | margin-top: 8.8px;
|
27 | margin-top: calc(var(--form-element-large-preview-height, 40px)/2 - var(--form-element-large-preview-font-size, 16px)*1.4/2); }
|
28 | .next-form-item.next-large .next-switch {
|
29 | margin-top: 7px;
|
30 | margin-top: calc(var(--form-element-large-height, 40px)/2 - 13px); }
|
31 | .next-form-item.next-large .next-form-item-label {
|
32 | font-size: 16px;
|
33 | font-size: var(--form-element-large-font-size, 16px); }
|
34 | .next-form-item.next-small {
|
35 | margin-bottom: 12px;
|
36 | margin-bottom: var(--form-item-s-margin-b, 12px); }
|
37 | .next-form-item.next-small .next-form-item-label, .next-form-item.next-small .next-form-text-align, .next-form-item.next-small p {
|
38 | line-height: 20px;
|
39 | line-height: var(--form-element-small-height, 20px); }
|
40 | .next-form-item.next-small .next-rating,
|
41 | .next-form-item.next-small .next-checkbox-wrapper,
|
42 | .next-form-item.next-small .next-checkbox-group,
|
43 | .next-form-item.next-small .next-radio-wrapper,
|
44 | .next-form-item.next-small .next-radio-group {
|
45 | line-height: 20px;
|
46 | line-height: var(--form-element-small-height, 20px); }
|
47 | .next-form-item.next-small .next-form-preview {
|
48 | font-size: 12px;
|
49 | font-size: var(--form-element-small-preview-font-size, 12px);
|
50 | line-height: 20px;
|
51 | line-height: var(--form-element-small-preview-height, 20px); }
|
52 | .next-form-item.next-small .next-form-preview.next-input-textarea > p {
|
53 | font-size: 12px;
|
54 | font-size: var(--form-element-small-preview-font-size, 12px);
|
55 | text-align: justify;
|
56 | min-height: 16.8px;
|
57 | min-height: calc(var(--form-element-small-preview-font-size, 12px)*1.4);
|
58 | line-height: 1.4;
|
59 | margin-top: 1.6px;
|
60 | margin-top: calc(var(--form-element-small-preview-height, 20px)/2 - var(--form-element-small-preview-font-size, 12px)*1.4/2); }
|
61 | .next-form-item.next-small .next-form-item-label {
|
62 | font-size: 12px;
|
63 | font-size: var(--form-element-small-font-size, 12px); }
|
64 | .next-form-item.next-top > .next-form-item-label {
|
65 | margin-bottom: 2px;
|
66 | margin-bottom: var(--form-top-label-margin-b, 2px); }
|
67 | .next-form-item.next-inset .next-form-item-label {
|
68 | padding-right: 0;
|
69 | padding-left: 0;
|
70 | line-height: inherit; }
|
71 | .next-form-item-control .next-form-text-align {
|
72 | margin: 0; }
|
73 | .next-form-item-control > .next-input-group, .next-form-item-control > .next-input {
|
74 | width: 100%; }
|
75 | .next-form-item-fullwidth .next-form-item-control > .next-input-group,
|
76 | .next-form-item-fullwidth .next-form-item-control > .next-input,
|
77 | .next-form-item-fullwidth .next-form-item-control > .next-select,
|
78 | .next-form-item-fullwidth .next-form-item-control > .next-date-picker,
|
79 | .next-form-item-fullwidth .next-form-item-control > .next-month-picker,
|
80 | .next-form-item-fullwidth .next-form-item-control > .next-year-picker,
|
81 | .next-form-item-fullwidth .next-form-item-control > .next-range-picker,
|
82 | .next-form-item-fullwidth .next-form-item-control > .next-time-picker {
|
83 | width: 100%; }
|
84 | .next-form-item-fullwidth .next-form-item-control > .next-date-picker2 .next-date-picker2-input input {
|
85 | width: inherit; }
|
86 | .next-form-item-label {
|
87 | display: inline-block;
|
88 | vertical-align: top;
|
89 | color: #666666;
|
90 | color: var(--form-label-color, #666666);
|
91 | text-align: right;
|
92 | padding-right: 12px;
|
93 | padding-right: var(--form-label-padding-r, 12px); }
|
94 | .next-form-item-label label[required]:before {
|
95 | margin-right: 4px;
|
96 | content: "*";
|
97 | color: #FF3000;
|
98 | color: var(--form-error-color, #FF3000); }
|
99 | .next-form-item-label.has-colon label::after {
|
100 | content: ":";
|
101 | position: relative;
|
102 | top: -.5px;
|
103 | margin: 0 0 0 2px; }
|
104 | .next-form-item-label.next-left {
|
105 | text-align: left; }
|
106 | .next-form-item-label.next-left > label[required]::before {
|
107 | display: none; }
|
108 | .next-form-item-label.next-left > label[required]::after {
|
109 | margin-left: 4px;
|
110 | content: "*";
|
111 | color: #FF3000;
|
112 | color: var(--form-error-color, #FF3000); }
|
113 | .next-form-item-help {
|
114 | margin-top: 4px;
|
115 | margin-top: var(--form-help-margin-top, 4px);
|
116 | font-size: 12px;
|
117 | font-size: var(--form-help-font-size, 12px);
|
118 | line-height: 1.5;
|
119 | line-height: var(--font-lineheight-2, 1.5);
|
120 | color: #999999;
|
121 | color: var(--form-help-color, #999999); }
|
122 | .next-form.next-inline .next-form-item {
|
123 | display: inline-block;
|
124 | vertical-align: top;
|
125 | }
|
126 | .next-form.next-inline .next-form-item.next-left .next-form-item-control {
|
127 | display: inline-block;
|
128 | vertical-align: top;
|
129 | line-height: 0; }
|
130 | .next-form.next-inline .next-form-item:not(:last-child) {
|
131 | margin-right: 20px;
|
132 | margin-right: var(--form-inline-m-item-margin-r, 20px); }
|
133 | .next-form.next-inline .next-form-item.next-large:not(:last-child) {
|
134 | margin-right: 24px;
|
135 | margin-right: var(--form-inline-l-item-margin-r, 24px); }
|
136 | .next-form.next-inline .next-form-item.next-small:not(:last-child) {
|
137 | margin-right: 16px;
|
138 | margin-right: var(--form-inline-s-item-margin-r, 16px); }
|
139 |
|
140 | @media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
|
141 | .next-form-item.next-left > .next-form-item-label {
|
142 | display: table-cell; }
|
143 | .next-form.next-inline .next-form-item.next-left .next-form-item-control {
|
144 | display: table-cell; } }
|
145 |
|
146 | .next-form[dir="rtl"] .next-form-item-label {
|
147 | text-align: left;
|
148 | padding-left: 12px;
|
149 | padding-left: var(--form-label-padding-r, 12px);
|
150 | padding-right: 0; }
|
151 |
|
152 | .next-form[dir="rtl"].next-inline .next-form-item:not(:last-child) {
|
153 | margin-left: 20px;
|
154 | margin-left: var(--form-inline-m-item-margin-r, 20px);
|
155 | margin-right: 0; }
|
156 |
|
157 | .next-form[dir="rtl"].next-inline .next-form-item.next-large:not(:last-child) {
|
158 | margin-left: 24px;
|
159 | margin-left: var(--form-inline-l-item-margin-r, 24px);
|
160 | margin-right: 0; }
|
161 |
|
162 | .next-form[dir="rtl"].next-inline .next-form-item.next-small:not(:last-child) {
|
163 | margin-left: 16px;
|
164 | margin-left: var(--form-inline-s-item-margin-r, 16px);
|
165 | margin-right: 0; }
|
166 | .next-sr-only {
|
167 | position: absolute;
|
168 | width: 1px;
|
169 | height: 1px;
|
170 | padding: 0;
|
171 | overflow: hidden;
|
172 | clip: rect(0, 0, 0, 0);
|
173 | white-space: nowrap;
|
174 | border: 0;
|
175 | top: 0;
|
176 | margin: -1px; }
|
177 |
|
178 |
|
179 | .next-avatar {
|
180 | position: relative;
|
181 | display: inline-block;
|
182 | overflow: hidden;
|
183 | color: #FFFFFF;
|
184 | color: var(--avatar-color, #FFFFFF);
|
185 | white-space: nowrap;
|
186 | text-align: center;
|
187 | vertical-align: middle;
|
188 | background: #E2E4E8;
|
189 | background: var(--avatar-default-bg, #E2E4E8);
|
190 | width: 40px;
|
191 | width: var(--avatar-size-medium, 40px);
|
192 | height: 40px;
|
193 | height: var(--avatar-size-medium, 40px);
|
194 | line-height: 40px;
|
195 | line-height: var(--avatar-size-medium, 40px);
|
196 | border-radius: 50%; }
|
197 | .next-avatar-image {
|
198 | background: transparent; }
|
199 | .next-avatar-string {
|
200 | position: absolute;
|
201 | left: 50%;
|
202 | transform-origin: 0 center; }
|
203 | .next-avatar-large {
|
204 | width: 52px;
|
205 | width: var(--avatar-size-large, 52px);
|
206 | height: 52px;
|
207 | height: var(--avatar-size-large, 52px);
|
208 | line-height: 52px;
|
209 | line-height: var(--avatar-size-large, 52px);
|
210 | border-radius: 50%; }
|
211 | .next-avatar-large-string {
|
212 | position: absolute;
|
213 | left: 50%;
|
214 | transform-origin: 0 center; }
|
215 | .next-avatar-small {
|
216 | width: 28px;
|
217 | width: var(--avatar-size-small, 28px);
|
218 | height: 28px;
|
219 | height: var(--avatar-size-small, 28px);
|
220 | line-height: 28px;
|
221 | line-height: var(--avatar-size-small, 28px);
|
222 | border-radius: 50%; }
|
223 | .next-avatar-small-string {
|
224 | position: absolute;
|
225 | left: 50%;
|
226 | transform-origin: 0 center; }
|
227 | .next-avatar-square {
|
228 | border-radius: 3px;
|
229 | border-radius: var(--avatar-border-radius, 3px); }
|
230 | .next-avatar > img {
|
231 | display: block;
|
232 | width: 100%;
|
233 | height: 100%;
|
234 | object-fit: cover; }
|
235 |
|
236 | .next-sr-only {
|
237 | position: absolute;
|
238 | width: 1px;
|
239 | height: 1px;
|
240 | padding: 0;
|
241 | overflow: hidden;
|
242 | clip: rect(0, 0, 0, 0);
|
243 | white-space: nowrap;
|
244 | border: 0;
|
245 | top: 0;
|
246 | margin: -1px; }
|
247 |
|
248 | .next-select {
|
249 | box-sizing: border-box;
|
250 | display: inline-block;
|
251 | position: relative;
|
252 | font-size: 0;
|
253 | vertical-align: middle;
|
254 |
|
255 |
|
256 |
|
257 | |
258 |
|
259 |
|
260 |
|
261 |
|
262 |
|
263 |
|
264 |
|
265 |
|
266 |
|
267 |
|
268 |
|
269 |
|
270 | }
|
271 | .next-select *,
|
272 | .next-select *:before,
|
273 | .next-select *:after {
|
274 | box-sizing: border-box; }
|
275 | .next-select-trigger {
|
276 | min-width: 100px;
|
277 | outline: 0;
|
278 | transition: all 100ms linear;
|
279 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
280 | .next-select-trigger .next-input-label {
|
281 | flex: 0 0 auto;
|
282 | width: auto; }
|
283 | .next-select-trigger .next-select-values {
|
284 | display: block;
|
285 | width: 100%;
|
286 | flex: 1 1 0;
|
287 | overflow: hidden; }
|
288 | .next-select-trigger .next-select-values > em {
|
289 | font-style: inherit; }
|
290 | .next-select-trigger .next-select-values input {
|
291 | padding-left: 0;
|
292 | padding-right: 0; }
|
293 | .next-select-trigger .next-input-control {
|
294 | flex: 0 0 auto;
|
295 | width: auto; }
|
296 | .next-select-trigger .next-input-control > * {
|
297 | display: inline-block;
|
298 | width: auto; }
|
299 | .next-select-trigger .next-input-control > .next-select-arrow {
|
300 | padding-right: 0; }
|
301 | .next-select-trigger .next-input.next-disabled em {
|
302 | color: #CCCCCC;
|
303 | color: var(--input-disabled-color, #CCCCCC); }
|
304 | .next-select-trigger .next-input.next-disabled .next-select-arrow {
|
305 | cursor: not-allowed; }
|
306 | .next-select-trigger .next-select-clear {
|
307 | display: none; }
|
308 | .next-select-trigger.next-has-clear:hover .next-select-clear {
|
309 | display: inline-block; }
|
310 | .next-select-trigger.next-has-clear:hover .next-select-arrow {
|
311 | display: none; }
|
312 | .next-select .next-select-inner {
|
313 | display: inline-flex;
|
314 | align-items: center;
|
315 | width: 100%;
|
316 | min-width: 100px;
|
317 | outline: 0;
|
318 | color: #333333;
|
319 | color: var(--select-color, #333333); }
|
320 | .next-select .next-select-inner .next-tag {
|
321 | line-height: 1;
|
322 | margin-right: 4px;
|
323 | margin-right: var(--select-tag-spacing-lr, 4px);
|
324 | margin-bottom: 3px;
|
325 | margin-bottom: var(--select-tag-spacing-tb, 3px);
|
326 | padding-left: 0px;
|
327 | padding-left: var(--select-tag-padding-lr, 0px);
|
328 | padding-right: 0px;
|
329 | padding-right: var(--select-tag-padding-lr, 0px); }
|
330 | .next-select .next-select-inner .next-input-inner {
|
331 | width: auto; }
|
332 | .next-select-trigger-search {
|
333 | position: relative;
|
334 | display: inline-block;
|
335 | vertical-align: top;
|
336 | overflow: hidden;
|
337 | width: 100%;
|
338 | max-width: 100%; }
|
339 | .next-select-trigger-search > input, .next-select-trigger-search > span {
|
340 | display: block;
|
341 | font-size: inherit;
|
342 | font-family: inherit;
|
343 | letter-spacing: inherit;
|
344 | white-space: nowrap;
|
345 | overflow: hidden; }
|
346 | .next-select-trigger-search input {
|
347 | position: absolute;
|
348 | background-color: transparent;
|
349 | width: 100%;
|
350 | height: 100% !important;
|
351 | z-index: 1;
|
352 | left: 0;
|
353 | border: 0;
|
354 | outline: 0;
|
355 | margin: 0;
|
356 | padding: 0;
|
357 | cursor: inherit; }
|
358 | .next-select-trigger-search > span {
|
359 | position: relative;
|
360 | visibility: hidden;
|
361 | white-space: pre;
|
362 | max-width: 100%;
|
363 |
|
364 | z-index: -1; }
|
365 | .next-select-single {
|
366 |
|
367 | }
|
368 | .next-select-single.next-no-search {
|
369 | cursor: pointer; }
|
370 | .next-select-single.next-has-search.next-active .next-select-values > em {
|
371 | display: none; }
|
372 | .next-select-single.next-no-search .next-select-values > em + .next-select-trigger-search, .next-select-single.next-inactive .next-select-values > em + .next-select-trigger-search {
|
373 | width: 1px;
|
374 | opacity: 0;
|
375 |
|
376 | filter: alpha(opacity=0);
|
377 |
|
378 | }
|
379 | .next-select-single .next-select-values {
|
380 | display: inline-flex;
|
381 | align-items: center; }
|
382 | .next-select-single .next-select-values > em {
|
383 | vertical-align: middle;
|
384 | overflow: hidden;
|
385 | text-overflow: ellipsis;
|
386 | white-space: nowrap; }
|
387 | .next-select-multiple .next-select-compact {
|
388 | position: relative;
|
389 | white-space: nowrap; }
|
390 | .next-select-multiple .next-select-compact .next-select-trigger-search {
|
391 | width: auto; }
|
392 | .next-select-multiple .next-select-compact .next-select-tag-compact {
|
393 | position: absolute;
|
394 | top: 0;
|
395 | right: 0;
|
396 | z-index: 1;
|
397 | padding: 0 4px 0 16px;
|
398 | color: #333333;
|
399 | color: var(--input-text-color, #333333);
|
400 | background: linear-gradient(90deg, transparent, #FFFFFF 10px);
|
401 | background: linear-gradient(90deg, transparent, var(--input-bg-color, #FFFFFF) 10px); }
|
402 | .next-select-multiple .next-disabled .next-select-tag-compact {
|
403 | background: linear-gradient(90deg, transparent, #F7F8FA 10px);
|
404 | background: linear-gradient(90deg, transparent, var(--input-disabled-bg-color, #F7F8FA) 10px); }
|
405 | .next-select-multiple, .next-select-tag {
|
406 | }
|
407 | .next-select-multiple .next-select-values, .next-select-tag .next-select-values {
|
408 |
|
409 | margin-bottom: -3px;
|
410 | margin-bottom: calc(0px - var(--select-tag-spacing-tb, 3px));
|
411 | height: auto !important; }
|
412 | .next-select-multiple .next-select-trigger-search, .next-select-tag .next-select-trigger-search {
|
413 | margin-bottom: 3px;
|
414 | margin-bottom: var(--select-tag-spacing-tb, 3px); }
|
415 | .next-select-multiple .next-tag + .next-select-trigger-search, .next-select-tag .next-tag + .next-select-trigger-search {
|
416 | width: auto;
|
417 | min-width: 1px;
|
418 | }
|
419 | .next-select-multiple .next-input, .next-select-tag .next-input {
|
420 | height: auto;
|
421 | align-items: start; }
|
422 | .next-select-multiple.next-small .next-select-values, .next-select-tag.next-small .next-select-values {
|
423 | min-height: 18px;
|
424 | min-height: calc(var(--form-element-small-height, 20px) - 2px);
|
425 | padding-top: 2px;
|
426 | padding-top: calc(var(--form-element-small-height, 20px)/2 - var(--select-s-lineheight, 14px)/2 - 1px);
|
427 | padding-bottom: 2px;
|
428 | padding-bottom: calc(var(--form-element-small-height, 20px)/2 - var(--select-s-lineheight, 14px)/2 - 1px);
|
429 | line-height: 14px;
|
430 | line-height: var(--select-s-lineheight, 14px); }
|
431 | .next-select-multiple.next-small .next-select-values-compact, .next-select-tag.next-small .next-select-values-compact {
|
432 | height: 20px !important;
|
433 | height: var(--form-element-small-height, 20px) !important; }
|
434 | .next-select-multiple.next-small .next-tag, .next-select-tag.next-small .next-tag {
|
435 | border: 0;
|
436 | padding-top: 0px;
|
437 | padding-top: calc(var(--select-s-lineheight, 14px)/2 - var(--s-4, 16px)/2 + 1px);
|
438 | padding-bottom: 0px;
|
439 | padding-bottom: calc(var(--select-s-lineheight, 14px)/2 - var(--s-4, 16px)/2 + 1px);
|
440 | height: 14px;
|
441 | height: var(--select-s-lineheight, 14px); }
|
442 | .next-select-multiple.next-small .next-tag .next-tag-body, .next-select-multiple.next-small .next-tag .next-tag-close-btn, .next-select-tag.next-small .next-tag .next-tag-body, .next-select-tag.next-small .next-tag .next-tag-close-btn {
|
443 | line-height: 14px;
|
444 | line-height: calc(var(--select-s-lineheight, 14px) - var(--select-s-lineheight, 14px)/2*2 + var(--s-4, 16px)/2*2 - 2px); }
|
445 | .next-select-multiple.next-small .next-tag-body, .next-select-tag.next-small .next-tag-body {
|
446 | line-height: 14px;
|
447 | line-height: var(--select-s-lineheight, 14px); }
|
448 | .next-select-multiple.next-small .next-input-label, .next-select-multiple.next-small .next-input-inner, .next-select-multiple.next-small .next-input-control, .next-select-multiple.next-small .next-select-tag-compact, .next-select-tag.next-small .next-input-label, .next-select-tag.next-small .next-input-inner, .next-select-tag.next-small .next-input-control, .next-select-tag.next-small .next-select-tag-compact {
|
449 | line-height: 18px;
|
450 | line-height: calc(var(--form-element-small-height, 20px) - 2px); }
|
451 | .next-select-multiple.next-medium .next-select-values, .next-select-tag.next-medium .next-select-values {
|
452 | min-height: 26px;
|
453 | min-height: calc(var(--form-element-medium-height, 28px) - 2px);
|
454 | padding-top: 3px;
|
455 | padding-top: calc(var(--form-element-medium-height, 28px)/2 - var(--select-m-lineheight, 20px)/2 - 1px);
|
456 | padding-bottom: 3px;
|
457 | padding-bottom: calc(var(--form-element-medium-height, 28px)/2 - var(--select-m-lineheight, 20px)/2 - 1px);
|
458 | line-height: 20px;
|
459 | line-height: var(--select-m-lineheight, 20px); }
|
460 | .next-select-multiple.next-medium .next-select-values-compact, .next-select-tag.next-medium .next-select-values-compact {
|
461 | height: 28px !important;
|
462 | height: var(--form-element-medium-height, 28px) !important; }
|
463 | .next-select-multiple.next-medium .next-tag, .next-select-tag.next-medium .next-tag {
|
464 | padding-top: 1px;
|
465 | padding-top: calc(var(--select-m-lineheight, 20px)/2 - var(--s-4, 16px)/2 - 1px);
|
466 | padding-bottom: 1px;
|
467 | padding-bottom: calc(var(--select-m-lineheight, 20px)/2 - var(--s-4, 16px)/2 - 1px);
|
468 | height: 20px;
|
469 | height: var(--select-m-lineheight, 20px); }
|
470 | .next-select-multiple.next-medium .next-tag .next-tag-body, .next-select-multiple.next-medium .next-tag .next-tag-close-btn, .next-select-tag.next-medium .next-tag .next-tag-body, .next-select-tag.next-medium .next-tag .next-tag-close-btn {
|
471 | line-height: 18px;
|
472 | line-height: calc(var(--select-m-lineheight, 20px) - var(--select-m-lineheight, 20px)/2*2 + var(--s-4, 16px)/2*2 + 2px); }
|
473 | .next-select-multiple.next-medium .next-input-label, .next-select-multiple.next-medium .next-input-inner, .next-select-multiple.next-medium .next-input-control, .next-select-multiple.next-medium .next-select-tag-compact, .next-select-tag.next-medium .next-input-label, .next-select-tag.next-medium .next-input-inner, .next-select-tag.next-medium .next-input-control, .next-select-tag.next-medium .next-select-tag-compact {
|
474 | line-height: 26px;
|
475 | line-height: calc(var(--form-element-medium-height, 28px) - 2px); }
|
476 | .next-select-multiple.next-large .next-select-values, .next-select-tag.next-large .next-select-values {
|
477 | min-height: 38px;
|
478 | min-height: calc(var(--form-element-large-height, 40px) - 2px);
|
479 | padding-top: 7px;
|
480 | padding-top: calc(var(--form-element-large-height, 40px)/2 - var(--select-l-lineheight, 24px)/2 - 1px);
|
481 | padding-bottom: 7px;
|
482 | padding-bottom: calc(var(--form-element-large-height, 40px)/2 - var(--select-l-lineheight, 24px)/2 - 1px);
|
483 | line-height: 24px;
|
484 | line-height: var(--select-l-lineheight, 24px); }
|
485 | .next-select-multiple.next-large .next-select-values-compact, .next-select-tag.next-large .next-select-values-compact {
|
486 | height: 40px !important;
|
487 | height: var(--form-element-large-height, 40px) !important; }
|
488 | .next-select-multiple.next-large .next-tag, .next-select-tag.next-large .next-tag {
|
489 | padding-top: 3px;
|
490 | padding-top: calc(var(--select-l-lineheight, 24px)/2 - var(--s-4, 16px)/2 - 1px);
|
491 | padding-bottom: 3px;
|
492 | padding-bottom: calc(var(--select-l-lineheight, 24px)/2 - var(--s-4, 16px)/2 - 1px);
|
493 | height: 24px;
|
494 | height: var(--select-l-lineheight, 24px); }
|
495 | .next-select-multiple.next-large .next-tag .next-tag-body, .next-select-multiple.next-large .next-tag .next-tag-close-btn, .next-select-tag.next-large .next-tag .next-tag-body, .next-select-tag.next-large .next-tag .next-tag-close-btn {
|
496 | line-height: 18px;
|
497 | line-height: calc(var(--select-l-lineheight, 24px) - var(--select-l-lineheight, 24px)/2*2 + var(--s-4, 16px)/2*2 + 2px); }
|
498 | .next-select-multiple.next-large .next-input-label, .next-select-multiple.next-large .next-input-inner, .next-select-multiple.next-large .next-input-control, .next-select-multiple.next-large .next-select-tag-compact, .next-select-tag.next-large .next-input-label, .next-select-tag.next-large .next-input-inner, .next-select-tag.next-large .next-input-control, .next-select-tag.next-large .next-select-tag-compact {
|
499 | line-height: 38px;
|
500 | line-height: calc(var(--form-element-large-height, 40px) - 2px); }
|
501 | .next-select-auto-complete {
|
502 | width: 160px; }
|
503 | .next-select-auto-complete .next-input {
|
504 | width: 100%;
|
505 | }
|
506 | .next-select-auto-complete .next-input .next-input-hint-wrap {
|
507 | padding-right: 1px; }
|
508 | .next-select-auto-complete .next-input .next-select-arrow {
|
509 | padding-left: 0; }
|
510 | .next-select.next-active .next-select-arrow .next-icon-arrow-down {
|
511 | transform: rotate(180deg); }
|
512 | .next-select .next-select-unfold-icon::before {
|
513 | content: "";
|
514 | content: var(--select-unfold-icon-content, ""); }
|
515 | .next-select-symbol-fold::before {
|
516 | content: "\E63D";
|
517 | content: var(--select-fold-icon-content, "\E63D"); }
|
518 | .next-select-arrow {
|
519 | cursor: pointer;
|
520 | width: auto !important;
|
521 | text-align: center;
|
522 | transition: all 100ms linear;
|
523 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
524 | }
|
525 | .next-select-popup-wrap {
|
526 | animation-duration: 300ms;
|
527 | animation-duration: var(--motion-duration-standard, 300ms);
|
528 | animation-timing-function: ease;
|
529 | animation-timing-function: var(--motion-ease, ease);
|
530 | padding: 0px 0;
|
531 | padding: var(--popup-spacing-tb, 0px) 0; }
|
532 | .next-select-spacing-tb {
|
533 | padding: 0px 0;
|
534 | padding: var(--popup-spacing-tb, 0px) 0; }
|
535 | .next-select-menu-wrapper {
|
536 | max-height: 260px;
|
537 | overflow: auto;
|
538 | border: 1px solid #DCDEE3;
|
539 | border: var(--popup-local-border-width, 1px) var(--popup-local-border-style, solid) var(--popup-local-border-color, #DCDEE3);
|
540 | border-radius: 3px;
|
541 | border-radius: var(--popup-local-corner, 3px);
|
542 | box-shadow: none;
|
543 | box-shadow: var(--popup-local-shadow, none); }
|
544 | .next-select-menu-wrapper .next-select-menu {
|
545 | max-height: none;
|
546 | border: none; }
|
547 | .next-select-menu {
|
548 | max-height: 260px;
|
549 | overflow: auto;
|
550 | }
|
551 | .next-select-menu .next-select-menu-empty-content {
|
552 | padding-left: 8px;
|
553 | padding-left: var(--s-2, 8px);
|
554 | padding-right: 8px;
|
555 | padding-right: var(--s-2, 8px);
|
556 | color: #999999;
|
557 | color: var(--select-hint-color, #999999); }
|
558 | .next-select-menu.next-select-auto-complete-menu.next-select-menu-empty {
|
559 | display: none; }
|
560 | .next-select-menu .next-menu-item-text .next-icon {
|
561 | vertical-align: middle; }
|
562 | .next-select-all {
|
563 | display: block;
|
564 | cursor: pointer;
|
565 | padding: 0 8px;
|
566 | padding: 0 var(--s-2, 8px);
|
567 | margin: 0 12px 8px;
|
568 | margin: 0 var(--s-3, 12px) var(--s-2, 8px);
|
569 | border-bottom: 1px solid #DCDEE3;
|
570 | border-bottom: 1px solid var(--color-line1-2, #DCDEE3); }
|
571 | .next-select-all:hover {
|
572 | color: #3E71F7;
|
573 | color: var(--color-link-3, #3E71F7); }
|
574 | .next-select-all .next-menu-icon-selected.next-icon {
|
575 | display: inline-block !important;
|
576 | top: initial;
|
577 | color: #5584FF;
|
578 | color: var(--select-menu-icon-color, #5584FF); }
|
579 | .next-select-highlight {
|
580 | color: #5584FF;
|
581 | color: var(--select-highlight-color, #5584FF);
|
582 | font-size: 12px;
|
583 | font-size: var(--select-highlight-font, 12px); }
|
584 | .next-select-in-ie.next-select-trigger .next-select-values {
|
585 |
|
586 | overflow: visible; }
|
587 | .next-select-in-ie.next-select-trigger .next-input-control, .next-select-in-ie.next-select-trigger .next-input-label {
|
588 | width: 1px; }
|
589 | .next-select-in-ie.next-select-trigger .next-input-control > * {
|
590 | display: table-cell;
|
591 | width: 1%; }
|
592 | .next-select-in-ie.next-select-trigger .next-select-arrow {
|
593 | display: table-cell; }
|
594 | .next-select-in-ie.next-select-trigger .next-select-clear {
|
595 | display: none; }
|
596 | .next-select-in-ie.next-select-trigger.next-select-multiple .next-select-inner, .next-select-in-ie.next-select-trigger.next-select-tag .next-select-inner {
|
597 | vertical-align: top; }
|
598 | .next-select-in-ie.next-select-trigger .next-select-inner {
|
599 | display: inline-table; }
|
600 | .next-select-in-ie.next-select-trigger.next-select-single .next-select-values {
|
601 | display: inline-table; }
|
602 | .next-select-in-ie.next-select-trigger.next-select-single .next-input.next-small .next-select-values {
|
603 | line-height: 20px;
|
604 | line-height: var(--form-element-small-height, 20px); }
|
605 | .next-select-in-ie.next-select-trigger.next-select-single .next-input.next-medium .next-select-values {
|
606 | line-height: 28px;
|
607 | line-height: var(--form-element-medium-height, 28px); }
|
608 | .next-select-in-ie.next-select-trigger.next-select-single .next-input.next-large .next-select-values {
|
609 | line-height: 40px;
|
610 | line-height: var(--form-element-large-height, 40px); }
|
611 | .next-select-in-ie.next-select-trigger .next-select-trigger-search > span {
|
612 | max-width: 100px; }
|
613 | .next-select-in-ie.next-select-trigger.next-select-single {
|
614 | }
|
615 | .next-select-in-ie.next-select-trigger.next-select-single.next-select-in-ie-fixwidth .next-select-values {
|
616 | position: relative; }
|
617 | .next-select-in-ie.next-select-trigger.next-select-single.next-select-in-ie-fixwidth .next-select-values > em {
|
618 | position: absolute;
|
619 | display: inline-block;
|
620 | height: 100%;
|
621 | line-height: 1;
|
622 | vertical-align: middle;
|
623 | overflow: hidden;
|
624 | left: 4px;
|
625 | right: 0;
|
626 | top: 30%; }
|
627 | .next-select-in-ie.next-select-trigger.next-select-single.next-no-search .next-select-values > em + .next-select-trigger-search, .next-select-in-ie.next-select-trigger.next-select-single.next-inactive .next-select-values > em + .next-select-trigger-search {
|
628 |
|
629 | filter: alpha(opacity=0);
|
630 |
|
631 |
|
632 | font-size: 0; }
|
633 | .next-select-in-ie.next-select-trigger.next-no-search .next-select-trigger-search input {
|
634 | color: inherit; }
|
635 |
|
636 | @media screen and (-webkit-min-device-pixel-ratio: 0) {
|
637 | .next-select-multiple .next-select-compact .next-select-tag-compact {
|
638 | background: linear-gradient(90deg, rgba(255, 255, 255, 0), #FFFFFF 10px);
|
639 | background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--input-bg-color, #FFFFFF) 10px); }
|
640 | .next-select-multiple .next-disabled .next-select-tag-compact {
|
641 | background: linear-gradient(90deg, rgba(255, 255, 255, 0), #F7F8FA 10px);
|
642 | background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--input-disabled-bg-color, #F7F8FA) 10px); } }
|
643 |
|
644 | .next-select.next-select-multiple[dir='rtl'] .next-select-compact .next-select-tag-compact {
|
645 | left: 0;
|
646 | right: auto;
|
647 | padding: 0 16px 0 4px;
|
648 | background: linear-gradient(270deg, rgba(255, 255, 255, 0), #FFFFFF 10px);
|
649 | background: linear-gradient(270deg, rgba(255, 255, 255, 0), var(--input-bg-color, #FFFFFF) 10px); }
|
650 |
|
651 | .next-sr-only {
|
652 | position: absolute;
|
653 | width: 1px;
|
654 | height: 1px;
|
655 | padding: 0;
|
656 | overflow: hidden;
|
657 | clip: rect(0, 0, 0, 0);
|
658 | white-space: nowrap;
|
659 | border: 0;
|
660 | top: 0;
|
661 | margin: -1px; }
|
662 |
|
663 |
|
664 | .next-list-header {
|
665 | border-bottom: 1px solid #DCDEE3;
|
666 | border-bottom: var(--line-1, 1px) solid var(--list-divider-color, #DCDEE3);
|
667 | color: #333333;
|
668 | color: var(--list-title-color, #333333); }
|
669 |
|
670 | .next-list-footer {
|
671 | border-top: 1px solid #DCDEE3;
|
672 | border-top: var(--line-1, 1px) solid var(--list-divider-color, #DCDEE3);
|
673 | color: #666666;
|
674 | color: var(--list-content-color, #666666); }
|
675 |
|
676 | .next-list-loading.next-loading {
|
677 | display: block; }
|
678 |
|
679 | .next-list-empty {
|
680 | font-size: 12px;
|
681 | font-size: var(--font-size-body-1, 12px);
|
682 | color: #A0A2AD;
|
683 | color: var(--color-line1-4, #A0A2AD);
|
684 | padding: 32px 0;
|
685 | padding: var(--s-8, 32px) 0;
|
686 | text-align: center; }
|
687 |
|
688 | .next-list-items {
|
689 | margin: 0;
|
690 | padding: 0;
|
691 | list-style: none; }
|
692 |
|
693 | .next-list-item {
|
694 | display: table;
|
695 |
|
696 | display: flex;
|
697 | width: 100%;
|
698 | color: #666666;
|
699 | color: var(--list-content-color, #666666); }
|
700 |
|
701 | .next-list-item-media {
|
702 | display: table-cell;
|
703 |
|
704 | display: flex;
|
705 | flex-direction: column;
|
706 | align-items: flex-start;
|
707 | justify-content: flex-start;
|
708 | min-width: 1px;
|
709 | flex-shrink: 0;
|
710 | vertical-align: top; }
|
711 |
|
712 | .next-list-item-extra {
|
713 | display: table-cell;
|
714 |
|
715 | display: flex;
|
716 | flex-direction: column;
|
717 | align-items: flex-start;
|
718 | justify-content: flex-start;
|
719 | min-width: 1px;
|
720 | flex-shrink: 0;
|
721 | vertical-align: top;
|
722 | color: #999999;
|
723 | color: var(--list-extra-color, #999999); }
|
724 |
|
725 | .next-list-item-content {
|
726 | display: table-cell;
|
727 |
|
728 | display: flex;
|
729 | flex-direction: column;
|
730 | align-items: flex-start;
|
731 | justify-content: center;
|
732 | flex: 1;
|
733 | width: 100%;
|
734 | vertical-align: middle; }
|
735 |
|
736 | .next-list-item-title {
|
737 | color: #333333;
|
738 | color: var(--list-title-color, #333333); }
|
739 |
|
740 | .next-list-medium .next-list-header {
|
741 | padding: 16px 0px;
|
742 | padding: var(--list-size-m-item-padding-tb, 16px) var(--list-size-m-item-padding-lr, 0px);
|
743 | font-size: 20px;
|
744 | font-size: var(--list-size-m-title-font-size, 20px);
|
745 | font-weight: bold;
|
746 | font-weight: var(--list-size-m-title-font-weight, bold); }
|
747 |
|
748 | .next-list-medium .next-list-footer {
|
749 | padding: 16px 0px;
|
750 | padding: var(--list-size-m-item-padding-tb, 16px) var(--list-size-m-item-padding-lr, 0px); }
|
751 |
|
752 | .next-list-medium .next-list-item-media {
|
753 | padding-right: 8px;
|
754 | padding-right: var(--list-size-m-item-media-margin, 8px); }
|
755 |
|
756 | .next-list-medium .next-list-item-extra {
|
757 | padding-left: 8px;
|
758 | padding-left: var(--list-size-m-item-media-margin, 8px); }
|
759 |
|
760 | .next-list-medium .next-list-item {
|
761 | font-size: 14px;
|
762 | font-size: var(--list-size-m-item-content-font-size, 14px);
|
763 | line-height: 1.5;
|
764 | line-height: var(--list-size-m-item-content-line-height, 1.5);
|
765 | padding: 16px 0px;
|
766 | padding: var(--list-size-m-item-padding-tb, 16px) var(--list-size-m-item-padding-lr, 0px); }
|
767 |
|
768 | .next-list-medium .next-list-item-title {
|
769 | font-weight: normal;
|
770 | font-weight: var(--list-size-m-item-title-font-weight, normal);
|
771 | font-size: 16px;
|
772 | font-size: var(--list-size-m-item-title-font-size, 16px);
|
773 | line-height: 1.5;
|
774 | line-height: var(--list-size-m-item-title-line-height, 1.5); }
|
775 |
|
776 | .next-list-small .next-list-header {
|
777 | padding: 8px 0px;
|
778 | padding: var(--list-size-s-item-padding-tb, 8px) var(--list-size-s-item-padding-lr, 0px);
|
779 | font-size: 16px;
|
780 | font-size: var(--list-size-s-title-font-size, 16px);
|
781 | font-weight: bold;
|
782 | font-weight: var(--list-size-s-title-font-weight, bold); }
|
783 |
|
784 | .next-list-small .next-list-footer {
|
785 | padding: 8px 0px;
|
786 | padding: var(--list-size-s-item-padding-tb, 8px) var(--list-size-s-item-padding-lr, 0px); }
|
787 |
|
788 | .next-list-small .next-list-item-media {
|
789 | padding-right: 8px;
|
790 | padding-right: var(--list-size-s-item-media-margin, 8px); }
|
791 |
|
792 | .next-list-small .next-list-item-extra {
|
793 | padding-left: 8px;
|
794 | padding-left: var(--list-size-s-item-media-margin, 8px); }
|
795 |
|
796 | .next-list-small .next-list-item {
|
797 | font-size: 12px;
|
798 | font-size: var(--list-size-s-item-content-font-size, 12px);
|
799 | font-weight: normal;
|
800 | font-weight: var(--list-size-s-item-title-font-weight, normal);
|
801 | line-height: 1.3;
|
802 | line-height: var(--list-size-s-item-content-line-height, 1.3);
|
803 | padding: 8px 0px;
|
804 | padding: var(--list-size-s-item-padding-tb, 8px) var(--list-size-s-item-padding-lr, 0px); }
|
805 |
|
806 | .next-list-small .next-list-item-title {
|
807 | font-size: 14px;
|
808 | font-size: var(--list-size-s-item-title-font-size, 14px);
|
809 | line-height: 1.5;
|
810 | line-height: var(--list-size-s-item-title-line-height, 1.5); }
|
811 |
|
812 | .next-list-divider .next-list-item {
|
813 | border-bottom: 1px solid #DCDEE3;
|
814 | border-bottom: var(--line-1, 1px) solid var(--list-divider-color, #DCDEE3); }
|
815 | .next-list-divider .next-list-item:last-child {
|
816 | border-bottom: none; }
|
817 |
|
818 | .next-list[dir="rtl"] .next-list-item-media {
|
819 | padding-left: 8px;
|
820 | padding-left: var(--list-size-m-item-media-margin, 8px);
|
821 | padding-right: 0; }
|
822 |
|
823 | .next-list[dir="rtl"] .next-list-item-extra {
|
824 | padding-right: 8px;
|
825 | padding-right: var(--list-size-m-item-media-margin, 8px);
|
826 | padding-left: 0; }
|
827 |
|
828 | .next-list[dir="rtl"] .next-list-small .next-list-item-media {
|
829 | padding-left: 8px;
|
830 | padding-left: var(--list-size-s-item-media-margin, 8px);
|
831 | padding-right: 0; }
|
832 |
|
833 | .next-list[dir="rtl"] .next-list-small .next-list-item-extra {
|
834 | padding-right: 8px;
|
835 | padding-right: var(--list-size-s-item-media-margin, 8px);
|
836 | padding-left: 0; }
|
837 |
|
838 | .next-sr-only {
|
839 | position: absolute;
|
840 | width: 1px;
|
841 | height: 1px;
|
842 | padding: 0;
|
843 | overflow: hidden;
|
844 | clip: rect(0, 0, 0, 0);
|
845 | white-space: nowrap;
|
846 | border: 0;
|
847 | top: 0;
|
848 | margin: -1px; }
|
849 |
|
850 | .next-menu-btn {
|
851 | display: inline-block;
|
852 | box-shadow: none; }
|
853 | .next-menu-btn-spacing-tb {
|
854 | padding: 0px 0;
|
855 | padding: var(--popup-spacing-tb, 0px) 0; }
|
856 | .next-menu-btn .next-icon {
|
857 | transition: transform 100ms linear;
|
858 | transition: transform var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
859 | .next-menu-btn .next-menu-btn-arrow::before {
|
860 | content: "\E63D";
|
861 | content: var(--menu-btn-fold-icon-content, "\E63D"); }
|
862 | .next-menu-btn.next-expand .next-menu-btn-arrow {
|
863 | transform: rotate(180deg); }
|
864 | .next-menu-btn-symbol-unfold::before {
|
865 | content: "";
|
866 | content: var(--menu-btn-unfold-icon-content, ""); }
|
867 | .next-menu-btn.next-btn-normal .next-menu-btn-arrow {
|
868 | color: #999999;
|
869 | color: var(--menu-btn-pure-text-normal-icon-color, #999999); }
|
870 | .next-menu-btn.next-btn-normal:hover .next-menu-btn-arrow {
|
871 | color: #333333;
|
872 | color: var(--btn-pure-normal-color-hover, #333333); }
|
873 | .next-menu-btn.next-btn-secondary .next-menu-btn-arrow {
|
874 | color: #5584FF;
|
875 | color: var(--menu-btn-pure-text-secondary-icon-color, #5584FF); }
|
876 | .next-menu-btn.next-btn-secondary:hover .next-menu-btn-arrow {
|
877 | color: #FFFFFF;
|
878 | color: var(--btn-pure-secondary-color-hover, #FFFFFF); }
|
879 | .next-menu-btn.next-btn-secondary.next-btn-text:hover .next-menu-btn-arrow {
|
880 | color: #5584FF;
|
881 | color: var(--btn-text-secondary-color-hover, #5584FF); }
|
882 | .next-menu-btn.next-btn-primary .next-menu-btn-arrow {
|
883 | color: #FFFFFF;
|
884 | color: var(--menu-btn-pure-text-primary-icon-color, #FFFFFF); }
|
885 | .next-menu-btn.next-btn-primary:hover .next-menu-btn-arrow {
|
886 | color: #FFFFFF;
|
887 | color: var(--btn-pure-primary-color-hover, #FFFFFF); }
|
888 | .next-menu-btn.next-btn-text.next-btn-normal .next-menu-btn-arrow {
|
889 | color: #333333;
|
890 | color: var(--menu-btn-text-text-normal-icon-color, #333333); }
|
891 | .next-menu-btn.next-btn-text.next-btn-normal:hover .next-menu-btn-arrow {
|
892 | color: #5584FF;
|
893 | color: var(--btn-text-normal-color-hover, #5584FF); }
|
894 | .next-menu-btn.next-btn-text.next-btn-primary .next-menu-btn-arrow {
|
895 | color: #5584FF;
|
896 | color: var(--menu-btn-text-text-primary-icon-color, #5584FF); }
|
897 | .next-menu-btn.next-btn-text.next-btn-primary:hover .next-menu-btn-arrow {
|
898 | color: #3E71F7;
|
899 | color: var(--btn-text-primary-color-hover, #3E71F7); }
|
900 | .next-menu-btn.next-btn-ghost.next-btn-light .next-menu-btn-arrow {
|
901 | color: #333333;
|
902 | color: var(--menu-btn-ghost-light-icon-color, #333333); }
|
903 | .next-menu-btn.next-btn-ghost.next-btn-light:hover .next-menu-btn-arrow {
|
904 | color: #999999;
|
905 | color: var(--btn-ghost-light-color-hover, #999999); }
|
906 | .next-menu-btn.next-btn-ghost.next-btn-dark .next-menu-btn-arrow {
|
907 | color: #FFFFFF;
|
908 | color: var(--menu-btn-ghost-dark-icon-color, #FFFFFF); }
|
909 | .next-menu-btn.next-btn-ghost.next-btn-dark:hover .next-menu-btn-arrow {
|
910 | color: #FFFFFF;
|
911 | color: var(--btn-ghost-dark-color-hover, #FFFFFF); }
|
912 | .next-menu-btn.disabled .next-menu-btn-arrow,
|
913 | .next-menu-btn[disabled] .next-menu-btn-arrow {
|
914 | color: #CCCCCC;
|
915 | color: var(--menu-btn-disabled-icon-color, #CCCCCC); }
|
916 | .next-menu-btn.next-btn-text.disabled .next-menu-btn-arrow,
|
917 | .next-menu-btn.next-btn-text[disabled] .next-menu-btn-arrow {
|
918 | color: #CCCCCC;
|
919 | color: var(--menu-btn-disabled-icon-color, #CCCCCC); }
|
920 | .next-menu-btn[disabled].next-btn-ghost.next-btn-dark .next-menu-btn-arrow {
|
921 | color: rgba(255, 255, 255, 0.4);
|
922 | color: var(--menu-btn-ghost-dark-disabled-icon-color, rgba(255, 255, 255, 0.4)); }
|
923 | .next-menu-btn[disabled].next-btn-ghost.next-btn-light .next-menu-btn-arrow {
|
924 | color: rgba(0, 0, 0, 0.1);
|
925 | color: var(--menu-btn-ghost-light-disabled-icon-color, rgba(0, 0, 0, 0.1)); }
|
926 | .next-sr-only {
|
927 | position: absolute;
|
928 | width: 1px;
|
929 | height: 1px;
|
930 | padding: 0;
|
931 | overflow: hidden;
|
932 | clip: rect(0, 0, 0, 0);
|
933 | white-space: nowrap;
|
934 | border: 0;
|
935 | top: 0;
|
936 | margin: -1px; }
|
937 |
|
938 | .next-nav {
|
939 | box-sizing: border-box;
|
940 | min-width: auto;
|
941 | border-radius: 0; }
|
942 | .next-nav *,
|
943 | .next-nav *:before,
|
944 | .next-nav *:after {
|
945 | box-sizing: border-box; }
|
946 | .next-nav-icon.next-icon {
|
947 | margin-right: 4px;
|
948 | margin-right: var(--nav-icon-self-margin, 4px);
|
949 | font-weight: inherit; }
|
950 | .next-nav-icon.next-icon:before,
|
951 | .next-nav-icon.next-icon .next-icon-remote {
|
952 | width: 12px;
|
953 | width: var(--nav-icon-self-size, 12px);
|
954 | font-size: 12px;
|
955 | font-size: var(--nav-icon-self-size, 12px);
|
956 | line-height: inherit; }
|
957 | .next-nav-group-label {
|
958 | height: 40px;
|
959 | height: var(--nav-group-height, 40px);
|
960 | line-height: 40px;
|
961 | line-height: var(--nav-group-height, 40px);
|
962 | font-size: 12px;
|
963 | font-size: var(--nav-group-font-size, 12px); }
|
964 | .next-nav-item .next-menu-item-text > span,
|
965 | .next-nav-item .next-nav-group-label > span {
|
966 | opacity: 1;
|
967 | transition: opacity 100ms linear;
|
968 | transition: opacity var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
969 | .next-nav-item .next-menu-item-text > a {
|
970 | text-decoration: none;
|
971 | color: inherit; }
|
972 | .next-nav-item .next-menu-hoz-icon-arrow.next-icon,
|
973 | .next-nav-item .next-menu-icon-arrow.next-icon, .next-nav-item:hover .next-menu-hoz-icon-arrow.next-icon,
|
974 | .next-nav-item:hover .next-menu-icon-arrow.next-icon, .next-nav-item.next-focused .next-menu-hoz-icon-arrow.next-icon,
|
975 | .next-nav-item.next-focused .next-menu-icon-arrow.next-icon, .next-nav-item.next-selected .next-menu-hoz-icon-arrow.next-icon,
|
976 | .next-nav-item.next-selected .next-menu-icon-arrow.next-icon, .next-nav-item.next-opened .next-menu-hoz-icon-arrow.next-icon,
|
977 | .next-nav-item.next-opened .next-menu-icon-arrow.next-icon {
|
978 | color: inherit;
|
979 | top: 0;
|
980 | transform-origin: center 50%; }
|
981 | .next-nav.next-active .next-nav-item:before {
|
982 | position: absolute;
|
983 | transition: all 300ms ease;
|
984 | transition: all var(--motion-duration-standard, 300ms) var(--motion-ease, ease);
|
985 | content: ''; }
|
986 | .next-nav.next-hoz {
|
987 | padding: 0;
|
988 | height: 44px;
|
989 | height: calc(var(--nav-hoz-height, 44px) + var(--nav-hoz-item-margin-tb, 0px)*2);
|
990 | line-height: 42px;
|
991 | line-height: calc(var(--nav-hoz-height, 44px) - var(--popup-local-border-width, 1px)*2);
|
992 | font-size: 12px;
|
993 | font-size: var(--nav-hoz-font-size, 12px); }
|
994 | .next-nav.next-hoz .next-menu-item.next-nav-item {
|
995 | margin-left: 0px;
|
996 | margin-left: var(--nav-hoz-item-margin-lr, 0px);
|
997 | margin-right: 0px;
|
998 | margin-right: var(--nav-hoz-item-margin-lr, 0px);
|
999 | padding: 0 20px;
|
1000 | padding: 0 var(--nav-hoz-item-padding-lr, 20px);
|
1001 | border-radius: 0;
|
1002 | border-radius: var(--nav-hoz-item-corner, 0); }
|
1003 | .next-nav.next-hoz .next-menu-item,
|
1004 | .next-nav.next-hoz .next-menu-sub-menu-wrapper > .next-menu-item {
|
1005 | margin-top: 0px;
|
1006 | margin-top: var(--nav-hoz-item-margin-tb, 0px);
|
1007 | margin-bottom: 0px;
|
1008 | margin-bottom: var(--nav-hoz-item-margin-tb, 0px); }
|
1009 | .next-nav.next-hoz .next-menu-item-inner {
|
1010 | height: 42px;
|
1011 | height: calc(var(--nav-hoz-height, 44px) - var(--popup-local-border-width, 1px)*2);
|
1012 | font-size: 12px;
|
1013 | font-size: var(--nav-hoz-font-size, 12px); }
|
1014 | .next-nav.next-hoz .next-menu-item.next-nav-item.next-nav-with-title {
|
1015 | line-height: 1;
|
1016 | padding: 12px 8px;
|
1017 | padding: var(--s-3, 12px) var(--s-2, 8px); }
|
1018 | .next-nav.next-hoz .next-menu-item.next-nav-item.next-nav-with-title .next-menu-item-inner {
|
1019 | height: auto;
|
1020 | min-height: 42px;
|
1021 | min-height: calc(var(--nav-hoz-height, 44px) - var(--popup-local-border-width, 1px)*2); }
|
1022 | .next-nav.next-hoz .next-menu-item.next-nav-item.next-nav-with-title .next-nav-text {
|
1023 | display: block;
|
1024 | line-height: 1;
|
1025 | margin-top: 8px;
|
1026 | margin-top: var(--s-2, 8px);
|
1027 | overflow: hidden;
|
1028 | text-overflow: ellipsis; }
|
1029 | .next-nav.next-hoz .next-nav-group-label .next-menu-item-inner {
|
1030 | height: 40px;
|
1031 | height: var(--nav-group-height, 40px);
|
1032 | line-height: 40px;
|
1033 | line-height: var(--nav-group-height, 40px);
|
1034 | font-size: 12px;
|
1035 | font-size: var(--nav-group-font-size, 12px); }
|
1036 | .next-nav.next-hoz .next-menu-header {
|
1037 | float: left;
|
1038 | height: 42px;
|
1039 | height: calc(var(--nav-hoz-height, 44px) - var(--popup-local-border-width, 1px)*2); }
|
1040 | .next-nav.next-hoz .next-menu-footer {
|
1041 | float: right;
|
1042 | height: 42px;
|
1043 | height: calc(var(--nav-hoz-height, 44px) - var(--popup-local-border-width, 1px)*2); }
|
1044 | .next-nav.next-hoz .next-nav-item:before {
|
1045 | width: 0;
|
1046 | left: 50%;
|
1047 | height: 2px;
|
1048 | height: var(--nav-hoz-item-selected-active-line, 2px); }
|
1049 | .next-nav.next-hoz .next-nav-item:hover:before {
|
1050 | height: 0px;
|
1051 | height: var(--nav-hoz-item-hover-active-line, 0px); }
|
1052 | .next-nav.next-hoz.next-top .next-nav-item:before {
|
1053 | top: -1px;
|
1054 | top: calc(0px - var(--popup-local-border-width, 1px)); }
|
1055 | .next-nav.next-hoz.next-bottom .next-nav-item:before {
|
1056 | bottom: -1px;
|
1057 | bottom: calc(0px - var(--popup-local-border-width, 1px)); }
|
1058 | .next-nav.next-hoz .next-selected.next-nav-item:before {
|
1059 | width: 100%;
|
1060 | left: 0;
|
1061 | height: 2px;
|
1062 | height: var(--nav-hoz-item-selected-active-line, 2px); }
|
1063 | .next-nav.next-ver {
|
1064 | padding: 0;
|
1065 | transition: width 300ms ease;
|
1066 | transition: width var(--motion-duration-standard, 300ms) var(--motion-ease, ease);
|
1067 | line-height: 40px;
|
1068 | line-height: var(--nav-ver-height, 40px);
|
1069 | font-size: 12px;
|
1070 | font-size: var(--nav-ver-font-size, 12px); }
|
1071 | .next-nav.next-ver .next-menu-item.next-nav-item {
|
1072 | margin-left: 0px;
|
1073 | margin-left: var(--nav-ver-item-margin-lr, 0px);
|
1074 | margin-right: 0px;
|
1075 | margin-right: var(--nav-ver-item-margin-lr, 0px);
|
1076 | padding: 0 20px;
|
1077 | padding: 0 var(--nav-ver-item-padding-lr, 20px);
|
1078 | border-radius: 0;
|
1079 | border-radius: var(--nav-ver-item-corner, 0); }
|
1080 | .next-nav.next-ver .next-menu-item:not(:first-child),
|
1081 | .next-nav.next-ver .next-menu-sub-menu-wrapper:not(:first-child) > .next-menu-item {
|
1082 | margin-top: 0px;
|
1083 | margin-top: var(--nav-ver-item-margin-tb, 0px); }
|
1084 | .next-nav.next-ver .next-menu-item:not(:last-child),
|
1085 | .next-nav.next-ver .next-menu-sub-menu-wrapper:not(:last-child) > .next-menu-item {
|
1086 | margin-bottom: 0px;
|
1087 | margin-bottom: var(--nav-ver-item-margin-tb, 0px); }
|
1088 | .next-nav.next-ver .next-menu-item-inner {
|
1089 | height: 40px;
|
1090 | height: var(--nav-ver-height, 40px);
|
1091 | font-size: 12px;
|
1092 | font-size: var(--nav-ver-font-size, 12px); }
|
1093 | .next-nav.next-ver .next-menu-item.next-nav-item.next-nav-with-title {
|
1094 | line-height: 1;
|
1095 | padding: 12px 8px;
|
1096 | padding: var(--s-3, 12px) var(--s-2, 8px); }
|
1097 | .next-nav.next-ver .next-menu-item.next-nav-item.next-nav-with-title .next-menu-item-inner {
|
1098 | height: auto;
|
1099 | min-height: 40px;
|
1100 | min-height: var(--nav-ver-height, 40px); }
|
1101 | .next-nav.next-ver .next-menu-item.next-nav-item.next-nav-with-title .next-nav-text {
|
1102 | display: block;
|
1103 | line-height: 1;
|
1104 | margin-top: 8px;
|
1105 | margin-top: var(--s-2, 8px);
|
1106 | overflow: hidden;
|
1107 | text-overflow: ellipsis; }
|
1108 | .next-nav.next-ver .next-nav-group-label .next-menu-item-inner {
|
1109 | height: 40px;
|
1110 | height: var(--nav-group-height, 40px);
|
1111 | line-height: 40px;
|
1112 | line-height: var(--nav-group-height, 40px);
|
1113 | font-size: 12px;
|
1114 | font-size: var(--nav-group-font-size, 12px); }
|
1115 | .next-nav.next-ver > .next-menu-item:first-child,
|
1116 | .next-nav.next-ver > .next-menu-sub-menu-wrapper:first-child > .next-menu-item {
|
1117 | margin-top: 0px;
|
1118 | margin-top: var(--nav-ver-item-margin-tb, 0px); }
|
1119 | .next-nav.next-ver > .next-menu-item:last-child,
|
1120 | .next-nav.next-ver > .next-menu-sub-menu-wrapper:last-child > .next-menu-item {
|
1121 | margin-bottom: 0px;
|
1122 | margin-bottom: var(--nav-ver-item-margin-tb, 0px); }
|
1123 | .next-nav.next-ver .next-menu-sub-menu {
|
1124 | line-height: 40px;
|
1125 | line-height: var(--nav-ver-sub-nav-height, 40px); }
|
1126 | .next-nav.next-ver .next-menu-sub-menu .next-menu-item-inner {
|
1127 | height: 40px;
|
1128 | height: var(--nav-ver-sub-nav-height, 40px);
|
1129 | font-size: 12px;
|
1130 | font-size: var(--nav-ver-sub-nav-font-size, 12px); }
|
1131 | .next-nav.next-ver .next-nav-item:before {
|
1132 | height: 0;
|
1133 | top: 50%;
|
1134 | width: 2px;
|
1135 | width: var(--nav-ver-item-selected-active-line, 2px); }
|
1136 | .next-nav.next-ver .next-nav-item:hover:before {
|
1137 | width: 0px;
|
1138 | width: var(--nav-ver-item-hover-active-line, 0px); }
|
1139 | .next-nav.next-ver.next-left .next-nav-item:before,
|
1140 | .next-nav.next-ver.next-top .next-nav-item:before {
|
1141 | left: -1px;
|
1142 | left: calc(0px - var(--popup-local-border-width, 1px)); }
|
1143 | .next-nav.next-ver.next-right .next-nav-item:before,
|
1144 | .next-nav.next-ver.next-bottom .next-nav-item:before {
|
1145 | right: -1px;
|
1146 | right: calc(0px - var(--popup-local-border-width, 1px)); }
|
1147 | .next-nav.next-ver .next-selected.next-nav-item:before {
|
1148 | height: 100%;
|
1149 | top: 0;
|
1150 | width: 2px;
|
1151 | width: var(--nav-ver-item-selected-active-line, 2px); }
|
1152 | .next-nav.next-primary {
|
1153 | border-width: 0px;
|
1154 | border-width: var(--nav-primary-border-width, 0px);
|
1155 | background: #333333;
|
1156 | background: var(--nav-primary-bg-color, #333333);
|
1157 | border-color: #333333;
|
1158 | border-color: var(--nav-primary-border-color, #333333);
|
1159 | color: #FFFFFF;
|
1160 | color: var(--nav-primary-text-color, #FFFFFF);
|
1161 | font-weight: normal;
|
1162 | font-weight: var(--nav-primary-text-style, normal);
|
1163 | box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
1164 | box-shadow: var(--nav-primary-shadow, 2px 2px 4px 0px rgba(0, 0, 0, 0.12)); }
|
1165 | .next-nav.next-primary.next-hoz {
|
1166 | line-height: 44px;
|
1167 | line-height: var(--nav-hoz-height, 44px);
|
1168 | line-height: 44px;
|
1169 | line-height: calc(var(--nav-hoz-height, 44px) - var(--nav-primary-border-width, 0px)*2); }
|
1170 | .next-nav.next-primary.next-hoz .next-menu-header,
|
1171 | .next-nav.next-primary.next-hoz .next-menu-footer,
|
1172 | .next-nav.next-primary.next-hoz .next-menu-item-inner {
|
1173 | line-height: 44px;
|
1174 | line-height: var(--nav-hoz-height, 44px);
|
1175 | height: 44px;
|
1176 | height: calc(var(--nav-hoz-height, 44px) - var(--nav-primary-border-width, 0px)*2); }
|
1177 | .next-nav.next-primary.next-hoz.next-top .next-nav-item:before {
|
1178 | top: 0;
|
1179 | top: 0px;
|
1180 | top: calc(0px - var(--nav-primary-border-width, 0px)); }
|
1181 | .next-nav.next-primary.next-hoz.next-bottom .next-nav-item:before {
|
1182 | bottom: 0;
|
1183 | bottom: 0px;
|
1184 | bottom: calc(0px - var(--nav-primary-border-width, 0px)); }
|
1185 | .next-nav.next-primary.next-ver.next-left .next-nav-item:before {
|
1186 | left: 0;
|
1187 | left: 0px;
|
1188 | left: calc(0px - var(--nav-primary-border-width, 0px)); }
|
1189 | .next-nav.next-primary.next-ver.next-right .next-nav-item:before {
|
1190 | right: 0;
|
1191 | right: 0px;
|
1192 | right: calc(0px - var(--nav-primary-border-width, 0px)); }
|
1193 | .next-nav.next-primary .next-nav-item.next-menu-item {
|
1194 | background: #333333;
|
1195 | background: var(--nav-primary-bg-color, #333333);
|
1196 | color: #FFFFFF;
|
1197 | color: var(--nav-primary-text-color, #FFFFFF); }
|
1198 | .next-nav.next-primary .next-nav-item.next-menu-item.next-focused, .next-nav.next-primary .next-nav-item.next-menu-item:hover {
|
1199 | background: #000000;
|
1200 | background: var(--nav-primary-item-hover-bg-color, #000000);
|
1201 | color: #FFFFFF;
|
1202 | color: var(--nav-primary-item-hover-text-color, #FFFFFF);
|
1203 | font-weight: normal;
|
1204 | font-weight: var(--nav-primary-item-hover-text-style, normal); }
|
1205 | .next-nav.next-primary .next-nav-item.next-menu-item.next-selected {
|
1206 | background: #000000;
|
1207 | background: var(--nav-primary-item-selected-bg-color, #000000);
|
1208 | color: #FFFFFF;
|
1209 | color: var(--nav-primary-item-selected-text-color, #FFFFFF);
|
1210 | font-weight: bold;
|
1211 | font-weight: var(--nav-primary-item-selected-text-style, bold); }
|
1212 | .next-nav.next-primary .next-nav-item.next-menu-item.next-opened {
|
1213 | background: transparent;
|
1214 | background: var(--nav-primary-item-opened-bg-color, transparent);
|
1215 | color: #FFFFFF;
|
1216 | color: var(--nav-primary-item-opened-text-color, #FFFFFF); }
|
1217 | .next-nav.next-primary .next-nav-item.next-menu-item.next-child-selected {
|
1218 | font-weight: bold;
|
1219 | font-weight: var(--nav-primary-item-childselected-text-style, bold);
|
1220 | background: transparent;
|
1221 | background: var(--nav-primary-item-childselected-bg-color, transparent);
|
1222 | color: #FFFFFF;
|
1223 | color: var(--nav-primary-item-childselected-text-color, #FFFFFF); }
|
1224 | .next-nav.next-primary .next-nav-item.next-menu-item.next-opened.next-nav-popup {
|
1225 | color: #FFFFFF;
|
1226 | color: var(--nav-primary-item-opened-text-color, #FFFFFF); }
|
1227 | .next-nav.next-primary .next-nav-item.next-menu-item.next-child-selected.next-nav-popup {
|
1228 | color: #FFFFFF;
|
1229 | color: var(--nav-primary-item-childselected-text-color, #FFFFFF); }
|
1230 | .next-nav.next-primary .next-nav-item.next-menu-item:before {
|
1231 | background: #5584FF;
|
1232 | background: var(--nav-primary-item-selected-active-color, #5584FF); }
|
1233 | .next-nav.next-primary .next-nav-item.next-menu-item:hover:before {
|
1234 | background: #5584FF;
|
1235 | background: var(--nav-primary-item-hover-active-color, #5584FF); }
|
1236 | .next-nav.next-primary .next-menu-sub-menu .next-menu-item.next-opened {
|
1237 | background: transparent;
|
1238 | background: var(--nav-primary-item-opened-bg-color, transparent);
|
1239 | color: #FFFFFF;
|
1240 | color: var(--nav-primary-item-opened-text-color, #FFFFFF); }
|
1241 | .next-nav.next-primary .next-nav-group-label {
|
1242 | color: #999999;
|
1243 | color: var(--nav-primary-group-text-color, #999999);
|
1244 | font-weight: normal;
|
1245 | font-weight: var(--nav-primary-group-text-style, normal); }
|
1246 | .next-nav.next-primary .next-menu-sub-menu .next-menu-item {
|
1247 | background: #333333;
|
1248 | background: var(--nav-primary-sub-nav-bg-color, #333333);
|
1249 | color: #FFFFFF;
|
1250 | color: var(--nav-primary-sub-nav-text-color, #FFFFFF);
|
1251 | font-weight: normal;
|
1252 | font-weight: var(--nav-primary-sub-nav-text-style, normal); }
|
1253 | .next-nav.next-primary .next-menu-sub-menu .next-menu-item.next-focused, .next-nav.next-primary .next-menu-sub-menu .next-menu-item:hover {
|
1254 | background: #000000;
|
1255 | background: var(--nav-primary-sub-nav-hover-bg-color, #000000);
|
1256 | color: #FFFFFF;
|
1257 | color: var(--nav-primary-sub-nav-hover-text-color, #FFFFFF); }
|
1258 | .next-nav.next-primary .next-menu-sub-menu .next-menu-item.next-selected {
|
1259 | background: #000000;
|
1260 | background: var(--nav-primary-sub-nav-selected-bg-color, #000000);
|
1261 | color: #FFFFFF;
|
1262 | color: var(--nav-primary-sub-nav-selected-text-color, #FFFFFF); }
|
1263 | .next-nav.next-primary .next-nav-item.next-menu-item.next-disabled,
|
1264 | .next-nav.next-primary .next-nav-item.next-menu-item.next-disabled .next-menu-item-text > a {
|
1265 | color: #CCCCCC;
|
1266 | color: var(--nav-primary-item-disabled-text-color, #CCCCCC);
|
1267 | cursor: not-allowed; }
|
1268 | .next-nav.next-primary .next-nav-item.next-menu-item.next-disabled .next-menu-icon-arrow,
|
1269 | .next-nav.next-primary .next-nav-item.next-menu-item.next-disabled .next-menu-item-text > a .next-menu-icon-arrow {
|
1270 | color: #CCCCCC;
|
1271 | color: var(--nav-primary-item-disabled-text-color, #CCCCCC); }
|
1272 | .next-nav.next-primary .next-nav-item.next-menu-item.next-disabled .next-menu-icon-selected,
|
1273 | .next-nav.next-primary .next-nav-item.next-menu-item.next-disabled .next-menu-item-text > a .next-menu-icon-selected {
|
1274 | color: #CCCCCC;
|
1275 | color: var(--nav-primary-item-disabled-text-color, #CCCCCC); }
|
1276 | .next-nav.next-secondary {
|
1277 | border-width: 0px;
|
1278 | border-width: var(--nav-secondary-border-width, 0px);
|
1279 | background: #5584FF;
|
1280 | background: var(--nav-secondary-bg-color, #5584FF);
|
1281 | border-color: #5584FF;
|
1282 | border-color: var(--nav-secondary-border-color, #5584FF);
|
1283 | color: #FFFFFF;
|
1284 | color: var(--nav-secondary-text-color, #FFFFFF);
|
1285 | font-weight: normal;
|
1286 | font-weight: var(--nav-secondary-text-style, normal);
|
1287 | box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
1288 | box-shadow: var(--nav-secondary-shadow, 2px 2px 4px 0px rgba(0, 0, 0, 0.12)); }
|
1289 | .next-nav.next-secondary.next-hoz {
|
1290 | line-height: 44px;
|
1291 | line-height: var(--nav-hoz-height, 44px);
|
1292 | line-height: 44px;
|
1293 | line-height: calc(var(--nav-hoz-height, 44px) - var(--nav-secondary-border-width, 0px)*2); }
|
1294 | .next-nav.next-secondary.next-hoz .next-menu-header,
|
1295 | .next-nav.next-secondary.next-hoz .next-menu-footer,
|
1296 | .next-nav.next-secondary.next-hoz .next-menu-item-inner {
|
1297 | line-height: 44px;
|
1298 | line-height: var(--nav-hoz-height, 44px);
|
1299 | height: 44px;
|
1300 | height: calc(var(--nav-hoz-height, 44px) - var(--nav-secondary-border-width, 0px)*2); }
|
1301 | .next-nav.next-secondary.next-hoz.next-top .next-nav-item:before {
|
1302 | top: 0;
|
1303 | top: 0px;
|
1304 | top: calc(0px - var(--nav-secondary-border-width, 0px)); }
|
1305 | .next-nav.next-secondary.next-hoz.next-bottom .next-nav-item:before {
|
1306 | bottom: 0;
|
1307 | bottom: 0px;
|
1308 | bottom: calc(0px - var(--nav-secondary-border-width, 0px)); }
|
1309 | .next-nav.next-secondary.next-ver.next-left .next-nav-item:before {
|
1310 | left: 0;
|
1311 | left: 0px;
|
1312 | left: calc(0px - var(--nav-secondary-border-width, 0px)); }
|
1313 | .next-nav.next-secondary.next-ver.next-right .next-nav-item:before {
|
1314 | right: 0;
|
1315 | right: 0px;
|
1316 | right: calc(0px - var(--nav-secondary-border-width, 0px)); }
|
1317 | .next-nav.next-secondary .next-nav-item.next-menu-item {
|
1318 | background: #5584FF;
|
1319 | background: var(--nav-secondary-bg-color, #5584FF);
|
1320 | color: #FFFFFF;
|
1321 | color: var(--nav-secondary-text-color, #FFFFFF); }
|
1322 | .next-nav.next-secondary .next-nav-item.next-menu-item.next-focused, .next-nav.next-secondary .next-nav-item.next-menu-item:hover {
|
1323 | background: #3E71F7;
|
1324 | background: var(--nav-secondary-item-hover-bg-color, #3E71F7);
|
1325 | color: #FFFFFF;
|
1326 | color: var(--nav-secondary-item-hover-text-color, #FFFFFF);
|
1327 | font-weight: normal;
|
1328 | font-weight: var(--nav-secondary-item-hover-text-style, normal); }
|
1329 | .next-nav.next-secondary .next-nav-item.next-menu-item.next-selected {
|
1330 | background: #3E71F7;
|
1331 | background: var(--nav-secondary-item-selected-bg-color, #3E71F7);
|
1332 | color: #FFFFFF;
|
1333 | color: var(--nav-secondary-item-selected-text-color, #FFFFFF);
|
1334 | font-weight: bold;
|
1335 | font-weight: var(--nav-secondary-item-selected-text-style, bold); }
|
1336 | .next-nav.next-secondary .next-nav-item.next-menu-item.next-opened {
|
1337 | background: transparent;
|
1338 | background: var(--nav-secondary-item-opened-bg-color, transparent);
|
1339 | color: #FFFFFF;
|
1340 | color: var(--nav-secondary-item-opened-text-color, #FFFFFF); }
|
1341 | .next-nav.next-secondary .next-nav-item.next-menu-item.next-child-selected {
|
1342 | font-weight: bold;
|
1343 | font-weight: var(--nav-secondary-item-childselected-text-style, bold);
|
1344 | background: transparent;
|
1345 | background: var(--nav-secondary-item-childselected-bg-color, transparent);
|
1346 | color: #FFFFFF;
|
1347 | color: var(--nav-secondary-item-childselected-text-color, #FFFFFF); }
|
1348 | .next-nav.next-secondary .next-nav-item.next-menu-item.next-opened.next-nav-popup {
|
1349 | color: #FFFFFF;
|
1350 | color: var(--nav-secondary-item-opened-text-color, #FFFFFF); }
|
1351 | .next-nav.next-secondary .next-nav-item.next-menu-item.next-child-selected.next-nav-popup {
|
1352 | color: #FFFFFF;
|
1353 | color: var(--nav-secondary-item-childselected-text-color, #FFFFFF); }
|
1354 | .next-nav.next-secondary .next-nav-item.next-menu-item:before {
|
1355 | background: #3E71F7;
|
1356 | background: var(--nav-secondary-item-selected-active-color, #3E71F7); }
|
1357 | .next-nav.next-secondary .next-nav-item.next-menu-item:hover:before {
|
1358 | background: #3E71F7;
|
1359 | background: var(--nav-secondary-item-hover-active-color, #3E71F7); }
|
1360 | .next-nav.next-secondary .next-menu-sub-menu .next-menu-item.next-opened {
|
1361 | background: transparent;
|
1362 | background: var(--nav-secondary-item-opened-bg-color, transparent);
|
1363 | color: #FFFFFF;
|
1364 | color: var(--nav-secondary-item-opened-text-color, #FFFFFF); }
|
1365 | .next-nav.next-secondary .next-nav-group-label {
|
1366 | color: #FFFFFF;
|
1367 | color: var(--nav-secondary-group-text-color, #FFFFFF);
|
1368 | font-weight: normal;
|
1369 | font-weight: var(--nav-secondary-group-text-style, normal); }
|
1370 | .next-nav.next-secondary .next-menu-sub-menu .next-menu-item {
|
1371 | background: #5584FF;
|
1372 | background: var(--nav-secondary-sub-nav-bg-color, #5584FF);
|
1373 | color: #FFFFFF;
|
1374 | color: var(--nav-secondary-sub-nav-text-color, #FFFFFF);
|
1375 | font-weight: normal;
|
1376 | font-weight: var(--nav-secondary-sub-nav-text-style, normal); }
|
1377 | .next-nav.next-secondary .next-menu-sub-menu .next-menu-item.next-focused, .next-nav.next-secondary .next-menu-sub-menu .next-menu-item:hover {
|
1378 | background: #3E71F7;
|
1379 | background: var(--nav-secondary-sub-nav-hover-bg-color, #3E71F7);
|
1380 | color: #FFFFFF;
|
1381 | color: var(--nav-secondary-sub-nav-hover-text-color, #FFFFFF); }
|
1382 | .next-nav.next-secondary .next-menu-sub-menu .next-menu-item.next-selected {
|
1383 | background: #3E71F7;
|
1384 | background: var(--nav-secondary-sub-nav-selected-bg-color, #3E71F7);
|
1385 | color: #FFFFFF;
|
1386 | color: var(--nav-secondary-sub-nav-selected-text-color, #FFFFFF); }
|
1387 | .next-nav.next-secondary .next-nav-item.next-menu-item.next-disabled,
|
1388 | .next-nav.next-secondary .next-nav-item.next-menu-item.next-disabled .next-menu-item-text > a {
|
1389 | color: #DEE8FF;
|
1390 | color: var(--nav-secondary-item-disabled-text-color, #DEE8FF);
|
1391 | cursor: not-allowed; }
|
1392 | .next-nav.next-secondary .next-nav-item.next-menu-item.next-disabled .next-menu-icon-arrow,
|
1393 | .next-nav.next-secondary .next-nav-item.next-menu-item.next-disabled .next-menu-item-text > a .next-menu-icon-arrow {
|
1394 | color: #DEE8FF;
|
1395 | color: var(--nav-secondary-item-disabled-text-color, #DEE8FF); }
|
1396 | .next-nav.next-secondary .next-nav-item.next-menu-item.next-disabled .next-menu-icon-selected,
|
1397 | .next-nav.next-secondary .next-nav-item.next-menu-item.next-disabled .next-menu-item-text > a .next-menu-icon-selected {
|
1398 | color: #DEE8FF;
|
1399 | color: var(--nav-secondary-item-disabled-text-color, #DEE8FF); }
|
1400 | .next-nav.next-normal {
|
1401 | background: #FFFFFF;
|
1402 | background: var(--nav-normal-bg-color, #FFFFFF);
|
1403 | border-color: #DCDEE3;
|
1404 | border-color: var(--nav-normal-border-color, #DCDEE3);
|
1405 | color: #333333;
|
1406 | color: var(--nav-normal-text-color, #333333);
|
1407 | font-weight: normal;
|
1408 | font-weight: var(--nav-normal-text-style, normal);
|
1409 | box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
1410 | box-shadow: var(--nav-normal-shadow, 2px 2px 4px 0px rgba(0, 0, 0, 0.12)); }
|
1411 | .next-nav.next-normal .next-nav-item.next-menu-item {
|
1412 | background: #FFFFFF;
|
1413 | background: var(--nav-normal-bg-color, #FFFFFF);
|
1414 | color: #333333;
|
1415 | color: var(--nav-normal-text-color, #333333); }
|
1416 | .next-nav.next-normal .next-nav-item.next-menu-item.next-focused, .next-nav.next-normal .next-nav-item.next-menu-item:hover {
|
1417 | background: #FFFFFF;
|
1418 | background: var(--nav-normal-item-hover-bg-color, #FFFFFF);
|
1419 | color: #5584FF;
|
1420 | color: var(--nav-normal-item-hover-text-color, #5584FF);
|
1421 | font-weight: normal;
|
1422 | font-weight: var(--nav-normal-item-hover-text-style, normal); }
|
1423 | .next-nav.next-normal .next-nav-item.next-menu-item.next-selected {
|
1424 | background: #F2F3F7;
|
1425 | background: var(--nav-normal-item-selected-bg-color, #F2F3F7);
|
1426 | color: #5584FF;
|
1427 | color: var(--nav-normal-item-selected-text-color, #5584FF);
|
1428 | font-weight: bold;
|
1429 | font-weight: var(--nav-normal-item-selected-text-style, bold); }
|
1430 | .next-nav.next-normal .next-nav-item.next-menu-item.next-opened {
|
1431 | background: transparent;
|
1432 | background: var(--nav-normal-item-opened-bg-color, transparent);
|
1433 | color: #5584FF;
|
1434 | color: var(--nav-normal-item-opened-text-color, #5584FF); }
|
1435 | .next-nav.next-normal .next-nav-item.next-menu-item.next-child-selected {
|
1436 | font-weight: normal;
|
1437 | font-weight: var(--nav-normal-item-childselected-text-style, normal);
|
1438 | background: transparent;
|
1439 | background: var(--nav-normal-item-childselected-bg-color, transparent);
|
1440 | color: #5584FF;
|
1441 | color: var(--nav-normal-item-childselected-text-color, #5584FF); }
|
1442 | .next-nav.next-normal .next-nav-item.next-menu-item.next-opened.next-nav-popup {
|
1443 | color: #5584FF;
|
1444 | color: var(--nav-normal-item-opened-text-color, #5584FF); }
|
1445 | .next-nav.next-normal .next-nav-item.next-menu-item.next-child-selected.next-nav-popup {
|
1446 | color: #5584FF;
|
1447 | color: var(--nav-normal-item-childselected-text-color, #5584FF); }
|
1448 | .next-nav.next-normal .next-nav-item.next-menu-item:before {
|
1449 | background: #5584FF;
|
1450 | background: var(--nav-normal-item-selected-active-color, #5584FF); }
|
1451 | .next-nav.next-normal .next-nav-item.next-menu-item:hover:before {
|
1452 | background: #5584FF;
|
1453 | background: var(--nav-normal-item-hover-active-color, #5584FF); }
|
1454 | .next-nav.next-normal .next-menu-sub-menu .next-menu-item.next-opened {
|
1455 | background: transparent;
|
1456 | background: var(--nav-normal-item-opened-bg-color, transparent);
|
1457 | color: #5584FF;
|
1458 | color: var(--nav-normal-item-opened-text-color, #5584FF); }
|
1459 | .next-nav.next-normal .next-nav-group-label {
|
1460 | color: #999999;
|
1461 | color: var(--nav-normal-group-text-color, #999999);
|
1462 | font-weight: normal;
|
1463 | font-weight: var(--nav-normal-group-text-style, normal); }
|
1464 | .next-nav.next-normal .next-menu-sub-menu .next-menu-item {
|
1465 | background: #FFFFFF;
|
1466 | background: var(--nav-normal-sub-nav-bg-color, #FFFFFF);
|
1467 | color: #333333;
|
1468 | color: var(--nav-normal-sub-nav-text-color, #333333);
|
1469 | font-weight: normal;
|
1470 | font-weight: var(--nav-normal-sub-nav-text-style, normal); }
|
1471 | .next-nav.next-normal .next-menu-sub-menu .next-menu-item.next-focused, .next-nav.next-normal .next-menu-sub-menu .next-menu-item:hover {
|
1472 | background: #F2F3F7;
|
1473 | background: var(--nav-normal-sub-nav-hover-bg-color, #F2F3F7);
|
1474 | color: #5584FF;
|
1475 | color: var(--nav-normal-sub-nav-hover-text-color, #5584FF); }
|
1476 | .next-nav.next-normal .next-menu-sub-menu .next-menu-item.next-selected {
|
1477 | background: #F2F3F7;
|
1478 | background: var(--nav-normal-sub-nav-selected-bg-color, #F2F3F7);
|
1479 | color: #5584FF;
|
1480 | color: var(--nav-normal-sub-nav-selected-text-color, #5584FF); }
|
1481 | .next-nav.next-normal .next-nav-item.next-menu-item.next-disabled,
|
1482 | .next-nav.next-normal .next-nav-item.next-menu-item.next-disabled .next-menu-item-text > a {
|
1483 | color: #999999;
|
1484 | color: var(--nav-normal-item-disabled-text-color, #999999);
|
1485 | cursor: not-allowed; }
|
1486 | .next-nav.next-normal .next-nav-item.next-menu-item.next-disabled .next-menu-icon-arrow,
|
1487 | .next-nav.next-normal .next-nav-item.next-menu-item.next-disabled .next-menu-item-text > a .next-menu-icon-arrow {
|
1488 | color: #999999;
|
1489 | color: var(--nav-normal-item-disabled-text-color, #999999); }
|
1490 | .next-nav.next-normal .next-nav-item.next-menu-item.next-disabled .next-menu-icon-selected,
|
1491 | .next-nav.next-normal .next-nav-item.next-menu-item.next-disabled .next-menu-item-text > a .next-menu-icon-selected {
|
1492 | color: #999999;
|
1493 | color: var(--nav-normal-item-disabled-text-color, #999999); }
|
1494 | .next-nav.next-line {
|
1495 | background: transparent;
|
1496 | background: var(--nav-line-bg-color, transparent);
|
1497 | border-color: #DCDEE3;
|
1498 | border-color: var(--nav-line-border-color, #DCDEE3);
|
1499 | color: #333333;
|
1500 | color: var(--nav-line-text-color, #333333);
|
1501 | font-weight: normal;
|
1502 | font-weight: var(--nav-line-text-style, normal);
|
1503 | box-shadow: none;
|
1504 | box-shadow: var(--shadow-zero, none); }
|
1505 | .next-nav.next-line.next-hoz {
|
1506 | border-top-color: transparent;
|
1507 | border-top-color: var(--nav-line-bg-color, transparent);
|
1508 | border-left-color: transparent;
|
1509 | border-left-color: var(--nav-line-bg-color, transparent);
|
1510 | border-right-color: transparent;
|
1511 | border-right-color: var(--nav-line-bg-color, transparent); }
|
1512 | .next-nav.next-line.next-ver {
|
1513 | border-top-color: transparent;
|
1514 | border-top-color: var(--nav-line-bg-color, transparent);
|
1515 | border-left-color: transparent;
|
1516 | border-left-color: var(--nav-line-bg-color, transparent);
|
1517 | border-bottom-color: transparent;
|
1518 | border-bottom-color: var(--nav-line-bg-color, transparent); }
|
1519 | .next-nav.next-line .next-nav-item.next-menu-item {
|
1520 | background: transparent;
|
1521 | background: var(--nav-line-bg-color, transparent);
|
1522 | color: #333333;
|
1523 | color: var(--nav-line-text-color, #333333); }
|
1524 | .next-nav.next-line .next-nav-item.next-menu-item.next-focused, .next-nav.next-line .next-nav-item.next-menu-item:hover {
|
1525 | background: transparent;
|
1526 | background: var(--nav-line-item-hover-bg-color, transparent);
|
1527 | color: #5584FF;
|
1528 | color: var(--nav-line-item-hover-text-color, #5584FF);
|
1529 | font-weight: normal;
|
1530 | font-weight: var(--nav-line-item-hover-text-style, normal); }
|
1531 | .next-nav.next-line .next-nav-item.next-menu-item.next-selected {
|
1532 | background: transparent;
|
1533 | background: var(--nav-line-item-selected-bg-color, transparent);
|
1534 | color: #5584FF;
|
1535 | color: var(--nav-line-item-selected-text-color, #5584FF);
|
1536 | font-weight: bold;
|
1537 | font-weight: var(--nav-line-item-selected-text-style, bold); }
|
1538 | .next-nav.next-line .next-nav-item.next-menu-item.next-opened {
|
1539 | background: transparent;
|
1540 | background: var(--nav-line-item-opened-bg-color, transparent);
|
1541 | color: #5584FF;
|
1542 | color: var(--nav-line-item-opened-text-color, #5584FF); }
|
1543 | .next-nav.next-line .next-nav-item.next-menu-item.next-child-selected {
|
1544 | font-weight: normal;
|
1545 | font-weight: var(--nav-line-item-childselected-text-style, normal);
|
1546 | background: transparent;
|
1547 | background: var(--nav-line-item-childselected-bg-color, transparent);
|
1548 | color: #5584FF;
|
1549 | color: var(--nav-line-item-childselected-text-color, #5584FF); }
|
1550 | .next-nav.next-line .next-nav-item.next-menu-item.next-opened.next-nav-popup {
|
1551 | color: #5584FF;
|
1552 | color: var(--nav-line-item-opened-text-color, #5584FF); }
|
1553 | .next-nav.next-line .next-nav-item.next-menu-item.next-child-selected.next-nav-popup {
|
1554 | color: #5584FF;
|
1555 | color: var(--nav-line-item-childselected-text-color, #5584FF); }
|
1556 | .next-nav.next-line .next-nav-item.next-menu-item:before {
|
1557 | background: #5584FF;
|
1558 | background: var(--nav-line-item-selected-active-color, #5584FF); }
|
1559 | .next-nav.next-line .next-nav-item.next-menu-item:hover:before {
|
1560 | background: #5584FF;
|
1561 | background: var(--nav-line-item-hover-active-color, #5584FF); }
|
1562 | .next-nav.next-line .next-menu-sub-menu .next-menu-item.next-opened {
|
1563 | background: transparent;
|
1564 | background: var(--nav-line-item-opened-bg-color, transparent);
|
1565 | color: #5584FF;
|
1566 | color: var(--nav-line-item-opened-text-color, #5584FF); }
|
1567 | .next-nav.next-line .next-nav-group-label {
|
1568 | color: #999999;
|
1569 | color: var(--nav-line-group-text-color, #999999);
|
1570 | font-weight: normal;
|
1571 | font-weight: var(--nav-line-group-text-style, normal); }
|
1572 | .next-nav.next-line .next-menu-sub-menu .next-menu-item {
|
1573 | background: transparent;
|
1574 | background: var(--nav-line-sub-nav-bg-color, transparent);
|
1575 | color: #333333;
|
1576 | color: var(--nav-line-sub-nav-text-color, #333333);
|
1577 | font-weight: normal;
|
1578 | font-weight: var(--nav-line-sub-nav-text-style, normal); }
|
1579 | .next-nav.next-line .next-menu-sub-menu .next-menu-item.next-focused, .next-nav.next-line .next-menu-sub-menu .next-menu-item:hover {
|
1580 | background: transparent;
|
1581 | background: var(--nav-line-sub-nav-hover-bg-color, transparent);
|
1582 | color: #5584FF;
|
1583 | color: var(--nav-line-sub-nav-hover-text-color, #5584FF); }
|
1584 | .next-nav.next-line .next-menu-sub-menu .next-menu-item.next-selected {
|
1585 | background: transparent;
|
1586 | background: var(--nav-line-sub-nav-selected-bg-color, transparent);
|
1587 | color: #5584FF;
|
1588 | color: var(--nav-line-sub-nav-selected-text-color, #5584FF); }
|
1589 | .next-nav.next-line .next-nav-item.next-menu-item.next-disabled,
|
1590 | .next-nav.next-line .next-nav-item.next-menu-item.next-disabled .next-menu-item-text > a {
|
1591 | color: #999999;
|
1592 | color: var(--nav-line-item-disabled-text-color, #999999);
|
1593 | cursor: not-allowed; }
|
1594 | .next-nav.next-line .next-nav-item.next-menu-item.next-disabled .next-menu-icon-arrow,
|
1595 | .next-nav.next-line .next-nav-item.next-menu-item.next-disabled .next-menu-item-text > a .next-menu-icon-arrow {
|
1596 | color: #999999;
|
1597 | color: var(--nav-line-item-disabled-text-color, #999999); }
|
1598 | .next-nav.next-line .next-nav-item.next-menu-item.next-disabled .next-menu-icon-selected,
|
1599 | .next-nav.next-line .next-nav-item.next-menu-item.next-disabled .next-menu-item-text > a .next-menu-icon-selected {
|
1600 | color: #999999;
|
1601 | color: var(--nav-line-item-disabled-text-color, #999999); }
|
1602 | .next-nav.next-icon-only.next-icon-only-text {
|
1603 | padding-top: 4px;
|
1604 | padding-top: var(--s-1, 4px);
|
1605 | padding-bottom: 4px;
|
1606 | padding-bottom: var(--s-1, 4px); }
|
1607 | .next-nav.next-icon-only.next-custom-icon-only-width {
|
1608 | text-align: center; }
|
1609 | .next-nav.next-icon-only .next-menu-item-inner {
|
1610 | text-overflow: clip; }
|
1611 | .next-nav.next-icon-only.next-normal .next-nav-icon.next-icon {
|
1612 | margin-left: 1px;
|
1613 | margin-left: calc(29px - var(--nav-icon-only-font-size, 16px)/2 - var(--nav-ver-item-padding-lr, 20px));
|
1614 | margin-right: 1px;
|
1615 | margin-right: calc(29px - var(--nav-icon-only-font-size, 16px)/2 - var(--nav-ver-item-padding-lr, 20px));
|
1616 | margin-left: 0px;
|
1617 | margin-left: calc(29px - var(--nav-icon-only-font-size, 16px)/2 - var(--nav-ver-item-padding-lr, 20px) - var(--popup-local-border-width, 1px));
|
1618 | margin-right: 0px;
|
1619 | margin-right: calc(29px - var(--nav-icon-only-font-size, 16px)/2 - var(--nav-ver-item-padding-lr, 20px) - var(--popup-local-border-width, 1px)); }
|
1620 | .next-nav.next-icon-only.next-normal .next-nav-icon.next-icon:before,
|
1621 | .next-nav.next-icon-only.next-normal .next-nav-icon.next-icon .next-icon-remote {
|
1622 | width: 16px;
|
1623 | width: var(--nav-icon-only-font-size, 16px);
|
1624 | font-size: 16px;
|
1625 | font-size: var(--nav-icon-only-font-size, 16px);
|
1626 | line-height: inherit; }
|
1627 | .next-nav.next-icon-only.next-normal .next-nav-icon.next-icon:before,
|
1628 | .next-nav.next-icon-only.next-normal .next-nav-icon.next-icon .next-icon-remote {
|
1629 | width: 16px;
|
1630 | width: var(--nav-icon-only-font-size, 16px);
|
1631 | font-size: 16px;
|
1632 | font-size: var(--nav-icon-only-font-size, 16px);
|
1633 | line-height: inherit; }
|
1634 | .next-nav.next-icon-only.next-primary .next-nav-icon.next-icon {
|
1635 | margin-left: 1px;
|
1636 | margin-left: calc(29px - var(--nav-icon-only-font-size, 16px)/2 - var(--nav-ver-item-padding-lr, 20px));
|
1637 | margin-right: 1px;
|
1638 | margin-right: calc(29px - var(--nav-icon-only-font-size, 16px)/2 - var(--nav-ver-item-padding-lr, 20px));
|
1639 | margin-left: 1px;
|
1640 | margin-left: calc(29px - var(--nav-icon-only-font-size, 16px)/2 - var(--nav-ver-item-padding-lr, 20px) - var(--nav-primary-border-width, 0px));
|
1641 | margin-right: 1px;
|
1642 | margin-right: calc(29px - var(--nav-icon-only-font-size, 16px)/2 - var(--nav-ver-item-padding-lr, 20px) - var(--nav-primary-border-width, 0px)); }
|
1643 | .next-nav.next-icon-only.next-primary .next-nav-icon.next-icon:before,
|
1644 | .next-nav.next-icon-only.next-primary .next-nav-icon.next-icon .next-icon-remote {
|
1645 | width: 16px;
|
1646 | width: var(--nav-icon-only-font-size, 16px);
|
1647 | font-size: 16px;
|
1648 | font-size: var(--nav-icon-only-font-size, 16px);
|
1649 | line-height: inherit; }
|
1650 | .next-nav.next-icon-only.next-primary .next-nav-icon.next-icon:before,
|
1651 | .next-nav.next-icon-only.next-primary .next-nav-icon.next-icon .next-icon-remote {
|
1652 | width: 16px;
|
1653 | width: var(--nav-icon-only-font-size, 16px);
|
1654 | font-size: 16px;
|
1655 | font-size: var(--nav-icon-only-font-size, 16px);
|
1656 | line-height: inherit; }
|
1657 | .next-nav.next-icon-only.next-secondary .next-nav-icon.next-icon {
|
1658 | margin-left: 1px;
|
1659 | margin-left: calc(29px - var(--nav-icon-only-font-size, 16px)/2 - var(--nav-ver-item-padding-lr, 20px));
|
1660 | margin-right: 1px;
|
1661 | margin-right: calc(29px - var(--nav-icon-only-font-size, 16px)/2 - var(--nav-ver-item-padding-lr, 20px));
|
1662 | margin-left: 1px;
|
1663 | margin-left: calc(29px - var(--nav-icon-only-font-size, 16px)/2 - var(--nav-ver-item-padding-lr, 20px) - var(--nav-secondary-border-width, 0px));
|
1664 | margin-right: 1px;
|
1665 | margin-right: calc(29px - var(--nav-icon-only-font-size, 16px)/2 - var(--nav-ver-item-padding-lr, 20px) - var(--nav-secondary-border-width, 0px)); }
|
1666 | .next-nav.next-icon-only.next-secondary .next-nav-icon.next-icon:before,
|
1667 | .next-nav.next-icon-only.next-secondary .next-nav-icon.next-icon .next-icon-remote {
|
1668 | width: 16px;
|
1669 | width: var(--nav-icon-only-font-size, 16px);
|
1670 | font-size: 16px;
|
1671 | font-size: var(--nav-icon-only-font-size, 16px);
|
1672 | line-height: inherit; }
|
1673 | .next-nav.next-icon-only.next-secondary .next-nav-icon.next-icon:before,
|
1674 | .next-nav.next-icon-only.next-secondary .next-nav-icon.next-icon .next-icon-remote {
|
1675 | width: 16px;
|
1676 | width: var(--nav-icon-only-font-size, 16px);
|
1677 | font-size: 16px;
|
1678 | font-size: var(--nav-icon-only-font-size, 16px);
|
1679 | line-height: inherit; }
|
1680 | .next-nav.next-icon-only .next-nav-icon-only-arrow.next-icon {
|
1681 | margin-left: 1px;
|
1682 | margin-left: calc(29px - var(--nav-icon-only-font-size, 16px)/2 - var(--nav-ver-item-padding-lr, 20px));
|
1683 | margin-right: 1px;
|
1684 | margin-right: calc(29px - var(--nav-icon-only-font-size, 16px)/2 - var(--nav-ver-item-padding-lr, 20px));
|
1685 | transition: all 100ms linear;
|
1686 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
1687 | transform-origin: center 50%; }
|
1688 | .next-nav.next-icon-only .next-nav-icon-only-arrow.next-icon:before,
|
1689 | .next-nav.next-icon-only .next-nav-icon-only-arrow.next-icon .next-icon-remote {
|
1690 | width: 16px;
|
1691 | width: var(--nav-icon-only-font-size, 16px);
|
1692 | font-size: 16px;
|
1693 | font-size: var(--nav-icon-only-font-size, 16px);
|
1694 | line-height: inherit; }
|
1695 | .next-nav.next-icon-only .next-nav-item.next-opened .next-nav-icon-only-arrow.next-icon-arrow-down {
|
1696 | transform: rotate(180deg);
|
1697 | margin-left: 1px;
|
1698 | margin-left: calc(29px - var(--nav-icon-only-font-size, 16px)/2 - var(--nav-ver-item-padding-lr, 20px));
|
1699 | margin-right: 1px;
|
1700 | margin-right: calc(29px - var(--nav-icon-only-font-size, 16px)/2 - var(--nav-ver-item-padding-lr, 20px)); }
|
1701 | .next-nav.next-icon-only .next-nav-item.next-opened .next-nav-icon-only-arrow.next-icon-arrow-down:before,
|
1702 | .next-nav.next-icon-only .next-nav-item.next-opened .next-nav-icon-only-arrow.next-icon-arrow-down .next-icon-remote {
|
1703 | width: 16px;
|
1704 | width: var(--nav-icon-only-font-size, 16px);
|
1705 | font-size: 16px;
|
1706 | font-size: var(--nav-icon-only-font-size, 16px);
|
1707 | line-height: inherit; }
|
1708 | .next-nav.next-icon-only .next-menu-hoz-icon-arrow,
|
1709 | .next-nav.next-icon-only .next-menu-icon-arrow {
|
1710 | display: none; }
|
1711 | .next-nav-embeddable.next-primary, .next-nav-embeddable.next-secondary, .next-nav-embeddable.next-normal {
|
1712 | height: 100%;
|
1713 | background: transparent;
|
1714 | box-shadow: none;
|
1715 | border: none; }
|
1716 | .next-nav-embeddable.next-primary .next-menu-sub-menu .next-menu-item,
|
1717 | .next-nav-embeddable.next-primary .next-nav-item.next-menu-item, .next-nav-embeddable.next-secondary .next-menu-sub-menu .next-menu-item,
|
1718 | .next-nav-embeddable.next-secondary .next-nav-item.next-menu-item, .next-nav-embeddable.next-normal .next-menu-sub-menu .next-menu-item,
|
1719 | .next-nav-embeddable.next-normal .next-nav-item.next-menu-item {
|
1720 | background: transparent; }
|
1721 | .next-nav-embeddable.next-primary.next-icon-only .next-nav-icon.next-icon, .next-nav-embeddable.next-secondary.next-icon-only .next-nav-icon.next-icon, .next-nav-embeddable.next-normal.next-icon-only .next-nav-icon.next-icon {
|
1722 | margin-left: 1px;
|
1723 | margin-left: calc(29px - var(--nav-icon-only-font-size, 16px)/2 - var(--nav-ver-item-padding-lr, 20px));
|
1724 | margin-right: 1px;
|
1725 | margin-right: calc(29px - var(--nav-icon-only-font-size, 16px)/2 - var(--nav-ver-item-padding-lr, 20px));
|
1726 | margin-left: 1px;
|
1727 | margin-left: calc(29px - var(--nav-icon-only-font-size, 16px)/2 - var(--nav-ver-item-padding-lr, 20px));
|
1728 | margin-right: 1px;
|
1729 | margin-right: calc(29px - var(--nav-icon-only-font-size, 16px)/2 - var(--nav-ver-item-padding-lr, 20px)); }
|
1730 | .next-nav-embeddable.next-primary.next-icon-only .next-nav-icon.next-icon:before,
|
1731 | .next-nav-embeddable.next-primary.next-icon-only .next-nav-icon.next-icon .next-icon-remote, .next-nav-embeddable.next-secondary.next-icon-only .next-nav-icon.next-icon:before,
|
1732 | .next-nav-embeddable.next-secondary.next-icon-only .next-nav-icon.next-icon .next-icon-remote, .next-nav-embeddable.next-normal.next-icon-only .next-nav-icon.next-icon:before,
|
1733 | .next-nav-embeddable.next-normal.next-icon-only .next-nav-icon.next-icon .next-icon-remote {
|
1734 | width: 16px;
|
1735 | width: var(--nav-icon-only-font-size, 16px);
|
1736 | font-size: 16px;
|
1737 | font-size: var(--nav-icon-only-font-size, 16px);
|
1738 | line-height: inherit; }
|
1739 | .next-nav-embeddable.next-primary.next-icon-only .next-nav-icon.next-icon:before,
|
1740 | .next-nav-embeddable.next-primary.next-icon-only .next-nav-icon.next-icon .next-icon-remote, .next-nav-embeddable.next-secondary.next-icon-only .next-nav-icon.next-icon:before,
|
1741 | .next-nav-embeddable.next-secondary.next-icon-only .next-nav-icon.next-icon .next-icon-remote, .next-nav-embeddable.next-normal.next-icon-only .next-nav-icon.next-icon:before,
|
1742 | .next-nav-embeddable.next-normal.next-icon-only .next-nav-icon.next-icon .next-icon-remote {
|
1743 | width: 16px;
|
1744 | width: var(--nav-icon-only-font-size, 16px);
|
1745 | font-size: 16px;
|
1746 | font-size: var(--nav-icon-only-font-size, 16px);
|
1747 | line-height: inherit; }
|
1748 | .next-nav-embeddable.next-nav.next-hoz .next-menu-item-inner {
|
1749 | height: 100%; }
|
1750 | .next-nav-embeddable.next-nav.next-hoz .next-menu-sub-menu .next-menu-item,
|
1751 | .next-nav-embeddable.next-nav.next-hoz .next-nav-item.next-menu-item {
|
1752 | height: 100%; }
|
1753 | .next-nav-embeddable,
|
1754 | .next-nav-embeddable .next-nav-item.next-disabled,
|
1755 | .next-nav-embeddable .next-nav-item.next-disabled .next-menu-item-text > a {
|
1756 | background: transparent;
|
1757 | border: none; }
|
1758 |
|
1759 | .next-nav[dir="rtl"] .next-nav-icon.next-icon {
|
1760 | margin-left: 4px;
|
1761 | margin-left: var(--nav-icon-self-margin, 4px);
|
1762 | margin-right: 0; }
|
1763 | .next-nav[dir="rtl"] .next-nav-icon.next-icon:before,
|
1764 | .next-nav[dir="rtl"] .next-nav-icon.next-icon .next-icon-remote {
|
1765 | width: 12px;
|
1766 | width: var(--nav-icon-self-size, 12px);
|
1767 | font-size: 12px;
|
1768 | font-size: var(--nav-icon-self-size, 12px);
|
1769 | line-height: inherit; }
|
1770 |
|
1771 | .next-nav[dir="rtl"].next-hoz .next-menu-header {
|
1772 | float: right; }
|
1773 |
|
1774 | .next-nav[dir="rtl"].next-hoz .next-menu-footer {
|
1775 | float: left; }
|
1776 |
|
1777 | .next-nav[dir="rtl"].next-hoz .next-nav-item:before {
|
1778 | width: 0;
|
1779 | left: 50%; }
|
1780 |
|
1781 | .next-nav[dir="rtl"].next-hoz .next-selected.next-nav-item:before {
|
1782 | width: 100%;
|
1783 | left: auto;
|
1784 | right: 0; }
|
1785 |
|
1786 | .next-nav[dir="rtl"].next-ver.next-left .next-nav-item:before {
|
1787 | right: 0;
|
1788 | right: -1px;
|
1789 | right: calc(0px - var(--popup-local-border-width, 1px));
|
1790 | left: auto; }
|
1791 |
|
1792 | .next-nav[dir="rtl"].next-ver.next-right .next-nav-item:before {
|
1793 | left: 0;
|
1794 | left: -1px;
|
1795 | left: calc(0px - var(--popup-local-border-width, 1px));
|
1796 | right: auto; }
|
1797 |
|
1798 | .next-nav[dir="rtl"].next-primary.next-ver.next-left .next-nav-item:before {
|
1799 | right: 0;
|
1800 | right: 0px;
|
1801 | right: calc(0px - var(--nav-primary-border-width, 0px));
|
1802 | left: auto; }
|
1803 |
|
1804 | .next-nav[dir="rtl"].next-primary.next-ver.next-right .next-nav-item:before {
|
1805 | left: 0;
|
1806 | left: 0px;
|
1807 | left: calc(0px - var(--nav-primary-border-width, 0px));
|
1808 | right: auto; }
|
1809 |
|
1810 | .next-nav[dir="rtl"].next-secondary.next-ver.next-left .next-nav-item:before {
|
1811 | right: 0;
|
1812 | right: 0px;
|
1813 | right: calc(0px - var(--nav-secondary-border-width, 0px));
|
1814 | left: auto; }
|
1815 |
|
1816 | .next-nav[dir="rtl"].next-secondary.next-ver.next-right .next-nav-item:before {
|
1817 | left: 0;
|
1818 | left: 0px;
|
1819 | left: calc(0px - var(--nav-secondary-border-width, 0px));
|
1820 | right: auto; }
|
1821 |
|
1822 | .next-nav[dir="rtl"] .next-nav.next-line.next-ver {
|
1823 | border-top-color: transparent;
|
1824 | border-top-color: var(--nav-line-bg-color, transparent);
|
1825 | border-right-color: transparent;
|
1826 | border-right-color: var(--nav-line-bg-color, transparent);
|
1827 | border-left-color: transparent;
|
1828 | border-bottom-color: transparent;
|
1829 | border-bottom-color: var(--nav-line-bg-color, transparent); }
|
1830 |
|
1831 | .next-nav[dir="rtl"].next-icon-only .next-nav-icon.next-icon,
|
1832 | .next-nav[dir="rtl"].next-icon-only .next-nav-icon-only-arrow.next-icon,
|
1833 | .next-nav[dir="rtl"].next-icon-only .next-nav-item.next-opened .next-nav-icon-only-arrow.next-icon-arrow-down {
|
1834 | margin-left: 0;
|
1835 | margin-right: 1px;
|
1836 | margin-right: calc(9px - var(--nav-icon-only-font-size, 16px)/2); }
|
1837 | .next-nav[dir="rtl"].next-icon-only .next-nav-icon.next-icon:before,
|
1838 | .next-nav[dir="rtl"].next-icon-only .next-nav-icon.next-icon .next-icon-remote,
|
1839 | .next-nav[dir="rtl"].next-icon-only .next-nav-icon-only-arrow.next-icon:before,
|
1840 | .next-nav[dir="rtl"].next-icon-only .next-nav-icon-only-arrow.next-icon .next-icon-remote,
|
1841 | .next-nav[dir="rtl"].next-icon-only .next-nav-item.next-opened .next-nav-icon-only-arrow.next-icon-arrow-down:before,
|
1842 | .next-nav[dir="rtl"].next-icon-only .next-nav-item.next-opened .next-nav-icon-only-arrow.next-icon-arrow-down .next-icon-remote {
|
1843 | width: 16px;
|
1844 | width: var(--nav-icon-only-font-size, 16px);
|
1845 | font-size: 16px;
|
1846 | font-size: var(--nav-icon-only-font-size, 16px);
|
1847 | line-height: inherit; }
|
1848 |
|
1849 | .next-sr-only {
|
1850 | position: absolute;
|
1851 | width: 1px;
|
1852 | height: 1px;
|
1853 | padding: 0;
|
1854 | overflow: hidden;
|
1855 | clip: rect(0, 0, 0, 0);
|
1856 | white-space: nowrap;
|
1857 | border: 0;
|
1858 | top: 0;
|
1859 | margin: -1px; }
|
1860 |
|
1861 | .next-number-picker {
|
1862 | box-sizing: border-box;
|
1863 | display: inline-block;
|
1864 | }
|
1865 | .next-number-picker *,
|
1866 | .next-number-picker *:before,
|
1867 | .next-number-picker *:after {
|
1868 | box-sizing: border-box; }
|
1869 | .next-number-picker .next-btn {
|
1870 | padding: 0 !important;
|
1871 | line-height: 0 !important;
|
1872 | box-shadow: none !important; }
|
1873 | .next-number-picker-normal .next-input {
|
1874 | width: 100%; }
|
1875 | .next-number-picker-normal .next-input .next-input-control {
|
1876 | padding-right: 0;
|
1877 | height: 100%; }
|
1878 | .next-number-picker-normal:not(.next-number-picker-no-trigger) .next-input input {
|
1879 | padding-right: 2px; }
|
1880 | .next-number-picker-normal .next-btn {
|
1881 | display: block; }
|
1882 | .next-number-picker-normal .next-btn:hover {
|
1883 | z-index: 1; }
|
1884 | .next-number-picker-normal .next-btn:first-child {
|
1885 | border-right: none;
|
1886 | border-top: none;
|
1887 | height: 50%;
|
1888 | border-top-left-radius: 0;
|
1889 | border-bottom-left-radius: 0;
|
1890 | border-bottom-right-radius: 0; }
|
1891 | .next-number-picker-normal .next-btn:last-child {
|
1892 | border-right: none;
|
1893 | border-bottom: none;
|
1894 | margin-top: -1px;
|
1895 | height: calc(50% + 1px);
|
1896 | border-top-left-radius: 0;
|
1897 | border-bottom-left-radius: 0;
|
1898 | border-top-right-radius: 0; }
|
1899 | .next-number-picker-normal .next-number-picker-handler {
|
1900 | transition: opacity 100ms linear;
|
1901 | transition: opacity var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
1902 | height: 100%;
|
1903 | display: block; }
|
1904 | .next-number-picker-normal:not(.next-number-picker-show-trigger) .next-number-picker-handler {
|
1905 | opacity: 0; }
|
1906 | .next-number-picker-normal:hover .next-number-picker-handler,
|
1907 | .next-number-picker-normal.hover .next-number-picker-handler {
|
1908 | opacity: 1; }
|
1909 | .next-number-picker-normal .next-input.next-disabled .next-number-picker-handler {
|
1910 | opacity: 0; }
|
1911 | .next-number-picker-normal .next-number-picker-up-icon::before {
|
1912 | content: "\E625";
|
1913 | content: var(--number-picker-normal-up-icon, "\E625"); }
|
1914 | .next-number-picker-normal .next-number-picker-down-icon::before {
|
1915 | content: "\E63D";
|
1916 | content: var(--number-picker-normal-down-icon, "\E63D"); }
|
1917 | .next-number-picker-normal.next-small {
|
1918 | width: 68px; }
|
1919 | .next-number-picker-normal.next-small .next-btn {
|
1920 | width: 20px;
|
1921 | width: var(--number-picker-normal-s-button-width, 20px); }
|
1922 | .next-number-picker-normal.next-small .next-btn:first-child {
|
1923 | border-top-right-radius: 3px;
|
1924 | border-top-right-radius: var(--form-element-small-corner, 3px); }
|
1925 | .next-number-picker-normal.next-small .next-btn:last-child {
|
1926 | border-bottom-right-radius: 3px;
|
1927 | border-bottom-right-radius: var(--form-element-small-corner, 3px); }
|
1928 | .next-number-picker-normal.next-small .next-icon:before,
|
1929 | .next-number-picker-normal.next-small .next-icon .next-icon-remote {
|
1930 | width: 8px;
|
1931 | width: var(--number-picker-normal-s-button-icon-size, 8px);
|
1932 | font-size: 8px;
|
1933 | font-size: var(--number-picker-normal-s-button-icon-size, 8px);
|
1934 | line-height: inherit; }
|
1935 | @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
|
1936 | .next-number-picker-normal.next-small .next-icon {
|
1937 | transform: scale(0.5);
|
1938 | margin-left: -4px;
|
1939 | margin-left: calc(0px - var(--icon-s, 16px)/2 + var(--number-picker-normal-s-button-icon-size, 8px)/2);
|
1940 | margin-right: -4px;
|
1941 | margin-right: calc(0px - var(--icon-s, 16px)/2 + var(--number-picker-normal-s-button-icon-size, 8px)/2); }
|
1942 | .next-number-picker-normal.next-small .next-icon:before {
|
1943 | width: 16px;
|
1944 | width: var(--icon-s, 16px);
|
1945 | font-size: 16px;
|
1946 | font-size: var(--icon-s, 16px); } }
|
1947 | .next-number-picker-normal.next-medium {
|
1948 | width: 80px;
|
1949 | width: var(--number-picker-normal-m-input-width, 80px); }
|
1950 | .next-number-picker-normal.next-medium .next-btn {
|
1951 | width: 20px;
|
1952 | width: var(--number-picker-normal-m-button-width, 20px); }
|
1953 | .next-number-picker-normal.next-medium .next-btn:first-child {
|
1954 | border-top-right-radius: 3px;
|
1955 | border-top-right-radius: var(--form-element-medium-corner, 3px); }
|
1956 | .next-number-picker-normal.next-medium .next-btn:last-child {
|
1957 | border-bottom-right-radius: 3px;
|
1958 | border-bottom-right-radius: var(--form-element-medium-corner, 3px); }
|
1959 | .next-number-picker-normal.next-medium .next-icon:before,
|
1960 | .next-number-picker-normal.next-medium .next-icon .next-icon-remote {
|
1961 | width: 8px;
|
1962 | width: var(--number-picker-normal-m-button-icon-size, 8px);
|
1963 | font-size: 8px;
|
1964 | font-size: var(--number-picker-normal-m-button-icon-size, 8px);
|
1965 | line-height: inherit; }
|
1966 | @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
|
1967 | .next-number-picker-normal.next-medium .next-icon {
|
1968 | transform: scale(0.5);
|
1969 | margin-left: -4px;
|
1970 | margin-left: calc(0px - var(--icon-s, 16px)/2 + var(--number-picker-normal-m-button-icon-size, 8px)/2);
|
1971 | margin-right: -4px;
|
1972 | margin-right: calc(0px - var(--icon-s, 16px)/2 + var(--number-picker-normal-m-button-icon-size, 8px)/2); }
|
1973 | .next-number-picker-normal.next-medium .next-icon:before {
|
1974 | width: 16px;
|
1975 | width: var(--icon-s, 16px);
|
1976 | font-size: 16px;
|
1977 | font-size: var(--icon-s, 16px); } }
|
1978 | .next-number-picker-normal.next-large {
|
1979 | width: 80px;
|
1980 | width: var(--number-picker-normal-l-input-width, 80px); }
|
1981 | .next-number-picker-normal.next-large .next-btn {
|
1982 | width: 20px;
|
1983 | width: var(--number-picker-normal-l-button-width, 20px); }
|
1984 | .next-number-picker-normal.next-large .next-btn:first-child {
|
1985 | border-top-right-radius: 3px;
|
1986 | border-top-right-radius: var(--form-element-large-corner, 3px); }
|
1987 | .next-number-picker-normal.next-large .next-btn:last-child {
|
1988 | border-bottom-right-radius: 3px;
|
1989 | border-bottom-right-radius: var(--form-element-large-corner, 3px); }
|
1990 | .next-number-picker-normal.next-large .next-icon:before,
|
1991 | .next-number-picker-normal.next-large .next-icon .next-icon-remote {
|
1992 | width: 8px;
|
1993 | width: var(--number-picker-normal-l-button-icon-size, 8px);
|
1994 | font-size: 8px;
|
1995 | font-size: var(--number-picker-normal-l-button-icon-size, 8px);
|
1996 | line-height: inherit; }
|
1997 | @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
|
1998 | .next-number-picker-normal.next-large .next-icon {
|
1999 | transform: scale(0.5);
|
2000 | margin-left: -4px;
|
2001 | margin-left: calc(0px - var(--icon-s, 16px)/2 + var(--number-picker-normal-l-button-icon-size, 8px)/2);
|
2002 | margin-right: -4px;
|
2003 | margin-right: calc(0px - var(--icon-s, 16px)/2 + var(--number-picker-normal-l-button-icon-size, 8px)/2); }
|
2004 | .next-number-picker-normal.next-large .next-icon:before {
|
2005 | width: 16px;
|
2006 | width: var(--icon-s, 16px);
|
2007 | font-size: 16px;
|
2008 | font-size: var(--icon-s, 16px); } }
|
2009 | .next-number-picker-inline input {
|
2010 | text-align: center; }
|
2011 | .next-number-picker-inline .next-input input {
|
2012 | padding: 0; }
|
2013 | .next-number-picker-inline .next-number-picker-add-icon::before {
|
2014 | content: "\E655";
|
2015 | content: var(--number-picker-inline-add-icon, "\E655"); }
|
2016 | .next-number-picker-inline .next-number-picker-minus-icon::before {
|
2017 | content: "\E601";
|
2018 | content: var(--number-picker-inline-minus-icon, "\E601"); }
|
2019 | .next-number-picker-inline.next-small {
|
2020 | width: 68px;
|
2021 | min-width: 60px;
|
2022 | min-width: calc(var(--form-element-small-height, 20px)*3); }
|
2023 | .next-number-picker-inline.next-small .next-icon:before,
|
2024 | .next-number-picker-inline.next-small .next-icon .next-icon-remote {
|
2025 | width: 12px;
|
2026 | width: var(--number-picker-inline-s-button-icon-size, 12px);
|
2027 | font-size: 12px;
|
2028 | font-size: var(--number-picker-inline-s-button-icon-size, 12px);
|
2029 | line-height: inherit; }
|
2030 | .next-number-picker-inline.next-small .next-btn {
|
2031 | height: 20px;
|
2032 | height: var(--form-element-small-height, 20px); }
|
2033 | .next-number-picker-inline.next-small .next-before .next-btn {
|
2034 | margin-right: 2px;
|
2035 | margin-right: var(--number-picker-inline-s-button-margin, 2px);
|
2036 | border-top-left-radius: 3px;
|
2037 | border-top-left-radius: var(--number-picker-inline-s-button-corner, 3px);
|
2038 | border-bottom-left-radius: 3px;
|
2039 | border-bottom-left-radius: var(--number-picker-inline-s-button-corner, 3px); }
|
2040 | .next-number-picker-inline.next-small .next-after .next-btn {
|
2041 | margin-left: 2px;
|
2042 | margin-left: var(--number-picker-inline-s-button-margin, 2px);
|
2043 | border-top-right-radius: 3px;
|
2044 | border-top-right-radius: var(--number-picker-inline-s-button-corner, 3px);
|
2045 | border-bottom-right-radius: 3px;
|
2046 | border-bottom-right-radius: var(--number-picker-inline-s-button-corner, 3px); }
|
2047 | .next-number-picker-inline.next-medium {
|
2048 | width: 100px;
|
2049 | width: var(--number-picker-inline-m-input-width, 100px);
|
2050 | min-width: 84px;
|
2051 | min-width: calc(var(--form-element-medium-height, 28px)*3); }
|
2052 | .next-number-picker-inline.next-medium .next-icon:before,
|
2053 | .next-number-picker-inline.next-medium .next-icon .next-icon-remote {
|
2054 | width: 12px;
|
2055 | width: var(--number-picker-inline-m-button-icon-size, 12px);
|
2056 | font-size: 12px;
|
2057 | font-size: var(--number-picker-inline-m-button-icon-size, 12px);
|
2058 | line-height: inherit; }
|
2059 | .next-number-picker-inline.next-medium .next-btn {
|
2060 | height: 28px;
|
2061 | height: var(--form-element-medium-height, 28px); }
|
2062 | .next-number-picker-inline.next-medium .next-before .next-btn {
|
2063 | margin-right: 2px;
|
2064 | margin-right: var(--number-picker-inline-m-button-margin, 2px);
|
2065 | border-top-left-radius: 3px;
|
2066 | border-top-left-radius: var(--number-picker-inline-m-button-corner, 3px);
|
2067 | border-bottom-left-radius: 3px;
|
2068 | border-bottom-left-radius: var(--number-picker-inline-m-button-corner, 3px); }
|
2069 | .next-number-picker-inline.next-medium .next-after .next-btn {
|
2070 | margin-left: 2px;
|
2071 | margin-left: var(--number-picker-inline-m-button-margin, 2px);
|
2072 | border-top-right-radius: 3px;
|
2073 | border-top-right-radius: var(--number-picker-inline-m-button-corner, 3px);
|
2074 | border-bottom-right-radius: 3px;
|
2075 | border-bottom-right-radius: var(--number-picker-inline-m-button-corner, 3px); }
|
2076 | .next-number-picker-inline.next-large {
|
2077 | width: 128px;
|
2078 | width: var(--number-picker-inline-l-input-width, 128px);
|
2079 | min-width: 120px;
|
2080 | min-width: calc(var(--form-element-large-height, 40px)*3); }
|
2081 | .next-number-picker-inline.next-large .next-icon:before,
|
2082 | .next-number-picker-inline.next-large .next-icon .next-icon-remote {
|
2083 | width: 12px;
|
2084 | width: var(--number-picker-inline-l-button-icon-size, 12px);
|
2085 | font-size: 12px;
|
2086 | font-size: var(--number-picker-inline-l-button-icon-size, 12px);
|
2087 | line-height: inherit; }
|
2088 | .next-number-picker-inline.next-large .next-btn {
|
2089 | height: 40px;
|
2090 | height: var(--form-element-large-height, 40px); }
|
2091 | .next-number-picker-inline.next-large .next-before .next-btn {
|
2092 | margin-right: 2px;
|
2093 | margin-right: var(--number-picker-inline-l-button-margin, 2px);
|
2094 | border-top-left-radius: 3px;
|
2095 | border-top-left-radius: var(--number-picker-inline-l-button-corner, 3px);
|
2096 | border-bottom-left-radius: 3px;
|
2097 | border-bottom-left-radius: var(--number-picker-inline-l-button-corner, 3px); }
|
2098 | .next-number-picker-inline.next-large .next-after .next-btn {
|
2099 | margin-left: 2px;
|
2100 | margin-left: var(--number-picker-inline-l-button-margin, 2px);
|
2101 | border-top-right-radius: 3px;
|
2102 | border-top-right-radius: var(--number-picker-inline-l-button-corner, 3px);
|
2103 | border-bottom-right-radius: 3px;
|
2104 | border-bottom-right-radius: var(--number-picker-inline-l-button-corner, 3px); }
|
2105 | .next-number-picker-inline .next-btn.next-small {
|
2106 | width: 20px;
|
2107 | width: var(--form-element-small-height, 20px); }
|
2108 | .next-number-picker-inline .next-btn.next-medium {
|
2109 | width: 28px;
|
2110 | width: var(--form-element-medium-height, 28px); }
|
2111 | .next-number-picker-inline .next-btn.next-large {
|
2112 | width: 40px;
|
2113 | width: var(--form-element-large-height, 40px); }
|
2114 |
|
2115 | @-moz-document url-prefix() {
|
2116 | .next-number-picker-normal.next-small .next-number-picker-handler {
|
2117 | height: 18px;
|
2118 | height: calc(var(--form-element-small-height, 20px) - 2px); }
|
2119 | .next-number-picker-normal.next-medium .next-number-picker-handler {
|
2120 | height: 26px;
|
2121 | height: calc(var(--form-element-medium-height, 28px) - 2px); }
|
2122 | .next-number-picker-normal.next-large .next-number-picker-handler {
|
2123 | height: 38px;
|
2124 | height: calc(var(--form-element-large-height, 40px) - 2px); } }
|
2125 |
|
2126 | .next-number-picker-normal[dir="rtl"] .next-btn:first-child {
|
2127 | border-right: 1px solid #C4C6CF;
|
2128 | border-right: 1px solid var(--color-line1-3, #C4C6CF);
|
2129 | border-left: 0;
|
2130 | border-top-right-radius: 0; }
|
2131 | .next-number-picker-normal[dir="rtl"] .next-btn:first-child.next-small {
|
2132 | border-top-left-radius: 3px;
|
2133 | border-top-left-radius: var(--form-element-small-corner, 3px); }
|
2134 | .next-number-picker-normal[dir="rtl"] .next-btn:first-child.next-medium {
|
2135 | border-top-left-radius: 3px;
|
2136 | border-top-left-radius: var(--form-element-medium-corner, 3px); }
|
2137 | .next-number-picker-normal[dir="rtl"] .next-btn:first-child.next-large {
|
2138 | border-top-left-radius: 3px;
|
2139 | border-top-left-radius: var(--form-element-large-corner, 3px); }
|
2140 |
|
2141 | .next-number-picker-normal[dir="rtl"] .next-btn:last-child {
|
2142 | border-right: 1px solid #C4C6CF;
|
2143 | border-right: 1px solid var(--color-line1-3, #C4C6CF);
|
2144 | border-left: 0;
|
2145 | border-bottom-right-radius: 0; }
|
2146 | .next-number-picker-normal[dir="rtl"] .next-btn:last-child.next-small {
|
2147 | border-bottom-left-radius: 3px;
|
2148 | border-bottom-left-radius: var(--form-element-small-corner, 3px); }
|
2149 | .next-number-picker-normal[dir="rtl"] .next-btn:last-child.next-medium {
|
2150 | border-bottom-left-radius: 3px;
|
2151 | border-bottom-left-radius: var(--form-element-medium-corner, 3px); }
|
2152 | .next-number-picker-normal[dir="rtl"] .next-btn:last-child.next-large {
|
2153 | border-bottom-left-radius: 3px;
|
2154 | border-bottom-left-radius: var(--form-element-large-corner, 3px); }
|
2155 |
|
2156 | .next-number-picker-normal[dir="rtl"] .next-input .next-input-control {
|
2157 | padding-left: 0; }
|
2158 |
|
2159 | .next-number-picker-inline[dir="rtl"] .next-before .next-btn {
|
2160 | margin-right: 0; }
|
2161 | .next-number-picker-inline[dir="rtl"] .next-before .next-btn.next-small {
|
2162 | margin-left: 2px;
|
2163 | margin-left: var(--number-picker-inline-s-button-margin, 2px);
|
2164 | border-top-right-radius: 3px !important;
|
2165 | border-top-right-radius: var(--number-picker-inline-s-button-corner, 3px) !important;
|
2166 | border-bottom-right-radius: 3px !important;
|
2167 | border-bottom-right-radius: var(--number-picker-inline-s-button-corner, 3px) !important; }
|
2168 | .next-number-picker-inline[dir="rtl"] .next-before .next-btn.next-medium {
|
2169 | margin-left: 2px;
|
2170 | margin-left: var(--number-picker-inline-m-button-margin, 2px);
|
2171 | border-top-right-radius: 3px !important;
|
2172 | border-top-right-radius: var(--number-picker-inline-m-button-corner, 3px) !important;
|
2173 | border-bottom-right-radius: 3px !important;
|
2174 | border-bottom-right-radius: var(--number-picker-inline-m-button-corner, 3px) !important; }
|
2175 | .next-number-picker-inline[dir="rtl"] .next-before .next-btn.next-large {
|
2176 | margin-left: 2px;
|
2177 | margin-left: var(--number-picker-inline-l-button-margin, 2px);
|
2178 | border-top-right-radius: 3px !important;
|
2179 | border-top-right-radius: var(--number-picker-inline-l-button-corner, 3px) !important;
|
2180 | border-bottom-right-radius: 3px !important;
|
2181 | border-bottom-right-radius: var(--number-picker-inline-l-button-corner, 3px) !important; }
|
2182 |
|
2183 | .next-number-picker-inline[dir="rtl"] .next-after .next-btn {
|
2184 | margin-left: 0; }
|
2185 | .next-number-picker-inline[dir="rtl"] .next-after .next-btn.next-small {
|
2186 | margin-right: 2px;
|
2187 | margin-right: var(--number-picker-inline-s-button-margin, 2px);
|
2188 | border-top-left-radius: 3px !important;
|
2189 | border-top-left-radius: var(--number-picker-inline-s-button-corner, 3px) !important;
|
2190 | border-bottom-left-radius: 3px !important;
|
2191 | border-bottom-left-radius: var(--number-picker-inline-s-button-corner, 3px) !important; }
|
2192 | .next-number-picker-inline[dir="rtl"] .next-after .next-btn.next-medium {
|
2193 | margin-right: 2px;
|
2194 | margin-right: var(--number-picker-inline-m-button-margin, 2px);
|
2195 | border-top-left-radius: 3px !important;
|
2196 | border-top-left-radius: var(--number-picker-inline-m-button-corner, 3px) !important;
|
2197 | border-bottom-left-radius: 3px !important;
|
2198 | border-bottom-left-radius: var(--number-picker-inline-m-button-corner, 3px) !important; }
|
2199 | .next-number-picker-inline[dir="rtl"] .next-after .next-btn.next-large {
|
2200 | margin-right: 2px;
|
2201 | margin-right: var(--number-picker-inline-l-button-margin, 2px);
|
2202 | border-top-left-radius: 3px !important;
|
2203 | border-top-left-radius: var(--number-picker-inline-l-button-corner, 3px) !important;
|
2204 | border-bottom-left-radius: 3px !important;
|
2205 | border-bottom-left-radius: var(--number-picker-inline-l-button-corner, 3px) !important; }
|
2206 |
|
2207 | .next-sr-only {
|
2208 | position: absolute;
|
2209 | width: 1px;
|
2210 | height: 1px;
|
2211 | padding: 0;
|
2212 | overflow: hidden;
|
2213 | clip: rect(0, 0, 0, 0);
|
2214 | white-space: nowrap;
|
2215 | border: 0;
|
2216 | top: 0;
|
2217 | margin: -1px; }
|
2218 |
|
2219 | .next-pagination[dir="rtl"] .next-pagination-total {
|
2220 | margin-right: 0;
|
2221 | margin-left: 16px;
|
2222 | margin-left: var(--s-4, 16px); }
|
2223 |
|
2224 | .next-pagination[dir="rtl"] .next-pagination-jump-go {
|
2225 | margin-left: 0;
|
2226 | margin-right: 4px;
|
2227 | margin-right: var(--s-1, 4px); }
|
2228 |
|
2229 | .next-pagination[dir="rtl"] .next-pagination-size-selector-title {
|
2230 | margin-right: 0;
|
2231 | margin-left: 4px;
|
2232 | margin-left: var(--pagination-size-selector-title-margin-right, 4px); }
|
2233 |
|
2234 | .next-pagination[dir="rtl"] .next-pagination-size-selector-btn.next-btn-text + .next-pagination-size-selector-btn {
|
2235 | border-left: none;
|
2236 | border-right: 1px solid #DCDEE3;
|
2237 | border-right: var(--line-1, 1px) solid var(--color-line1-2, #DCDEE3); }
|
2238 |
|
2239 | .next-pagination[dir="rtl"] .next-pagination-pages + .next-pagination-size-selector,
|
2240 | .next-pagination[dir="rtl"] .next-pagination-size-selector + .next-pagination-pages {
|
2241 | margin-left: 0;
|
2242 | margin-right: 40px;
|
2243 | margin-right: var(--s-10, 40px); }
|
2244 |
|
2245 | .next-pagination[dir="rtl"].next-start .next-pagination-pages {
|
2246 | float: left; }
|
2247 |
|
2248 | .next-pagination[dir="rtl"].next-start .next-pagination-size-selector {
|
2249 | float: right; }
|
2250 |
|
2251 | .next-pagination[dir="rtl"].next-end .next-pagination-pages {
|
2252 | float: right; }
|
2253 |
|
2254 | .next-pagination[dir="rtl"].next-end .next-pagination-size-selector {
|
2255 | float: left; }
|
2256 |
|
2257 | .next-pagination[dir="rtl"].next-small .next-pagination-list {
|
2258 | margin: 0 4px;
|
2259 | margin: 0 var(--pagination-small-item-split, 4px); }
|
2260 |
|
2261 | .next-pagination[dir="rtl"].next-small .next-pagination-total {
|
2262 | line-height: 20px;
|
2263 | line-height: var(--form-element-small-height, 20px);
|
2264 | vertical-align: middle; }
|
2265 |
|
2266 | .next-pagination[dir="rtl"].next-small .next-pagination-item {
|
2267 | padding: 0 6px;
|
2268 | padding: 0 calc(var(--s-2, 8px) - 2px);
|
2269 | border-width: 1px;
|
2270 | border-width: var(--pagination-small-item-border-width, 1px);
|
2271 | border-radius: 3px;
|
2272 | border-radius: var(--pagination-small-item-corner, 3px); }
|
2273 | .next-pagination[dir="rtl"].next-small .next-pagination-item + .next-pagination-item {
|
2274 | margin: 0 4px 0 0;
|
2275 | margin: 0 var(--pagination-small-item-split, 4px) 0 0; }
|
2276 |
|
2277 | .next-pagination[dir="rtl"].next-small .next-pagination-ellipsis {
|
2278 | height: 20px;
|
2279 | height: var(--form-element-small-height, 20px);
|
2280 | line-height: 20px;
|
2281 | line-height: var(--form-element-small-height, 20px);
|
2282 | margin-left: 8px;
|
2283 | margin-left: var(--pagination-ellipsis-margin, 8px);
|
2284 | margin-right: 8px;
|
2285 | margin-right: var(--pagination-ellipsis-margin, 8px); }
|
2286 | .next-pagination[dir="rtl"].next-small .next-pagination-ellipsis:before,
|
2287 | .next-pagination[dir="rtl"].next-small .next-pagination-ellipsis .next-icon-remote {
|
2288 | width: 12px;
|
2289 | width: var(--pagination-small-ellipsis-size, 12px);
|
2290 | font-size: 12px;
|
2291 | font-size: var(--pagination-small-ellipsis-size, 12px);
|
2292 | line-height: inherit; }
|
2293 |
|
2294 | .next-pagination[dir="rtl"].next-small .next-pagination-display {
|
2295 | font-size: 12px;
|
2296 | font-size: var(--pagination-small-total-font-size, 12px); }
|
2297 | .next-pagination[dir="rtl"].next-small .next-pagination-display em {
|
2298 | font-size: 12px;
|
2299 | font-size: var(--pagination-small-current-font-size, 12px); }
|
2300 |
|
2301 | .next-pagination[dir="rtl"].next-small .next-pagination-jump-text {
|
2302 | font-size: 12px;
|
2303 | font-size: var(--pagination-small-jump-font-size, 12px); }
|
2304 |
|
2305 | .next-pagination[dir="rtl"].next-small .next-pagination-jump-input {
|
2306 | width: 28px;
|
2307 | width: var(--pagination-small-input-width, 28px); }
|
2308 |
|
2309 | .next-pagination[dir="rtl"].next-small .next-pagination-size-selector-title {
|
2310 | height: 20px;
|
2311 | height: var(--form-element-small-height, 20px);
|
2312 | line-height: 20px;
|
2313 | line-height: var(--form-element-small-height, 20px);
|
2314 | font-size: 12px;
|
2315 | font-size: var(--pagination-small-jump-font-size, 12px);
|
2316 | vertical-align: middle; }
|
2317 |
|
2318 | .next-pagination[dir="rtl"].next-small .next-pagination-size-selector-btn {
|
2319 | padding: 0 8px;
|
2320 | padding: 0 var(--pagination-small-size-selector-number-padding, 8px); }
|
2321 |
|
2322 | .next-pagination[dir="rtl"].next-small .next-pagination-item.next-prev:not([disabled]) i,
|
2323 | .next-pagination[dir="rtl"].next-small .next-pagination-item.next-next:not([disabled]) i {
|
2324 | color: #666666;
|
2325 | color: var(--pagination-arrow-color, #666666); }
|
2326 |
|
2327 | .next-pagination[dir="rtl"].next-small .next-pagination-item:hover.next-prev:not([disabled]) i,
|
2328 | .next-pagination[dir="rtl"].next-small .next-pagination-item:hover.next-next:not([disabled]) i {
|
2329 | color: #333333;
|
2330 | color: var(--pagination-arrow-hover-color, #333333); }
|
2331 |
|
2332 | .next-pagination[dir="rtl"].next-medium .next-pagination-list {
|
2333 | margin: 0 4px;
|
2334 | margin: 0 var(--pagination-item-split, 4px); }
|
2335 |
|
2336 | .next-pagination[dir="rtl"].next-medium .next-pagination-total {
|
2337 | line-height: 28px;
|
2338 | line-height: var(--form-element-medium-height, 28px);
|
2339 | vertical-align: middle; }
|
2340 |
|
2341 | .next-pagination[dir="rtl"].next-medium .next-pagination-item {
|
2342 | padding: 0 10px;
|
2343 | padding: 0 calc(var(--s-3, 12px) - 2px);
|
2344 | border-width: 1px;
|
2345 | border-width: var(--pagination-item-border-width, 1px);
|
2346 | border-radius: 3px;
|
2347 | border-radius: var(--pagination-item-corner, 3px); }
|
2348 | .next-pagination[dir="rtl"].next-medium .next-pagination-item + .next-pagination-item {
|
2349 | margin: 0 4px 0 0;
|
2350 | margin: 0 var(--pagination-item-split, 4px) 0 0; }
|
2351 |
|
2352 | .next-pagination[dir="rtl"].next-medium .next-pagination-ellipsis {
|
2353 | height: 28px;
|
2354 | height: var(--form-element-medium-height, 28px);
|
2355 | line-height: 28px;
|
2356 | line-height: var(--form-element-medium-height, 28px);
|
2357 | margin-left: 8px;
|
2358 | margin-left: var(--pagination-ellipsis-margin, 8px);
|
2359 | margin-right: 8px;
|
2360 | margin-right: var(--pagination-ellipsis-margin, 8px); }
|
2361 | .next-pagination[dir="rtl"].next-medium .next-pagination-ellipsis:before,
|
2362 | .next-pagination[dir="rtl"].next-medium .next-pagination-ellipsis .next-icon-remote {
|
2363 | width: 12px;
|
2364 | width: var(--pagination-ellipsis-size, 12px);
|
2365 | font-size: 12px;
|
2366 | font-size: var(--pagination-ellipsis-size, 12px);
|
2367 | line-height: inherit; }
|
2368 |
|
2369 | .next-pagination[dir="rtl"].next-medium .next-pagination-display {
|
2370 | font-size: 12px;
|
2371 | font-size: var(--pagination-total-font-size, 12px); }
|
2372 | .next-pagination[dir="rtl"].next-medium .next-pagination-display em {
|
2373 | font-size: 12px;
|
2374 | font-size: var(--pagination-current-font-size, 12px); }
|
2375 |
|
2376 | .next-pagination[dir="rtl"].next-medium .next-pagination-jump-text {
|
2377 | font-size: 12px;
|
2378 | font-size: var(--pagination-jump-font-size, 12px); }
|
2379 |
|
2380 | .next-pagination[dir="rtl"].next-medium .next-pagination-jump-input {
|
2381 | width: 36px;
|
2382 | width: var(--pagination-input-width, 36px); }
|
2383 |
|
2384 | .next-pagination[dir="rtl"].next-medium .next-pagination-size-selector-title {
|
2385 | height: 28px;
|
2386 | height: var(--form-element-medium-height, 28px);
|
2387 | line-height: 28px;
|
2388 | line-height: var(--form-element-medium-height, 28px);
|
2389 | font-size: 12px;
|
2390 | font-size: var(--pagination-jump-font-size, 12px);
|
2391 | vertical-align: middle; }
|
2392 |
|
2393 | .next-pagination[dir="rtl"].next-medium .next-pagination-size-selector-btn {
|
2394 | padding: 0 12px;
|
2395 | padding: 0 var(--pagination-size-selector-number-padding, 12px); }
|
2396 |
|
2397 | .next-pagination[dir="rtl"].next-medium .next-pagination-item.next-prev:not([disabled]) i,
|
2398 | .next-pagination[dir="rtl"].next-medium .next-pagination-item.next-next:not([disabled]) i {
|
2399 | color: #666666;
|
2400 | color: var(--pagination-arrow-color, #666666); }
|
2401 |
|
2402 | .next-pagination[dir="rtl"].next-medium .next-pagination-item:hover.next-prev:not([disabled]) i,
|
2403 | .next-pagination[dir="rtl"].next-medium .next-pagination-item:hover.next-next:not([disabled]) i {
|
2404 | color: #333333;
|
2405 | color: var(--pagination-arrow-hover-color, #333333); }
|
2406 |
|
2407 | .next-pagination[dir="rtl"].next-large .next-pagination-list {
|
2408 | margin: 0 8px;
|
2409 | margin: 0 var(--pagination-large-item-split, 8px); }
|
2410 |
|
2411 | .next-pagination[dir="rtl"].next-large .next-pagination-total {
|
2412 | line-height: 40px;
|
2413 | line-height: var(--form-element-large-height, 40px);
|
2414 | vertical-align: middle; }
|
2415 |
|
2416 | .next-pagination[dir="rtl"].next-large .next-pagination-item {
|
2417 | padding: 0 15px;
|
2418 | padding: 0 calc(var(--s-4, 16px) - 1px);
|
2419 | border-width: 1px;
|
2420 | border-width: var(--pagination-large-item-border-width, 1px);
|
2421 | border-radius: 3px;
|
2422 | border-radius: var(--pagination-large-item-corner, 3px); }
|
2423 | .next-pagination[dir="rtl"].next-large .next-pagination-item + .next-pagination-item {
|
2424 | margin: 0 8px 0 0;
|
2425 | margin: 0 var(--pagination-large-item-split, 8px) 0 0; }
|
2426 |
|
2427 | .next-pagination[dir="rtl"].next-large .next-pagination-ellipsis {
|
2428 | height: 40px;
|
2429 | height: var(--form-element-large-height, 40px);
|
2430 | line-height: 40px;
|
2431 | line-height: var(--form-element-large-height, 40px);
|
2432 | margin-left: 8px;
|
2433 | margin-left: var(--pagination-ellipsis-margin, 8px);
|
2434 | margin-right: 8px;
|
2435 | margin-right: var(--pagination-ellipsis-margin, 8px); }
|
2436 | .next-pagination[dir="rtl"].next-large .next-pagination-ellipsis:before,
|
2437 | .next-pagination[dir="rtl"].next-large .next-pagination-ellipsis .next-icon-remote {
|
2438 | width: 16px;
|
2439 | width: var(--pagination-large-ellipsis-size, 16px);
|
2440 | font-size: 16px;
|
2441 | font-size: var(--pagination-large-ellipsis-size, 16px);
|
2442 | line-height: inherit; }
|
2443 |
|
2444 | .next-pagination[dir="rtl"].next-large .next-pagination-display {
|
2445 | font-size: 16px;
|
2446 | font-size: var(--pagination-large-total-font-size, 16px); }
|
2447 | .next-pagination[dir="rtl"].next-large .next-pagination-display em {
|
2448 | font-size: 16px;
|
2449 | font-size: var(--pagination-large-current-font-size, 16px); }
|
2450 |
|
2451 | .next-pagination[dir="rtl"].next-large .next-pagination-jump-text {
|
2452 | font-size: 16px;
|
2453 | font-size: var(--pagination-large-jump-font-size, 16px); }
|
2454 |
|
2455 | .next-pagination[dir="rtl"].next-large .next-pagination-jump-input {
|
2456 | width: 48px;
|
2457 | width: var(--pagination-large-input-width, 48px); }
|
2458 |
|
2459 | .next-pagination[dir="rtl"].next-large .next-pagination-size-selector-title {
|
2460 | height: 40px;
|
2461 | height: var(--form-element-large-height, 40px);
|
2462 | line-height: 40px;
|
2463 | line-height: var(--form-element-large-height, 40px);
|
2464 | font-size: 16px;
|
2465 | font-size: var(--pagination-large-jump-font-size, 16px);
|
2466 | vertical-align: middle; }
|
2467 |
|
2468 | .next-pagination[dir="rtl"].next-large .next-pagination-size-selector-btn {
|
2469 | padding: 0 16px;
|
2470 | padding: 0 var(--pagination-large-size-selector-number-padding, 16px); }
|
2471 |
|
2472 | .next-pagination[dir="rtl"].next-large .next-pagination-item.next-prev:not([disabled]) i,
|
2473 | .next-pagination[dir="rtl"].next-large .next-pagination-item.next-next:not([disabled]) i {
|
2474 | color: #666666;
|
2475 | color: var(--pagination-arrow-color, #666666); }
|
2476 |
|
2477 | .next-pagination[dir="rtl"].next-large .next-pagination-item:hover.next-prev:not([disabled]) i,
|
2478 | .next-pagination[dir="rtl"].next-large .next-pagination-item:hover.next-next:not([disabled]) i {
|
2479 | color: #333333;
|
2480 | color: var(--pagination-arrow-hover-color, #333333); }
|
2481 |
|
2482 | .next-pagination {
|
2483 | box-sizing: border-box;
|
2484 | font-size: 0; }
|
2485 | .next-pagination *,
|
2486 | .next-pagination *:before,
|
2487 | .next-pagination *:after {
|
2488 | box-sizing: border-box; }
|
2489 | .next-pagination:after {
|
2490 | visibility: hidden;
|
2491 | display: block;
|
2492 | height: 0;
|
2493 | font-size: 0;
|
2494 | content: ' ';
|
2495 | clear: both; }
|
2496 | .next-pagination-total {
|
2497 | display: inline-block;
|
2498 | font-size: 14px;
|
2499 | font-size: var(--font-size-body-2, 14px);
|
2500 | margin-right: 16px;
|
2501 | margin-right: var(--s-4, 16px); }
|
2502 | .next-pagination-pages {
|
2503 | display: inline-block; }
|
2504 | .next-pagination-list {
|
2505 | display: inline-block;
|
2506 | vertical-align: top; }
|
2507 | .next-pagination .next-pagination-item:not([disabled]) {
|
2508 | display: inline-block;
|
2509 | border-style: solid;
|
2510 | border-style: var(--pagination-item-border-style, solid);
|
2511 | border-color: #C4C6CF;
|
2512 | border-color: var(--pagination-item-border-color, #C4C6CF);
|
2513 | background: #FFFFFF;
|
2514 | background: var(--pagination-item-bg, #FFFFFF);
|
2515 | color: #333333;
|
2516 | color: var(--pagination-item-color, #333333);
|
2517 | box-shadow: none;
|
2518 | box-shadow: var(--pagination-item-shadow, none); }
|
2519 | .next-pagination .next-pagination-item {
|
2520 | transition: none; }
|
2521 | .next-pagination .next-pagination-item.next-current {
|
2522 | border-color: #5584FF;
|
2523 | border-color: var(--pagination-item-current-border-color, #5584FF);
|
2524 | background: #5584FF;
|
2525 | background: var(--pagination-item-current-bg, #5584FF);
|
2526 | color: #FFFFFF;
|
2527 | color: var(--pagination-item-current-color, #FFFFFF);
|
2528 | box-shadow: none;
|
2529 | box-shadow: var(--pagination-item-current-shadow, none); }
|
2530 | .next-pagination .next-pagination-item.next-current:hover, .next-pagination .next-pagination-item.next-current:focus {
|
2531 | border-color: transparent;
|
2532 | border-color: var(--pagination-item-current-hover-border-color, transparent);
|
2533 | background: #3E71F7;
|
2534 | background: var(--pagination-item-current-hover-bg, #3E71F7);
|
2535 | color: #FFFFFF;
|
2536 | color: var(--pagination-item-current-hover-color, #FFFFFF);
|
2537 | box-shadow: none;
|
2538 | box-shadow: var(--pagination-item-current-hover-shadow, none); }
|
2539 | .next-pagination-ellipsis {
|
2540 | display: inline-block;
|
2541 | color: #999999;
|
2542 | color: var(--pagination-ellipsis-color, #999999);
|
2543 | vertical-align: top; }
|
2544 | .next-pagination-display {
|
2545 | display: inline-block;
|
2546 | margin: 0 16px;
|
2547 | margin: 0 var(--s-4, 16px);
|
2548 | color: #333333;
|
2549 | color: var(--pagination-total-color, #333333);
|
2550 | vertical-align: middle; }
|
2551 | .next-pagination-display em {
|
2552 | font-style: normal;
|
2553 | color: #5584FF;
|
2554 | color: var(--pagination-current-color, #5584FF); }
|
2555 | .next-pagination-jump-text {
|
2556 | display: inline-block;
|
2557 | vertical-align: middle;
|
2558 | color: #999999;
|
2559 | color: var(--pagination-jump-color, #999999); }
|
2560 | .next-pagination-jump-input {
|
2561 | margin: 0 4px;
|
2562 | margin: 0 var(--pagination-input-margin, 4px);
|
2563 | vertical-align: top; }
|
2564 | .next-pagination-jump-go {
|
2565 | margin-left: 4px;
|
2566 | margin-left: var(--s-1, 4px);
|
2567 | vertical-align: top; }
|
2568 | .next-pagination-size-selector {
|
2569 | display: inline-block;
|
2570 | position: relative; }
|
2571 | .next-pagination-size-selector-title {
|
2572 | margin-right: 4px;
|
2573 | margin-right: var(--pagination-size-selector-title-margin-right, 4px);
|
2574 | color: #999999;
|
2575 | color: var(--pagination-size-selector-title-color, #999999); }
|
2576 | .next-pagination-size-selector-filter {
|
2577 | display: inline-block;
|
2578 | vertical-align: middle; }
|
2579 | .next-pagination-size-selector-dropdown {
|
2580 | vertical-align: top;
|
2581 | min-width: 64px;
|
2582 | min-width: var(--s-16, 64px); }
|
2583 | .next-pagination-size-selector-dropdown .next-select-inner {
|
2584 | min-width: 64px;
|
2585 | min-width: var(--s-16, 64px); }
|
2586 | .next-pagination-size-selector-popup {
|
2587 | min-width: 64px;
|
2588 | min-width: var(--s-16, 64px); }
|
2589 | .next-pagination-size-selector-btn.next-btn-text {
|
2590 | height: initial;
|
2591 | line-height: initial;
|
2592 | color: #666666;
|
2593 | color: var(--pagination-size-selector-filter-color, #666666);
|
2594 | border-radius: 0; }
|
2595 | .next-pagination-size-selector-btn.next-btn-text.next-current {
|
2596 | color: #5584FF;
|
2597 | color: var(--pagination-size-selector-filter-current-color, #5584FF); }
|
2598 | .next-pagination-size-selector-btn.next-btn-text + .next-pagination-size-selector-btn {
|
2599 | border-left: 1px solid #DCDEE3;
|
2600 | border-left: var(--line-1, 1px) solid var(--color-line1-2, #DCDEE3); }
|
2601 | .next-pagination-pages + .next-pagination-size-selector,
|
2602 | .next-pagination-size-selector + .next-pagination-pages {
|
2603 | margin-left: 40px;
|
2604 | margin-left: var(--s-10, 40px); }
|
2605 | .next-pagination.next-hide {
|
2606 | display: none; }
|
2607 | .next-pagination.next-start .next-pagination-pages {
|
2608 | float: right; }
|
2609 | .next-pagination.next-start .next-pagination-size-selector {
|
2610 | float: left; }
|
2611 | .next-pagination.next-end .next-pagination-pages {
|
2612 | float: left; }
|
2613 | .next-pagination.next-end .next-pagination-size-selector {
|
2614 | float: right; }
|
2615 | .next-pagination.next-small .next-pagination-list {
|
2616 | margin: 0 4px;
|
2617 | margin: 0 var(--pagination-small-item-split, 4px); }
|
2618 | .next-pagination.next-small .next-pagination-total {
|
2619 | line-height: 20px;
|
2620 | line-height: var(--form-element-small-height, 20px);
|
2621 | vertical-align: middle; }
|
2622 | .next-pagination.next-small .next-pagination-item {
|
2623 | padding: 0 6px;
|
2624 | padding: 0 var(--pagination-small-item-padding, 6px);
|
2625 | border-width: 1px;
|
2626 | border-width: var(--pagination-small-item-border-width, 1px);
|
2627 | border-radius: 3px;
|
2628 | border-radius: var(--pagination-small-item-corner, 3px); }
|
2629 | .next-pagination.next-small .next-pagination-item + .next-pagination-item {
|
2630 | margin: 0 0 0 4px;
|
2631 | margin: 0 0 0 var(--pagination-small-item-split, 4px); }
|
2632 | .next-pagination.next-small .next-pagination-ellipsis {
|
2633 | height: 20px;
|
2634 | height: var(--form-element-small-height, 20px);
|
2635 | line-height: 20px;
|
2636 | line-height: var(--form-element-small-height, 20px);
|
2637 | margin-left: 8px;
|
2638 | margin-left: var(--pagination-ellipsis-margin, 8px);
|
2639 | margin-right: 8px;
|
2640 | margin-right: var(--pagination-ellipsis-margin, 8px); }
|
2641 | .next-pagination.next-small .next-pagination-ellipsis:before,
|
2642 | .next-pagination.next-small .next-pagination-ellipsis .next-icon-remote {
|
2643 | width: 12px;
|
2644 | width: var(--pagination-small-ellipsis-size, 12px);
|
2645 | font-size: 12px;
|
2646 | font-size: var(--pagination-small-ellipsis-size, 12px);
|
2647 | line-height: inherit; }
|
2648 | .next-pagination.next-small .next-pagination-display {
|
2649 | font-size: 12px;
|
2650 | font-size: var(--pagination-small-total-font-size, 12px); }
|
2651 | .next-pagination.next-small .next-pagination-display em {
|
2652 | font-size: 12px;
|
2653 | font-size: var(--pagination-small-current-font-size, 12px); }
|
2654 | .next-pagination.next-small .next-pagination-jump-text {
|
2655 | font-size: 12px;
|
2656 | font-size: var(--pagination-small-jump-font-size, 12px); }
|
2657 | .next-pagination.next-small .next-pagination-jump-input {
|
2658 | width: 28px;
|
2659 | width: var(--pagination-small-input-width, 28px); }
|
2660 | .next-pagination.next-small .next-pagination-size-selector-title {
|
2661 | height: 20px;
|
2662 | height: var(--form-element-small-height, 20px);
|
2663 | line-height: 20px;
|
2664 | line-height: var(--form-element-small-height, 20px);
|
2665 | font-size: 12px;
|
2666 | font-size: var(--pagination-small-jump-font-size, 12px);
|
2667 | vertical-align: middle; }
|
2668 | .next-pagination.next-small .next-pagination-size-selector-btn {
|
2669 | padding: 0 8px;
|
2670 | padding: 0 var(--pagination-small-size-selector-number-padding, 8px); }
|
2671 | .next-pagination.next-small .next-pagination-item.next-prev:not([disabled]) i,
|
2672 | .next-pagination.next-small .next-pagination-item.next-next:not([disabled]) i {
|
2673 | color: #666666;
|
2674 | color: var(--pagination-arrow-color, #666666); }
|
2675 | .next-pagination.next-small .next-pagination-item:hover.next-prev:not([disabled]) i,
|
2676 | .next-pagination.next-small .next-pagination-item:hover.next-next:not([disabled]) i {
|
2677 | color: #333333;
|
2678 | color: var(--pagination-arrow-hover-color, #333333); }
|
2679 | .next-pagination.next-small.next-arrow-only .next-pagination-item.next-prev, .next-pagination.next-small.next-arrow-only .next-pagination-item.next-next {
|
2680 | width: 20px;
|
2681 | width: var(--s-5, 20px);
|
2682 | padding: 0; }
|
2683 | .next-pagination.next-small.next-arrow-only .next-pagination-item.next-prev .next-icon, .next-pagination.next-small.next-arrow-only .next-pagination-item.next-next .next-icon {
|
2684 | margin: 0 auto; }
|
2685 | .next-pagination.next-small.next-arrow-prev-only .next-pagination-item.next-prev {
|
2686 | width: 20px;
|
2687 | width: var(--s-5, 20px);
|
2688 | padding: 0; }
|
2689 | .next-pagination.next-small.next-arrow-prev-only .next-pagination-item.next-prev .next-icon {
|
2690 | margin: 0 auto; }
|
2691 | .next-pagination.next-small.next-no-border .next-pagination-item.next-prev, .next-pagination.next-small.next-no-border .next-pagination-item.next-next {
|
2692 | padding: 0;
|
2693 | border: none;
|
2694 | background-color: transparent;
|
2695 | box-shadow: none; }
|
2696 | .next-pagination.next-small.next-no-border .next-pagination-item.next-prev .next-icon, .next-pagination.next-small.next-no-border .next-pagination-item.next-next .next-icon {
|
2697 | margin: 0; }
|
2698 | .next-pagination.next-small.next-no-border .next-pagination-item.next-prev:not([disabled]):hover i,
|
2699 | .next-pagination.next-small.next-no-border .next-pagination-item.next-next:not([disabled]):hover i {
|
2700 | color: #5584FF;
|
2701 | color: var(--pagination-arrow-hover-color-noboder, #5584FF); }
|
2702 | .next-pagination.next-small.next-no-border .next-pagination-display {
|
2703 | margin: 0 8px;
|
2704 | margin: 0 var(--s-2, 8px); }
|
2705 | .next-pagination.next-small.next-mini .next-pagination-item.next-prev {
|
2706 | margin-right: 4px;
|
2707 | margin-right: var(--s-1, 4px); }
|
2708 | .next-pagination.next-small.next-mini .next-pagination-item.next-next {
|
2709 | margin-left: 4px;
|
2710 | margin-left: var(--s-1, 4px); }
|
2711 | .next-pagination.next-medium .next-pagination-list {
|
2712 | margin: 0 4px;
|
2713 | margin: 0 var(--pagination-item-split, 4px); }
|
2714 | .next-pagination.next-medium .next-pagination-total {
|
2715 | line-height: 28px;
|
2716 | line-height: var(--form-element-medium-height, 28px);
|
2717 | vertical-align: middle; }
|
2718 | .next-pagination.next-medium .next-pagination-item {
|
2719 | padding: 0 10px;
|
2720 | padding: 0 var(--pagination-item-padding, 10px);
|
2721 | border-width: 1px;
|
2722 | border-width: var(--pagination-item-border-width, 1px);
|
2723 | border-radius: 3px;
|
2724 | border-radius: var(--pagination-item-corner, 3px); }
|
2725 | .next-pagination.next-medium .next-pagination-item + .next-pagination-item {
|
2726 | margin: 0 0 0 4px;
|
2727 | margin: 0 0 0 var(--pagination-item-split, 4px); }
|
2728 | .next-pagination.next-medium .next-pagination-ellipsis {
|
2729 | height: 28px;
|
2730 | height: var(--form-element-medium-height, 28px);
|
2731 | line-height: 28px;
|
2732 | line-height: var(--form-element-medium-height, 28px);
|
2733 | margin-left: 8px;
|
2734 | margin-left: var(--pagination-ellipsis-margin, 8px);
|
2735 | margin-right: 8px;
|
2736 | margin-right: var(--pagination-ellipsis-margin, 8px); }
|
2737 | .next-pagination.next-medium .next-pagination-ellipsis:before,
|
2738 | .next-pagination.next-medium .next-pagination-ellipsis .next-icon-remote {
|
2739 | width: 12px;
|
2740 | width: var(--pagination-ellipsis-size, 12px);
|
2741 | font-size: 12px;
|
2742 | font-size: var(--pagination-ellipsis-size, 12px);
|
2743 | line-height: inherit; }
|
2744 | .next-pagination.next-medium .next-pagination-display {
|
2745 | font-size: 12px;
|
2746 | font-size: var(--pagination-total-font-size, 12px); }
|
2747 | .next-pagination.next-medium .next-pagination-display em {
|
2748 | font-size: 12px;
|
2749 | font-size: var(--pagination-current-font-size, 12px); }
|
2750 | .next-pagination.next-medium .next-pagination-jump-text {
|
2751 | font-size: 12px;
|
2752 | font-size: var(--pagination-jump-font-size, 12px); }
|
2753 | .next-pagination.next-medium .next-pagination-jump-input {
|
2754 | width: 36px;
|
2755 | width: var(--pagination-input-width, 36px); }
|
2756 | .next-pagination.next-medium .next-pagination-size-selector-title {
|
2757 | height: 28px;
|
2758 | height: var(--form-element-medium-height, 28px);
|
2759 | line-height: 28px;
|
2760 | line-height: var(--form-element-medium-height, 28px);
|
2761 | font-size: 12px;
|
2762 | font-size: var(--pagination-jump-font-size, 12px);
|
2763 | vertical-align: middle; }
|
2764 | .next-pagination.next-medium .next-pagination-size-selector-btn {
|
2765 | padding: 0 12px;
|
2766 | padding: 0 var(--pagination-size-selector-number-padding, 12px); }
|
2767 | .next-pagination.next-medium .next-pagination-item.next-prev:not([disabled]) i,
|
2768 | .next-pagination.next-medium .next-pagination-item.next-next:not([disabled]) i {
|
2769 | color: #666666;
|
2770 | color: var(--pagination-arrow-color, #666666); }
|
2771 | .next-pagination.next-medium .next-pagination-item:hover.next-prev:not([disabled]) i,
|
2772 | .next-pagination.next-medium .next-pagination-item:hover.next-next:not([disabled]) i {
|
2773 | color: #333333;
|
2774 | color: var(--pagination-arrow-hover-color, #333333); }
|
2775 | .next-pagination.next-medium.next-arrow-only .next-pagination-item.next-prev, .next-pagination.next-medium.next-arrow-only .next-pagination-item.next-next {
|
2776 | width: 28px;
|
2777 | width: var(--s-7, 28px);
|
2778 | padding: 0; }
|
2779 | .next-pagination.next-medium.next-arrow-only .next-pagination-item.next-prev .next-icon, .next-pagination.next-medium.next-arrow-only .next-pagination-item.next-next .next-icon {
|
2780 | margin: 0 auto; }
|
2781 | .next-pagination.next-medium.next-arrow-prev-only .next-pagination-item.next-prev {
|
2782 | width: 28px;
|
2783 | width: var(--s-7, 28px);
|
2784 | padding: 0; }
|
2785 | .next-pagination.next-medium.next-arrow-prev-only .next-pagination-item.next-prev .next-icon {
|
2786 | margin: 0 auto; }
|
2787 | .next-pagination.next-medium.next-no-border .next-pagination-item.next-prev, .next-pagination.next-medium.next-no-border .next-pagination-item.next-next {
|
2788 | padding: 0;
|
2789 | border: none;
|
2790 | background-color: transparent;
|
2791 | box-shadow: none; }
|
2792 | .next-pagination.next-medium.next-no-border .next-pagination-item.next-prev .next-icon, .next-pagination.next-medium.next-no-border .next-pagination-item.next-next .next-icon {
|
2793 | margin: 0; }
|
2794 | .next-pagination.next-medium.next-no-border .next-pagination-item.next-prev:not([disabled]):hover i,
|
2795 | .next-pagination.next-medium.next-no-border .next-pagination-item.next-next:not([disabled]):hover i {
|
2796 | color: #5584FF;
|
2797 | color: var(--pagination-arrow-hover-color-noboder, #5584FF); }
|
2798 | .next-pagination.next-medium.next-no-border .next-pagination-display {
|
2799 | margin: 0 12px;
|
2800 | margin: 0 var(--s-3, 12px); }
|
2801 | .next-pagination.next-medium.next-mini .next-pagination-item.next-prev {
|
2802 | margin-right: 4px;
|
2803 | margin-right: var(--s-1, 4px); }
|
2804 | .next-pagination.next-medium.next-mini .next-pagination-item.next-next {
|
2805 | margin-left: 4px;
|
2806 | margin-left: var(--s-1, 4px); }
|
2807 | .next-pagination.next-large .next-pagination-list {
|
2808 | margin: 0 8px;
|
2809 | margin: 0 var(--pagination-large-item-split, 8px); }
|
2810 | .next-pagination.next-large .next-pagination-total {
|
2811 | line-height: 40px;
|
2812 | line-height: var(--form-element-large-height, 40px);
|
2813 | vertical-align: middle; }
|
2814 | .next-pagination.next-large .next-pagination-item {
|
2815 | padding: 0 15px;
|
2816 | padding: 0 var(--pagination-large-item-padding, 15px);
|
2817 | border-width: 1px;
|
2818 | border-width: var(--pagination-large-item-border-width, 1px);
|
2819 | border-radius: 3px;
|
2820 | border-radius: var(--pagination-large-item-corner, 3px); }
|
2821 | .next-pagination.next-large .next-pagination-item + .next-pagination-item {
|
2822 | margin: 0 0 0 8px;
|
2823 | margin: 0 0 0 var(--pagination-large-item-split, 8px); }
|
2824 | .next-pagination.next-large .next-pagination-ellipsis {
|
2825 | height: 40px;
|
2826 | height: var(--form-element-large-height, 40px);
|
2827 | line-height: 40px;
|
2828 | line-height: var(--form-element-large-height, 40px);
|
2829 | margin-left: 8px;
|
2830 | margin-left: var(--pagination-ellipsis-margin, 8px);
|
2831 | margin-right: 8px;
|
2832 | margin-right: var(--pagination-ellipsis-margin, 8px); }
|
2833 | .next-pagination.next-large .next-pagination-ellipsis:before,
|
2834 | .next-pagination.next-large .next-pagination-ellipsis .next-icon-remote {
|
2835 | width: 16px;
|
2836 | width: var(--pagination-large-ellipsis-size, 16px);
|
2837 | font-size: 16px;
|
2838 | font-size: var(--pagination-large-ellipsis-size, 16px);
|
2839 | line-height: inherit; }
|
2840 | .next-pagination.next-large .next-pagination-display {
|
2841 | font-size: 16px;
|
2842 | font-size: var(--pagination-large-total-font-size, 16px); }
|
2843 | .next-pagination.next-large .next-pagination-display em {
|
2844 | font-size: 16px;
|
2845 | font-size: var(--pagination-large-current-font-size, 16px); }
|
2846 | .next-pagination.next-large .next-pagination-jump-text {
|
2847 | font-size: 16px;
|
2848 | font-size: var(--pagination-large-jump-font-size, 16px); }
|
2849 | .next-pagination.next-large .next-pagination-jump-input {
|
2850 | width: 48px;
|
2851 | width: var(--pagination-large-input-width, 48px); }
|
2852 | .next-pagination.next-large .next-pagination-size-selector-title {
|
2853 | height: 40px;
|
2854 | height: var(--form-element-large-height, 40px);
|
2855 | line-height: 40px;
|
2856 | line-height: var(--form-element-large-height, 40px);
|
2857 | font-size: 16px;
|
2858 | font-size: var(--pagination-large-jump-font-size, 16px);
|
2859 | vertical-align: middle; }
|
2860 | .next-pagination.next-large .next-pagination-size-selector-btn {
|
2861 | padding: 0 16px;
|
2862 | padding: 0 var(--pagination-large-size-selector-number-padding, 16px); }
|
2863 | .next-pagination.next-large .next-pagination-item.next-prev:not([disabled]) i,
|
2864 | .next-pagination.next-large .next-pagination-item.next-next:not([disabled]) i {
|
2865 | color: #666666;
|
2866 | color: var(--pagination-arrow-color, #666666); }
|
2867 | .next-pagination.next-large .next-pagination-item:hover.next-prev:not([disabled]) i,
|
2868 | .next-pagination.next-large .next-pagination-item:hover.next-next:not([disabled]) i {
|
2869 | color: #333333;
|
2870 | color: var(--pagination-arrow-hover-color, #333333); }
|
2871 | .next-pagination.next-large.next-arrow-only .next-pagination-item.next-prev, .next-pagination.next-large.next-arrow-only .next-pagination-item.next-next {
|
2872 | width: 40px;
|
2873 | width: var(--s-10, 40px);
|
2874 | padding: 0; }
|
2875 | .next-pagination.next-large.next-arrow-only .next-pagination-item.next-prev .next-icon, .next-pagination.next-large.next-arrow-only .next-pagination-item.next-next .next-icon {
|
2876 | margin: 0 auto; }
|
2877 | .next-pagination.next-large.next-arrow-prev-only .next-pagination-item.next-prev {
|
2878 | width: 40px;
|
2879 | width: var(--s-10, 40px);
|
2880 | padding: 0; }
|
2881 | .next-pagination.next-large.next-arrow-prev-only .next-pagination-item.next-prev .next-icon {
|
2882 | margin: 0 auto; }
|
2883 | .next-pagination.next-large.next-no-border .next-pagination-item.next-prev, .next-pagination.next-large.next-no-border .next-pagination-item.next-next {
|
2884 | padding: 0;
|
2885 | border: none;
|
2886 | background-color: transparent;
|
2887 | box-shadow: none; }
|
2888 | .next-pagination.next-large.next-no-border .next-pagination-item.next-prev .next-icon, .next-pagination.next-large.next-no-border .next-pagination-item.next-next .next-icon {
|
2889 | margin: 0; }
|
2890 | .next-pagination.next-large.next-no-border .next-pagination-item.next-prev:not([disabled]):hover i,
|
2891 | .next-pagination.next-large.next-no-border .next-pagination-item.next-next:not([disabled]):hover i {
|
2892 | color: #5584FF;
|
2893 | color: var(--pagination-arrow-hover-color-noboder, #5584FF); }
|
2894 | .next-pagination.next-large.next-no-border .next-pagination-display {
|
2895 | margin: 0 16px;
|
2896 | margin: 0 var(--s-4, 16px); }
|
2897 | .next-pagination.next-large.next-mini .next-pagination-item.next-prev {
|
2898 | margin-right: 8px;
|
2899 | margin-right: var(--s-2, 8px); }
|
2900 | .next-pagination.next-large.next-mini .next-pagination-item.next-next {
|
2901 | margin-left: 8px;
|
2902 | margin-left: var(--s-2, 8px); }
|
2903 | .next-pagination-icon-prev::before {
|
2904 | content: "\E61D";
|
2905 | content: var(--pagination-icon-prev-content, "\E61D"); }
|
2906 | .next-pagination-icon-next::before {
|
2907 | content: "\E619";
|
2908 | content: var(--pagination-icon-next-content, "\E619"); }
|
2909 | .next-pagination-icon-ellipsis::before {
|
2910 | content: "\E654";
|
2911 | content: var(--pagination-icon-ellipsis-content, "\E654"); }
|
2912 | .next-sr-only {
|
2913 | position: absolute;
|
2914 | width: 1px;
|
2915 | height: 1px;
|
2916 | padding: 0;
|
2917 | overflow: hidden;
|
2918 | clip: rect(0, 0, 0, 0);
|
2919 | white-space: nowrap;
|
2920 | border: 0;
|
2921 | top: 0;
|
2922 | margin: -1px; }
|
2923 |
|
2924 | .next-paragraph {
|
2925 | color: #333333;
|
2926 | color: var(--paragraph-text-color, #333333); }
|
2927 | .next-paragraph-short {
|
2928 | line-height: 1.5;
|
2929 | line-height: var(--paragraph-s-line-height, 1.5); }
|
2930 | .next-paragraph-long {
|
2931 | line-height: 1.7;
|
2932 | line-height: var(--paragraph-l-line-height, 1.7); }
|
2933 | .next-paragraph-small {
|
2934 | font-size: 12px;
|
2935 | font-size: var(--paragraph-s-font-size, 12px); }
|
2936 | .next-paragraph-medium {
|
2937 | font-size: 14px;
|
2938 | font-size: var(--paragraph-m-font-size, 14px); }
|
2939 | .next-sr-only {
|
2940 | position: absolute;
|
2941 | width: 1px;
|
2942 | height: 1px;
|
2943 | padding: 0;
|
2944 | overflow: hidden;
|
2945 | clip: rect(0, 0, 0, 0);
|
2946 | white-space: nowrap;
|
2947 | border: 0;
|
2948 | top: 0;
|
2949 | margin: -1px; }
|
2950 |
|
2951 | .next-progress-circle[dir=rtl] .next-progress-circle-container {
|
2952 | transform: scaleX(-1); }
|
2953 |
|
2954 | .next-progress-line[dir=rtl] .next-progress-line-overlay {
|
2955 | left: auto;
|
2956 | right: 0; }
|
2957 |
|
2958 | .next-progress-line {
|
2959 | box-sizing: border-box; }
|
2960 | .next-progress-line *,
|
2961 | .next-progress-line *:before,
|
2962 | .next-progress-line *:after {
|
2963 | box-sizing: border-box; }
|
2964 | .next-progress-line {
|
2965 | width: 100%;
|
2966 | display: inline-block;
|
2967 | position: relative; }
|
2968 | .next-progress-line-container {
|
2969 | display: inline-block;
|
2970 | width: 100%;
|
2971 | vertical-align: middle; }
|
2972 | .next-progress-line-underlay {
|
2973 | position: relative;
|
2974 | overflow: hidden;
|
2975 | width: 100%;
|
2976 | background: #EBECF0;
|
2977 | background: var(--progress-line-underlay-color, #EBECF0); }
|
2978 | .next-progress-line-overlay {
|
2979 | position: absolute;
|
2980 | left: 0;
|
2981 | top: 0;
|
2982 | transition: all 300ms ease;
|
2983 | transition: all var(--motion-duration-standard, 300ms) var(--motion-ease, ease); }
|
2984 | .next-progress-line-overlay-normal {
|
2985 | background: #5584FF;
|
2986 | background: var(--progress-line-normal-color, #5584FF); }
|
2987 | .next-progress-line-overlay-success {
|
2988 | background: #46BC15;
|
2989 | background: var(--progress-line-success-color, #46BC15); }
|
2990 | .next-progress-line-overlay-error {
|
2991 | background: #FF3000;
|
2992 | background: var(--progress-line-error-color, #FF3000); }
|
2993 | .next-progress-line-overlay-started {
|
2994 | background: #FF3000;
|
2995 | background: var(--progress-line-started-color, #FF3000); }
|
2996 | .next-progress-line-overlay-middle {
|
2997 | background: #FF9300;
|
2998 | background: var(--progress-line-middle-color, #FF9300); }
|
2999 | .next-progress-line-overlay-finishing {
|
3000 | background: #46BC15;
|
3001 | background: var(--progress-line-finishing-color, #46BC15); }
|
3002 | .next-progress-line.next-small .next-progress-line-underlay {
|
3003 | border-radius: 20px;
|
3004 | border-radius: var(--progress-line-radius-s, 20px);
|
3005 | height: 4px;
|
3006 | height: var(--progress-line-height-size-s, 4px); }
|
3007 | .next-progress-line.next-small .next-progress-line-overlay {
|
3008 | height: 4px;
|
3009 | height: var(--progress-line-height-size-s, 4px);
|
3010 | border-radius: 20px;
|
3011 | border-radius: var(--progress-line-radius-s, 20px);
|
3012 | top: 50%;
|
3013 | margin-top: -2px;
|
3014 | margin-top: calc(0px - var(--progress-line-height-size-s, 4px)/2); }
|
3015 | .next-progress-line.next-small .next-progress-line-text {
|
3016 | font-size: 12px;
|
3017 | font-size: var(--progress-line-font-s, 12px);
|
3018 | line-height: 4px;
|
3019 | line-height: var(--progress-line-height-size-s, 4px); }
|
3020 | .next-progress-line.next-medium .next-progress-line-underlay {
|
3021 | border-radius: 20px;
|
3022 | border-radius: var(--progress-line-radius-m, 20px);
|
3023 | height: 8px;
|
3024 | height: var(--progress-line-height-size-m, 8px); }
|
3025 | .next-progress-line.next-medium .next-progress-line-overlay {
|
3026 | height: 8px;
|
3027 | height: var(--progress-line-height-size-m, 8px);
|
3028 | border-radius: 20px;
|
3029 | border-radius: var(--progress-line-radius-m, 20px);
|
3030 | top: 50%;
|
3031 | margin-top: -4px;
|
3032 | margin-top: calc(0px - var(--progress-line-height-size-m, 8px)/2); }
|
3033 | .next-progress-line.next-medium .next-progress-line-text {
|
3034 | font-size: 12px;
|
3035 | font-size: var(--progress-line-font-m, 12px);
|
3036 | line-height: 8px;
|
3037 | line-height: var(--progress-line-height-size-m, 8px); }
|
3038 | .next-progress-line.next-large .next-progress-line-underlay {
|
3039 | border-radius: 20px;
|
3040 | border-radius: var(--progress-line-radius-l, 20px);
|
3041 | height: 12px;
|
3042 | height: var(--progress-line-height-size-l, 12px); }
|
3043 | .next-progress-line.next-large .next-progress-line-overlay {
|
3044 | height: 12px;
|
3045 | height: var(--progress-line-height-size-l, 12px);
|
3046 | border-radius: 20px;
|
3047 | border-radius: var(--progress-line-radius-l, 20px);
|
3048 | top: 50%;
|
3049 | margin-top: -6px;
|
3050 | margin-top: calc(0px - var(--progress-line-height-size-l, 12px)/2); }
|
3051 | .next-progress-line.next-large .next-progress-line-text {
|
3052 | font-size: 12px;
|
3053 | font-size: var(--progress-line-font-l, 12px);
|
3054 | line-height: 12px;
|
3055 | line-height: var(--progress-line-height-size-l, 12px); }
|
3056 | .next-progress-line-show-info .next-progress-line-container {
|
3057 | padding-right: 60px;
|
3058 | margin-right: -60px; }
|
3059 | .next-progress-line-show-info .next-progress-line-text {
|
3060 | width: 50px;
|
3061 | text-align: left;
|
3062 | margin-left: 10px;
|
3063 | vertical-align: middle;
|
3064 | display: inline-block;
|
3065 | color: #333333;
|
3066 | color: var(--progress-line-font-color, #333333); }
|
3067 | .next-progress-line-show-border .next-progress-line-underlay {
|
3068 | border: 1px solid #DCDEE3;
|
3069 | border: var(--progress-line-underlay-border-width, 1px) solid var(--progress-line-underlay-border-color, #DCDEE3); }
|
3070 | .next-progress-line-show-border.next-small .next-progress-line-underlay {
|
3071 | border-radius: 20px;
|
3072 | border-radius: var(--progress-line-radius-s, 20px);
|
3073 | height: 6px;
|
3074 | height: calc(var(--progress-line-height-size-s, 4px) + var(--progress-line-underlay-border-width, 1px)*2); }
|
3075 | .next-progress-line-show-border.next-small .next-progress-line-overlay {
|
3076 | height: 4px;
|
3077 | height: var(--progress-line-height-size-s, 4px);
|
3078 | border-radius: 20px;
|
3079 | border-radius: var(--progress-line-radius-s, 20px);
|
3080 | top: 50%;
|
3081 | margin-top: -2px;
|
3082 | margin-top: calc(0px - var(--progress-line-height-size-s, 4px)/2); }
|
3083 | .next-progress-line-show-border.next-small .next-progress-line-text {
|
3084 | font-size: 12px;
|
3085 | font-size: var(--progress-line-font-s, 12px);
|
3086 | line-height: 6px;
|
3087 | line-height: calc(var(--progress-line-height-size-s, 4px) + var(--progress-line-underlay-border-width, 1px)*2); }
|
3088 | .next-progress-line-show-border.next-medium .next-progress-line-underlay {
|
3089 | border-radius: 20px;
|
3090 | border-radius: var(--progress-line-radius-m, 20px);
|
3091 | height: 10px;
|
3092 | height: calc(var(--progress-line-height-size-m, 8px) + var(--progress-line-underlay-border-width, 1px)*2); }
|
3093 | .next-progress-line-show-border.next-medium .next-progress-line-overlay {
|
3094 | height: 8px;
|
3095 | height: var(--progress-line-height-size-m, 8px);
|
3096 | border-radius: 20px;
|
3097 | border-radius: var(--progress-line-radius-m, 20px);
|
3098 | top: 50%;
|
3099 | margin-top: -4px;
|
3100 | margin-top: calc(0px - var(--progress-line-height-size-m, 8px)/2); }
|
3101 | .next-progress-line-show-border.next-medium .next-progress-line-text {
|
3102 | font-size: 12px;
|
3103 | font-size: var(--progress-line-font-m, 12px);
|
3104 | line-height: 10px;
|
3105 | line-height: calc(var(--progress-line-height-size-m, 8px) + var(--progress-line-underlay-border-width, 1px)*2); }
|
3106 | .next-progress-line-show-border.next-large .next-progress-line-underlay {
|
3107 | border-radius: 20px;
|
3108 | border-radius: var(--progress-line-radius-l, 20px);
|
3109 | height: 14px;
|
3110 | height: calc(var(--progress-line-height-size-l, 12px) + var(--progress-line-underlay-border-width, 1px)*2); }
|
3111 | .next-progress-line-show-border.next-large .next-progress-line-overlay {
|
3112 | height: 12px;
|
3113 | height: var(--progress-line-height-size-l, 12px);
|
3114 | border-radius: 20px;
|
3115 | border-radius: var(--progress-line-radius-l, 20px);
|
3116 | top: 50%;
|
3117 | margin-top: -6px;
|
3118 | margin-top: calc(0px - var(--progress-line-height-size-l, 12px)/2); }
|
3119 | .next-progress-line-show-border.next-large .next-progress-line-text {
|
3120 | font-size: 12px;
|
3121 | font-size: var(--progress-line-font-l, 12px);
|
3122 | line-height: 14px;
|
3123 | line-height: calc(var(--progress-line-height-size-l, 12px) + var(--progress-line-underlay-border-width, 1px)*2); }
|
3124 |
|
3125 | .next-progress-circle {
|
3126 | box-sizing: border-box; }
|
3127 | .next-progress-circle *,
|
3128 | .next-progress-circle *:before,
|
3129 | .next-progress-circle *:after {
|
3130 | box-sizing: border-box; }
|
3131 | .next-progress-circle {
|
3132 | position: relative;
|
3133 | display: inline-block; }
|
3134 | .next-progress-circle-underlay {
|
3135 | stroke-width: 8px;
|
3136 | stroke-width: var(--progress-circle-underlay-width, 8px);
|
3137 | stroke: #EBECF0;
|
3138 | stroke: var(--progress-circle-underlay-color, #EBECF0); }
|
3139 | .next-progress-circle-overlay {
|
3140 | transition: all 300ms ease;
|
3141 | transition: all var(--motion-duration-standard, 300ms) var(--motion-ease, ease);
|
3142 | stroke-linecap: round;
|
3143 | stroke-linecap: var(--progress-circle-corner, round);
|
3144 | stroke-width: 8px;
|
3145 | stroke-width: var(--progress-circle-overlay-width, 8px); }
|
3146 | .next-progress-circle-overlay-normal {
|
3147 | stroke: #5584FF;
|
3148 | stroke: var(--progress-circle-normal-color, #5584FF); }
|
3149 | .next-progress-circle-overlay-success {
|
3150 | stroke: #46BC15;
|
3151 | stroke: var(--progress-circle-success-color, #46BC15); }
|
3152 | .next-progress-circle-overlay-error {
|
3153 | stroke: #FF3000;
|
3154 | stroke: var(--progress-circle-error-color, #FF3000); }
|
3155 | .next-progress-circle-overlay-started {
|
3156 | stroke: #FF3000;
|
3157 | stroke: var(--progress-circle-started-color, #FF3000); }
|
3158 | .next-progress-circle-overlay-middle {
|
3159 | stroke: #FF9300;
|
3160 | stroke: var(--progress-circle-middle-color, #FF9300); }
|
3161 | .next-progress-circle-overlay-finishing {
|
3162 | stroke: #46BC15;
|
3163 | stroke: var(--progress-circle-finishing-color, #46BC15); }
|
3164 | .next-progress-circle.next-small {
|
3165 | width: 100px;
|
3166 | width: var(--progress-circle-size-s, 100px);
|
3167 | height: 100px;
|
3168 | height: var(--progress-circle-size-s, 100px);
|
3169 | font-size: 20px;
|
3170 | font-size: var(--progress-circle-font-s, 20px); }
|
3171 | .next-progress-circle.next-medium {
|
3172 | width: 116px;
|
3173 | width: var(--progress-circle-size-m, 116px);
|
3174 | height: 116px;
|
3175 | height: var(--progress-circle-size-m, 116px);
|
3176 | font-size: 24px;
|
3177 | font-size: var(--progress-circle-font-m, 24px); }
|
3178 | .next-progress-circle.next-large {
|
3179 | width: 132px;
|
3180 | width: var(--progress-circle-size-l, 132px);
|
3181 | height: 132px;
|
3182 | height: var(--progress-circle-size-l, 132px);
|
3183 | font-size: 36px;
|
3184 | font-size: var(--progress-circle-font-l, 36px); }
|
3185 | .next-progress-circle-text {
|
3186 | display: block;
|
3187 | position: absolute;
|
3188 | width: 100%;
|
3189 | top: 50%;
|
3190 | left: 0;
|
3191 | text-align: center;
|
3192 | line-height: 1;
|
3193 | -webkit-transform: translateY(-50%);
|
3194 | transform: translateY(-50%);
|
3195 | transition: transform 300ms ease;
|
3196 | transition: transform var(--motion-duration-standard, 300ms) var(--motion-ease, ease);
|
3197 | color: #333333;
|
3198 | color: var(--progress-circle-text-color, #333333); }
|
3199 | .next-sr-only {
|
3200 | position: absolute;
|
3201 | width: 1px;
|
3202 | height: 1px;
|
3203 | padding: 0;
|
3204 | overflow: hidden;
|
3205 | clip: rect(0, 0, 0, 0);
|
3206 | white-space: nowrap;
|
3207 | border: 0;
|
3208 | top: 0;
|
3209 | margin: -1px; }
|
3210 |
|
3211 | .next-range {
|
3212 | box-sizing: border-box;
|
3213 | width: 100%;
|
3214 | font-family: inherit;
|
3215 | font-weight: normal;
|
3216 | font-size: inherit;
|
3217 | line-height: inherit;
|
3218 | vertical-align: baseline;
|
3219 | display: flex;
|
3220 | flex-direction: column;
|
3221 | cursor: pointer; }
|
3222 | .next-range *,
|
3223 | .next-range *:before,
|
3224 | .next-range *:after {
|
3225 | box-sizing: border-box; }
|
3226 | .next-range .next-range-inner {
|
3227 | position: relative; }
|
3228 | .next-range .next-range-inner:only-child {
|
3229 | margin-top: auto;
|
3230 | margin-bottom: auto; }
|
3231 | .next-range .next-range-track {
|
3232 | position: absolute;
|
3233 | width: 100%;
|
3234 | top: 50%;
|
3235 | border-radius: 0;
|
3236 | border-radius: var(--range-size-m-track-radius, 0); }
|
3237 | .next-range .next-range-selected {
|
3238 | position: absolute;
|
3239 | width: 0;
|
3240 | top: 50%;
|
3241 | left: 0;
|
3242 | border-radius: 0;
|
3243 | border-radius: var(--range-size-m-track-radius, 0); }
|
3244 | .next-range .next-range-scale {
|
3245 | position: relative;
|
3246 | width: 100%;
|
3247 | height: 12px;
|
3248 | height: var(--range-size-m-scale-height, 12px); }
|
3249 | .next-range .next-range-scale .next-range-scale-item {
|
3250 | position: absolute;
|
3251 | left: 0;
|
3252 | width: 2px;
|
3253 | border: 1px solid;
|
3254 | border: var(--range-size-m-scale-item-border-width, 1px) solid;
|
3255 | border-radius: 0;
|
3256 | border-radius: var(--range-size-m-scale-radius, 0); }
|
3257 | .next-range .next-range-scale .next-range-scale-item:last-child {
|
3258 | margin-left: -2px;
|
3259 | margin-left: calc(0px - var(--range-size-m-scale-item-border-width, 1px)*2); }
|
3260 | .next-range .next-range-slider {
|
3261 | position: absolute;
|
3262 | top: 50%;
|
3263 | left: 0;
|
3264 | border-radius: 50%; }
|
3265 | .next-range .next-range-slider-inner {
|
3266 | position: absolute;
|
3267 | top: 50%;
|
3268 | left: 50%;
|
3269 | border-width: 1px;
|
3270 | border-width: var(--range-size-slider-border-width, 1px);
|
3271 | border-style: solid;
|
3272 | border-style: var(--range-size-slider-border-style, solid);
|
3273 | border-color: #C4C6CF;
|
3274 | border-color: var(--range-normal-slider-border-color, #C4C6CF);
|
3275 | border-radius: 50%;
|
3276 | transition: transform 100ms linear, border-color 100ms linear;
|
3277 | transition: transform var(--motion-duration-immediately, 100ms) var(--motion-linear, linear), border-color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
3278 | .next-range .next-range-slider.next-range-slider-moving .next-range-slider-inner {
|
3279 | border: 2px solid #5584FF;
|
3280 | border: var(--line-2, 2px) var(--line-solid, solid) var(--range-normal-selected-color, #5584FF);
|
3281 | box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
3282 | box-shadow: var(--range-size-m-slider-shadow-moving, 2px 2px 4px 0px rgba(0, 0, 0, 0.12));
|
3283 | transform: scale(1.2); }
|
3284 | .next-range .next-range-frag.next-range-active .next-range-slider .next-range-slider-inner {
|
3285 | border: 2px solid #5584FF;
|
3286 | border: var(--line-2, 2px) var(--line-solid, solid) var(--range-normal-selected-color, #5584FF);
|
3287 | box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
3288 | box-shadow: var(--range-size-m-slider-shadow-moving, 2px 2px 4px 0px rgba(0, 0, 0, 0.12));
|
3289 | transform: scale(1.2); }
|
3290 | .next-range .next-range-mark {
|
3291 | position: relative;
|
3292 | cursor: auto; }
|
3293 | .next-range .next-range-mark .next-range-mark-text {
|
3294 | position: absolute;
|
3295 | left: 0;
|
3296 | transform: translateX(-50%);
|
3297 | padding-left: 2px;
|
3298 | text-align: center; }
|
3299 | .next-range .next-range-frag {
|
3300 | position: absolute;
|
3301 | top: 0; }
|
3302 | .next-range .next-range-frag .next-range-slider {
|
3303 | left: 0; }
|
3304 | .next-range .next-range-frag .next-range-slider:nth-child(2) {
|
3305 | left: 100%; }
|
3306 | .next-range .next-range-frag .next-range-selected {
|
3307 | width: 100%; }
|
3308 | .next-range.disabled {
|
3309 | cursor: not-allowed; }
|
3310 | .next-range.disabled .next-range-mark {
|
3311 | cursor: auto; }
|
3312 | .next-range .next-range-track {
|
3313 | background: #C4C6CF;
|
3314 | background: var(--range-normal-unselected-color, #C4C6CF); }
|
3315 | .next-range .next-range-track:hover {
|
3316 | background: #C4C6CF;
|
3317 | background: var(--range-normal-unselected-color-hover, #C4C6CF); }
|
3318 | .next-range .next-range-selected {
|
3319 | background: #5584FF;
|
3320 | background: var(--range-normal-selected-color, #5584FF); }
|
3321 | .next-range .next-range-selected:hover {
|
3322 | background: #5584FF;
|
3323 | background: var(--range-normal-selected-color-hover, #5584FF); }
|
3324 | .next-range .next-range-scale .next-range-scale-item {
|
3325 | border-color: #C4C6CF;
|
3326 | border-color: var(--range-normal-unselected-color, #C4C6CF);
|
3327 | background: #C4C6CF;
|
3328 | background: var(--range-normal-unselected-color, #C4C6CF); }
|
3329 | .next-range .next-range-scale .next-range-scale-item:hover {
|
3330 | border-color: #C4C6CF;
|
3331 | border-color: var(--range-normal-unselected-color-hover, #C4C6CF); }
|
3332 | .next-range .next-range-scale .next-range-scale-item.activated {
|
3333 | border-color: #5584FF;
|
3334 | border-color: var(--range-normal-selected-color, #5584FF);
|
3335 | background: #5584FF;
|
3336 | background: var(--range-normal-selected-color, #5584FF); }
|
3337 | .next-range .next-range-scale .next-range-scale-item.activated:hover {
|
3338 | border-color: #5584FF;
|
3339 | border-color: var(--range-normal-selected-color-hover, #5584FF); }
|
3340 | .next-range .next-range-slider-inner {
|
3341 | background: #FFFFFF;
|
3342 | background: var(--range-normal-slider-bg-color, #FFFFFF);
|
3343 | border-color: #C4C6CF;
|
3344 | border-color: var(--range-normal-slider-border-color, #C4C6CF); }
|
3345 | .next-range .next-range-slider-inner:hover {
|
3346 | background: #FFFFFF;
|
3347 | background: var(--range-normal-slider-bg-color-hover, #FFFFFF);
|
3348 | box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.12);
|
3349 | box-shadow: var(--range-size-m-slider-shadow-hover, 3px 3px 5px 0px rgba(0, 0, 0, 0.12));
|
3350 | transform: scale(1.2); }
|
3351 | .next-range .next-range-mark .next-range-mark-text {
|
3352 | color: #999999;
|
3353 | color: var(--range-normal-mark-color, #999999); }
|
3354 | .next-range .next-range-mark .next-range-mark-text:hover {
|
3355 | color: #999999;
|
3356 | color: var(--range-normal-mark-color-hover, #999999); }
|
3357 | .next-range .next-range-mark .next-range-mark-text.activated {
|
3358 | color: #333333;
|
3359 | color: var(--range-normal-mark-selected-color, #333333); }
|
3360 | .next-range .next-range-mark .next-range-mark-text.activated:hover {
|
3361 | color: #333333;
|
3362 | color: var(--range-normal-mark-selected-color-hover, #333333); }
|
3363 | .next-range.disabled .next-range-track {
|
3364 | background: #C4C6CF;
|
3365 | background: var(--range-normal-unselected-color-disabled, #C4C6CF); }
|
3366 | .next-range.disabled .next-range-selected {
|
3367 | background: #A0A2AD;
|
3368 | background: var(--range-normal-selected-color-disabled, #A0A2AD); }
|
3369 | .next-range.disabled .next-range-scale-item {
|
3370 | border-color: #C4C6CF;
|
3371 | border-color: var(--range-normal-unselected-color-disabled, #C4C6CF); }
|
3372 | .next-range.disabled .next-range-scale-item.activated {
|
3373 | border-color: #A0A2AD;
|
3374 | border-color: var(--range-normal-selected-color-disabled, #A0A2AD); }
|
3375 | .next-range.disabled .next-range-slider-inner {
|
3376 | background: #E6E7EB;
|
3377 | background: var(--range-normal-slider-bg-color-disabled, #E6E7EB);
|
3378 | border-color: #E6E7EB;
|
3379 | border-color: var(--range-normal-slider-border-color-disabled, #E6E7EB);
|
3380 | transform: none;
|
3381 | box-shadow: none; }
|
3382 | .next-range.disabled .next-range-mark-text {
|
3383 | color: #CCCCCC;
|
3384 | color: var(--range-normal-mark-color-disabled, #CCCCCC); }
|
3385 | .next-range.disabled .next-range-mark-text.activated {
|
3386 | color: #999999;
|
3387 | color: var(--range-normal-mark-selected-color-disabled, #999999); }
|
3388 | .next-range .next-range-track {
|
3389 | height: 4px;
|
3390 | height: var(--range-size-m-track-height, 4px);
|
3391 | margin-top: -2px;
|
3392 | margin-top: calc(0px - var(--range-size-m-track-height, 4px)/2); }
|
3393 | .next-range .next-range-selected {
|
3394 | height: 4px;
|
3395 | height: var(--range-size-m-track-height, 4px);
|
3396 | margin-top: -2px;
|
3397 | margin-top: calc(0px - var(--range-size-m-track-height, 4px)/2); }
|
3398 | .next-range .next-range-frag {
|
3399 | margin-top: 4px;
|
3400 | margin-top: calc(var(--range-size-m-scale-height, 12px)/2 - var(--range-size-m-track-height, 4px)/2);
|
3401 | height: 4px;
|
3402 | height: var(--range-size-m-track-height, 4px); }
|
3403 | .next-range .next-range-slider {
|
3404 | height: 16px;
|
3405 | height: var(--range-size-m-slider-hw, 16px);
|
3406 | width: 16px;
|
3407 | width: var(--range-size-m-slider-hw, 16px);
|
3408 | margin-top: -8px;
|
3409 | margin-top: calc(0px - var(--range-size-m-slider-hw, 16px)/2);
|
3410 | margin-left: -8px;
|
3411 | margin-left: calc(0px - var(--range-size-m-slider-hw, 16px)/2);
|
3412 | box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
|
3413 | box-shadow: var(--range-size-m-slider-shadow, 1px 1px 3px 0px rgba(0, 0, 0, 0.12)); }
|
3414 | .next-range .next-range-slider-inner {
|
3415 | height: 16px;
|
3416 | height: var(--range-size-m-slider-hw, 16px);
|
3417 | width: 16px;
|
3418 | width: var(--range-size-m-slider-hw, 16px);
|
3419 | margin-top: -8px;
|
3420 | margin-top: calc(0px - var(--range-size-m-slider-hw, 16px)/2);
|
3421 | margin-left: -8px;
|
3422 | margin-left: calc(0px - var(--range-size-m-slider-hw, 16px)/2); }
|
3423 | .next-range .next-range-mark {
|
3424 | display: block; }
|
3425 | .next-range .next-range-mark .next-range-mark-text {
|
3426 | font-size: 12px;
|
3427 | font-size: var(--range-size-m-mark-font-size, 12px);
|
3428 | font-weight: normal;
|
3429 | font-weight: var(--range-size-m-mark-font-weight, normal);
|
3430 | line-height: 20px;
|
3431 | line-height: var(--range-size-m-mark-font-lineheight, 20px);
|
3432 | height: 20px;
|
3433 | height: var(--range-size-m-mark-font-lineheight, 20px); }
|
3434 | .next-range .next-range-mark.next-range-mark-below {
|
3435 | height: 30px;
|
3436 | height: var(--range-size-m-mark-top, 30px); }
|
3437 | .next-range .next-range-mark.next-range-mark-below .next-range-mark-text {
|
3438 | bottom: 0; }
|
3439 | .next-range .next-range-mark.next-range-mark-above {
|
3440 | height: 30px;
|
3441 | height: var(--range-size-m-mark-top, 30px); }
|
3442 | .next-range .next-range-scale .next-range-scale-item {
|
3443 | height: 12px;
|
3444 | height: var(--range-size-m-scale-height, 12px); }
|
3445 | .next-range.simulation-hover > .next-range-slider-inner {
|
3446 | background: #FFFFFF;
|
3447 | background: var(--range-normal-slider-bg-color-hover, #FFFFFF);
|
3448 | box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.12);
|
3449 | box-shadow: var(--range-size-m-slider-shadow-hover, 3px 3px 5px 0px rgba(0, 0, 0, 0.12));
|
3450 | transform: scale(1.2); }
|
3451 | .next-range.simulation-hover .next-range-selected {
|
3452 | background: #5584FF;
|
3453 | background: var(--range-normal-selected-color-hover, #5584FF); }
|
3454 | .next-range.simulation-hover .next-range-track {
|
3455 | background: #C4C6CF;
|
3456 | background: var(--range-normal-unselected-color-hover, #C4C6CF); }
|
3457 | .next-range.simulation-hover .next-range-scale-item {
|
3458 | border-color: #C4C6CF;
|
3459 | border-color: var(--range-normal-unselected-color-hover, #C4C6CF); }
|
3460 | .next-range.simulation-hover .next-range-scale-item.activated {
|
3461 | border-color: #5584FF;
|
3462 | border-color: var(--range-normal-selected-color-hover, #5584FF); }
|
3463 | .next-range.simulation-click > .next-range-slider-inner {
|
3464 | border: 2px solid #5584FF;
|
3465 | border: 2px solid var(--range-normal-selected-color, #5584FF);
|
3466 | box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.12);
|
3467 | box-shadow: var(--range-size-m-slider-shadow-moving, 2px 2px 4px 0px rgba(0, 0, 0, 0.12));
|
3468 | transform: scale(1.2); }
|
3469 |
|
3470 | .next-range[dir=rtl] .next-range-mark {
|
3471 | position: relative;
|
3472 | cursor: auto; }
|
3473 | .next-range[dir=rtl] .next-range-mark .next-range-mark-text {
|
3474 | position: absolute;
|
3475 | right: 0;
|
3476 | transform: translateX(50%);
|
3477 | padding-right: 2px;
|
3478 | text-align: center; }
|
3479 |
|
3480 | .next-sr-only {
|
3481 | position: absolute;
|
3482 | width: 1px;
|
3483 | height: 1px;
|
3484 | padding: 0;
|
3485 | overflow: hidden;
|
3486 | clip: rect(0, 0, 0, 0);
|
3487 | white-space: nowrap;
|
3488 | border: 0;
|
3489 | top: 0;
|
3490 | margin: -1px; }
|
3491 |
|
3492 | .next-rating[dir="rtl"] .next-rating-overlay {
|
3493 | right: 0;
|
3494 | left: auto; }
|
3495 |
|
3496 | .next-rating[dir="rtl"] .next-rating-underlay .next-rating-icon,
|
3497 | .next-rating[dir="rtl"] .next-rating-overlay .next-rating-icon {
|
3498 | margin-right: 4px;
|
3499 | margin-right: var(--s-1, 4px);
|
3500 | margin-left: 0; }
|
3501 |
|
3502 | .next-rating[dir="rtl"] .next-rating-underlay .next-rating-icon:last-child,
|
3503 | .next-rating[dir="rtl"] .next-rating-overlay .next-rating-icon:last-child {
|
3504 |
|
3505 | margin-left: 4px;
|
3506 | margin-left: var(--s-1, 4px); }
|
3507 |
|
3508 | .next-rating {
|
3509 | vertical-align: top; }
|
3510 | .next-rating {
|
3511 | display: inline-block;
|
3512 | position: relative; }
|
3513 | .next-rating:after {
|
3514 | visibility: hidden;
|
3515 | display: block;
|
3516 | height: 0;
|
3517 | font-size: 0;
|
3518 | content: ' ';
|
3519 | clear: both; }
|
3520 | .next-rating-base {
|
3521 | float: left; }
|
3522 | .next-rating-text {
|
3523 | float: left; }
|
3524 | .next-rating-base-disabled {
|
3525 | cursor: not-allowed; }
|
3526 | .next-rating-base-disabled .next-rating-underlay .next-rating-icon {
|
3527 | cursor: not-allowed; }
|
3528 | .next-rating-base-disabled .next-rating-overlay .next-rating-icon {
|
3529 | cursor: not-allowed; }
|
3530 | .next-rating-symbol-icon::before {
|
3531 | content: "\E60E";
|
3532 | content: var(--rating-grade-icon-content, "\E60E"); }
|
3533 | .next-rating-underlay {
|
3534 | white-space: nowrap;
|
3535 | overflow: hidden; }
|
3536 | .next-rating-underlay .next-icon {
|
3537 | color: #E2E4E8;
|
3538 | color: var(--rating-normal-underlay-color, #E2E4E8); }
|
3539 | .next-rating-stroke-mode .next-rating-underlay .next-icon {
|
3540 | color: transparent;
|
3541 | -webkit-text-stroke: 1px #5584FF;
|
3542 | -webkit-text-stroke: 1px var(--rating-normal-overlay-color, #5584FF); }
|
3543 | .next-rating-overlay {
|
3544 | white-space: nowrap;
|
3545 | overflow: hidden;
|
3546 | position: absolute;
|
3547 | width: 0;
|
3548 | top: 0;
|
3549 | left: 0; }
|
3550 | .next-rating-overlay .next-icon {
|
3551 | color: #5584FF;
|
3552 | color: var(--rating-normal-overlay-color, #5584FF); }
|
3553 | .next-rating-underlay .next-rating-icon, .next-rating-overlay .next-rating-icon {
|
3554 | cursor: pointer;
|
3555 | margin-left: 4px;
|
3556 | margin-left: var(--s-1, 4px); }
|
3557 | .next-rating-underlay .next-rating-icon:last-child, .next-rating-overlay .next-rating-icon:last-child {
|
3558 |
|
3559 | margin-right: 4px;
|
3560 | margin-right: var(--s-1, 4px); }
|
3561 | .next-rating-underlay .next-icon, .next-rating-overlay .next-icon {
|
3562 | transition: all 100ms linear;
|
3563 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
3564 | .next-rating-underlay .next-icon.hover, .next-rating-overlay .next-icon.hover {
|
3565 | transform: scale3d(1.1, 1.1, 1.1); }
|
3566 | .next-rating-underlay .next-icon.clicked, .next-rating-overlay .next-icon.clicked {
|
3567 | transform: scale3d(0.9, 0.9, 0.9); }
|
3568 | .next-rating-info {
|
3569 | position: absolute;
|
3570 | top: calc(100% + 4px);
|
3571 | top: calc(100% + var(--s-1, 4px));
|
3572 | left: 0;
|
3573 | border: 1px solid #E2E4E8;
|
3574 | border: 1px solid var(--color-fill1-4, #E2E4E8);
|
3575 | background: #FFFFFF;
|
3576 | padding: 4px 8px 3px;
|
3577 | font-size: 12px;
|
3578 | white-space: nowrap; }
|
3579 | .next-rating-info:after {
|
3580 | position: absolute;
|
3581 | content: '';
|
3582 | width: 4px;
|
3583 | height: 4px;
|
3584 | transform: rotate(45deg);
|
3585 | border: 1px solid #E2E4E8;
|
3586 | border: 1px solid var(--color-fill1-4, #E2E4E8);
|
3587 | background: #FFFFFF;
|
3588 | border-bottom-color: transparent;
|
3589 | border-right-color: transparent;
|
3590 | top: -3px;
|
3591 | left: 4px; }
|
3592 | .next-rating:focus .next-rating-base:not(.next-rating-base-disabled), .next-rating.hover {
|
3593 | outline: none; }
|
3594 | .next-rating:focus .next-rating-base:not(.next-rating-base-disabled) .next-rating-overlay .next-icon, .next-rating.hover .next-rating-overlay .next-icon {
|
3595 | color: #5584FF;
|
3596 | color: var(--rating-normal-overlay-hover-color, #5584FF); }
|
3597 |
|
3598 |
|
3599 |
|
3600 | .next-rating-grade-low .next-rating-overlay .next-icon {
|
3601 | color: #666666;
|
3602 | color: var(--rating-grade-low-overlay-color, #666666); }
|
3603 |
|
3604 | .next-rating-grade-low.hover .next-rating-overlay .next-icon {
|
3605 | color: #666666;
|
3606 | color: var(--rating-grade-low-overlay-color, #666666); }
|
3607 |
|
3608 | .next-rating-grade-high .next-rating-overlay .next-icon {
|
3609 | color: #5584FF;
|
3610 | color: var(--rating-grade-high-overlay-color, #5584FF); }
|
3611 |
|
3612 | .next-rating-grade-high.hover .next-rating-overlay .next-icon {
|
3613 | color: #5584FF;
|
3614 | color: var(--rating-grade-high-overlay-hover-color, #5584FF); }
|
3615 |
|
3616 |
|
3617 |
|
3618 | .next-rating-small {
|
3619 | font-size: 12px;
|
3620 | font-size: var(--rating-small-font-size, 12px); }
|
3621 | .next-rating-small .next-icon:before,
|
3622 | .next-rating-small .next-icon .next-icon-remote {
|
3623 | width: 12px;
|
3624 | width: var(--rating-small-icon-size, 12px);
|
3625 | font-size: 12px;
|
3626 | font-size: var(--rating-small-icon-size, 12px);
|
3627 | line-height: inherit; }
|
3628 | .next-rating-small .next-rating-text {
|
3629 | margin-left: 8px;
|
3630 | margin-left: var(--rating-small-text-margin-left, 8px); }
|
3631 |
|
3632 | .next-rating-medium {
|
3633 | font-size: 12px;
|
3634 | font-size: var(--rating-medium-font-size, 12px); }
|
3635 | .next-rating-medium .next-icon:before,
|
3636 | .next-rating-medium .next-icon .next-icon-remote {
|
3637 | width: 16px;
|
3638 | width: var(--rating-medium-icon-size, 16px);
|
3639 | font-size: 16px;
|
3640 | font-size: var(--rating-medium-icon-size, 16px);
|
3641 | line-height: inherit; }
|
3642 | .next-rating-medium .next-rating-text {
|
3643 | margin-left: 12px;
|
3644 | margin-left: var(--rating-medium-text-margin-left, 12px); }
|
3645 |
|
3646 | .next-rating-large {
|
3647 | font-size: 16px;
|
3648 | font-size: var(--rating-large-font-size, 16px); }
|
3649 | .next-rating-large .next-icon:before,
|
3650 | .next-rating-large .next-icon .next-icon-remote {
|
3651 | width: 20px;
|
3652 | width: var(--rating-large-icon-size, 20px);
|
3653 | font-size: 20px;
|
3654 | font-size: var(--rating-large-icon-size, 20px);
|
3655 | line-height: inherit; }
|
3656 | .next-rating-large .next-rating-text {
|
3657 | margin-left: 16px;
|
3658 | margin-left: var(--rating-large-text-margin-left, 16px); }
|
3659 |
|
3660 | .next-sr-only {
|
3661 | position: absolute;
|
3662 | width: 1px;
|
3663 | height: 1px;
|
3664 | padding: 0;
|
3665 | overflow: hidden;
|
3666 | clip: rect(0, 0, 0, 0);
|
3667 | white-space: nowrap;
|
3668 | border: 0;
|
3669 | top: 0;
|
3670 | margin: -1px; }
|
3671 |
|
3672 | .next-search-simple[dir=rtl].next-large .next-search-icon {
|
3673 | margin-left: 12px;
|
3674 | margin-left: var(--search-simple-l-icon-margin-right, 12px);
|
3675 | margin-right: 0; }
|
3676 |
|
3677 | .next-search-simple[dir=rtl].next-medium .next-search-icon {
|
3678 | margin-left: 8px;
|
3679 | margin-left: var(--search-simple-m-icon-margin-right, 8px);
|
3680 | margin-right: 0; }
|
3681 |
|
3682 | .next-search-simple[dir=rtl].next-normal .next-search-left .next-search-left-addon {
|
3683 | border-left: 1px solid #C4C6CF;
|
3684 | border-left: 1px solid var(--search-simple-normal-split-color, #C4C6CF);
|
3685 | border-right: none; }
|
3686 |
|
3687 | .next-search-simple[dir=rtl].next-dark .next-search-left {
|
3688 | border-color: #C4C6CF;
|
3689 | border-color: var(--search-simple-dark-color, #C4C6CF); }
|
3690 | .next-search-simple[dir=rtl].next-dark .next-search-left .next-search-left-addon {
|
3691 | border-right: 1px solid #C4C6CF;
|
3692 | border-right: 1px solid var(--search-simple-dark-split-color, #C4C6CF); }
|
3693 |
|
3694 | .next-search-simple[dir=rtl].next-dark:hover .next-search-left {
|
3695 | border-color: #C4C6CF;
|
3696 | border-color: var(--search-simple-dark-hover-color, #C4C6CF); }
|
3697 |
|
3698 | .next-search-simple[dir=rtl].next-dark .next-search-icon {
|
3699 | color: #999999;
|
3700 | color: var(--search-simple-dark-icon-text-color, #999999); }
|
3701 | .next-search-simple[dir=rtl].next-dark .next-search-icon:hover {
|
3702 | color: #666666;
|
3703 | color: var(--search-simple-dark-icon-hover-text-color, #666666); }
|
3704 |
|
3705 | .next-search-normal[dir=rtl] .next-search-left {
|
3706 | border-left: none;
|
3707 | border-top-right-radius: 3px;
|
3708 | border-top-right-radius: var(--search-normal-corner, 3px);
|
3709 | border-bottom-right-radius: 3px;
|
3710 | border-bottom-right-radius: var(--search-normal-corner, 3px);
|
3711 | border-top-left-radius: 0;
|
3712 | border-bottom-left-radius: 0; }
|
3713 |
|
3714 | .next-search-normal[dir=rtl] .next-search-btn.next-btn {
|
3715 | border-radius: 3px 0 0 3px !important;
|
3716 | border-radius: var(--search-normal-corner, 3px) 0 0 var(--search-normal-corner, 3px) !important; }
|
3717 |
|
3718 | .next-search-normal[dir=rtl] .next-input {
|
3719 | border-radius: 0 3px 3px 0;
|
3720 | border-radius: 0 var(--search-normal-corner, 3px) var(--search-normal-corner, 3px) 0; }
|
3721 |
|
3722 | .next-search-normal[dir=rtl].next-primary .next-input {
|
3723 | border-top-left-radius: 0;
|
3724 | border-bottom-left-radius: 0;
|
3725 | border-top-right-radius: 1px;
|
3726 | border-top-right-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-primary-border-width, 2px));
|
3727 | border-bottom-right-radius: 1px;
|
3728 | border-bottom-right-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-primary-border-width, 2px)); }
|
3729 |
|
3730 | .next-search-normal[dir=rtl].next-primary .next-search-left .next-search-left-addon {
|
3731 | border-left: 1px solid #E6E7EB;
|
3732 | border-left: 1px solid var(--search-normal-primary-split-color, #E6E7EB);
|
3733 | border-right: none; }
|
3734 |
|
3735 | .next-search-normal[dir=rtl].next-secondary .next-input {
|
3736 | border-top-left-radius: 0;
|
3737 | border-bottom-left-radius: 0;
|
3738 | border-top-right-radius: 1px;
|
3739 | border-top-right-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-primary-border-width, 2px));
|
3740 | border-bottom-right-radius: 1px;
|
3741 | border-bottom-right-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-primary-border-width, 2px)); }
|
3742 |
|
3743 | .next-search-normal[dir=rtl].next-secondary .next-search-left .next-search-left-addon {
|
3744 | border-left: 1px solid #E6E7EB;
|
3745 | border-left: 1px solid var(--search-normal-secondary-split-color, #E6E7EB);
|
3746 | border-right: none; }
|
3747 |
|
3748 | .next-search-normal[dir=rtl].next-normal .next-input {
|
3749 | border-top-left-radius: 0;
|
3750 | border-bottom-left-radius: 0;
|
3751 | border-top-right-radius: 1px;
|
3752 | border-top-right-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-primary-border-width, 2px));
|
3753 | border-bottom-right-radius: 1px;
|
3754 | border-bottom-right-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-primary-border-width, 2px)); }
|
3755 |
|
3756 | .next-search-normal[dir=rtl].next-normal .next-search-left .next-search-left-addon {
|
3757 | border-left: 1px solid #E6E7EB;
|
3758 | border-left: 1px solid var(--search-normal-normal-split-color, #E6E7EB);
|
3759 | border-right: none; }
|
3760 |
|
3761 | .next-search-normal[dir=rtl].next-dark .next-search-left .next-search-left-addon {
|
3762 | border-left: 1px solid #5584FF;
|
3763 | border-left: 1px solid var(--search-normal-dark-color, #5584FF);
|
3764 | border-right: none; }
|
3765 |
|
3766 | .next-search {
|
3767 | box-sizing: border-box;
|
3768 | width: 100%;
|
3769 | display: inline-block; }
|
3770 | .next-search *,
|
3771 | .next-search *:before,
|
3772 | .next-search *:after {
|
3773 | box-sizing: border-box; }
|
3774 | .next-search .next-input,
|
3775 | .next-search .next-select {
|
3776 | border: none;
|
3777 | box-shadow: none; }
|
3778 | .next-search .next-select .next-input {
|
3779 | height: auto; }
|
3780 | .next-search .next-select .next-input .next-input-text-field {
|
3781 | height: auto; }
|
3782 | .next-search .next-search-left {
|
3783 | border-style: solid;
|
3784 | transition: all 100ms linear;
|
3785 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
3786 | .next-search .next-search-left-addon .next-input,
|
3787 | .next-search .next-search-left-addon .next-select-trigger-search {
|
3788 | min-height: 100%;
|
3789 | border-bottom-right-radius: 0;
|
3790 | border-top-right-radius: 0; }
|
3791 | .next-search .next-search-left-addon .next-select-values {
|
3792 | line-height: 1; }
|
3793 | .next-search .next-search-left-addon.next-input-group-addon .next-select {
|
3794 | margin: 0; }
|
3795 | .next-search .next-search-left-addon + .next-search-input .next-input {
|
3796 | border-bottom-left-radius: 0;
|
3797 | border-top-left-radius: 0; }
|
3798 | .next-search .next-search-input {
|
3799 | width: 100%; }
|
3800 | .next-search .next-search-btn {
|
3801 | box-shadow: none; }
|
3802 | .next-search .next-search-symbol-icon::before {
|
3803 | content: "\E656";
|
3804 | content: var(--search-search-icon-content, "\E656"); }
|
3805 | .next-search-normal {
|
3806 | width: 600px; }
|
3807 | .next-search-normal .next-search-left {
|
3808 | border-top-left-radius: 3px;
|
3809 | border-top-left-radius: var(--search-normal-corner, 3px);
|
3810 | border-bottom-left-radius: 3px;
|
3811 | border-bottom-left-radius: var(--search-normal-corner, 3px); }
|
3812 | .next-search-normal .next-input {
|
3813 | border-radius: 3px 0 0 3px;
|
3814 | border-radius: var(--search-normal-corner, 3px) 0 0 var(--search-normal-corner, 3px); }
|
3815 | .next-search-normal .next-btn {
|
3816 | border-radius: 0 3px 3px 0;
|
3817 | border-radius: 0 var(--search-normal-corner, 3px) var(--search-normal-corner, 3px) 0; }
|
3818 | .next-search-normal.next-primary .next-search-left {
|
3819 | border-color: #5584FF;
|
3820 | border-color: var(--search-normal-primary-color, #5584FF); }
|
3821 | .next-search-normal.next-primary .next-search-left .next-search-left-addon {
|
3822 | border-right: 1px solid #E6E7EB;
|
3823 | border-right: 1px solid var(--search-normal-primary-split-color, #E6E7EB); }
|
3824 | .next-search-normal.next-primary:hover .next-search-left,
|
3825 | .next-search-normal.next-primary:hover .next-btn {
|
3826 | border-color: #5584FF;
|
3827 | border-color: var(--search-normal-primary-hover-color, #5584FF); }
|
3828 | .next-search-normal.next-primary .next-search-btn {
|
3829 | background: #5584FF;
|
3830 | background: var(--search-normal-primary-color, #5584FF);
|
3831 | border-color: #5584FF;
|
3832 | border-color: var(--search-normal-primary-color, #5584FF);
|
3833 | color: #FFFFFF;
|
3834 | color: var(--search-normal-primary-btn-text-color, #FFFFFF); }
|
3835 | .next-search-normal.next-primary .next-search-btn:hover {
|
3836 | background: #3E71F7;
|
3837 | background: var(--search-normal-primary-btn-hover-bg-color, #3E71F7);
|
3838 | border-color: #5584FF;
|
3839 | border-color: var(--search-normal-primary-hover-color, #5584FF);
|
3840 | color: #FFFFFF;
|
3841 | color: var(--search-normal-primary-btn-hover-text-color, #FFFFFF); }
|
3842 | .next-search-normal.next-primary .next-search-btn .next-icon {
|
3843 | color: #FFFFFF;
|
3844 | color: var(--search-normal-primary-btn-text-color, #FFFFFF); }
|
3845 | .next-search-normal.next-primary .next-search-btn .next-icon:hover {
|
3846 | color: #FFFFFF;
|
3847 | color: var(--search-normal-primary-btn-hover-text-color, #FFFFFF); }
|
3848 | .next-search-normal.next-primary.next-large {
|
3849 | box-shadow: none;
|
3850 | box-shadow: var(--search-normal-primary-shadow, none); }
|
3851 | .next-search-normal.next-primary.next-large .next-search-left, .next-search-normal.next-primary.next-large .next-search-btn {
|
3852 | border-width: 2px;
|
3853 | border-width: var(--search-normal-primary-border-width, 2px);
|
3854 | height: 60px;
|
3855 | height: var(--search-normal-primary-l-height, 60px); }
|
3856 | .next-search-normal.next-primary.next-large .next-search-input {
|
3857 | height: 56px;
|
3858 | height: calc(var(--search-normal-primary-l-height, 60px) - var(--search-normal-primary-border-width, 2px)*2);
|
3859 | overflow-y: hidden; }
|
3860 | .next-search-normal.next-primary.next-large .next-search-input input {
|
3861 | height: 56px;
|
3862 | height: calc(var(--search-normal-primary-l-height, 60px) - var(--search-normal-primary-border-width, 2px)*2);
|
3863 | line-height: 56px \0;
|
3864 | line-height: calc(var(--search-normal-primary-l-height, 60px) - var(--search-normal-primary-border-width, 2px)*2) \0; }
|
3865 | .next-search-normal.next-primary.next-large .next-select {
|
3866 | height: 56px;
|
3867 | height: calc(var(--search-normal-primary-l-height, 60px) - var(--search-normal-primary-border-width, 2px)*2); }
|
3868 | .next-search-normal.next-primary.next-large .next-search-btn {
|
3869 | font-size: 16px;
|
3870 | font-size: var(--search-normal-primary-l-btn-text-size, 16px); }
|
3871 | .next-search-normal.next-primary.next-large .next-search-btn .next-icon:before,
|
3872 | .next-search-normal.next-primary.next-large .next-search-btn .next-icon .next-icon-remote {
|
3873 | width: 24px;
|
3874 | width: var(--search-normal-primary-l-icon-size, 24px);
|
3875 | font-size: 24px;
|
3876 | font-size: var(--search-normal-primary-l-icon-size, 24px);
|
3877 | line-height: inherit; }
|
3878 | .next-search-normal.next-primary.next-large .next-search-btn .next-search-btn-text {
|
3879 | display: inline-block;
|
3880 | padding-left: 0px;
|
3881 | padding-left: var(--search-normal-primary-btn-text-padding-left, 0px); }
|
3882 | .next-search-normal.next-primary.next-medium {
|
3883 | box-shadow: none;
|
3884 | box-shadow: var(--search-normal-primary-shadow, none); }
|
3885 | .next-search-normal.next-primary.next-medium .next-search-left, .next-search-normal.next-primary.next-medium .next-search-btn {
|
3886 | border-width: 2px;
|
3887 | border-width: var(--search-normal-primary-border-width, 2px);
|
3888 | height: 40px;
|
3889 | height: var(--search-normal-primary-m-height, 40px); }
|
3890 | .next-search-normal.next-primary.next-medium .next-search-input {
|
3891 | height: 36px;
|
3892 | height: calc(var(--search-normal-primary-m-height, 40px) - var(--search-normal-primary-border-width, 2px)*2);
|
3893 | overflow-y: hidden; }
|
3894 | .next-search-normal.next-primary.next-medium .next-search-input input {
|
3895 | height: 36px;
|
3896 | height: calc(var(--search-normal-primary-m-height, 40px) - var(--search-normal-primary-border-width, 2px)*2);
|
3897 | line-height: 36px \0;
|
3898 | line-height: calc(var(--search-normal-primary-m-height, 40px) - var(--search-normal-primary-border-width, 2px)*2) \0; }
|
3899 | .next-search-normal.next-primary.next-medium .next-select {
|
3900 | height: 36px;
|
3901 | height: calc(var(--search-normal-primary-m-height, 40px) - var(--search-normal-primary-border-width, 2px)*2); }
|
3902 | .next-search-normal.next-primary.next-medium .next-search-btn {
|
3903 | font-size: 16px;
|
3904 | font-size: var(--search-normal-primary-m-btn-text-size, 16px); }
|
3905 | .next-search-normal.next-primary.next-medium .next-search-btn .next-icon:before,
|
3906 | .next-search-normal.next-primary.next-medium .next-search-btn .next-icon .next-icon-remote {
|
3907 | width: 16px;
|
3908 | width: var(--search-normal-primary-m-icon-size, 16px);
|
3909 | font-size: 16px;
|
3910 | font-size: var(--search-normal-primary-m-icon-size, 16px);
|
3911 | line-height: inherit; }
|
3912 | .next-search-normal.next-primary.next-medium .next-search-btn .next-search-btn-text {
|
3913 | display: inline-block;
|
3914 | padding-left: 0px;
|
3915 | padding-left: var(--search-normal-primary-btn-text-padding-left, 0px); }
|
3916 | .next-search-normal.next-primary .next-input {
|
3917 | border-top-left-radius: 1px;
|
3918 | border-top-left-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-primary-border-width, 2px));
|
3919 | border-bottom-left-radius: 1px;
|
3920 | border-bottom-left-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-primary-border-width, 2px)); }
|
3921 | .next-search-normal.next-secondary .next-search-left {
|
3922 | border-color: #C4C6CF;
|
3923 | border-color: var(--search-normal-secondary-color, #C4C6CF); }
|
3924 | .next-search-normal.next-secondary .next-search-left .next-search-left-addon {
|
3925 | border-right: 1px solid #E6E7EB;
|
3926 | border-right: 1px solid var(--search-normal-secondary-split-color, #E6E7EB); }
|
3927 | .next-search-normal.next-secondary:hover .next-search-left,
|
3928 | .next-search-normal.next-secondary:hover .next-btn {
|
3929 | border-color: #5584FF;
|
3930 | border-color: var(--search-normal-secondary-hover-color, #5584FF); }
|
3931 | .next-search-normal.next-secondary .next-search-btn {
|
3932 | background: #5584FF;
|
3933 | background: var(--search-normal-secondary-btn-bg-color, #5584FF);
|
3934 | border-color: #5584FF;
|
3935 | border-color: var(--search-normal-secondary-btn-bg-color, #5584FF);
|
3936 | color: #FFFFFF;
|
3937 | color: var(--search-normal-secondary-btn-text-color, #FFFFFF); }
|
3938 | .next-search-normal.next-secondary .next-search-btn:hover {
|
3939 | background: #3E71F7;
|
3940 | background: var(--search-normal-secondary-btn-hover-bg-color, #3E71F7);
|
3941 | border-color: #5584FF;
|
3942 | border-color: var(--search-normal-secondary-hover-color, #5584FF);
|
3943 | color: #FFFFFF;
|
3944 | color: var(--search-normal-secondary-btn-hover-text-color, #FFFFFF); }
|
3945 | .next-search-normal.next-secondary .next-search-btn .next-icon {
|
3946 | color: #FFFFFF;
|
3947 | color: var(--search-normal-secondary-btn-text-color, #FFFFFF); }
|
3948 | .next-search-normal.next-secondary .next-search-btn .next-icon:hover {
|
3949 | color: #FFFFFF;
|
3950 | color: var(--search-normal-secondary-btn-hover-text-color, #FFFFFF); }
|
3951 | .next-search-normal.next-secondary.next-large {
|
3952 | box-shadow: none;
|
3953 | box-shadow: var(--search-normal-secondary-shadow, none); }
|
3954 | .next-search-normal.next-secondary.next-large .next-search-left, .next-search-normal.next-secondary.next-large .next-search-btn {
|
3955 | border-width: 1px;
|
3956 | border-width: var(--search-normal-secondary-border-width, 1px);
|
3957 | height: 60px;
|
3958 | height: var(--search-normal-secondary-l-height, 60px); }
|
3959 | .next-search-normal.next-secondary.next-large .next-search-input {
|
3960 | height: 58px;
|
3961 | height: calc(var(--search-normal-secondary-l-height, 60px) - var(--search-normal-secondary-border-width, 1px)*2);
|
3962 | overflow-y: hidden; }
|
3963 | .next-search-normal.next-secondary.next-large .next-search-input input {
|
3964 | height: 58px;
|
3965 | height: calc(var(--search-normal-secondary-l-height, 60px) - var(--search-normal-secondary-border-width, 1px)*2);
|
3966 | line-height: 58px \0;
|
3967 | line-height: calc(var(--search-normal-secondary-l-height, 60px) - var(--search-normal-secondary-border-width, 1px)*2) \0; }
|
3968 | .next-search-normal.next-secondary.next-large .next-select {
|
3969 | height: 58px;
|
3970 | height: calc(var(--search-normal-secondary-l-height, 60px) - var(--search-normal-secondary-border-width, 1px)*2); }
|
3971 | .next-search-normal.next-secondary.next-large .next-search-btn {
|
3972 | font-size: 16px;
|
3973 | font-size: var(--search-normal-secondary-l-btn-text-size, 16px); }
|
3974 | .next-search-normal.next-secondary.next-large .next-search-btn .next-icon:before,
|
3975 | .next-search-normal.next-secondary.next-large .next-search-btn .next-icon .next-icon-remote {
|
3976 | width: 24px;
|
3977 | width: var(--search-normal-secondary-l-icon-size, 24px);
|
3978 | font-size: 24px;
|
3979 | font-size: var(--search-normal-secondary-l-icon-size, 24px);
|
3980 | line-height: inherit; }
|
3981 | .next-search-normal.next-secondary.next-large .next-search-btn .next-search-btn-text {
|
3982 | display: inline-block;
|
3983 | padding-left: 0px;
|
3984 | padding-left: var(--search-normal-secondary-btn-text-padding-left, 0px); }
|
3985 | .next-search-normal.next-secondary.next-medium {
|
3986 | box-shadow: none;
|
3987 | box-shadow: var(--search-normal-secondary-shadow, none); }
|
3988 | .next-search-normal.next-secondary.next-medium .next-search-left, .next-search-normal.next-secondary.next-medium .next-search-btn {
|
3989 | border-width: 1px;
|
3990 | border-width: var(--search-normal-secondary-border-width, 1px);
|
3991 | height: 40px;
|
3992 | height: var(--search-normal-secondary-m-height, 40px); }
|
3993 | .next-search-normal.next-secondary.next-medium .next-search-input {
|
3994 | height: 38px;
|
3995 | height: calc(var(--search-normal-secondary-m-height, 40px) - var(--search-normal-secondary-border-width, 1px)*2);
|
3996 | overflow-y: hidden; }
|
3997 | .next-search-normal.next-secondary.next-medium .next-search-input input {
|
3998 | height: 38px;
|
3999 | height: calc(var(--search-normal-secondary-m-height, 40px) - var(--search-normal-secondary-border-width, 1px)*2);
|
4000 | line-height: 38px \0;
|
4001 | line-height: calc(var(--search-normal-secondary-m-height, 40px) - var(--search-normal-secondary-border-width, 1px)*2) \0; }
|
4002 | .next-search-normal.next-secondary.next-medium .next-select {
|
4003 | height: 38px;
|
4004 | height: calc(var(--search-normal-secondary-m-height, 40px) - var(--search-normal-secondary-border-width, 1px)*2); }
|
4005 | .next-search-normal.next-secondary.next-medium .next-search-btn {
|
4006 | font-size: 16px;
|
4007 | font-size: var(--search-normal-secondary-m-btn-text-size, 16px); }
|
4008 | .next-search-normal.next-secondary.next-medium .next-search-btn .next-icon:before,
|
4009 | .next-search-normal.next-secondary.next-medium .next-search-btn .next-icon .next-icon-remote {
|
4010 | width: 16px;
|
4011 | width: var(--search-normal-secondary-m-icon-size, 16px);
|
4012 | font-size: 16px;
|
4013 | font-size: var(--search-normal-secondary-m-icon-size, 16px);
|
4014 | line-height: inherit; }
|
4015 | .next-search-normal.next-secondary.next-medium .next-search-btn .next-search-btn-text {
|
4016 | display: inline-block;
|
4017 | padding-left: 0px;
|
4018 | padding-left: var(--search-normal-secondary-btn-text-padding-left, 0px); }
|
4019 | .next-search-normal.next-secondary .next-input {
|
4020 | border-top-left-radius: 2px;
|
4021 | border-top-left-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-secondary-border-width, 1px));
|
4022 | border-bottom-left-radius: 2px;
|
4023 | border-bottom-left-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-secondary-border-width, 1px)); }
|
4024 | .next-search-normal.next-normal .next-search-left {
|
4025 | border-color: #C4C6CF;
|
4026 | border-color: var(--search-normal-normal-color, #C4C6CF); }
|
4027 | .next-search-normal.next-normal .next-search-left .next-search-left-addon {
|
4028 | border-right: 1px solid #E6E7EB;
|
4029 | border-right: 1px solid var(--search-normal-normal-split-color, #E6E7EB); }
|
4030 | .next-search-normal.next-normal:hover .next-search-left,
|
4031 | .next-search-normal.next-normal:hover .next-btn {
|
4032 | border-color: #A0A2AD;
|
4033 | border-color: var(--search-normal-normal-hover-color, #A0A2AD); }
|
4034 | .next-search-normal.next-normal .next-search-btn {
|
4035 | background: #F7F8FA;
|
4036 | background: var(--search-normal-normal-btn-bg-color, #F7F8FA);
|
4037 | border-color: #C4C6CF;
|
4038 | border-color: var(--search-normal-normal-color, #C4C6CF);
|
4039 | color: #666666;
|
4040 | color: var(--search-normal-normal-btn-text-color, #666666); }
|
4041 | .next-search-normal.next-normal .next-search-btn:hover {
|
4042 | background: #EBECF0;
|
4043 | background: var(--search-normal-normal-btn-hover-bg-color, #EBECF0);
|
4044 | border-color: #A0A2AD;
|
4045 | border-color: var(--search-normal-normal-hover-color, #A0A2AD);
|
4046 | color: #333333;
|
4047 | color: var(--search-normal-normal-btn-hover-text-color, #333333); }
|
4048 | .next-search-normal.next-normal .next-search-btn .next-icon {
|
4049 | color: #666666;
|
4050 | color: var(--search-normal-normal-btn-text-color, #666666); }
|
4051 | .next-search-normal.next-normal .next-search-btn .next-icon:hover {
|
4052 | color: #333333;
|
4053 | color: var(--search-normal-normal-btn-hover-text-color, #333333); }
|
4054 | .next-search-normal.next-normal.next-large {
|
4055 | box-shadow: none;
|
4056 | box-shadow: var(--search-normal-normal-shadow, none); }
|
4057 | .next-search-normal.next-normal.next-large .next-search-left, .next-search-normal.next-normal.next-large .next-search-btn {
|
4058 | border-width: 1px;
|
4059 | border-width: var(--search-normal-normal-border-width, 1px);
|
4060 | height: 60px;
|
4061 | height: var(--search-normal-normal-l-height, 60px); }
|
4062 | .next-search-normal.next-normal.next-large .next-search-input {
|
4063 | height: 58px;
|
4064 | height: calc(var(--search-normal-normal-l-height, 60px) - var(--search-normal-normal-border-width, 1px)*2);
|
4065 | overflow-y: hidden; }
|
4066 | .next-search-normal.next-normal.next-large .next-search-input input {
|
4067 | height: 58px;
|
4068 | height: calc(var(--search-normal-normal-l-height, 60px) - var(--search-normal-normal-border-width, 1px)*2);
|
4069 | line-height: 58px \0;
|
4070 | line-height: calc(var(--search-normal-normal-l-height, 60px) - var(--search-normal-normal-border-width, 1px)*2) \0; }
|
4071 | .next-search-normal.next-normal.next-large .next-select {
|
4072 | height: 58px;
|
4073 | height: calc(var(--search-normal-normal-l-height, 60px) - var(--search-normal-normal-border-width, 1px)*2); }
|
4074 | .next-search-normal.next-normal.next-large .next-search-btn {
|
4075 | font-size: 16px;
|
4076 | font-size: var(--search-normal-normal-l-btn-text-size, 16px); }
|
4077 | .next-search-normal.next-normal.next-large .next-search-btn .next-icon:before,
|
4078 | .next-search-normal.next-normal.next-large .next-search-btn .next-icon .next-icon-remote {
|
4079 | width: 24px;
|
4080 | width: var(--search-normal-normal-l-icon-size, 24px);
|
4081 | font-size: 24px;
|
4082 | font-size: var(--search-normal-normal-l-icon-size, 24px);
|
4083 | line-height: inherit; }
|
4084 | .next-search-normal.next-normal.next-large .next-search-btn .next-search-btn-text {
|
4085 | display: inline-block;
|
4086 | padding-left: 0px;
|
4087 | padding-left: var(--search-normal-normal-btn-text-padding-left, 0px); }
|
4088 | .next-search-normal.next-normal.next-medium {
|
4089 | box-shadow: none;
|
4090 | box-shadow: var(--search-normal-normal-shadow, none); }
|
4091 | .next-search-normal.next-normal.next-medium .next-search-left, .next-search-normal.next-normal.next-medium .next-search-btn {
|
4092 | border-width: 1px;
|
4093 | border-width: var(--search-normal-normal-border-width, 1px);
|
4094 | height: 40px;
|
4095 | height: var(--search-normal-normal-m-height, 40px); }
|
4096 | .next-search-normal.next-normal.next-medium .next-search-input {
|
4097 | height: 38px;
|
4098 | height: calc(var(--search-normal-normal-m-height, 40px) - var(--search-normal-normal-border-width, 1px)*2);
|
4099 | overflow-y: hidden; }
|
4100 | .next-search-normal.next-normal.next-medium .next-search-input input {
|
4101 | height: 38px;
|
4102 | height: calc(var(--search-normal-normal-m-height, 40px) - var(--search-normal-normal-border-width, 1px)*2);
|
4103 | line-height: 38px \0;
|
4104 | line-height: calc(var(--search-normal-normal-m-height, 40px) - var(--search-normal-normal-border-width, 1px)*2) \0; }
|
4105 | .next-search-normal.next-normal.next-medium .next-select {
|
4106 | height: 38px;
|
4107 | height: calc(var(--search-normal-normal-m-height, 40px) - var(--search-normal-normal-border-width, 1px)*2); }
|
4108 | .next-search-normal.next-normal.next-medium .next-search-btn {
|
4109 | font-size: 16px;
|
4110 | font-size: var(--search-normal-normal-m-btn-text-size, 16px); }
|
4111 | .next-search-normal.next-normal.next-medium .next-search-btn .next-icon:before,
|
4112 | .next-search-normal.next-normal.next-medium .next-search-btn .next-icon .next-icon-remote {
|
4113 | width: 16px;
|
4114 | width: var(--search-normal-normal-m-icon-size, 16px);
|
4115 | font-size: 16px;
|
4116 | font-size: var(--search-normal-normal-m-icon-size, 16px);
|
4117 | line-height: inherit; }
|
4118 | .next-search-normal.next-normal.next-medium .next-search-btn .next-search-btn-text {
|
4119 | display: inline-block;
|
4120 | padding-left: 0px;
|
4121 | padding-left: var(--search-normal-normal-btn-text-padding-left, 0px); }
|
4122 | .next-search-normal.next-normal .next-input {
|
4123 | border-top-left-radius: 2px;
|
4124 | border-top-left-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-normal-border-width, 1px));
|
4125 | border-bottom-left-radius: 2px;
|
4126 | border-bottom-left-radius: calc(var(--search-normal-corner, 3px) - var(--search-normal-normal-border-width, 1px)); }
|
4127 | .next-search-normal.next-dark .next-search-left {
|
4128 | border-color: #5584FF;
|
4129 | border-color: var(--search-normal-dark-color, #5584FF); }
|
4130 | .next-search-normal.next-dark .next-search-left .next-search-left-addon {
|
4131 | border-right: 1px solid #5584FF;
|
4132 | border-right: 1px solid var(--search-normal-dark-color, #5584FF); }
|
4133 | .next-search-normal.next-dark:hover .next-search-left,
|
4134 | .next-search-normal.next-dark:hover .next-btn {
|
4135 | border-color: #5584FF;
|
4136 | border-color: var(--search-normal-dark-hover-color, #5584FF); }
|
4137 | .next-search-normal.next-dark .next-search-btn {
|
4138 | background: #5584FF;
|
4139 | background: var(--search-normal-dark-color, #5584FF);
|
4140 | border-color: #5584FF;
|
4141 | border-color: var(--search-normal-dark-color, #5584FF);
|
4142 | color: #FFFFFF;
|
4143 | color: var(--search-normal-dark-btn-text-color, #FFFFFF); }
|
4144 | .next-search-normal.next-dark .next-search-btn:hover {
|
4145 | background: #3E71F7;
|
4146 | background: var(--search-normal-dark-btn-hover-bg-color, #3E71F7);
|
4147 | border-color: #5584FF;
|
4148 | border-color: var(--search-normal-dark-hover-color, #5584FF);
|
4149 | color: #FFFFFF;
|
4150 | color: var(--search-normal-dark-btn-hover-text-color, #FFFFFF); }
|
4151 | .next-search-normal.next-dark .next-search-btn .next-icon {
|
4152 | color: #FFFFFF;
|
4153 | color: var(--search-normal-dark-btn-text-color, #FFFFFF); }
|
4154 | .next-search-normal.next-dark .next-search-btn .next-icon:hover {
|
4155 | color: #FFFFFF;
|
4156 | color: var(--search-normal-dark-btn-hover-text-color, #FFFFFF); }
|
4157 | .next-search-normal.next-dark .next-select-inner,
|
4158 | .next-search-normal.next-dark input {
|
4159 | color: #FFFFFF;
|
4160 | color: var(--search-normal-dark-text-color, #FFFFFF); }
|
4161 | .next-search-normal.next-dark .next-input {
|
4162 | background: rgba(255, 255, 255, 0);
|
4163 | background: var(--color-calculate-search-normal-dark-bg, rgba(255, 255, 255, 0)); }
|
4164 | .next-search-normal.next-dark .next-select {
|
4165 | background: rgba(255, 255, 255, 0);
|
4166 | background: var(--color-calculate-search-normal-dark-bg, rgba(255, 255, 255, 0)); }
|
4167 | .next-search-normal.next-dark.next-large {
|
4168 | box-shadow: none;
|
4169 | box-shadow: var(--search-normal-dark-shadow, none); }
|
4170 | .next-search-normal.next-dark.next-large .next-search-left, .next-search-normal.next-dark.next-large .next-search-btn {
|
4171 | border-width: 1px;
|
4172 | border-width: var(--search-normal-dark-border-width, 1px);
|
4173 | height: 60px;
|
4174 | height: var(--search-normal-dark-l-height, 60px); }
|
4175 | .next-search-normal.next-dark.next-large .next-search-input {
|
4176 | height: 58px;
|
4177 | height: calc(var(--search-normal-dark-l-height, 60px) - var(--search-normal-dark-border-width, 1px)*2);
|
4178 | overflow-y: hidden; }
|
4179 | .next-search-normal.next-dark.next-large .next-search-input input {
|
4180 | height: 58px;
|
4181 | height: calc(var(--search-normal-dark-l-height, 60px) - var(--search-normal-dark-border-width, 1px)*2);
|
4182 | line-height: 58px \0;
|
4183 | line-height: calc(var(--search-normal-dark-l-height, 60px) - var(--search-normal-dark-border-width, 1px)*2) \0; }
|
4184 | .next-search-normal.next-dark.next-large .next-select {
|
4185 | height: 58px;
|
4186 | height: calc(var(--search-normal-dark-l-height, 60px) - var(--search-normal-dark-border-width, 1px)*2); }
|
4187 | .next-search-normal.next-dark.next-large .next-search-btn {
|
4188 | font-size: 16px;
|
4189 | font-size: var(--search-normal-dark-l-btn-text-size, 16px); }
|
4190 | .next-search-normal.next-dark.next-large .next-search-btn .next-icon:before,
|
4191 | .next-search-normal.next-dark.next-large .next-search-btn .next-icon .next-icon-remote {
|
4192 | width: 24px;
|
4193 | width: var(--search-normal-dark-l-icon-size, 24px);
|
4194 | font-size: 24px;
|
4195 | font-size: var(--search-normal-dark-l-icon-size, 24px);
|
4196 | line-height: inherit; }
|
4197 | .next-search-normal.next-dark.next-large .next-search-btn .next-search-btn-text {
|
4198 | display: inline-block;
|
4199 | padding-left: 0px;
|
4200 | padding-left: var(--search-normal-dark-btn-text-padding-left, 0px); }
|
4201 | .next-search-normal.next-dark.next-medium {
|
4202 | box-shadow: none;
|
4203 | box-shadow: var(--search-normal-dark-shadow, none); }
|
4204 | .next-search-normal.next-dark.next-medium .next-search-left, .next-search-normal.next-dark.next-medium .next-search-btn {
|
4205 | border-width: 1px;
|
4206 | border-width: var(--search-normal-dark-border-width, 1px);
|
4207 | height: 40px;
|
4208 | height: var(--search-normal-dark-m-height, 40px); }
|
4209 | .next-search-normal.next-dark.next-medium .next-search-input {
|
4210 | height: 38px;
|
4211 | height: calc(var(--search-normal-dark-m-height, 40px) - var(--search-normal-dark-border-width, 1px)*2);
|
4212 | overflow-y: hidden; }
|
4213 | .next-search-normal.next-dark.next-medium .next-search-input input {
|
4214 | height: 38px;
|
4215 | height: calc(var(--search-normal-dark-m-height, 40px) - var(--search-normal-dark-border-width, 1px)*2);
|
4216 | line-height: 38px \0;
|
4217 | line-height: calc(var(--search-normal-dark-m-height, 40px) - var(--search-normal-dark-border-width, 1px)*2) \0; }
|
4218 | .next-search-normal.next-dark.next-medium .next-select {
|
4219 | height: 38px;
|
4220 | height: calc(var(--search-normal-dark-m-height, 40px) - var(--search-normal-dark-border-width, 1px)*2); }
|
4221 | .next-search-normal.next-dark.next-medium .next-search-btn {
|
4222 | font-size: 16px;
|
4223 | font-size: var(--search-normal-dark-m-btn-text-size, 16px); }
|
4224 | .next-search-normal.next-dark.next-medium .next-search-btn .next-icon:before,
|
4225 | .next-search-normal.next-dark.next-medium .next-search-btn .next-icon .next-icon-remote {
|
4226 | width: 16px;
|
4227 | width: var(--search-normal-dark-m-icon-size, 16px);
|
4228 | font-size: 16px;
|
4229 | font-size: var(--search-normal-dark-m-icon-size, 16px);
|
4230 | line-height: inherit; }
|
4231 | .next-search-normal.next-dark.next-medium .next-search-btn .next-search-btn-text {
|
4232 | display: inline-block;
|
4233 | padding-left: 0px;
|
4234 | padding-left: var(--search-normal-dark-btn-text-padding-left, 0px); }
|
4235 | .next-search-normal:not([dir=rtl]) .next-search-left {
|
4236 | border-right: none; }
|
4237 | .next-search-simple {
|
4238 | width: 300px;
|
4239 | box-shadow: none;
|
4240 | box-shadow: var(--search-simple-normal-shadow, none);
|
4241 | border-radius: 3px;
|
4242 | border-radius: var(--search-simple-corner, 3px); }
|
4243 | .next-search-simple .next-search-icon {
|
4244 | cursor: pointer;
|
4245 | transition: all 100ms linear;
|
4246 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
4247 | .next-search-simple .next-search-left, .next-search-simple .next-input {
|
4248 | border-radius: 3px;
|
4249 | border-radius: var(--search-simple-corner, 3px); }
|
4250 | .next-search-simple.next-large .next-search-icon {
|
4251 | margin-right: 12px;
|
4252 | margin-right: var(--search-simple-l-icon-margin-right, 12px); }
|
4253 | .next-search-simple.next-medium .next-search-icon {
|
4254 | margin-right: 8px;
|
4255 | margin-right: var(--search-simple-m-icon-margin-right, 8px); }
|
4256 | .next-search-simple.next-normal .next-search-left {
|
4257 | border-color: #C4C6CF;
|
4258 | border-color: var(--search-simple-normal-color, #C4C6CF); }
|
4259 | .next-search-simple.next-normal .next-search-left .next-search-left-addon {
|
4260 | border-right: 1px solid #C4C6CF;
|
4261 | border-right: 1px solid var(--search-simple-normal-split-color, #C4C6CF); }
|
4262 | .next-search-simple.next-normal:hover .next-search-left {
|
4263 | border-color: #A0A2AD;
|
4264 | border-color: var(--search-simple-normal-hover-color, #A0A2AD); }
|
4265 | .next-search-simple.next-normal .next-search-icon {
|
4266 | color: #999999;
|
4267 | color: var(--search-simple-normal-icon-text-color, #999999); }
|
4268 | .next-search-simple.next-normal .next-search-icon:hover {
|
4269 | color: #666666;
|
4270 | color: var(--search-simple-normal-icon-hover-text-color, #666666); }
|
4271 | .next-search-simple.next-normal .next-search-left {
|
4272 | border-width: 1px;
|
4273 | border-width: var(--search-simple-normal-border-width, 1px); }
|
4274 | .next-search-simple.next-normal.next-large .next-search-icon:before,
|
4275 | .next-search-simple.next-normal.next-large .next-search-icon .next-icon-remote {
|
4276 | width: 20px;
|
4277 | width: var(--search-simple-normal-l-icon-size, 20px);
|
4278 | font-size: 20px;
|
4279 | font-size: var(--search-simple-normal-l-icon-size, 20px);
|
4280 | line-height: inherit; }
|
4281 | .next-search-simple.next-normal.next-medium .next-search-icon:before,
|
4282 | .next-search-simple.next-normal.next-medium .next-search-icon .next-icon-remote {
|
4283 | width: 12px;
|
4284 | width: var(--search-simple-normal-m-icon-size, 12px);
|
4285 | font-size: 12px;
|
4286 | font-size: var(--search-simple-normal-m-icon-size, 12px);
|
4287 | line-height: inherit; }
|
4288 | .next-search-simple.next-dark .next-search-left {
|
4289 | border-color: #C4C6CF;
|
4290 | border-color: var(--search-simple-dark-color, #C4C6CF); }
|
4291 | .next-search-simple.next-dark .next-search-left .next-search-left-addon {
|
4292 | border-right: 1px solid #C4C6CF;
|
4293 | border-right: 1px solid var(--search-simple-dark-split-color, #C4C6CF); }
|
4294 | .next-search-simple.next-dark:hover .next-search-left {
|
4295 | border-color: #C4C6CF;
|
4296 | border-color: var(--search-simple-dark-hover-color, #C4C6CF); }
|
4297 | .next-search-simple.next-dark .next-search-icon {
|
4298 | color: #999999;
|
4299 | color: var(--search-simple-dark-icon-text-color, #999999); }
|
4300 | .next-search-simple.next-dark .next-search-icon:hover {
|
4301 | color: #666666;
|
4302 | color: var(--search-simple-dark-icon-hover-text-color, #666666); }
|
4303 | .next-search-simple.next-dark .next-select-inner,
|
4304 | .next-search-simple.next-dark input {
|
4305 | color: #FFFFFF;
|
4306 | color: var(--search-simple-dark-text-color, #FFFFFF); }
|
4307 | .next-search-simple.next-dark .next-input {
|
4308 | background: rgba(255, 255, 255, 0);
|
4309 | background: var(--color-calculate-search-simple-dark-bg, rgba(255, 255, 255, 0)); }
|
4310 | .next-search-simple.next-dark .next-select {
|
4311 | background: rgba(255, 255, 255, 0);
|
4312 | background: var(--color-calculate-search-simple-dark-bg, rgba(255, 255, 255, 0)); }
|
4313 | .next-search-simple.next-dark .next-search-left {
|
4314 | border-width: 1px;
|
4315 | border-width: var(--search-simple-dark-border-width, 1px); }
|
4316 | .next-search-simple.next-dark.next-large .next-search-icon:before,
|
4317 | .next-search-simple.next-dark.next-large .next-search-icon .next-icon-remote {
|
4318 | width: 20px;
|
4319 | width: var(--search-simple-dark-l-icon-size, 20px);
|
4320 | font-size: 20px;
|
4321 | font-size: var(--search-simple-dark-l-icon-size, 20px);
|
4322 | line-height: inherit; }
|
4323 | .next-search-simple.next-dark.next-medium .next-search-icon:before,
|
4324 | .next-search-simple.next-dark.next-medium .next-search-icon .next-icon-remote {
|
4325 | width: 12px;
|
4326 | width: var(--search-simple-dark-m-icon-size, 12px);
|
4327 | font-size: 12px;
|
4328 | font-size: var(--search-simple-dark-m-icon-size, 12px);
|
4329 | line-height: inherit; }
|
4330 |
|
4331 | .next-search-simple .next-select.next-large {
|
4332 | height: 38px;
|
4333 | height: calc(var(--form-element-large-height, 40px) - 2px); }
|
4334 |
|
4335 | .next-search-simple .next-select.next-medium {
|
4336 | height: 26px;
|
4337 | height: calc(var(--form-element-medium-height, 28px) - 2px); }
|
4338 |
|
4339 | .next-sr-only {
|
4340 | position: absolute;
|
4341 | width: 1px;
|
4342 | height: 1px;
|
4343 | padding: 0;
|
4344 | overflow: hidden;
|
4345 | clip: rect(0, 0, 0, 0);
|
4346 | white-space: nowrap;
|
4347 | border: 0;
|
4348 | top: 0;
|
4349 | margin: -1px; }
|
4350 |
|
4351 |
|
4352 |
|
4353 | .next-slick {
|
4354 | box-sizing: border-box;
|
4355 | position: relative;
|
4356 | display: block;
|
4357 | -webkit-touch-callout: none;
|
4358 | user-select: none;
|
4359 | -ms-touch-action: pan-y;
|
4360 | touch-action: pan-y;
|
4361 | -webkit-tap-highlight-color: transparent;
|
4362 |
|
4363 | }
|
4364 | .next-slick *,
|
4365 | .next-slick *:before,
|
4366 | .next-slick *:after {
|
4367 | box-sizing: border-box; }
|
4368 | .next-slick-initialized .next-slick-slide {
|
4369 | display: block; }
|
4370 | .next-slick-list {
|
4371 | position: relative;
|
4372 | overflow: hidden;
|
4373 | display: block;
|
4374 | margin: 0;
|
4375 | padding: 0;
|
4376 | transform: translate3d(0, 0, 0); }
|
4377 | .next-slick-list:focus {
|
4378 | outline: none; }
|
4379 | .next-slick-list.dragging {
|
4380 | cursor: pointer;
|
4381 | cursor: hand; }
|
4382 | .next-slick-track {
|
4383 | position: relative;
|
4384 | top: 0;
|
4385 | left: 0;
|
4386 | display: block;
|
4387 | transform: translate3d(0, 0, 0); }
|
4388 | .next-slick-slide {
|
4389 | float: left;
|
4390 | height: 100%;
|
4391 | min-height: 1px;
|
4392 | outline: 0;
|
4393 | transition: all 100ms linear;
|
4394 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
4395 | .next-slick[dir="rtl"] .next-slick-slide {
|
4396 | float: right; }
|
4397 | .next-slick-slide img {
|
4398 | display: block; }
|
4399 | .next-slick-arrow {
|
4400 | display: block;
|
4401 | position: absolute;
|
4402 | cursor: pointer;
|
4403 | text-align: center;
|
4404 | transition: all 100ms linear;
|
4405 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
4406 | }
|
4407 | .next-slick-arrow.inner {
|
4408 | color: #FFFFFF;
|
4409 | color: var(--slick-arrow-icon-color-normal, #FFFFFF);
|
4410 | background: #000000;
|
4411 | background: var(--slick-arrow-bg-color-normal, #000000);
|
4412 | opacity: 0.2;
|
4413 | opacity: var(--slick-arrow-bg-opacity-normal, 0.2);
|
4414 | padding: 0;
|
4415 | border: none; }
|
4416 | .next-slick-arrow.inner:focus, .next-slick-arrow.inner:hover {
|
4417 | color: #FFFFFF;
|
4418 | color: var(--slick-arrow-icon-color-hover, #FFFFFF);
|
4419 | background: #000000;
|
4420 | background: var(--slick-arrow-bg-color-hover, #000000);
|
4421 | opacity: 0.4;
|
4422 | opacity: var(--slick-arrow-bg-opacity-hover, 0.4); }
|
4423 | .next-slick-arrow.inner.disabled {
|
4424 | color: #CCCCCC;
|
4425 | color: var(--slick-arrow-icon-color-disabled, #CCCCCC);
|
4426 | background: #F7F8FA;
|
4427 | background: var(--slick-arrow-bg-color-disabled, #F7F8FA);
|
4428 | opacity: 0.5;
|
4429 | opacity: var(--slick-arrow-bg-opacity-disabled, 0.5); }
|
4430 | .next-slick-arrow.outer {
|
4431 | color: #666666;
|
4432 | color: var(--slick-arrow-icon-color-normal-outer, #666666);
|
4433 | background: transparent;
|
4434 | background: var(--slick-arrow-bg-color-normal-outer, transparent);
|
4435 | opacity: 0.32;
|
4436 | opacity: var(--slick-arrow-bg-opacity-normal-outer, 0.32);
|
4437 | padding: 0;
|
4438 | border: none;
|
4439 | border-radius: 0px;
|
4440 | border-radius: var(--slick-arrow-corner-radius-outer, 0px); }
|
4441 | .next-slick-arrow.outer:focus, .next-slick-arrow.outer:hover {
|
4442 | color: #333333;
|
4443 | color: var(--slick-arrow-icon-color-hover-outer, #333333);
|
4444 | background: transparent;
|
4445 | background: var(--slick-arrow-bg-color-hover-outer, transparent);
|
4446 | opacity: 0.32;
|
4447 | opacity: var(--slick-arrow-bg-opacity-hover-outer, 0.32); }
|
4448 | .next-slick-arrow.outer.disabled {
|
4449 | color: #CCCCCC;
|
4450 | color: var(--slick-arrow-icon-color-disabled-outer, #CCCCCC);
|
4451 | background: transparent;
|
4452 | background: var(--slick-arrow-bg-color-disabled-outer, transparent);
|
4453 | opacity: 0.32;
|
4454 | opacity: var(--slick-arrow-bg-opacity-disabled-outer, 0.32); }
|
4455 | .next-slick-arrow.disabled {
|
4456 | cursor: not-allowed; }
|
4457 | .next-slick-dots {
|
4458 | display: block;
|
4459 | position: absolute;
|
4460 | margin: 0;
|
4461 | padding: 0;
|
4462 |
|
4463 | }
|
4464 | .next-slick-dots-item {
|
4465 | position: relative;
|
4466 | display: inline-block;
|
4467 | cursor: pointer; }
|
4468 | .next-slick-dots-item button {
|
4469 | cursor: pointer;
|
4470 | border-width: 0px;
|
4471 | border-width: var(--slick-dots-border-width, 0px);
|
4472 | border-color: white;
|
4473 | border-style: solid;
|
4474 | outline: none;
|
4475 | padding: 0;
|
4476 | height: 8px;
|
4477 | height: var(--slick-dots-height, 8px);
|
4478 | width: 8px;
|
4479 | width: var(--slick-dots-width, 8px);
|
4480 | border-radius: 50%;
|
4481 | border-radius: var(--slick-dots-border-radius, 50%);
|
4482 | background: rgba(0, 0, 0, 0.32); }
|
4483 | .next-slick-dots-item button:focus, .next-slick-dots-item button:hover {
|
4484 | background-color: rgba(255, 255, 255, 0.5);
|
4485 |
|
4486 | border-color: white; }
|
4487 | .next-slick-dots-item.active button {
|
4488 | background: #5584ff;
|
4489 |
|
4490 | border-color: white;
|
4491 | animation: zoom 0.3s cubic-bezier(0.86, 0, 0.07, 1); }
|
4492 | .next-slick-dots.hoz {
|
4493 | width: 100%;
|
4494 | bottom: 12px;
|
4495 | bottom: var(--slick-dots-position-bottom, 12px);
|
4496 | left: 0;
|
4497 | text-align: center; }
|
4498 | .next-slick-dots.hoz .next-slick-dots-item {
|
4499 | margin: 0 4px;
|
4500 | margin: 0 var(--slick-dots-margin-lr, 4px); }
|
4501 | .next-slick-dots.ver {
|
4502 | width: 16px;
|
4503 | width: calc(var(--slick-dots-width, 8px) + 8px);
|
4504 | top: 0;
|
4505 | right: 20px;
|
4506 | right: var(--slick-dots-position-right, 20px);
|
4507 | bottom: 0;
|
4508 | display: flex;
|
4509 | justify-content: center;
|
4510 | flex-direction: column; }
|
4511 | .next-slick-dots.ver .next-slick-dots-item {
|
4512 | margin: 0px 0;
|
4513 | margin: var(--slick-dots-margin-tb, 0px) 0; }
|
4514 | .next-slick.next-slick-hoz.next-slick-outer {
|
4515 | padding: 0 24px;
|
4516 | padding: 0 var(--slick-track-padding-lr, 24px); }
|
4517 | .next-slick.next-slick-hoz .next-slick-arrow.medium {
|
4518 | width: 28px;
|
4519 | width: var(--slick-arrow-width-m, 28px);
|
4520 | height: 56px;
|
4521 | height: var(--slick-arrow-height-m, 56px);
|
4522 | line-height: 56px;
|
4523 | line-height: var(--slick-arrow-height-m, 56px); }
|
4524 | .next-slick.next-slick-hoz .next-slick-arrow.medium .next-icon:before,
|
4525 | .next-slick.next-slick-hoz .next-slick-arrow.medium .next-icon .next-icon-remote {
|
4526 | width: 20px;
|
4527 | width: var(--slick-arrow-icon-m, 20px);
|
4528 | font-size: 20px;
|
4529 | font-size: var(--slick-arrow-icon-m, 20px);
|
4530 | line-height: inherit; }
|
4531 | .next-slick.next-slick-hoz .next-slick-arrow.medium.inner {
|
4532 | top: calc(50% - 28px);
|
4533 | top: calc(50% - var(--slick-arrow-height-m, 56px)/2); }
|
4534 | .next-slick.next-slick-hoz .next-slick-arrow.medium.inner.next-slick-prev {
|
4535 | left: 0; }
|
4536 | .next-slick.next-slick-hoz .next-slick-arrow.medium.inner.next-slick-next {
|
4537 | right: 0; }
|
4538 | .next-slick.next-slick-hoz .next-slick-arrow.medium.outer {
|
4539 | top: calc(50% - 28px);
|
4540 | top: calc(50% - var(--slick-arrow-height-m, 56px)/2); }
|
4541 | .next-slick.next-slick-hoz .next-slick-arrow.medium.outer.next-slick-prev {
|
4542 | left: -4px;
|
4543 | left: calc(0px - var(--slick-arrow-position-lr-m, 4px)); }
|
4544 | .next-slick.next-slick-hoz .next-slick-arrow.medium.outer.next-slick-next {
|
4545 | right: -4px;
|
4546 | right: calc(0px - var(--slick-arrow-position-lr-m, 4px)); }
|
4547 | .next-slick.next-slick-hoz .next-slick-arrow.large {
|
4548 | width: 48px;
|
4549 | width: var(--slick-arrow-width-l, 48px);
|
4550 | height: 96px;
|
4551 | height: var(--slick-arrow-height-l, 96px);
|
4552 | line-height: 96px;
|
4553 | line-height: var(--slick-arrow-height-l, 96px); }
|
4554 | .next-slick.next-slick-hoz .next-slick-arrow.large .next-icon:before,
|
4555 | .next-slick.next-slick-hoz .next-slick-arrow.large .next-icon .next-icon-remote {
|
4556 | width: 32px;
|
4557 | width: var(--slick-arrow-icon-l, 32px);
|
4558 | font-size: 32px;
|
4559 | font-size: var(--slick-arrow-icon-l, 32px);
|
4560 | line-height: inherit; }
|
4561 | .next-slick.next-slick-hoz .next-slick-arrow.large.inner {
|
4562 | top: calc(50% - 48px);
|
4563 | top: calc(50% - var(--slick-arrow-height-l, 96px)/2); }
|
4564 | .next-slick.next-slick-hoz .next-slick-arrow.large.inner.next-slick-prev {
|
4565 | left: 0; }
|
4566 | .next-slick.next-slick-hoz .next-slick-arrow.large.inner.next-slick-next {
|
4567 | right: 0; }
|
4568 | .next-slick.next-slick-hoz .next-slick-arrow.large.outer {
|
4569 | top: calc(50% - 48px);
|
4570 | top: calc(50% - var(--slick-arrow-height-l, 96px)/2); }
|
4571 | .next-slick.next-slick-hoz .next-slick-arrow.large.outer.next-slick-prev {
|
4572 | left: -8px;
|
4573 | left: calc(0px - var(--slick-arrow-position-lr-l, 8px)); }
|
4574 | .next-slick.next-slick-hoz .next-slick-arrow.large.outer.next-slick-next {
|
4575 | right: -8px;
|
4576 | right: calc(0px - var(--slick-arrow-position-lr-l, 8px)); }
|
4577 | .next-slick.next-slick-ver.next-slick-outer {
|
4578 | padding: 24px 0;
|
4579 | padding: var(--slick-ver-track-padding-tb, 24px) 0; }
|
4580 | .next-slick.next-slick-ver .next-slick-slide {
|
4581 | display: block;
|
4582 | height: auto;
|
4583 | }
|
4584 | .next-slick.next-slick-ver .next-slick-arrow {
|
4585 |
|
4586 |
|
4587 |
|
4588 |
|
4589 |
|
4590 | }
|
4591 | .next-slick.next-slick-ver .next-slick-arrow.medium {
|
4592 | width: 56px;
|
4593 | width: var(--slick-ver-arrow-width-m, 56px);
|
4594 | height: 28px;
|
4595 | height: var(--slick-ver-arrow-height-m, 28px);
|
4596 | line-height: 28px;
|
4597 | line-height: var(--slick-ver-arrow-height-m, 28px); }
|
4598 | .next-slick.next-slick-ver .next-slick-arrow.medium .next-icon:before,
|
4599 | .next-slick.next-slick-ver .next-slick-arrow.medium .next-icon .next-icon-remote {
|
4600 | width: 20px;
|
4601 | width: var(--slick-arrow-icon-m, 20px);
|
4602 | font-size: 20px;
|
4603 | font-size: var(--slick-arrow-icon-m, 20px);
|
4604 | line-height: inherit; }
|
4605 | .next-slick.next-slick-ver .next-slick-arrow.medium.inner {
|
4606 | left: calc(50% - 28px);
|
4607 | left: calc(50% - var(--slick-ver-arrow-width-m, 56px)/2); }
|
4608 | .next-slick.next-slick-ver .next-slick-arrow.medium.inner.next-slick-prev {
|
4609 | top: 0; }
|
4610 | .next-slick.next-slick-ver .next-slick-arrow.medium.inner.next-slick-next {
|
4611 | bottom: 0; }
|
4612 | .next-slick.next-slick-ver .next-slick-arrow.medium.outer {
|
4613 | left: calc(50% - 28px);
|
4614 | left: calc(50% - var(--slick-ver-arrow-width-m, 56px)/2); }
|
4615 | .next-slick.next-slick-ver .next-slick-arrow.medium.outer.next-slick-prev {
|
4616 | top: -4px;
|
4617 | top: calc(0px - var(--slick-ver-arrow-position-tb-m, 4px)); }
|
4618 | .next-slick.next-slick-ver .next-slick-arrow.medium.outer.next-slick-next {
|
4619 | bottom: -4px;
|
4620 | bottom: calc(0px - var(--slick-ver-arrow-position-tb-m, 4px)); }
|
4621 | .next-slick.next-slick-ver .next-slick-arrow.large {
|
4622 | width: 96px;
|
4623 | width: var(--slick-ver-arrow-width-l, 96px);
|
4624 | height: 48px;
|
4625 | height: var(--slick-ver-arrow-height-l, 48px);
|
4626 | line-height: 48px;
|
4627 | line-height: var(--slick-ver-arrow-height-l, 48px); }
|
4628 | .next-slick.next-slick-ver .next-slick-arrow.large .next-icon:before,
|
4629 | .next-slick.next-slick-ver .next-slick-arrow.large .next-icon .next-icon-remote {
|
4630 | width: 32px;
|
4631 | width: var(--slick-arrow-icon-l, 32px);
|
4632 | font-size: 32px;
|
4633 | font-size: var(--slick-arrow-icon-l, 32px);
|
4634 | line-height: inherit; }
|
4635 | .next-slick.next-slick-ver .next-slick-arrow.large.inner {
|
4636 | left: calc(50% - 48px);
|
4637 | left: calc(50% - var(--slick-ver-arrow-width-l, 96px)/2); }
|
4638 | .next-slick.next-slick-ver .next-slick-arrow.large.inner.next-slick-prev {
|
4639 | top: 0; }
|
4640 | .next-slick.next-slick-ver .next-slick-arrow.large.inner.next-slick-next {
|
4641 | bottom: 0; }
|
4642 | .next-slick.next-slick-ver .next-slick-arrow.large.outer {
|
4643 | left: calc(50% - 48px);
|
4644 | left: calc(50% - var(--slick-ver-arrow-width-l, 96px)/2); }
|
4645 | .next-slick.next-slick-ver .next-slick-arrow.large.outer.next-slick-prev {
|
4646 | top: -16px;
|
4647 | top: calc(0px - var(--slick-ver-arrow-position-tb-l, 16px)); }
|
4648 | .next-slick.next-slick-ver .next-slick-arrow.large.outer.next-slick-next {
|
4649 | bottom: -16px;
|
4650 | bottom: calc(0px - var(--slick-ver-arrow-position-tb-l, 16px)); }
|
4651 |
|
4652 | .next-sr-only {
|
4653 | position: absolute;
|
4654 | width: 1px;
|
4655 | height: 1px;
|
4656 | padding: 0;
|
4657 | overflow: hidden;
|
4658 | clip: rect(0, 0, 0, 0);
|
4659 | white-space: nowrap;
|
4660 | border: 0;
|
4661 | top: 0;
|
4662 | margin: -1px; }
|
4663 |
|
4664 | .next-split-btn {
|
4665 | display: inline-block;
|
4666 | position: relative; }
|
4667 | .next-split-btn-spacing-tb {
|
4668 | padding: 0px 0;
|
4669 | padding: var(--popup-spacing-tb, 0px) 0; }
|
4670 | .next-split-btn-trigger .next-icon {
|
4671 | transition: transform 100ms linear;
|
4672 | transition: transform var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
4673 | .next-split-btn-trigger.next-expand .next-split-btn-symbol-fold {
|
4674 | transform: rotate(180deg); }
|
4675 | .next-split-btn-trigger.next-btn-normal:not(:disabled):not(.disabled) .next-icon {
|
4676 | color: #999999;
|
4677 | color: var(--split-btn-trigger-normal-icon-color, #999999); }
|
4678 | .next-split-btn-trigger.next-small {
|
4679 | padding-left: 4px;
|
4680 | padding-left: var(--s-1, 4px);
|
4681 | padding-right: 4px;
|
4682 | padding-right: var(--s-1, 4px); }
|
4683 | .next-split-btn-trigger.next-medium {
|
4684 | padding-left: 8px;
|
4685 | padding-left: var(--s-2, 8px);
|
4686 | padding-right: 8px;
|
4687 | padding-right: var(--s-2, 8px); }
|
4688 | .next-split-btn-symbol-fold::before {
|
4689 | content: "\E63D";
|
4690 | content: var(--split-btn-fold-icon-content, "\E63D"); }
|
4691 | .next-split-btn-symbol-unfold::before {
|
4692 | content: "";
|
4693 | content: var(--split-btn-unfold-icon-content, ""); }
|
4694 | .next-sr-only {
|
4695 | position: absolute;
|
4696 | width: 1px;
|
4697 | height: 1px;
|
4698 | padding: 0;
|
4699 | overflow: hidden;
|
4700 | clip: rect(0, 0, 0, 0);
|
4701 | white-space: nowrap;
|
4702 | border: 0;
|
4703 | top: 0;
|
4704 | margin: -1px; }
|
4705 |
|
4706 | .next-step *,
|
4707 | .next-step *:before,
|
4708 | .next-step *:after {
|
4709 | box-sizing: border-box; }
|
4710 |
|
4711 | .next-step, .next-step:before, .next-step:after {
|
4712 | box-sizing: border-box; }
|
4713 |
|
4714 | .next-step {
|
4715 | width: 100%;
|
4716 | position: relative;
|
4717 | border: none; }
|
4718 | .next-step-item {
|
4719 | position: relative;
|
4720 | vertical-align: middle;
|
4721 | outline: 0;
|
4722 | height: 100%; }
|
4723 | .next-step-item-body {
|
4724 | outline: 0; }
|
4725 | .next-step-item-node {
|
4726 | transition: all 100ms linear;
|
4727 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
4728 | .next-step-item-node.clicked {
|
4729 | transform: scale3d(0.8, 0.8, 0.8); }
|
4730 | .next-step-horizontal {
|
4731 | overflow: hidden; }
|
4732 | .next-step-horizontal > .next-step-item {
|
4733 | display: inline-block;
|
4734 | text-align: left; }
|
4735 | .next-step-vertical > .next-step-item {
|
4736 | display: block;
|
4737 | text-align: center; }
|
4738 |
|
4739 | .next-step-arrow {
|
4740 | display: flex; }
|
4741 | .next-step-arrow .next-step-item {
|
4742 | flex: 1;
|
4743 | height: 32px;
|
4744 | height: var(--step-arrow-item-height, 32px);
|
4745 | line-height: 32px;
|
4746 | line-height: var(--step-arrow-item-height, 32px);
|
4747 | margin-left: 16px;
|
4748 | margin-left: calc(var(--step-arrow-item-height, 32px)/2);
|
4749 | margin-right: 4px;
|
4750 | margin-right: calc(var(--step-arrow-item-height, 32px)/8); }
|
4751 | .next-step-arrow .next-step-item:before {
|
4752 | content: '';
|
4753 | position: absolute;
|
4754 | left: -16px;
|
4755 | left: calc(0px - var(--step-arrow-item-border-width, calc(32px / 2)));
|
4756 | top: 0;
|
4757 | z-index: 1;
|
4758 | border: 16px solid transparent;
|
4759 | border: var(--step-arrow-item-border-width, 16px) solid transparent;
|
4760 | border-left-color: transparent; }
|
4761 | .next-step-arrow .next-step-item:after {
|
4762 | content: '';
|
4763 | position: absolute;
|
4764 | right: -16px;
|
4765 | right: calc(0px - var(--step-arrow-item-border-width, calc(32px / 2)));
|
4766 | top: 0;
|
4767 | z-index: 1;
|
4768 | border-top: 16px solid transparent;
|
4769 | border-top: var(--step-arrow-item-border-width, 16px) solid transparent;
|
4770 | border-bottom: 16px solid transparent;
|
4771 | border-bottom: var(--step-arrow-item-border-width, 16px) solid transparent;
|
4772 | border-left: 16px solid transparent;
|
4773 | border-left: var(--step-arrow-item-border-width, 16px) solid transparent; }
|
4774 | .next-step-arrow .next-step-item .next-step-item-container {
|
4775 | min-width: 100px;
|
4776 | height: 32px;
|
4777 | height: var(--step-arrow-item-height, 32px);
|
4778 | cursor: pointer; }
|
4779 | .next-step-arrow .next-step-item .next-step-item-container .next-step-item-title {
|
4780 | height: 32px;
|
4781 | height: var(--step-arrow-item-height, 32px);
|
4782 | line-height: 32px;
|
4783 | line-height: var(--step-arrow-item-height, 32px);
|
4784 | font-weight: bold;
|
4785 | font-weight: var(--step-arrow-item-title-weight, bold);
|
4786 | font-size: 14px;
|
4787 | font-size: var(--step-arrow-item-title-size, 14px);
|
4788 | overflow: hidden;
|
4789 | text-overflow: ellipsis;
|
4790 | white-space: nowrap;
|
4791 | text-align: center; }
|
4792 | .next-step-arrow > .next-step-item-wait {
|
4793 | background: #EBECF0;
|
4794 | background: var(--step-arrow-item-wait-background, #EBECF0); }
|
4795 | .next-step-arrow > .next-step-item-wait .next-step-item-tail-overlay {
|
4796 | background: #000000; }
|
4797 | .next-step-arrow > .next-step-item-wait .next-step-item-tail-underlay {
|
4798 | background: #CCCCCC;
|
4799 | background: var(--color-text1-1, #CCCCCC); }
|
4800 | .next-step-arrow > .next-step-item-wait > .next-step-item-container .next-step-item-progress {
|
4801 | width: 32px;
|
4802 | width: var(--s-8, 32px);
|
4803 | height: 32px;
|
4804 | height: var(--s-8, 32px); }
|
4805 | .next-step-arrow > .next-step-item-wait > .next-step-item-container .next-step-item-node {
|
4806 | color: #000000; }
|
4807 | .next-step-arrow > .next-step-item-wait > .next-step-item-container .next-step-item-node-circle {
|
4808 | background: #EBECF0;
|
4809 | background: var(--step-arrow-item-wait-background, #EBECF0);
|
4810 | border-color: #000000; }
|
4811 | .next-step-arrow > .next-step-item-wait > .next-step-item-container .next-step-item-node-dot {
|
4812 | background: #EBECF0;
|
4813 | background: var(--step-arrow-item-wait-background, #EBECF0);
|
4814 | border-color: #000000; }
|
4815 | .next-step-arrow > .next-step-item-wait .next-step-item-title {
|
4816 | color: #999999;
|
4817 | color: var(--step-arrow-item-title-wait-color, #999999);
|
4818 | word-break: break-word; }
|
4819 | .next-step-arrow > .next-step-item-wait .next-step-item-content {
|
4820 | color: #999999;
|
4821 | color: var(--step-arrow-item-title-wait-color, #999999);
|
4822 | font-size: 12px;
|
4823 | font-size: var(--step-circle-item-content-font-size, 12px);
|
4824 | line-height: 1.5;
|
4825 | line-height: var(--font-lineheight-2, 1.5);
|
4826 | word-break: break-word; }
|
4827 | .next-step-arrow > .next-step-item-wait .next-step-item-node-placeholder {
|
4828 | width: 32px;
|
4829 | width: var(--s-8, 32px);
|
4830 | height: 32px;
|
4831 | height: var(--s-8, 32px);
|
4832 | position: relative; }
|
4833 | .next-step-arrow > .next-step-item-wait .next-step-item-node {
|
4834 | position: relative;
|
4835 | display: inline-block;
|
4836 | text-align: center;
|
4837 | cursor: pointer; }
|
4838 | .next-step-arrow > .next-step-item-wait .next-step-item-node-circle {
|
4839 | display: block;
|
4840 | width: 32px;
|
4841 | width: var(--s-8, 32px);
|
4842 | height: 32px;
|
4843 | height: var(--s-8, 32px);
|
4844 | font-size: 12px;
|
4845 | font-size: var(--step-circle-item-node-font-size, 12px);
|
4846 | font-weight: normal;
|
4847 | font-weight: var(--font-weight-2, normal);
|
4848 | line-height: 30px;
|
4849 | line-height: calc(var(--s-8, 32px) - var(--step-circle-item-node-border-width, 1px)*2);
|
4850 | text-align: center;
|
4851 | border: 1px solid;
|
4852 | border: var(--step-circle-item-node-border-width, 1px) solid;
|
4853 | border-radius: 50%;
|
4854 | border-radius: var(--step-circle-item-node-corner, 50%);
|
4855 | transition: background-color 100ms linear;
|
4856 | transition: background-color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
4857 | .next-step-arrow > .next-step-item-wait .next-step-item-node-circle .next-icon {
|
4858 | animation: zoomIn 300ms linear;
|
4859 | animation: zoomIn var(--motion-duration-standard, 300ms) var(--motion-linear, linear); }
|
4860 | .next-step-arrow > .next-step-item-wait .next-step-item-node-circle .next-icon:before,
|
4861 | .next-step-arrow > .next-step-item-wait .next-step-item-node-circle .next-icon .next-icon-remote {
|
4862 | width: 12px;
|
4863 | width: var(--step-circle-item-node-icon-size, 12px);
|
4864 | font-size: 12px;
|
4865 | font-size: var(--step-circle-item-node-icon-size, 12px);
|
4866 | line-height: inherit; }
|
4867 | .next-step-arrow > .next-step-item-wait:before {
|
4868 | border: 16px solid #EBECF0;
|
4869 | border: var(--step-arrow-item-border-width, 16px) solid var(--step-arrow-item-wait-background, #EBECF0);
|
4870 | border-left-color: transparent; }
|
4871 | .next-step-arrow > .next-step-item-wait:after {
|
4872 | border-left-color: #EBECF0;
|
4873 | border-left-color: var(--step-arrow-item-wait-background, #EBECF0); }
|
4874 | .next-step-arrow > .next-step-item-process {
|
4875 | background: #5584FF;
|
4876 | background: var(--step-arrow-item-process-background, #5584FF); }
|
4877 | .next-step-arrow > .next-step-item-process .next-step-item-tail-overlay {
|
4878 | background: #000000; }
|
4879 | .next-step-arrow > .next-step-item-process .next-step-item-tail-underlay {
|
4880 | background: #CCCCCC;
|
4881 | background: var(--color-text1-1, #CCCCCC); }
|
4882 | .next-step-arrow > .next-step-item-process > .next-step-item-container .next-step-item-progress {
|
4883 | width: 32px;
|
4884 | width: var(--s-8, 32px);
|
4885 | height: 32px;
|
4886 | height: var(--s-8, 32px); }
|
4887 | .next-step-arrow > .next-step-item-process > .next-step-item-container .next-step-item-node {
|
4888 | color: #000000; }
|
4889 | .next-step-arrow > .next-step-item-process > .next-step-item-container .next-step-item-node-circle {
|
4890 | background: #5584FF;
|
4891 | background: var(--step-arrow-item-process-background, #5584FF);
|
4892 | border-color: #000000; }
|
4893 | .next-step-arrow > .next-step-item-process > .next-step-item-container .next-step-item-node-dot {
|
4894 | background: #5584FF;
|
4895 | background: var(--step-arrow-item-process-background, #5584FF);
|
4896 | border-color: #000000; }
|
4897 | .next-step-arrow > .next-step-item-process .next-step-item-title {
|
4898 | color: #FFFFFF;
|
4899 | color: var(--step-arrow-item-title-process-color, #FFFFFF);
|
4900 | word-break: break-word; }
|
4901 | .next-step-arrow > .next-step-item-process .next-step-item-content {
|
4902 | color: #FFFFFF;
|
4903 | color: var(--step-arrow-item-title-process-color, #FFFFFF);
|
4904 | font-size: 12px;
|
4905 | font-size: var(--step-circle-item-content-font-size, 12px);
|
4906 | line-height: 1.5;
|
4907 | line-height: var(--font-lineheight-2, 1.5);
|
4908 | word-break: break-word; }
|
4909 | .next-step-arrow > .next-step-item-process .next-step-item-node-placeholder {
|
4910 | width: 32px;
|
4911 | width: var(--s-8, 32px);
|
4912 | height: 32px;
|
4913 | height: var(--s-8, 32px);
|
4914 | position: relative; }
|
4915 | .next-step-arrow > .next-step-item-process .next-step-item-node {
|
4916 | position: relative;
|
4917 | display: inline-block;
|
4918 | text-align: center;
|
4919 | cursor: pointer; }
|
4920 | .next-step-arrow > .next-step-item-process .next-step-item-node-circle {
|
4921 | display: block;
|
4922 | width: 32px;
|
4923 | width: var(--s-8, 32px);
|
4924 | height: 32px;
|
4925 | height: var(--s-8, 32px);
|
4926 | font-size: 12px;
|
4927 | font-size: var(--step-circle-item-node-font-size, 12px);
|
4928 | font-weight: normal;
|
4929 | font-weight: var(--font-weight-2, normal);
|
4930 | line-height: 30px;
|
4931 | line-height: calc(var(--s-8, 32px) - var(--step-circle-item-node-border-width, 1px)*2);
|
4932 | text-align: center;
|
4933 | border: 1px solid;
|
4934 | border: var(--step-circle-item-node-border-width, 1px) solid;
|
4935 | border-radius: 50%;
|
4936 | border-radius: var(--step-circle-item-node-corner, 50%);
|
4937 | transition: background-color 100ms linear;
|
4938 | transition: background-color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
4939 | .next-step-arrow > .next-step-item-process .next-step-item-node-circle .next-icon {
|
4940 | animation: zoomIn 300ms linear;
|
4941 | animation: zoomIn var(--motion-duration-standard, 300ms) var(--motion-linear, linear); }
|
4942 | .next-step-arrow > .next-step-item-process .next-step-item-node-circle .next-icon:before,
|
4943 | .next-step-arrow > .next-step-item-process .next-step-item-node-circle .next-icon .next-icon-remote {
|
4944 | width: 12px;
|
4945 | width: var(--step-circle-item-node-icon-size, 12px);
|
4946 | font-size: 12px;
|
4947 | font-size: var(--step-circle-item-node-icon-size, 12px);
|
4948 | line-height: inherit; }
|
4949 | .next-step-arrow > .next-step-item-process:before {
|
4950 | border: 16px solid #5584FF;
|
4951 | border: var(--step-arrow-item-border-width, 16px) solid var(--step-arrow-item-process-background, #5584FF);
|
4952 | border-left-color: transparent; }
|
4953 | .next-step-arrow > .next-step-item-process:after {
|
4954 | border-left-color: #5584FF;
|
4955 | border-left-color: var(--step-arrow-item-process-background, #5584FF); }
|
4956 | .next-step-arrow > .next-step-item-finish {
|
4957 | background: #DEE8FF;
|
4958 | background: var(--step-arrow-item-finish-background, #DEE8FF); }
|
4959 | .next-step-arrow > .next-step-item-finish .next-step-item-tail-overlay {
|
4960 | background: #000000; }
|
4961 | .next-step-arrow > .next-step-item-finish .next-step-item-tail-underlay {
|
4962 | background: #CCCCCC;
|
4963 | background: var(--color-text1-1, #CCCCCC); }
|
4964 | .next-step-arrow > .next-step-item-finish > .next-step-item-container .next-step-item-progress {
|
4965 | width: 32px;
|
4966 | width: var(--s-8, 32px);
|
4967 | height: 32px;
|
4968 | height: var(--s-8, 32px); }
|
4969 | .next-step-arrow > .next-step-item-finish > .next-step-item-container .next-step-item-node {
|
4970 | color: #000000; }
|
4971 | .next-step-arrow > .next-step-item-finish > .next-step-item-container .next-step-item-node-circle {
|
4972 | background: #DEE8FF;
|
4973 | background: var(--step-arrow-item-finish-background, #DEE8FF);
|
4974 | border-color: #000000; }
|
4975 | .next-step-arrow > .next-step-item-finish > .next-step-item-container .next-step-item-node-dot {
|
4976 | background: #DEE8FF;
|
4977 | background: var(--step-arrow-item-finish-background, #DEE8FF);
|
4978 | border-color: #000000; }
|
4979 | .next-step-arrow > .next-step-item-finish .next-step-item-title {
|
4980 | color: #5584FF;
|
4981 | color: var(--step-arrow-item-title-finish-color, #5584FF);
|
4982 | word-break: break-word; }
|
4983 | .next-step-arrow > .next-step-item-finish .next-step-item-content {
|
4984 | color: #5584FF;
|
4985 | color: var(--step-arrow-item-title-finish-color, #5584FF);
|
4986 | font-size: 12px;
|
4987 | font-size: var(--step-circle-item-content-font-size, 12px);
|
4988 | line-height: 1.5;
|
4989 | line-height: var(--font-lineheight-2, 1.5);
|
4990 | word-break: break-word; }
|
4991 | .next-step-arrow > .next-step-item-finish .next-step-item-node-placeholder {
|
4992 | width: 32px;
|
4993 | width: var(--s-8, 32px);
|
4994 | height: 32px;
|
4995 | height: var(--s-8, 32px);
|
4996 | position: relative; }
|
4997 | .next-step-arrow > .next-step-item-finish .next-step-item-node {
|
4998 | position: relative;
|
4999 | display: inline-block;
|
5000 | text-align: center;
|
5001 | cursor: pointer; }
|
5002 | .next-step-arrow > .next-step-item-finish .next-step-item-node-circle {
|
5003 | display: block;
|
5004 | width: 32px;
|
5005 | width: var(--s-8, 32px);
|
5006 | height: 32px;
|
5007 | height: var(--s-8, 32px);
|
5008 | font-size: 12px;
|
5009 | font-size: var(--step-circle-item-node-font-size, 12px);
|
5010 | font-weight: normal;
|
5011 | font-weight: var(--font-weight-2, normal);
|
5012 | line-height: 30px;
|
5013 | line-height: calc(var(--s-8, 32px) - var(--step-circle-item-node-border-width, 1px)*2);
|
5014 | text-align: center;
|
5015 | border: 1px solid;
|
5016 | border: var(--step-circle-item-node-border-width, 1px) solid;
|
5017 | border-radius: 50%;
|
5018 | border-radius: var(--step-circle-item-node-corner, 50%);
|
5019 | transition: background-color 100ms linear;
|
5020 | transition: background-color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
5021 | .next-step-arrow > .next-step-item-finish .next-step-item-node-circle .next-icon {
|
5022 | animation: zoomIn 300ms linear;
|
5023 | animation: zoomIn var(--motion-duration-standard, 300ms) var(--motion-linear, linear); }
|
5024 | .next-step-arrow > .next-step-item-finish .next-step-item-node-circle .next-icon:before,
|
5025 | .next-step-arrow > .next-step-item-finish .next-step-item-node-circle .next-icon .next-icon-remote {
|
5026 | width: 12px;
|
5027 | width: var(--step-circle-item-node-icon-size, 12px);
|
5028 | font-size: 12px;
|
5029 | font-size: var(--step-circle-item-node-icon-size, 12px);
|
5030 | line-height: inherit; }
|
5031 | .next-step-arrow > .next-step-item-finish:before {
|
5032 | border: 16px solid #DEE8FF;
|
5033 | border: var(--step-arrow-item-border-width, 16px) solid var(--step-arrow-item-finish-background, #DEE8FF);
|
5034 | border-left-color: transparent; }
|
5035 | .next-step-arrow > .next-step-item-finish:after {
|
5036 | border-left-color: #DEE8FF;
|
5037 | border-left-color: var(--step-arrow-item-finish-background, #DEE8FF); }
|
5038 | .next-step-arrow .next-step-item-disabled {
|
5039 | cursor: not-allowed;
|
5040 | background: #F7F8FA;
|
5041 | background: var(--step-arrow-item-disabled-background, #F7F8FA); }
|
5042 | .next-step-arrow .next-step-item-disabled .next-step-item-tail-overlay {
|
5043 | background: #000000; }
|
5044 | .next-step-arrow .next-step-item-disabled .next-step-item-tail-underlay {
|
5045 | background: #CCCCCC;
|
5046 | background: var(--color-text1-1, #CCCCCC); }
|
5047 | .next-step-arrow .next-step-item-disabled > .next-step-item-container .next-step-item-progress {
|
5048 | width: 32px;
|
5049 | width: var(--s-8, 32px);
|
5050 | height: 32px;
|
5051 | height: var(--s-8, 32px); }
|
5052 | .next-step-arrow .next-step-item-disabled > .next-step-item-container .next-step-item-node {
|
5053 | color: #000000; }
|
5054 | .next-step-arrow .next-step-item-disabled > .next-step-item-container .next-step-item-node-circle {
|
5055 | background: #F7F8FA;
|
5056 | background: var(--step-arrow-item-disabled-background, #F7F8FA);
|
5057 | border-color: #000000; }
|
5058 | .next-step-arrow .next-step-item-disabled > .next-step-item-container .next-step-item-node-dot {
|
5059 | background: #F7F8FA;
|
5060 | background: var(--step-arrow-item-disabled-background, #F7F8FA);
|
5061 | border-color: #000000; }
|
5062 | .next-step-arrow .next-step-item-disabled .next-step-item-title {
|
5063 | color: #CCCCCC;
|
5064 | color: var(--step-arrow-item-title-disabled-color, #CCCCCC);
|
5065 | word-break: break-word; }
|
5066 | .next-step-arrow .next-step-item-disabled .next-step-item-content {
|
5067 | color: #CCCCCC;
|
5068 | color: var(--step-arrow-item-title-disabled-color, #CCCCCC);
|
5069 | font-size: 12px;
|
5070 | font-size: var(--step-circle-item-content-font-size, 12px);
|
5071 | line-height: 1.5;
|
5072 | line-height: var(--font-lineheight-2, 1.5);
|
5073 | word-break: break-word; }
|
5074 | .next-step-arrow .next-step-item-disabled .next-step-item-node-placeholder {
|
5075 | width: 32px;
|
5076 | width: var(--s-8, 32px);
|
5077 | height: 32px;
|
5078 | height: var(--s-8, 32px);
|
5079 | position: relative; }
|
5080 | .next-step-arrow .next-step-item-disabled .next-step-item-node {
|
5081 | position: relative;
|
5082 | display: inline-block;
|
5083 | text-align: center;
|
5084 | cursor: pointer; }
|
5085 | .next-step-arrow .next-step-item-disabled .next-step-item-node-circle {
|
5086 | display: block;
|
5087 | width: 32px;
|
5088 | width: var(--s-8, 32px);
|
5089 | height: 32px;
|
5090 | height: var(--s-8, 32px);
|
5091 | font-size: 12px;
|
5092 | font-size: var(--step-circle-item-node-font-size, 12px);
|
5093 | font-weight: normal;
|
5094 | font-weight: var(--font-weight-2, normal);
|
5095 | line-height: 30px;
|
5096 | line-height: calc(var(--s-8, 32px) - var(--step-circle-item-node-border-width, 1px)*2);
|
5097 | text-align: center;
|
5098 | border: 1px solid;
|
5099 | border: var(--step-circle-item-node-border-width, 1px) solid;
|
5100 | border-radius: 50%;
|
5101 | border-radius: var(--step-circle-item-node-corner, 50%);
|
5102 | transition: background-color 100ms linear;
|
5103 | transition: background-color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
5104 | .next-step-arrow .next-step-item-disabled .next-step-item-node-circle .next-icon {
|
5105 | animation: zoomIn 300ms linear;
|
5106 | animation: zoomIn var(--motion-duration-standard, 300ms) var(--motion-linear, linear); }
|
5107 | .next-step-arrow .next-step-item-disabled .next-step-item-node-circle .next-icon:before,
|
5108 | .next-step-arrow .next-step-item-disabled .next-step-item-node-circle .next-icon .next-icon-remote {
|
5109 | width: 12px;
|
5110 | width: var(--step-circle-item-node-icon-size, 12px);
|
5111 | font-size: 12px;
|
5112 | font-size: var(--step-circle-item-node-icon-size, 12px);
|
5113 | line-height: inherit; }
|
5114 | .next-step-arrow .next-step-item-disabled:before {
|
5115 | border: 16px solid #F7F8FA;
|
5116 | border: var(--step-arrow-item-border-width, 16px) solid var(--step-arrow-item-disabled-background, #F7F8FA);
|
5117 | border-left-color: transparent; }
|
5118 | .next-step-arrow .next-step-item-disabled:after {
|
5119 | border-left-color: #F7F8FA;
|
5120 | border-left-color: var(--step-arrow-item-disabled-background, #F7F8FA); }
|
5121 | .next-step-arrow .next-step-item-disabled .next-step-item-container {
|
5122 | cursor: not-allowed; }
|
5123 | .next-step-arrow .next-step-item-read-only {
|
5124 | cursor: default; }
|
5125 | .next-step-arrow .next-step-item-read-only .next-step-item-container {
|
5126 | cursor: default; }
|
5127 | .next-step-arrow .next-step-item-first {
|
5128 | margin-left: 0; }
|
5129 | .next-step-arrow .next-step-item-first:before {
|
5130 | border: 16px solid transparent;
|
5131 | border: var(--step-arrow-item-border-width, 16px) solid transparent; }
|
5132 | .next-step-arrow .next-step-item-last {
|
5133 | margin-right: 0; }
|
5134 | .next-step-arrow .next-step-item-last:after {
|
5135 | border: 16px solid transparent;
|
5136 | border: var(--step-arrow-item-border-width, 16px) solid transparent; }
|
5137 |
|
5138 | .next-step-circle .next-step-item-container {
|
5139 | display: inline-block;
|
5140 | vertical-align: middle;
|
5141 | position: relative;
|
5142 | padding: 0 8px;
|
5143 | padding: 0 var(--step-circle-item-node-padding, 8px); }
|
5144 | .next-step-circle .next-step-item-container .next-step-item-progress .next-progress-circle-text {
|
5145 | color: #5584FF;
|
5146 | color: var(--step-circle-item-node-process-percent-color, #5584FF);
|
5147 | font-size: 12px;
|
5148 | font-size: var(--step-circle-item-node-process-percent-size, 12px); }
|
5149 | .next-step-circle .next-step-item-container .next-step-item-progress .next-progress-circle-underlay {
|
5150 | stroke: #A0A2AD;
|
5151 | stroke: var(--step-circle-item-node-wait-border-color, #A0A2AD);
|
5152 | stroke-width: 3px;
|
5153 | stroke-width: calc(var(--step-circle-item-node-border-width, 1px)*3); }
|
5154 | .next-step-circle .next-step-item-container .next-step-item-progress .next-progress-circle-overlay-normal {
|
5155 | stroke: #5584FF;
|
5156 | stroke: var(--step-circle-item-node-finish-border-color, #5584FF);
|
5157 | stroke-width: 3px;
|
5158 | stroke-width: calc(var(--step-circle-item-node-border-width, 1px)*3); }
|
5159 | .next-step-circle .next-step-item-container .next-step-item-node-placeholder {
|
5160 | display: inline-block; }
|
5161 |
|
5162 | .next-step-circle > .next-step-item-wait .next-step-item-tail-overlay {
|
5163 | background: #C4C6CF;
|
5164 | background: var(--step-circle-item-tail-wait-color, #C4C6CF); }
|
5165 |
|
5166 | .next-step-circle > .next-step-item-wait .next-step-item-tail-underlay {
|
5167 | background: #E6E7EB;
|
5168 | background: var(--step-circle-item-tail-bg-color, #E6E7EB); }
|
5169 |
|
5170 | .next-step-circle > .next-step-item-wait > .next-step-item-container .next-step-item-progress {
|
5171 | width: 32px;
|
5172 | width: var(--step-circle-item-node-process-size, 32px);
|
5173 | height: 32px;
|
5174 | height: var(--step-circle-item-node-process-size, 32px); }
|
5175 |
|
5176 | .next-step-circle > .next-step-item-wait > .next-step-item-container .next-step-item-node {
|
5177 | color: #666666;
|
5178 | color: var(--step-circle-item-node-wait-color, #666666); }
|
5179 |
|
5180 | .next-step-circle > .next-step-item-wait > .next-step-item-container .next-step-item-node-circle {
|
5181 | background: #FFFFFF;
|
5182 | background: var(--step-circle-item-node-wait-background, #FFFFFF);
|
5183 | border-color: #A0A2AD;
|
5184 | border-color: var(--step-circle-item-node-wait-border-color, #A0A2AD); }
|
5185 |
|
5186 | .next-step-circle > .next-step-item-wait > .next-step-item-container .next-step-item-node-dot {
|
5187 | background: #FFFFFF;
|
5188 | background: var(--step-circle-item-node-wait-background, #FFFFFF);
|
5189 | border-color: #A0A2AD;
|
5190 | border-color: var(--step-circle-item-node-wait-border-color, #A0A2AD); }
|
5191 |
|
5192 | .next-step-circle > .next-step-item-wait .next-step-item-title {
|
5193 | color: #666666;
|
5194 | color: var(--step-circle-item-title-wait-color, #666666);
|
5195 | word-break: break-word; }
|
5196 |
|
5197 | .next-step-circle > .next-step-item-wait .next-step-item-content {
|
5198 | color: #666666;
|
5199 | color: var(--step-circle-item-title-wait-color, #666666);
|
5200 | font-size: 12px;
|
5201 | font-size: var(--step-circle-item-content-font-size, 12px);
|
5202 | line-height: 1.5;
|
5203 | line-height: var(--font-lineheight-2, 1.5);
|
5204 | word-break: break-word; }
|
5205 |
|
5206 | .next-step-circle > .next-step-item-wait .next-step-item-node-placeholder {
|
5207 | width: 32px;
|
5208 | width: var(--step-circle-item-node-process-size, 32px);
|
5209 | height: 32px;
|
5210 | height: var(--step-circle-item-node-process-size, 32px);
|
5211 | position: relative; }
|
5212 |
|
5213 | .next-step-circle > .next-step-item-wait .next-step-item-node {
|
5214 | position: relative;
|
5215 | display: inline-block;
|
5216 | text-align: center;
|
5217 | cursor: pointer; }
|
5218 | .next-step-circle > .next-step-item-wait .next-step-item-node-circle {
|
5219 | display: block;
|
5220 | width: 32px;
|
5221 | width: var(--step-circle-item-node-process-size, 32px);
|
5222 | height: 32px;
|
5223 | height: var(--step-circle-item-node-process-size, 32px);
|
5224 | font-size: 12px;
|
5225 | font-size: var(--step-circle-item-node-font-size, 12px);
|
5226 | font-weight: normal;
|
5227 | font-weight: var(--font-weight-2, normal);
|
5228 | line-height: 30px;
|
5229 | line-height: calc(var(--step-circle-item-node-process-size, 32px) - var(--step-circle-item-node-border-width, 1px)*2);
|
5230 | text-align: center;
|
5231 | border: 1px solid;
|
5232 | border: var(--step-circle-item-node-border-width, 1px) solid;
|
5233 | border-radius: 50%;
|
5234 | border-radius: var(--step-circle-item-node-corner, 50%);
|
5235 | transition: background-color 100ms linear;
|
5236 | transition: background-color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
5237 | .next-step-circle > .next-step-item-wait .next-step-item-node-circle .next-icon {
|
5238 | animation: zoomIn 300ms linear;
|
5239 | animation: zoomIn var(--motion-duration-standard, 300ms) var(--motion-linear, linear); }
|
5240 | .next-step-circle > .next-step-item-wait .next-step-item-node-circle .next-icon:before,
|
5241 | .next-step-circle > .next-step-item-wait .next-step-item-node-circle .next-icon .next-icon-remote {
|
5242 | width: 12px;
|
5243 | width: var(--step-circle-item-node-icon-size, 12px);
|
5244 | font-size: 12px;
|
5245 | font-size: var(--step-circle-item-node-icon-size, 12px);
|
5246 | line-height: inherit; }
|
5247 |
|
5248 | .next-step-circle > .next-step-item-process .next-step-item-tail-overlay {
|
5249 | background: #C4C6CF;
|
5250 | background: var(--step-circle-item-tail-process-color, #C4C6CF); }
|
5251 |
|
5252 | .next-step-circle > .next-step-item-process .next-step-item-tail-underlay {
|
5253 | background: #E6E7EB;
|
5254 | background: var(--step-circle-item-tail-bg-color, #E6E7EB); }
|
5255 |
|
5256 | .next-step-circle > .next-step-item-process > .next-step-item-container .next-step-item-progress {
|
5257 | width: 32px;
|
5258 | width: var(--step-circle-item-node-process-size, 32px);
|
5259 | height: 32px;
|
5260 | height: var(--step-circle-item-node-process-size, 32px); }
|
5261 |
|
5262 | .next-step-circle > .next-step-item-process > .next-step-item-container .next-step-item-node {
|
5263 | color: #FFFFFF;
|
5264 | color: var(--step-circle-item-node-process-color, #FFFFFF); }
|
5265 |
|
5266 | .next-step-circle > .next-step-item-process > .next-step-item-container .next-step-item-node-circle {
|
5267 | background: #5584FF;
|
5268 | background: var(--step-circle-item-node-process-background, #5584FF);
|
5269 | border-color: #5584FF;
|
5270 | border-color: var(--step-circle-item-node-process-border-color, #5584FF); }
|
5271 |
|
5272 | .next-step-circle > .next-step-item-process > .next-step-item-container .next-step-item-node-dot {
|
5273 | background: #5584FF;
|
5274 | background: var(--step-circle-item-node-process-background, #5584FF);
|
5275 | border-color: #5584FF;
|
5276 | border-color: var(--step-circle-item-node-process-border-color, #5584FF); }
|
5277 |
|
5278 | .next-step-circle > .next-step-item-process .next-step-item-title {
|
5279 | color: #333333;
|
5280 | color: var(--step-circle-item-title-process-color, #333333);
|
5281 | word-break: break-word; }
|
5282 |
|
5283 | .next-step-circle > .next-step-item-process .next-step-item-content {
|
5284 | color: #333333;
|
5285 | color: var(--step-circle-item-title-process-color, #333333);
|
5286 | font-size: 12px;
|
5287 | font-size: var(--step-circle-item-content-font-size, 12px);
|
5288 | line-height: 1.5;
|
5289 | line-height: var(--font-lineheight-2, 1.5);
|
5290 | word-break: break-word; }
|
5291 |
|
5292 | .next-step-circle > .next-step-item-process .next-step-item-node-placeholder {
|
5293 | width: 32px;
|
5294 | width: var(--step-circle-item-node-process-size, 32px);
|
5295 | height: 32px;
|
5296 | height: var(--step-circle-item-node-process-size, 32px);
|
5297 | position: relative; }
|
5298 |
|
5299 | .next-step-circle > .next-step-item-process .next-step-item-node {
|
5300 | position: relative;
|
5301 | display: inline-block;
|
5302 | text-align: center;
|
5303 | cursor: pointer; }
|
5304 | .next-step-circle > .next-step-item-process .next-step-item-node-circle {
|
5305 | display: block;
|
5306 | width: 32px;
|
5307 | width: var(--step-circle-item-node-process-size, 32px);
|
5308 | height: 32px;
|
5309 | height: var(--step-circle-item-node-process-size, 32px);
|
5310 | font-size: 12px;
|
5311 | font-size: var(--step-circle-item-node-font-size, 12px);
|
5312 | font-weight: normal;
|
5313 | font-weight: var(--font-weight-2, normal);
|
5314 | line-height: 30px;
|
5315 | line-height: calc(var(--step-circle-item-node-process-size, 32px) - var(--step-circle-item-node-border-width, 1px)*2);
|
5316 | text-align: center;
|
5317 | border: 1px solid;
|
5318 | border: var(--step-circle-item-node-border-width, 1px) solid;
|
5319 | border-radius: 50%;
|
5320 | border-radius: var(--step-circle-item-node-corner, 50%);
|
5321 | transition: background-color 100ms linear;
|
5322 | transition: background-color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
5323 | .next-step-circle > .next-step-item-process .next-step-item-node-circle .next-icon {
|
5324 | animation: zoomIn 300ms linear;
|
5325 | animation: zoomIn var(--motion-duration-standard, 300ms) var(--motion-linear, linear); }
|
5326 | .next-step-circle > .next-step-item-process .next-step-item-node-circle .next-icon:before,
|
5327 | .next-step-circle > .next-step-item-process .next-step-item-node-circle .next-icon .next-icon-remote {
|
5328 | width: 12px;
|
5329 | width: var(--step-circle-item-node-icon-size, 12px);
|
5330 | font-size: 12px;
|
5331 | font-size: var(--step-circle-item-node-icon-size, 12px);
|
5332 | line-height: inherit; }
|
5333 |
|
5334 | .next-step-circle > .next-step-item-finish .next-step-item-tail-overlay {
|
5335 | background: #5584FF;
|
5336 | background: var(--step-circle-item-tail-finish-color, #5584FF); }
|
5337 |
|
5338 | .next-step-circle > .next-step-item-finish .next-step-item-tail-underlay {
|
5339 | background: #E6E7EB;
|
5340 | background: var(--step-circle-item-tail-bg-color, #E6E7EB); }
|
5341 |
|
5342 | .next-step-circle > .next-step-item-finish > .next-step-item-container .next-step-item-progress {
|
5343 | width: 32px;
|
5344 | width: var(--step-circle-item-node-process-size, 32px);
|
5345 | height: 32px;
|
5346 | height: var(--step-circle-item-node-process-size, 32px); }
|
5347 |
|
5348 | .next-step-circle > .next-step-item-finish > .next-step-item-container .next-step-item-node {
|
5349 | color: #5584FF;
|
5350 | color: var(--step-circle-item-node-finish-color, #5584FF); }
|
5351 |
|
5352 | .next-step-circle > .next-step-item-finish > .next-step-item-container .next-step-item-node-circle {
|
5353 | background: #FFFFFF;
|
5354 | background: var(--step-circle-item-node-finish-background, #FFFFFF);
|
5355 | border-color: #5584FF;
|
5356 | border-color: var(--step-circle-item-node-finish-border-color, #5584FF); }
|
5357 |
|
5358 | .next-step-circle > .next-step-item-finish > .next-step-item-container .next-step-item-node-dot {
|
5359 | background: #FFFFFF;
|
5360 | background: var(--step-circle-item-node-finish-background, #FFFFFF);
|
5361 | border-color: #5584FF;
|
5362 | border-color: var(--step-circle-item-node-finish-border-color, #5584FF); }
|
5363 |
|
5364 | .next-step-circle > .next-step-item-finish .next-step-item-title {
|
5365 | color: #666666;
|
5366 | color: var(--step-circle-item-title-finish-color, #666666);
|
5367 | word-break: break-word; }
|
5368 |
|
5369 | .next-step-circle > .next-step-item-finish .next-step-item-content {
|
5370 | color: #666666;
|
5371 | color: var(--step-circle-item-title-finish-color, #666666);
|
5372 | font-size: 12px;
|
5373 | font-size: var(--step-circle-item-content-font-size, 12px);
|
5374 | line-height: 1.5;
|
5375 | line-height: var(--font-lineheight-2, 1.5);
|
5376 | word-break: break-word; }
|
5377 |
|
5378 | .next-step-circle > .next-step-item-finish .next-step-item-node-placeholder {
|
5379 | width: 32px;
|
5380 | width: var(--step-circle-item-node-process-size, 32px);
|
5381 | height: 32px;
|
5382 | height: var(--step-circle-item-node-process-size, 32px);
|
5383 | position: relative; }
|
5384 |
|
5385 | .next-step-circle > .next-step-item-finish .next-step-item-node {
|
5386 | position: relative;
|
5387 | display: inline-block;
|
5388 | text-align: center;
|
5389 | cursor: pointer; }
|
5390 | .next-step-circle > .next-step-item-finish .next-step-item-node-circle {
|
5391 | display: block;
|
5392 | width: 32px;
|
5393 | width: var(--step-circle-item-node-process-size, 32px);
|
5394 | height: 32px;
|
5395 | height: var(--step-circle-item-node-process-size, 32px);
|
5396 | font-size: 12px;
|
5397 | font-size: var(--step-circle-item-node-font-size, 12px);
|
5398 | font-weight: normal;
|
5399 | font-weight: var(--font-weight-2, normal);
|
5400 | line-height: 30px;
|
5401 | line-height: calc(var(--step-circle-item-node-process-size, 32px) - var(--step-circle-item-node-border-width, 1px)*2);
|
5402 | text-align: center;
|
5403 | border: 1px solid;
|
5404 | border: var(--step-circle-item-node-border-width, 1px) solid;
|
5405 | border-radius: 50%;
|
5406 | border-radius: var(--step-circle-item-node-corner, 50%);
|
5407 | transition: background-color 100ms linear;
|
5408 | transition: background-color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
5409 | .next-step-circle > .next-step-item-finish .next-step-item-node-circle .next-icon {
|
5410 | animation: zoomIn 300ms linear;
|
5411 | animation: zoomIn var(--motion-duration-standard, 300ms) var(--motion-linear, linear); }
|
5412 | .next-step-circle > .next-step-item-finish .next-step-item-node-circle .next-icon:before,
|
5413 | .next-step-circle > .next-step-item-finish .next-step-item-node-circle .next-icon .next-icon-remote {
|
5414 | width: 12px;
|
5415 | width: var(--step-circle-item-node-icon-size, 12px);
|
5416 | font-size: 12px;
|
5417 | font-size: var(--step-circle-item-node-icon-size, 12px);
|
5418 | line-height: inherit; }
|
5419 |
|
5420 | .next-step-circle .next-step-item-disabled .next-step-item-tail-overlay {
|
5421 | background: #E6E7EB;
|
5422 | background: var(--step-circle-item-tail-disabled-color, #E6E7EB); }
|
5423 |
|
5424 | .next-step-circle .next-step-item-disabled .next-step-item-tail-underlay {
|
5425 | background: #E6E7EB;
|
5426 | background: var(--step-circle-item-tail-bg-color, #E6E7EB); }
|
5427 |
|
5428 | .next-step-circle .next-step-item-disabled > .next-step-item-container .next-step-item-progress {
|
5429 | width: 32px;
|
5430 | width: var(--step-circle-item-node-process-size, 32px);
|
5431 | height: 32px;
|
5432 | height: var(--step-circle-item-node-process-size, 32px); }
|
5433 |
|
5434 | .next-step-circle .next-step-item-disabled > .next-step-item-container .next-step-item-node {
|
5435 | color: #CCCCCC;
|
5436 | color: var(--step-circle-item-node-disabled-color, #CCCCCC); }
|
5437 |
|
5438 | .next-step-circle .next-step-item-disabled > .next-step-item-container .next-step-item-node-circle {
|
5439 | background: #FFFFFF;
|
5440 | background: var(--step-circle-item-node-disabled-background, #FFFFFF);
|
5441 | border-color: #E6E7EB;
|
5442 | border-color: var(--step-circle-item-node-disabled-border-color, #E6E7EB); }
|
5443 |
|
5444 | .next-step-circle .next-step-item-disabled > .next-step-item-container .next-step-item-node-dot {
|
5445 | background: #FFFFFF;
|
5446 | background: var(--step-circle-item-node-disabled-background, #FFFFFF);
|
5447 | border-color: #E6E7EB;
|
5448 | border-color: var(--step-circle-item-node-disabled-border-color, #E6E7EB); }
|
5449 |
|
5450 | .next-step-circle .next-step-item-disabled .next-step-item-title {
|
5451 | color: #CCCCCC;
|
5452 | color: var(--step-circle-item-title-disabled-color, #CCCCCC);
|
5453 | word-break: break-word; }
|
5454 |
|
5455 | .next-step-circle .next-step-item-disabled .next-step-item-content {
|
5456 | color: #CCCCCC;
|
5457 | color: var(--step-circle-item-title-disabled-color, #CCCCCC);
|
5458 | font-size: 12px;
|
5459 | font-size: var(--step-circle-item-content-font-size, 12px);
|
5460 | line-height: 1.5;
|
5461 | line-height: var(--font-lineheight-2, 1.5);
|
5462 | word-break: break-word; }
|
5463 |
|
5464 | .next-step-circle .next-step-item-disabled .next-step-item-node-placeholder {
|
5465 | width: 32px;
|
5466 | width: var(--step-circle-item-node-process-size, 32px);
|
5467 | height: 32px;
|
5468 | height: var(--step-circle-item-node-process-size, 32px);
|
5469 | position: relative; }
|
5470 |
|
5471 | .next-step-circle .next-step-item-disabled .next-step-item-node {
|
5472 | position: relative;
|
5473 | display: inline-block;
|
5474 | text-align: center;
|
5475 | cursor: pointer; }
|
5476 | .next-step-circle .next-step-item-disabled .next-step-item-node-circle {
|
5477 | display: block;
|
5478 | width: 32px;
|
5479 | width: var(--step-circle-item-node-process-size, 32px);
|
5480 | height: 32px;
|
5481 | height: var(--step-circle-item-node-process-size, 32px);
|
5482 | font-size: 12px;
|
5483 | font-size: var(--step-circle-item-node-font-size, 12px);
|
5484 | font-weight: normal;
|
5485 | font-weight: var(--font-weight-2, normal);
|
5486 | line-height: 30px;
|
5487 | line-height: calc(var(--step-circle-item-node-process-size, 32px) - var(--step-circle-item-node-border-width, 1px)*2);
|
5488 | text-align: center;
|
5489 | border: 1px solid;
|
5490 | border: var(--step-circle-item-node-border-width, 1px) solid;
|
5491 | border-radius: 50%;
|
5492 | border-radius: var(--step-circle-item-node-corner, 50%);
|
5493 | transition: background-color 100ms linear;
|
5494 | transition: background-color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
5495 | .next-step-circle .next-step-item-disabled .next-step-item-node-circle .next-icon {
|
5496 | animation: zoomIn 300ms linear;
|
5497 | animation: zoomIn var(--motion-duration-standard, 300ms) var(--motion-linear, linear); }
|
5498 | .next-step-circle .next-step-item-disabled .next-step-item-node-circle .next-icon:before,
|
5499 | .next-step-circle .next-step-item-disabled .next-step-item-node-circle .next-icon .next-icon-remote {
|
5500 | width: 12px;
|
5501 | width: var(--step-circle-item-node-icon-size, 12px);
|
5502 | font-size: 12px;
|
5503 | font-size: var(--step-circle-item-node-icon-size, 12px);
|
5504 | line-height: inherit; }
|
5505 |
|
5506 | .next-step-circle .next-step-item-disabled .next-step-item-node-placeholder,
|
5507 | .next-step-circle .next-step-item-disabled .next-step-item-node {
|
5508 | cursor: not-allowed; }
|
5509 |
|
5510 | .next-step-circle .next-step-item-read-only .next-step-item-node-placeholder,
|
5511 | .next-step-circle .next-step-item-read-only .next-step-item-node {
|
5512 | cursor: default; }
|
5513 |
|
5514 | .next-step-circle .next-step-item-last .next-step-item-tail {
|
5515 | display: none; }
|
5516 |
|
5517 | .next-step-circle.next-step-horizontal {
|
5518 | text-align: center;
|
5519 | white-space: nowrap; }
|
5520 | .next-step-circle.next-step-horizontal > .next-step-item .next-step-item-title {
|
5521 | white-space: normal; }
|
5522 | .next-step-circle.next-step-horizontal > .next-step-item .next-step-item-content {
|
5523 | white-space: normal; }
|
5524 | .next-step-circle.next-step-horizontal > .next-step-item-wait .next-step-item-tail {
|
5525 | display: inline-block;
|
5526 | clear: both;
|
5527 | width: calc(100% - 48px);
|
5528 | width: calc(100% - var(--step-circle-item-node-process-size, 32px) - var(--step-circle-item-node-padding, 8px)*2);
|
5529 | vertical-align: middle; }
|
5530 | .next-step-circle.next-step-horizontal > .next-step-item-wait .next-step-item-tail .next-step-item-tail-underlay {
|
5531 | display: block;
|
5532 | height: 1px;
|
5533 | height: var(--step-circle-item-tail-size, 1px);
|
5534 | position: relative; }
|
5535 | .next-step-circle.next-step-horizontal > .next-step-item-wait .next-step-item-tail .next-step-item-tail-overlay {
|
5536 | position: absolute;
|
5537 | top: 0;
|
5538 | height: 1px;
|
5539 | height: var(--step-circle-item-tail-size, 1px);
|
5540 | transition: all 100ms linear;
|
5541 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
5542 | width: 100%; }
|
5543 | .next-step-circle.next-step-horizontal > .next-step-item-wait > .next-step-item-body {
|
5544 | width: 100px;
|
5545 | width: var(--step-circle-item-body-width, 100px);
|
5546 | left: -26px;
|
5547 | left: calc(0px - var(--step-circle-item-body-width, 100px)/2 + var(--step-circle-item-node-process-size, 32px)/2 + var(--step-circle-item-node-padding, 8px)*2/2);
|
5548 | text-align: center;
|
5549 | position: absolute; }
|
5550 | .next-step-circle.next-step-horizontal > .next-step-item-wait > .next-step-item-body > .next-step-item-title {
|
5551 | font-size: 14px;
|
5552 | font-size: var(--step-circle-item-title-size, 14px);
|
5553 | line-height: 18px;
|
5554 | line-height: calc(var(--step-circle-item-title-size, 14px) + 4px);
|
5555 | margin-top: 8px;
|
5556 | margin-top: var(--step-circle-item-title-margin-top, 8px);
|
5557 | font-weight: bold;
|
5558 | font-weight: var(--step-circle-item-title-weight, bold); }
|
5559 | .next-step-circle.next-step-horizontal > .next-step-item-wait > .next-step-item-body > .next-step-item-content {
|
5560 | margin-top: 4px;
|
5561 | margin-top: var(--step-circle-item-content-margin-top, 4px); }
|
5562 | .next-step-circle.next-step-horizontal > .next-step-item-process .next-step-item-tail {
|
5563 | display: inline-block;
|
5564 | clear: both;
|
5565 | width: calc(100% - 48px);
|
5566 | width: calc(100% - var(--step-circle-item-node-process-size, 32px) - var(--step-circle-item-node-padding, 8px)*2);
|
5567 | vertical-align: middle; }
|
5568 | .next-step-circle.next-step-horizontal > .next-step-item-process .next-step-item-tail .next-step-item-tail-underlay {
|
5569 | display: block;
|
5570 | height: 1px;
|
5571 | height: var(--step-circle-item-tail-size, 1px);
|
5572 | position: relative; }
|
5573 | .next-step-circle.next-step-horizontal > .next-step-item-process .next-step-item-tail .next-step-item-tail-overlay {
|
5574 | position: absolute;
|
5575 | top: 0;
|
5576 | height: 1px;
|
5577 | height: var(--step-circle-item-tail-size, 1px);
|
5578 | transition: all 100ms linear;
|
5579 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
5580 | width: 100%; }
|
5581 | .next-step-circle.next-step-horizontal > .next-step-item-process > .next-step-item-body {
|
5582 | width: 100px;
|
5583 | width: var(--step-circle-item-body-width, 100px);
|
5584 | left: -26px;
|
5585 | left: calc(0px - var(--step-circle-item-body-width, 100px)/2 + var(--step-circle-item-node-process-size, 32px)/2 + var(--step-circle-item-node-padding, 8px)*2/2);
|
5586 | text-align: center;
|
5587 | position: absolute; }
|
5588 | .next-step-circle.next-step-horizontal > .next-step-item-process > .next-step-item-body > .next-step-item-title {
|
5589 | font-size: 14px;
|
5590 | font-size: var(--step-circle-item-title-size, 14px);
|
5591 | line-height: 18px;
|
5592 | line-height: calc(var(--step-circle-item-title-size, 14px) + 4px);
|
5593 | margin-top: 8px;
|
5594 | margin-top: var(--step-circle-item-title-margin-top, 8px);
|
5595 | font-weight: bold;
|
5596 | font-weight: var(--step-circle-item-title-weight, bold); }
|
5597 | .next-step-circle.next-step-horizontal > .next-step-item-process > .next-step-item-body > .next-step-item-content {
|
5598 | margin-top: 4px;
|
5599 | margin-top: var(--step-circle-item-content-margin-top, 4px); }
|
5600 | .next-step-circle.next-step-horizontal > .next-step-item-finish .next-step-item-tail {
|
5601 | display: inline-block;
|
5602 | clear: both;
|
5603 | width: calc(100% - 48px);
|
5604 | width: calc(100% - var(--step-circle-item-node-process-size, 32px) - var(--step-circle-item-node-padding, 8px)*2);
|
5605 | vertical-align: middle; }
|
5606 | .next-step-circle.next-step-horizontal > .next-step-item-finish .next-step-item-tail .next-step-item-tail-underlay {
|
5607 | display: block;
|
5608 | height: 1px;
|
5609 | height: var(--step-circle-item-tail-size, 1px);
|
5610 | position: relative; }
|
5611 | .next-step-circle.next-step-horizontal > .next-step-item-finish .next-step-item-tail .next-step-item-tail-overlay {
|
5612 | position: absolute;
|
5613 | top: 0;
|
5614 | height: 1px;
|
5615 | height: var(--step-circle-item-tail-size, 1px);
|
5616 | transition: all 100ms linear;
|
5617 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
5618 | width: 100%; }
|
5619 | .next-step-circle.next-step-horizontal > .next-step-item-finish > .next-step-item-body {
|
5620 | width: 100px;
|
5621 | width: var(--step-circle-item-body-width, 100px);
|
5622 | left: -26px;
|
5623 | left: calc(0px - var(--step-circle-item-body-width, 100px)/2 + var(--step-circle-item-node-process-size, 32px)/2 + var(--step-circle-item-node-padding, 8px)*2/2);
|
5624 | text-align: center;
|
5625 | position: absolute; }
|
5626 | .next-step-circle.next-step-horizontal > .next-step-item-finish > .next-step-item-body > .next-step-item-title {
|
5627 | font-size: 14px;
|
5628 | font-size: var(--step-circle-item-title-size, 14px);
|
5629 | line-height: 18px;
|
5630 | line-height: calc(var(--step-circle-item-title-size, 14px) + 4px);
|
5631 | margin-top: 8px;
|
5632 | margin-top: var(--step-circle-item-title-margin-top, 8px);
|
5633 | font-weight: bold;
|
5634 | font-weight: var(--step-circle-item-title-weight, bold); }
|
5635 | .next-step-circle.next-step-horizontal > .next-step-item-finish > .next-step-item-body > .next-step-item-content {
|
5636 | margin-top: 4px;
|
5637 | margin-top: var(--step-circle-item-content-margin-top, 4px); }
|
5638 | .next-step-circle.next-step-horizontal > .next-step-item-disabled .next-step-item-tail {
|
5639 | display: inline-block;
|
5640 | clear: both;
|
5641 | width: calc(100% - 48px);
|
5642 | width: calc(100% - var(--step-circle-item-node-process-size, 32px) - var(--step-circle-item-node-padding, 8px)*2);
|
5643 | vertical-align: middle; }
|
5644 | .next-step-circle.next-step-horizontal > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-underlay {
|
5645 | display: block;
|
5646 | height: 1px;
|
5647 | height: var(--step-circle-item-tail-size, 1px);
|
5648 | position: relative; }
|
5649 | .next-step-circle.next-step-horizontal > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-overlay {
|
5650 | position: absolute;
|
5651 | top: 0;
|
5652 | height: 1px;
|
5653 | height: var(--step-circle-item-tail-size, 1px);
|
5654 | transition: all 100ms linear;
|
5655 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
5656 | width: 100%; }
|
5657 | .next-step-circle.next-step-horizontal > .next-step-item-disabled > .next-step-item-body {
|
5658 | width: 100px;
|
5659 | width: var(--step-circle-item-body-width, 100px);
|
5660 | left: -26px;
|
5661 | left: calc(0px - var(--step-circle-item-body-width, 100px)/2 + var(--step-circle-item-node-process-size, 32px)/2 + var(--step-circle-item-node-padding, 8px)*2/2);
|
5662 | text-align: center;
|
5663 | position: absolute; }
|
5664 | .next-step-circle.next-step-horizontal > .next-step-item-disabled > .next-step-item-body > .next-step-item-title {
|
5665 | font-size: 14px;
|
5666 | font-size: var(--step-circle-item-title-size, 14px);
|
5667 | line-height: 18px;
|
5668 | line-height: calc(var(--step-circle-item-title-size, 14px) + 4px);
|
5669 | margin-top: 8px;
|
5670 | margin-top: var(--step-circle-item-title-margin-top, 8px);
|
5671 | font-weight: bold;
|
5672 | font-weight: var(--step-circle-item-title-weight, bold); }
|
5673 | .next-step-circle.next-step-horizontal > .next-step-item-disabled > .next-step-item-body > .next-step-item-content {
|
5674 | margin-top: 4px;
|
5675 | margin-top: var(--step-circle-item-content-margin-top, 4px); }
|
5676 |
|
5677 | .next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item {
|
5678 | vertical-align: unset; }
|
5679 |
|
5680 | .next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item:last-child .next-step-item-tail {
|
5681 | display: none; }
|
5682 |
|
5683 | .next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item-body {
|
5684 | position: relative;
|
5685 | display: inline-block;
|
5686 | top: 0;
|
5687 | left: 0;
|
5688 | max-width: 100px;
|
5689 | max-width: var(--step-circle-item-body-width, 100px);
|
5690 | overflow: hidden;
|
5691 | vertical-align: top;
|
5692 | text-align: left; }
|
5693 | .next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item-body .next-step-item-title {
|
5694 | display: inline-block;
|
5695 | padding-right: 8px;
|
5696 | padding-right: var(--step-circle-item-node-padding, 8px);
|
5697 | margin-top: 9px;
|
5698 | margin-top: calc(var(--step-circle-item-node-process-size, 32px)/2 - var(--step-circle-item-title-size, 14px)/2); }
|
5699 |
|
5700 | .next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item-tail {
|
5701 | width: calc(100% - 148px);
|
5702 | width: calc(100% - var(--step-circle-item-node-process-size, 32px) - var(--step-circle-item-node-padding, 8px)*2 - var(--step-circle-item-body-width, 100px));
|
5703 | position: absolute;
|
5704 | right: 0;
|
5705 | margin-top: -1px;
|
5706 | margin-top: calc(0px - var(--step-circle-vertical-item-tail-size, 1px)); }
|
5707 |
|
5708 | .next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item:last-child .next-step-item-tail {
|
5709 | display: none; }
|
5710 |
|
5711 | .next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item-body {
|
5712 | position: relative;
|
5713 | display: inline-block;
|
5714 | top: 0;
|
5715 | left: 0;
|
5716 | max-width: 100px;
|
5717 | max-width: var(--step-circle-item-body-width, 100px);
|
5718 | overflow: hidden;
|
5719 | vertical-align: top;
|
5720 | text-align: left; }
|
5721 | .next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item-body .next-step-item-title {
|
5722 | display: inline-block;
|
5723 | padding-right: 8px;
|
5724 | padding-right: var(--step-circle-item-node-padding, 8px);
|
5725 | margin-top: 9px;
|
5726 | margin-top: calc(var(--step-circle-item-node-process-size, 32px)/2 - var(--step-circle-item-title-size, 14px)/2); }
|
5727 |
|
5728 | .next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item-tail {
|
5729 | width: calc(100% - 148px);
|
5730 | width: calc(100% - var(--step-circle-item-node-process-size, 32px) - var(--step-circle-item-node-padding, 8px)*2 - var(--step-circle-item-body-width, 100px));
|
5731 | position: absolute;
|
5732 | right: 0;
|
5733 | margin-top: -1px;
|
5734 | margin-top: calc(0px - var(--step-circle-vertical-item-tail-size, 1px)); }
|
5735 |
|
5736 | .next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item:last-child .next-step-item-tail {
|
5737 | display: none; }
|
5738 |
|
5739 | .next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item-body {
|
5740 | position: relative;
|
5741 | display: inline-block;
|
5742 | top: 0;
|
5743 | left: 0;
|
5744 | max-width: 100px;
|
5745 | max-width: var(--step-circle-item-body-width, 100px);
|
5746 | overflow: hidden;
|
5747 | vertical-align: top;
|
5748 | text-align: left; }
|
5749 | .next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item-body .next-step-item-title {
|
5750 | display: inline-block;
|
5751 | padding-right: 8px;
|
5752 | padding-right: var(--step-circle-item-node-padding, 8px);
|
5753 | margin-top: 9px;
|
5754 | margin-top: calc(var(--step-circle-item-node-process-size, 32px)/2 - var(--step-circle-item-title-size, 14px)/2); }
|
5755 |
|
5756 | .next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item-tail {
|
5757 | width: calc(100% - 148px);
|
5758 | width: calc(100% - var(--step-circle-item-node-process-size, 32px) - var(--step-circle-item-node-padding, 8px)*2 - var(--step-circle-item-body-width, 100px));
|
5759 | position: absolute;
|
5760 | right: 0;
|
5761 | margin-top: -1px;
|
5762 | margin-top: calc(0px - var(--step-circle-vertical-item-tail-size, 1px)); }
|
5763 |
|
5764 | .next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item:last-child .next-step-item-tail {
|
5765 | display: none; }
|
5766 |
|
5767 | .next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item-body {
|
5768 | position: relative;
|
5769 | display: inline-block;
|
5770 | top: 0;
|
5771 | left: 0;
|
5772 | max-width: 100px;
|
5773 | max-width: var(--step-circle-item-body-width, 100px);
|
5774 | overflow: hidden;
|
5775 | vertical-align: top;
|
5776 | text-align: left; }
|
5777 | .next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item-body .next-step-item-title {
|
5778 | display: inline-block;
|
5779 | padding-right: 8px;
|
5780 | padding-right: var(--step-circle-item-node-padding, 8px);
|
5781 | margin-top: 9px;
|
5782 | margin-top: calc(var(--step-circle-item-node-process-size, 32px)/2 - var(--step-circle-item-title-size, 14px)/2); }
|
5783 |
|
5784 | .next-step-circle.next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item-tail {
|
5785 | width: calc(100% - 148px);
|
5786 | width: calc(100% - var(--step-circle-item-node-process-size, 32px) - var(--step-circle-item-node-padding, 8px)*2 - var(--step-circle-item-body-width, 100px));
|
5787 | position: absolute;
|
5788 | right: 0;
|
5789 | margin-top: -1px;
|
5790 | margin-top: calc(0px - var(--step-circle-vertical-item-tail-size, 1px)); }
|
5791 |
|
5792 | .next-step-circle.next-step-vertical {
|
5793 | font-size: 0;
|
5794 | display: table-cell;
|
5795 | vertical-align: middle;
|
5796 | position: relative; }
|
5797 | .next-step-circle.next-step-vertical .next-step-item-container {
|
5798 | padding: 0; }
|
5799 | .next-step-circle.next-step-vertical > .next-step-item:last-child .next-step-item-tail {
|
5800 | display: block;
|
5801 | visibility: hidden; }
|
5802 | .next-step-circle.next-step-vertical > .next-step-item-wait .next-step-item-tail {
|
5803 | width: 1px;
|
5804 | width: var(--step-circle-vertical-item-tail-size, 1px);
|
5805 | height: 0;
|
5806 | margin: 8px auto;
|
5807 | margin: var(--step-circle-item-node-padding, 8px) auto; }
|
5808 | .next-step-circle.next-step-vertical > .next-step-item-wait .next-step-item-tail .next-step-item-tail-underlay {
|
5809 | height: 100%;
|
5810 | width: 1px;
|
5811 | width: var(--step-circle-vertical-item-tail-size, 1px);
|
5812 | position: relative; }
|
5813 | .next-step-circle.next-step-vertical > .next-step-item-wait .next-step-item-tail .next-step-item-tail-overlay {
|
5814 | position: absolute;
|
5815 | top: 0;
|
5816 | height: 100%;
|
5817 | width: 1px;
|
5818 | width: var(--step-circle-vertical-item-tail-size, 1px); }
|
5819 | .next-step-circle.next-step-vertical > .next-step-item-wait > .next-step-item-body {
|
5820 | position: absolute;
|
5821 | top: 0;
|
5822 | left: 16px;
|
5823 | left: calc(var(--step-circle-item-node-process-size, 32px)/2);
|
5824 | margin-left: 8px;
|
5825 | margin-left: var(--step-circle-item-node-padding, 8px); }
|
5826 | .next-step-circle.next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-title {
|
5827 | margin-top: 8px;
|
5828 | margin-top: var(--step-circle-vertical-item-title-margin-top, 8px);
|
5829 | text-align: left;
|
5830 | font-weight: bold;
|
5831 | font-weight: var(--step-circle-item-title-weight, bold);
|
5832 | font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
|
5833 | font-size: 12px;
|
5834 | font-size: var(--font-size-body-1, 12px);
|
5835 | line-height: 1.28571;
|
5836 | line-height: var(--font-lineheight-base, 1.28571); }
|
5837 | .next-step-circle.next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-content {
|
5838 | margin-top: 4px;
|
5839 | margin-top: var(--step-circle-vertical-item-content-margin-top, 4px);
|
5840 | min-height: 8px;
|
5841 | min-height: var(--s-2, 8px);
|
5842 | text-align: left;
|
5843 | font-size: 12px;
|
5844 | font-size: var(--step-circle-item-content-font-size, 12px);
|
5845 | line-height: 1.5;
|
5846 | line-height: var(--font-lineheight-2, 1.5); }
|
5847 | .next-step-circle.next-step-vertical > .next-step-item-process .next-step-item-tail {
|
5848 | width: 1px;
|
5849 | width: var(--step-circle-vertical-item-tail-size, 1px);
|
5850 | height: 0;
|
5851 | margin: 8px auto;
|
5852 | margin: var(--step-circle-item-node-padding, 8px) auto; }
|
5853 | .next-step-circle.next-step-vertical > .next-step-item-process .next-step-item-tail .next-step-item-tail-underlay {
|
5854 | height: 100%;
|
5855 | width: 1px;
|
5856 | width: var(--step-circle-vertical-item-tail-size, 1px);
|
5857 | position: relative; }
|
5858 | .next-step-circle.next-step-vertical > .next-step-item-process .next-step-item-tail .next-step-item-tail-overlay {
|
5859 | position: absolute;
|
5860 | top: 0;
|
5861 | height: 100%;
|
5862 | width: 1px;
|
5863 | width: var(--step-circle-vertical-item-tail-size, 1px); }
|
5864 | .next-step-circle.next-step-vertical > .next-step-item-process > .next-step-item-body {
|
5865 | position: absolute;
|
5866 | top: 0;
|
5867 | left: 16px;
|
5868 | left: calc(var(--step-circle-item-node-process-size, 32px)/2);
|
5869 | margin-left: 8px;
|
5870 | margin-left: var(--step-circle-item-node-padding, 8px); }
|
5871 | .next-step-circle.next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-title {
|
5872 | margin-top: 8px;
|
5873 | margin-top: var(--step-circle-vertical-item-title-margin-top, 8px);
|
5874 | text-align: left;
|
5875 | font-weight: bold;
|
5876 | font-weight: var(--step-circle-item-title-weight, bold);
|
5877 | font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
|
5878 | font-size: 12px;
|
5879 | font-size: var(--font-size-body-1, 12px);
|
5880 | line-height: 1.28571;
|
5881 | line-height: var(--font-lineheight-base, 1.28571); }
|
5882 | .next-step-circle.next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-content {
|
5883 | margin-top: 4px;
|
5884 | margin-top: var(--step-circle-vertical-item-content-margin-top, 4px);
|
5885 | min-height: 8px;
|
5886 | min-height: var(--s-2, 8px);
|
5887 | text-align: left;
|
5888 | font-size: 12px;
|
5889 | font-size: var(--step-circle-item-content-font-size, 12px);
|
5890 | line-height: 1.5;
|
5891 | line-height: var(--font-lineheight-2, 1.5); }
|
5892 | .next-step-circle.next-step-vertical > .next-step-item-finish .next-step-item-tail {
|
5893 | width: 1px;
|
5894 | width: var(--step-circle-vertical-item-tail-size, 1px);
|
5895 | height: 0;
|
5896 | margin: 8px auto;
|
5897 | margin: var(--step-circle-item-node-padding, 8px) auto; }
|
5898 | .next-step-circle.next-step-vertical > .next-step-item-finish .next-step-item-tail .next-step-item-tail-underlay {
|
5899 | height: 100%;
|
5900 | width: 1px;
|
5901 | width: var(--step-circle-vertical-item-tail-size, 1px);
|
5902 | position: relative; }
|
5903 | .next-step-circle.next-step-vertical > .next-step-item-finish .next-step-item-tail .next-step-item-tail-overlay {
|
5904 | position: absolute;
|
5905 | top: 0;
|
5906 | height: 100%;
|
5907 | width: 1px;
|
5908 | width: var(--step-circle-vertical-item-tail-size, 1px); }
|
5909 | .next-step-circle.next-step-vertical > .next-step-item-finish > .next-step-item-body {
|
5910 | position: absolute;
|
5911 | top: 0;
|
5912 | left: 16px;
|
5913 | left: calc(var(--step-circle-item-node-process-size, 32px)/2);
|
5914 | margin-left: 8px;
|
5915 | margin-left: var(--step-circle-item-node-padding, 8px); }
|
5916 | .next-step-circle.next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-title {
|
5917 | margin-top: 8px;
|
5918 | margin-top: var(--step-circle-vertical-item-title-margin-top, 8px);
|
5919 | text-align: left;
|
5920 | font-weight: bold;
|
5921 | font-weight: var(--step-circle-item-title-weight, bold);
|
5922 | font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
|
5923 | font-size: 12px;
|
5924 | font-size: var(--font-size-body-1, 12px);
|
5925 | line-height: 1.28571;
|
5926 | line-height: var(--font-lineheight-base, 1.28571); }
|
5927 | .next-step-circle.next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-content {
|
5928 | margin-top: 4px;
|
5929 | margin-top: var(--step-circle-vertical-item-content-margin-top, 4px);
|
5930 | min-height: 8px;
|
5931 | min-height: var(--s-2, 8px);
|
5932 | text-align: left;
|
5933 | font-size: 12px;
|
5934 | font-size: var(--step-circle-item-content-font-size, 12px);
|
5935 | line-height: 1.5;
|
5936 | line-height: var(--font-lineheight-2, 1.5); }
|
5937 | .next-step-circle.next-step-vertical > .next-step-item-disabled .next-step-item-tail {
|
5938 | width: 1px;
|
5939 | width: var(--step-circle-vertical-item-tail-size, 1px);
|
5940 | height: 0;
|
5941 | margin: 8px auto;
|
5942 | margin: var(--step-circle-item-node-padding, 8px) auto; }
|
5943 | .next-step-circle.next-step-vertical > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-underlay {
|
5944 | height: 100%;
|
5945 | width: 1px;
|
5946 | width: var(--step-circle-vertical-item-tail-size, 1px);
|
5947 | position: relative; }
|
5948 | .next-step-circle.next-step-vertical > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-overlay {
|
5949 | position: absolute;
|
5950 | top: 0;
|
5951 | height: 100%;
|
5952 | width: 1px;
|
5953 | width: var(--step-circle-vertical-item-tail-size, 1px); }
|
5954 | .next-step-circle.next-step-vertical > .next-step-item-disabled > .next-step-item-body {
|
5955 | position: absolute;
|
5956 | top: 0;
|
5957 | left: 16px;
|
5958 | left: calc(var(--step-circle-item-node-process-size, 32px)/2);
|
5959 | margin-left: 8px;
|
5960 | margin-left: var(--step-circle-item-node-padding, 8px); }
|
5961 | .next-step-circle.next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-title {
|
5962 | margin-top: 8px;
|
5963 | margin-top: var(--step-circle-vertical-item-title-margin-top, 8px);
|
5964 | text-align: left;
|
5965 | font-weight: bold;
|
5966 | font-weight: var(--step-circle-item-title-weight, bold);
|
5967 | font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
|
5968 | font-size: 12px;
|
5969 | font-size: var(--font-size-body-1, 12px);
|
5970 | line-height: 1.28571;
|
5971 | line-height: var(--font-lineheight-base, 1.28571); }
|
5972 | .next-step-circle.next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-content {
|
5973 | margin-top: 4px;
|
5974 | margin-top: var(--step-circle-vertical-item-content-margin-top, 4px);
|
5975 | min-height: 8px;
|
5976 | min-height: var(--s-2, 8px);
|
5977 | text-align: left;
|
5978 | font-size: 12px;
|
5979 | font-size: var(--step-circle-item-content-font-size, 12px);
|
5980 | line-height: 1.5;
|
5981 | line-height: var(--font-lineheight-2, 1.5); }
|
5982 |
|
5983 | .next-step-dot .next-step-item-container {
|
5984 | display: inline-block;
|
5985 | vertical-align: middle;
|
5986 | position: relative;
|
5987 | padding: 0 8px;
|
5988 | padding: 0 var(--step-dot-item-dot-padding, 8px);
|
5989 | margin-top: -1px;
|
5990 | margin-bottom: -1px; }
|
5991 | .next-step-dot .next-step-item-container .next-step-item-node-placeholder {
|
5992 | display: inline-block; }
|
5993 | .next-step-dot .next-step-item-container .next-step-item-node {
|
5994 | position: relative;
|
5995 | display: inline-block;
|
5996 | text-align: center;
|
5997 | cursor: pointer; }
|
5998 | .next-step-dot .next-step-item-container .next-step-item-node .next-icon:before,
|
5999 | .next-step-dot .next-step-item-container .next-step-item-node .next-icon .next-icon-remote {
|
6000 | width: 12px;
|
6001 | width: var(--step-dot-item-dot-icon-size, 12px);
|
6002 | font-size: 12px;
|
6003 | font-size: var(--step-dot-item-dot-icon-size, 12px);
|
6004 | line-height: inherit; }
|
6005 |
|
6006 | .next-step-dot > .next-step-item-wait .next-step-item-tail-overlay {
|
6007 | background: #C4C6CF;
|
6008 | background: var(--step-dot-item-tail-wait-color, #C4C6CF); }
|
6009 |
|
6010 | .next-step-dot > .next-step-item-wait .next-step-item-tail-underlay {
|
6011 | background: #E6E7EB;
|
6012 | background: var(--step-dot-item-tail-bg-color, #E6E7EB); }
|
6013 |
|
6014 | .next-step-dot > .next-step-item-wait > .next-step-item-container .next-step-item-progress {
|
6015 | width: 12px;
|
6016 | width: var(--step-dot-item-dot-process-size, 12px);
|
6017 | height: 12px;
|
6018 | height: var(--step-dot-item-dot-process-size, 12px); }
|
6019 |
|
6020 | .next-step-dot > .next-step-item-wait > .next-step-item-container .next-step-item-node {
|
6021 | color: #999999;
|
6022 | color: var(--step-dot-item-node-wait-color, #999999); }
|
6023 |
|
6024 | .next-step-dot > .next-step-item-wait > .next-step-item-container .next-step-item-node-circle {
|
6025 | background: #FFFFFF;
|
6026 | background: var(--step-dot-item-node-wait-background, #FFFFFF);
|
6027 | border-color: #A0A2AD;
|
6028 | border-color: var(--step-dot-item-node-wait-border-color, #A0A2AD); }
|
6029 |
|
6030 | .next-step-dot > .next-step-item-wait > .next-step-item-container .next-step-item-node-dot {
|
6031 | background: #FFFFFF;
|
6032 | background: var(--step-dot-item-node-wait-background, #FFFFFF);
|
6033 | border-color: #A0A2AD;
|
6034 | border-color: var(--step-dot-item-node-wait-border-color, #A0A2AD); }
|
6035 |
|
6036 | .next-step-dot > .next-step-item-wait .next-step-item-title {
|
6037 | color: #666666;
|
6038 | color: var(--step-dot-item-title-wait-color, #666666);
|
6039 | word-break: break-word; }
|
6040 |
|
6041 | .next-step-dot > .next-step-item-wait .next-step-item-content {
|
6042 | color: #666666;
|
6043 | color: var(--step-dot-item-title-wait-color, #666666);
|
6044 | font-size: 12px;
|
6045 | font-size: var(--step-circle-item-content-font-size, 12px);
|
6046 | line-height: 1.5;
|
6047 | line-height: var(--font-lineheight-2, 1.5);
|
6048 | word-break: break-word; }
|
6049 |
|
6050 | .next-step-dot > .next-step-item-wait .next-step-item-node-placeholder {
|
6051 | width: 12px;
|
6052 | width: var(--step-dot-item-dot-process-size, 12px);
|
6053 | height: 12px;
|
6054 | height: var(--step-dot-item-dot-process-size, 12px);
|
6055 | position: relative; }
|
6056 |
|
6057 | .next-step-dot > .next-step-item-wait .next-step-item-node {
|
6058 | position: relative;
|
6059 | display: inline-block;
|
6060 | text-align: center;
|
6061 | cursor: pointer; }
|
6062 | .next-step-dot > .next-step-item-wait .next-step-item-node-circle {
|
6063 | display: block;
|
6064 | width: 12px;
|
6065 | width: var(--step-dot-item-dot-process-size, 12px);
|
6066 | height: 12px;
|
6067 | height: var(--step-dot-item-dot-process-size, 12px);
|
6068 | font-size: 12px;
|
6069 | font-size: var(--step-circle-item-node-font-size, 12px);
|
6070 | font-weight: normal;
|
6071 | font-weight: var(--font-weight-2, normal);
|
6072 | line-height: 10px;
|
6073 | line-height: calc(var(--step-dot-item-dot-process-size, 12px) - var(--step-circle-item-node-border-width, 1px)*2);
|
6074 | text-align: center;
|
6075 | border: 1px solid;
|
6076 | border: var(--step-circle-item-node-border-width, 1px) solid;
|
6077 | border-radius: 50%;
|
6078 | border-radius: var(--step-circle-item-node-corner, 50%);
|
6079 | transition: background-color 100ms linear;
|
6080 | transition: background-color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
6081 | .next-step-dot > .next-step-item-wait .next-step-item-node-circle .next-icon {
|
6082 | animation: zoomIn 300ms linear;
|
6083 | animation: zoomIn var(--motion-duration-standard, 300ms) var(--motion-linear, linear); }
|
6084 | .next-step-dot > .next-step-item-wait .next-step-item-node-circle .next-icon:before,
|
6085 | .next-step-dot > .next-step-item-wait .next-step-item-node-circle .next-icon .next-icon-remote {
|
6086 | width: 12px;
|
6087 | width: var(--step-circle-item-node-icon-size, 12px);
|
6088 | font-size: 12px;
|
6089 | font-size: var(--step-circle-item-node-icon-size, 12px);
|
6090 | line-height: inherit; }
|
6091 |
|
6092 | .next-step-dot > .next-step-item-wait .next-step-item-content {
|
6093 | font-size: 12px;
|
6094 | font-size: var(--step-dot-item-content-font-size, 12px); }
|
6095 |
|
6096 | .next-step-dot > .next-step-item-wait .next-step-item-node-dot {
|
6097 | display: block;
|
6098 | width: 12px;
|
6099 | width: var(--step-dot-item-dot-process-size, 12px);
|
6100 | height: 12px;
|
6101 | height: var(--step-dot-item-dot-process-size, 12px);
|
6102 | font-size: 12px;
|
6103 | font-size: var(--step-dot-item-content-font-size, 12px);
|
6104 | line-height: 10px;
|
6105 | line-height: calc(var(--step-dot-item-dot-process-size, 12px) - var(--step-dot-item-dot-border-width, 1px)*2);
|
6106 | text-align: center;
|
6107 | border: 1px solid;
|
6108 | border: var(--step-dot-item-dot-border-width, 1px) solid;
|
6109 | border-radius: 50%;
|
6110 | border-radius: var(--step-dot-item-dot-corner, 50%);
|
6111 | transition: background-color .3s ease, border-color .3s ease; }
|
6112 |
|
6113 | .next-step-dot > .next-step-item-process .next-step-item-tail-overlay {
|
6114 | background: #C4C6CF;
|
6115 | background: var(--step-dot-item-tail-process-color, #C4C6CF); }
|
6116 |
|
6117 | .next-step-dot > .next-step-item-process .next-step-item-tail-underlay {
|
6118 | background: #E6E7EB;
|
6119 | background: var(--step-dot-item-tail-bg-color, #E6E7EB); }
|
6120 |
|
6121 | .next-step-dot > .next-step-item-process > .next-step-item-container .next-step-item-progress {
|
6122 | width: 12px;
|
6123 | width: var(--step-dot-item-dot-process-size, 12px);
|
6124 | height: 12px;
|
6125 | height: var(--step-dot-item-dot-process-size, 12px); }
|
6126 |
|
6127 | .next-step-dot > .next-step-item-process > .next-step-item-container .next-step-item-node {
|
6128 | color: #5584FF;
|
6129 | color: var(--step-dot-item-node-process-color, #5584FF); }
|
6130 |
|
6131 | .next-step-dot > .next-step-item-process > .next-step-item-container .next-step-item-node-circle {
|
6132 | background: #5584FF;
|
6133 | background: var(--step-dot-item-node-process-background, #5584FF);
|
6134 | border-color: #5584FF;
|
6135 | border-color: var(--step-dot-item-node-process-border-color, #5584FF); }
|
6136 |
|
6137 | .next-step-dot > .next-step-item-process > .next-step-item-container .next-step-item-node-dot {
|
6138 | background: #5584FF;
|
6139 | background: var(--step-dot-item-node-process-background, #5584FF);
|
6140 | border-color: #5584FF;
|
6141 | border-color: var(--step-dot-item-node-process-border-color, #5584FF); }
|
6142 |
|
6143 | .next-step-dot > .next-step-item-process .next-step-item-title {
|
6144 | color: #333333;
|
6145 | color: var(--step-dot-item-title-process-color, #333333);
|
6146 | word-break: break-word; }
|
6147 |
|
6148 | .next-step-dot > .next-step-item-process .next-step-item-content {
|
6149 | color: #333333;
|
6150 | color: var(--step-dot-item-title-process-color, #333333);
|
6151 | font-size: 12px;
|
6152 | font-size: var(--step-circle-item-content-font-size, 12px);
|
6153 | line-height: 1.5;
|
6154 | line-height: var(--font-lineheight-2, 1.5);
|
6155 | word-break: break-word; }
|
6156 |
|
6157 | .next-step-dot > .next-step-item-process .next-step-item-node-placeholder {
|
6158 | width: 12px;
|
6159 | width: var(--step-dot-item-dot-process-size, 12px);
|
6160 | height: 12px;
|
6161 | height: var(--step-dot-item-dot-process-size, 12px);
|
6162 | position: relative; }
|
6163 |
|
6164 | .next-step-dot > .next-step-item-process .next-step-item-node {
|
6165 | position: relative;
|
6166 | display: inline-block;
|
6167 | text-align: center;
|
6168 | cursor: pointer; }
|
6169 | .next-step-dot > .next-step-item-process .next-step-item-node-circle {
|
6170 | display: block;
|
6171 | width: 12px;
|
6172 | width: var(--step-dot-item-dot-process-size, 12px);
|
6173 | height: 12px;
|
6174 | height: var(--step-dot-item-dot-process-size, 12px);
|
6175 | font-size: 12px;
|
6176 | font-size: var(--step-circle-item-node-font-size, 12px);
|
6177 | font-weight: normal;
|
6178 | font-weight: var(--font-weight-2, normal);
|
6179 | line-height: 10px;
|
6180 | line-height: calc(var(--step-dot-item-dot-process-size, 12px) - var(--step-circle-item-node-border-width, 1px)*2);
|
6181 | text-align: center;
|
6182 | border: 1px solid;
|
6183 | border: var(--step-circle-item-node-border-width, 1px) solid;
|
6184 | border-radius: 50%;
|
6185 | border-radius: var(--step-circle-item-node-corner, 50%);
|
6186 | transition: background-color 100ms linear;
|
6187 | transition: background-color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
6188 | .next-step-dot > .next-step-item-process .next-step-item-node-circle .next-icon {
|
6189 | animation: zoomIn 300ms linear;
|
6190 | animation: zoomIn var(--motion-duration-standard, 300ms) var(--motion-linear, linear); }
|
6191 | .next-step-dot > .next-step-item-process .next-step-item-node-circle .next-icon:before,
|
6192 | .next-step-dot > .next-step-item-process .next-step-item-node-circle .next-icon .next-icon-remote {
|
6193 | width: 12px;
|
6194 | width: var(--step-circle-item-node-icon-size, 12px);
|
6195 | font-size: 12px;
|
6196 | font-size: var(--step-circle-item-node-icon-size, 12px);
|
6197 | line-height: inherit; }
|
6198 |
|
6199 | .next-step-dot > .next-step-item-process .next-step-item-content {
|
6200 | font-size: 12px;
|
6201 | font-size: var(--step-dot-item-content-font-size, 12px); }
|
6202 |
|
6203 | .next-step-dot > .next-step-item-process .next-step-item-node-dot {
|
6204 | display: block;
|
6205 | width: 12px;
|
6206 | width: var(--step-dot-item-dot-process-size, 12px);
|
6207 | height: 12px;
|
6208 | height: var(--step-dot-item-dot-process-size, 12px);
|
6209 | font-size: 12px;
|
6210 | font-size: var(--step-dot-item-content-font-size, 12px);
|
6211 | line-height: 10px;
|
6212 | line-height: calc(var(--step-dot-item-dot-process-size, 12px) - var(--step-dot-item-dot-border-width, 1px)*2);
|
6213 | text-align: center;
|
6214 | border: 1px solid;
|
6215 | border: var(--step-dot-item-dot-border-width, 1px) solid;
|
6216 | border-radius: 50%;
|
6217 | border-radius: var(--step-dot-item-dot-corner, 50%);
|
6218 | transition: background-color .3s ease, border-color .3s ease; }
|
6219 |
|
6220 | .next-step-dot > .next-step-item-finish .next-step-item-tail-overlay {
|
6221 | background: #5584FF;
|
6222 | background: var(--step-dot-item-tail-finish-color, #5584FF); }
|
6223 |
|
6224 | .next-step-dot > .next-step-item-finish .next-step-item-tail-underlay {
|
6225 | background: #E6E7EB;
|
6226 | background: var(--step-dot-item-tail-bg-color, #E6E7EB); }
|
6227 |
|
6228 | .next-step-dot > .next-step-item-finish > .next-step-item-container .next-step-item-progress {
|
6229 | width: 12px;
|
6230 | width: var(--step-dot-item-dot-process-size, 12px);
|
6231 | height: 12px;
|
6232 | height: var(--step-dot-item-dot-process-size, 12px); }
|
6233 |
|
6234 | .next-step-dot > .next-step-item-finish > .next-step-item-container .next-step-item-node {
|
6235 | color: #5584FF;
|
6236 | color: var(--step-dot-item-node-finish-color, #5584FF); }
|
6237 |
|
6238 | .next-step-dot > .next-step-item-finish > .next-step-item-container .next-step-item-node-circle {
|
6239 | background: #FFFFFF;
|
6240 | background: var(--step-dot-item-node-finish-background, #FFFFFF);
|
6241 | border-color: #5584FF;
|
6242 | border-color: var(--step-dot-item-node-finish-border-color, #5584FF); }
|
6243 |
|
6244 | .next-step-dot > .next-step-item-finish > .next-step-item-container .next-step-item-node-dot {
|
6245 | background: #FFFFFF;
|
6246 | background: var(--step-dot-item-node-finish-background, #FFFFFF);
|
6247 | border-color: #5584FF;
|
6248 | border-color: var(--step-dot-item-node-finish-border-color, #5584FF); }
|
6249 |
|
6250 | .next-step-dot > .next-step-item-finish .next-step-item-title {
|
6251 | color: #666666;
|
6252 | color: var(--step-dot-item-title-finish-color, #666666);
|
6253 | word-break: break-word; }
|
6254 |
|
6255 | .next-step-dot > .next-step-item-finish .next-step-item-content {
|
6256 | color: #666666;
|
6257 | color: var(--step-dot-item-title-finish-color, #666666);
|
6258 | font-size: 12px;
|
6259 | font-size: var(--step-circle-item-content-font-size, 12px);
|
6260 | line-height: 1.5;
|
6261 | line-height: var(--font-lineheight-2, 1.5);
|
6262 | word-break: break-word; }
|
6263 |
|
6264 | .next-step-dot > .next-step-item-finish .next-step-item-node-placeholder {
|
6265 | width: 12px;
|
6266 | width: var(--step-dot-item-dot-process-size, 12px);
|
6267 | height: 12px;
|
6268 | height: var(--step-dot-item-dot-process-size, 12px);
|
6269 | position: relative; }
|
6270 |
|
6271 | .next-step-dot > .next-step-item-finish .next-step-item-node {
|
6272 | position: relative;
|
6273 | display: inline-block;
|
6274 | text-align: center;
|
6275 | cursor: pointer; }
|
6276 | .next-step-dot > .next-step-item-finish .next-step-item-node-circle {
|
6277 | display: block;
|
6278 | width: 12px;
|
6279 | width: var(--step-dot-item-dot-process-size, 12px);
|
6280 | height: 12px;
|
6281 | height: var(--step-dot-item-dot-process-size, 12px);
|
6282 | font-size: 12px;
|
6283 | font-size: var(--step-circle-item-node-font-size, 12px);
|
6284 | font-weight: normal;
|
6285 | font-weight: var(--font-weight-2, normal);
|
6286 | line-height: 10px;
|
6287 | line-height: calc(var(--step-dot-item-dot-process-size, 12px) - var(--step-circle-item-node-border-width, 1px)*2);
|
6288 | text-align: center;
|
6289 | border: 1px solid;
|
6290 | border: var(--step-circle-item-node-border-width, 1px) solid;
|
6291 | border-radius: 50%;
|
6292 | border-radius: var(--step-circle-item-node-corner, 50%);
|
6293 | transition: background-color 100ms linear;
|
6294 | transition: background-color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
6295 | .next-step-dot > .next-step-item-finish .next-step-item-node-circle .next-icon {
|
6296 | animation: zoomIn 300ms linear;
|
6297 | animation: zoomIn var(--motion-duration-standard, 300ms) var(--motion-linear, linear); }
|
6298 | .next-step-dot > .next-step-item-finish .next-step-item-node-circle .next-icon:before,
|
6299 | .next-step-dot > .next-step-item-finish .next-step-item-node-circle .next-icon .next-icon-remote {
|
6300 | width: 12px;
|
6301 | width: var(--step-circle-item-node-icon-size, 12px);
|
6302 | font-size: 12px;
|
6303 | font-size: var(--step-circle-item-node-icon-size, 12px);
|
6304 | line-height: inherit; }
|
6305 |
|
6306 | .next-step-dot > .next-step-item-finish .next-step-item-content {
|
6307 | font-size: 12px;
|
6308 | font-size: var(--step-dot-item-content-font-size, 12px); }
|
6309 |
|
6310 | .next-step-dot > .next-step-item-finish .next-step-item-node-dot {
|
6311 | display: block;
|
6312 | width: 12px;
|
6313 | width: var(--step-dot-item-dot-process-size, 12px);
|
6314 | height: 12px;
|
6315 | height: var(--step-dot-item-dot-process-size, 12px);
|
6316 | font-size: 12px;
|
6317 | font-size: var(--step-dot-item-content-font-size, 12px);
|
6318 | line-height: 10px;
|
6319 | line-height: calc(var(--step-dot-item-dot-process-size, 12px) - var(--step-dot-item-dot-border-width, 1px)*2);
|
6320 | text-align: center;
|
6321 | border: 1px solid;
|
6322 | border: var(--step-dot-item-dot-border-width, 1px) solid;
|
6323 | border-radius: 50%;
|
6324 | border-radius: var(--step-dot-item-dot-corner, 50%);
|
6325 | transition: background-color .3s ease, border-color .3s ease; }
|
6326 |
|
6327 | .next-step-dot .next-step-item-disabled .next-step-item-tail-overlay {
|
6328 | background: #E6E7EB;
|
6329 | background: var(--step-dot-item-tail-disabled-color, #E6E7EB); }
|
6330 |
|
6331 | .next-step-dot .next-step-item-disabled .next-step-item-tail-underlay {
|
6332 | background: #E6E7EB;
|
6333 | background: var(--step-dot-item-tail-bg-color, #E6E7EB); }
|
6334 |
|
6335 | .next-step-dot .next-step-item-disabled > .next-step-item-container .next-step-item-progress {
|
6336 | width: 12px;
|
6337 | width: var(--step-dot-item-dot-process-size, 12px);
|
6338 | height: 12px;
|
6339 | height: var(--step-dot-item-dot-process-size, 12px); }
|
6340 |
|
6341 | .next-step-dot .next-step-item-disabled > .next-step-item-container .next-step-item-node {
|
6342 | color: #E6E7EB;
|
6343 | color: var(--step-dot-item-node-disabled-color, #E6E7EB); }
|
6344 |
|
6345 | .next-step-dot .next-step-item-disabled > .next-step-item-container .next-step-item-node-circle {
|
6346 | background: #FFFFFF;
|
6347 | background: var(--step-dot-item-node-disabled-background, #FFFFFF);
|
6348 | border-color: #DCDEE3;
|
6349 | border-color: var(--step-dot-item-node-disabled-border-color, #DCDEE3); }
|
6350 |
|
6351 | .next-step-dot .next-step-item-disabled > .next-step-item-container .next-step-item-node-dot {
|
6352 | background: #FFFFFF;
|
6353 | background: var(--step-dot-item-node-disabled-background, #FFFFFF);
|
6354 | border-color: #DCDEE3;
|
6355 | border-color: var(--step-dot-item-node-disabled-border-color, #DCDEE3); }
|
6356 |
|
6357 | .next-step-dot .next-step-item-disabled .next-step-item-title {
|
6358 | color: #CCCCCC;
|
6359 | color: var(--step-dot-item-title-disabled-color, #CCCCCC);
|
6360 | word-break: break-word; }
|
6361 |
|
6362 | .next-step-dot .next-step-item-disabled .next-step-item-content {
|
6363 | color: #CCCCCC;
|
6364 | color: var(--step-dot-item-title-disabled-color, #CCCCCC);
|
6365 | font-size: 12px;
|
6366 | font-size: var(--step-circle-item-content-font-size, 12px);
|
6367 | line-height: 1.5;
|
6368 | line-height: var(--font-lineheight-2, 1.5);
|
6369 | word-break: break-word; }
|
6370 |
|
6371 | .next-step-dot .next-step-item-disabled .next-step-item-node-placeholder {
|
6372 | width: 12px;
|
6373 | width: var(--step-dot-item-dot-process-size, 12px);
|
6374 | height: 12px;
|
6375 | height: var(--step-dot-item-dot-process-size, 12px);
|
6376 | position: relative; }
|
6377 |
|
6378 | .next-step-dot .next-step-item-disabled .next-step-item-node {
|
6379 | position: relative;
|
6380 | display: inline-block;
|
6381 | text-align: center;
|
6382 | cursor: pointer; }
|
6383 | .next-step-dot .next-step-item-disabled .next-step-item-node-circle {
|
6384 | display: block;
|
6385 | width: 12px;
|
6386 | width: var(--step-dot-item-dot-process-size, 12px);
|
6387 | height: 12px;
|
6388 | height: var(--step-dot-item-dot-process-size, 12px);
|
6389 | font-size: 12px;
|
6390 | font-size: var(--step-circle-item-node-font-size, 12px);
|
6391 | font-weight: normal;
|
6392 | font-weight: var(--font-weight-2, normal);
|
6393 | line-height: 10px;
|
6394 | line-height: calc(var(--step-dot-item-dot-process-size, 12px) - var(--step-circle-item-node-border-width, 1px)*2);
|
6395 | text-align: center;
|
6396 | border: 1px solid;
|
6397 | border: var(--step-circle-item-node-border-width, 1px) solid;
|
6398 | border-radius: 50%;
|
6399 | border-radius: var(--step-circle-item-node-corner, 50%);
|
6400 | transition: background-color 100ms linear;
|
6401 | transition: background-color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
6402 | .next-step-dot .next-step-item-disabled .next-step-item-node-circle .next-icon {
|
6403 | animation: zoomIn 300ms linear;
|
6404 | animation: zoomIn var(--motion-duration-standard, 300ms) var(--motion-linear, linear); }
|
6405 | .next-step-dot .next-step-item-disabled .next-step-item-node-circle .next-icon:before,
|
6406 | .next-step-dot .next-step-item-disabled .next-step-item-node-circle .next-icon .next-icon-remote {
|
6407 | width: 12px;
|
6408 | width: var(--step-circle-item-node-icon-size, 12px);
|
6409 | font-size: 12px;
|
6410 | font-size: var(--step-circle-item-node-icon-size, 12px);
|
6411 | line-height: inherit; }
|
6412 |
|
6413 | .next-step-dot .next-step-item-disabled .next-step-item-content {
|
6414 | font-size: 12px;
|
6415 | font-size: var(--step-dot-item-content-font-size, 12px); }
|
6416 |
|
6417 | .next-step-dot .next-step-item-disabled .next-step-item-node-dot {
|
6418 | display: block;
|
6419 | width: 12px;
|
6420 | width: var(--step-dot-item-dot-process-size, 12px);
|
6421 | height: 12px;
|
6422 | height: var(--step-dot-item-dot-process-size, 12px);
|
6423 | font-size: 12px;
|
6424 | font-size: var(--step-dot-item-content-font-size, 12px);
|
6425 | line-height: 10px;
|
6426 | line-height: calc(var(--step-dot-item-dot-process-size, 12px) - var(--step-dot-item-dot-border-width, 1px)*2);
|
6427 | text-align: center;
|
6428 | border: 1px solid;
|
6429 | border: var(--step-dot-item-dot-border-width, 1px) solid;
|
6430 | border-radius: 50%;
|
6431 | border-radius: var(--step-dot-item-dot-corner, 50%);
|
6432 | transition: background-color .3s ease, border-color .3s ease; }
|
6433 |
|
6434 | .next-step-dot .next-step-item-disabled .next-step-item-node-placeholder,
|
6435 | .next-step-dot .next-step-item-disabled .next-step-item-node {
|
6436 | cursor: not-allowed; }
|
6437 |
|
6438 | .next-step-dot .next-step-item-read-only .next-step-item-node-placeholder,
|
6439 | .next-step-dot .next-step-item-read-only .next-step-item-node {
|
6440 | cursor: default; }
|
6441 |
|
6442 | .next-step-dot .next-step-item-last .next-step-item-tail {
|
6443 | display: none; }
|
6444 |
|
6445 | .next-step-dot.next-step-horizontal {
|
6446 | text-align: center;
|
6447 | white-space: nowrap; }
|
6448 | .next-step-dot.next-step-horizontal > .next-step-item .next-step-item-title {
|
6449 | white-space: normal; }
|
6450 | .next-step-dot.next-step-horizontal > .next-step-item .next-step-item-content {
|
6451 | white-space: normal; }
|
6452 | .next-step-dot.next-step-horizontal .next-step-item-node .next-icon {
|
6453 | vertical-align: middle; }
|
6454 | .next-step-dot.next-step-horizontal > .next-step-item-wait .next-step-item-tail {
|
6455 | display: inline-block;
|
6456 | clear: both;
|
6457 | width: calc(100% - 28px);
|
6458 | width: calc(100% - var(--step-dot-item-dot-process-size, 12px) - var(--step-dot-item-dot-padding, 8px)*2);
|
6459 | vertical-align: middle; }
|
6460 | .next-step-dot.next-step-horizontal > .next-step-item-wait .next-step-item-tail .next-step-item-tail-underlay {
|
6461 | display: block;
|
6462 | height: 1px;
|
6463 | height: var(--step-dot-item-tail-size, 1px);
|
6464 | position: relative; }
|
6465 | .next-step-dot.next-step-horizontal > .next-step-item-wait .next-step-item-tail .next-step-item-tail-overlay {
|
6466 | position: absolute;
|
6467 | top: 0;
|
6468 | height: 1px;
|
6469 | height: var(--step-dot-item-tail-size, 1px);
|
6470 | transition: all 100ms linear;
|
6471 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
6472 | width: 100%; }
|
6473 | .next-step-dot.next-step-horizontal > .next-step-item-wait > .next-step-item-body {
|
6474 | width: 100px;
|
6475 | width: var(--step-dot-item-body-width, 100px);
|
6476 | left: -36px;
|
6477 | left: calc(0px - var(--step-dot-item-body-width, 100px)/2 + var(--step-dot-item-dot-process-size, 12px)/2 + var(--step-dot-item-dot-padding, 8px)*2/2);
|
6478 | text-align: center;
|
6479 | position: absolute; }
|
6480 | .next-step-dot.next-step-horizontal > .next-step-item-wait > .next-step-item-body > .next-step-item-title {
|
6481 | font-size: 12px;
|
6482 | font-size: var(--step-dot-item-title-size, 12px);
|
6483 | line-height: 16px;
|
6484 | line-height: calc(var(--step-dot-item-title-size, 12px) + 4px);
|
6485 | margin-top: 8px;
|
6486 | margin-top: var(--step-dot-item-title-margin-top, 8px);
|
6487 | font-weight: bold;
|
6488 | font-weight: var(--step-dot-item-title-weight, bold); }
|
6489 | .next-step-dot.next-step-horizontal > .next-step-item-wait > .next-step-item-body > .next-step-item-content {
|
6490 | margin-top: 4px;
|
6491 | margin-top: var(--step-dot-item-content-margin-top, 4px); }
|
6492 | .next-step-dot.next-step-horizontal > .next-step-item-process .next-step-item-tail {
|
6493 | display: inline-block;
|
6494 | clear: both;
|
6495 | width: calc(100% - 28px);
|
6496 | width: calc(100% - var(--step-dot-item-dot-process-size, 12px) - var(--step-dot-item-dot-padding, 8px)*2);
|
6497 | vertical-align: middle; }
|
6498 | .next-step-dot.next-step-horizontal > .next-step-item-process .next-step-item-tail .next-step-item-tail-underlay {
|
6499 | display: block;
|
6500 | height: 1px;
|
6501 | height: var(--step-dot-item-tail-size, 1px);
|
6502 | position: relative; }
|
6503 | .next-step-dot.next-step-horizontal > .next-step-item-process .next-step-item-tail .next-step-item-tail-overlay {
|
6504 | position: absolute;
|
6505 | top: 0;
|
6506 | height: 1px;
|
6507 | height: var(--step-dot-item-tail-size, 1px);
|
6508 | transition: all 100ms linear;
|
6509 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
6510 | width: 100%; }
|
6511 | .next-step-dot.next-step-horizontal > .next-step-item-process > .next-step-item-body {
|
6512 | width: 100px;
|
6513 | width: var(--step-dot-item-body-width, 100px);
|
6514 | left: -36px;
|
6515 | left: calc(0px - var(--step-dot-item-body-width, 100px)/2 + var(--step-dot-item-dot-process-size, 12px)/2 + var(--step-dot-item-dot-padding, 8px)*2/2);
|
6516 | text-align: center;
|
6517 | position: absolute; }
|
6518 | .next-step-dot.next-step-horizontal > .next-step-item-process > .next-step-item-body > .next-step-item-title {
|
6519 | font-size: 12px;
|
6520 | font-size: var(--step-dot-item-title-size, 12px);
|
6521 | line-height: 16px;
|
6522 | line-height: calc(var(--step-dot-item-title-size, 12px) + 4px);
|
6523 | margin-top: 8px;
|
6524 | margin-top: var(--step-dot-item-title-margin-top, 8px);
|
6525 | font-weight: bold;
|
6526 | font-weight: var(--step-dot-item-title-weight, bold); }
|
6527 | .next-step-dot.next-step-horizontal > .next-step-item-process > .next-step-item-body > .next-step-item-content {
|
6528 | margin-top: 4px;
|
6529 | margin-top: var(--step-dot-item-content-margin-top, 4px); }
|
6530 | .next-step-dot.next-step-horizontal > .next-step-item-finish .next-step-item-tail {
|
6531 | display: inline-block;
|
6532 | clear: both;
|
6533 | width: calc(100% - 28px);
|
6534 | width: calc(100% - var(--step-dot-item-dot-process-size, 12px) - var(--step-dot-item-dot-padding, 8px)*2);
|
6535 | vertical-align: middle; }
|
6536 | .next-step-dot.next-step-horizontal > .next-step-item-finish .next-step-item-tail .next-step-item-tail-underlay {
|
6537 | display: block;
|
6538 | height: 1px;
|
6539 | height: var(--step-dot-item-tail-size, 1px);
|
6540 | position: relative; }
|
6541 | .next-step-dot.next-step-horizontal > .next-step-item-finish .next-step-item-tail .next-step-item-tail-overlay {
|
6542 | position: absolute;
|
6543 | top: 0;
|
6544 | height: 1px;
|
6545 | height: var(--step-dot-item-tail-size, 1px);
|
6546 | transition: all 100ms linear;
|
6547 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
6548 | width: 100%; }
|
6549 | .next-step-dot.next-step-horizontal > .next-step-item-finish > .next-step-item-body {
|
6550 | width: 100px;
|
6551 | width: var(--step-dot-item-body-width, 100px);
|
6552 | left: -36px;
|
6553 | left: calc(0px - var(--step-dot-item-body-width, 100px)/2 + var(--step-dot-item-dot-process-size, 12px)/2 + var(--step-dot-item-dot-padding, 8px)*2/2);
|
6554 | text-align: center;
|
6555 | position: absolute; }
|
6556 | .next-step-dot.next-step-horizontal > .next-step-item-finish > .next-step-item-body > .next-step-item-title {
|
6557 | font-size: 12px;
|
6558 | font-size: var(--step-dot-item-title-size, 12px);
|
6559 | line-height: 16px;
|
6560 | line-height: calc(var(--step-dot-item-title-size, 12px) + 4px);
|
6561 | margin-top: 8px;
|
6562 | margin-top: var(--step-dot-item-title-margin-top, 8px);
|
6563 | font-weight: bold;
|
6564 | font-weight: var(--step-dot-item-title-weight, bold); }
|
6565 | .next-step-dot.next-step-horizontal > .next-step-item-finish > .next-step-item-body > .next-step-item-content {
|
6566 | margin-top: 4px;
|
6567 | margin-top: var(--step-dot-item-content-margin-top, 4px); }
|
6568 | .next-step-dot.next-step-horizontal > .next-step-item-disabled .next-step-item-tail {
|
6569 | display: inline-block;
|
6570 | clear: both;
|
6571 | width: calc(100% - 28px);
|
6572 | width: calc(100% - var(--step-dot-item-dot-process-size, 12px) - var(--step-dot-item-dot-padding, 8px)*2);
|
6573 | vertical-align: middle; }
|
6574 | .next-step-dot.next-step-horizontal > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-underlay {
|
6575 | display: block;
|
6576 | height: 1px;
|
6577 | height: var(--step-dot-item-tail-size, 1px);
|
6578 | position: relative; }
|
6579 | .next-step-dot.next-step-horizontal > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-overlay {
|
6580 | position: absolute;
|
6581 | top: 0;
|
6582 | height: 1px;
|
6583 | height: var(--step-dot-item-tail-size, 1px);
|
6584 | transition: all 100ms linear;
|
6585 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
6586 | width: 100%; }
|
6587 | .next-step-dot.next-step-horizontal > .next-step-item-disabled > .next-step-item-body {
|
6588 | width: 100px;
|
6589 | width: var(--step-dot-item-body-width, 100px);
|
6590 | left: -36px;
|
6591 | left: calc(0px - var(--step-dot-item-body-width, 100px)/2 + var(--step-dot-item-dot-process-size, 12px)/2 + var(--step-dot-item-dot-padding, 8px)*2/2);
|
6592 | text-align: center;
|
6593 | position: absolute; }
|
6594 | .next-step-dot.next-step-horizontal > .next-step-item-disabled > .next-step-item-body > .next-step-item-title {
|
6595 | font-size: 12px;
|
6596 | font-size: var(--step-dot-item-title-size, 12px);
|
6597 | line-height: 16px;
|
6598 | line-height: calc(var(--step-dot-item-title-size, 12px) + 4px);
|
6599 | margin-top: 8px;
|
6600 | margin-top: var(--step-dot-item-title-margin-top, 8px);
|
6601 | font-weight: bold;
|
6602 | font-weight: var(--step-dot-item-title-weight, bold); }
|
6603 | .next-step-dot.next-step-horizontal > .next-step-item-disabled > .next-step-item-body > .next-step-item-content {
|
6604 | margin-top: 4px;
|
6605 | margin-top: var(--step-dot-item-content-margin-top, 4px); }
|
6606 |
|
6607 | .next-step-dot.next-step-vertical {
|
6608 | padding: 0 0 0 4px;
|
6609 | font-size: 0;
|
6610 | display: table-cell;
|
6611 | position: relative; }
|
6612 | .next-step-dot.next-step-vertical .next-step-item-container {
|
6613 | padding: 0; }
|
6614 | .next-step-dot.next-step-vertical > .next-step-item:last-child .next-step-item-tail {
|
6615 | display: block;
|
6616 | visibility: hidden; }
|
6617 | .next-step-dot.next-step-vertical > .next-step-item-wait .next-step-item-tail {
|
6618 | width: 1px;
|
6619 | width: var(--step-dot-vertical-item-tail-size, 1px);
|
6620 | height: 0;
|
6621 | margin: 8px auto;
|
6622 | margin: var(--step-dot-item-dot-padding, 8px) auto; }
|
6623 | .next-step-dot.next-step-vertical > .next-step-item-wait .next-step-item-tail .next-step-item-tail-underlay {
|
6624 | height: 100%;
|
6625 | width: 1px;
|
6626 | width: var(--step-dot-vertical-item-tail-size, 1px);
|
6627 | position: relative; }
|
6628 | .next-step-dot.next-step-vertical > .next-step-item-wait .next-step-item-tail .next-step-item-tail-overlay {
|
6629 | position: absolute;
|
6630 | top: 0;
|
6631 | height: 100%;
|
6632 | width: 1px;
|
6633 | width: var(--step-dot-vertical-item-tail-size, 1px); }
|
6634 | .next-step-dot.next-step-vertical > .next-step-item-wait > .next-step-item-body {
|
6635 | position: absolute;
|
6636 | top: 0;
|
6637 | left: 6px;
|
6638 | left: calc(var(--step-dot-item-dot-process-size, 12px)/2);
|
6639 | margin-left: 8px;
|
6640 | margin-left: var(--step-dot-item-dot-padding, 8px); }
|
6641 | .next-step-dot.next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-title {
|
6642 | margin-top: 0px;
|
6643 | margin-top: var(--step-dot-vertical-item-title-margin-top, 0px);
|
6644 | font-weight: bold;
|
6645 | font-weight: var(--step-dot-item-title-weight, bold);
|
6646 | text-align: left;
|
6647 | font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
|
6648 | font-size: 12px;
|
6649 | font-size: var(--font-size-body-1, 12px);
|
6650 | line-height: 1.28571;
|
6651 | line-height: var(--font-lineheight-base, 1.28571); }
|
6652 | .next-step-dot.next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-content {
|
6653 | margin-top: 8px;
|
6654 | margin-top: var(--step-dot-vertical-item-content-margin-top, 8px);
|
6655 | min-height: 8px;
|
6656 | min-height: var(--s-2, 8px);
|
6657 | text-align: left;
|
6658 | font-size: 12px;
|
6659 | font-size: var(--step-dot-item-content-font-size, 12px);
|
6660 | line-height: 1.5;
|
6661 | line-height: var(--font-lineheight-2, 1.5); }
|
6662 | .next-step-dot.next-step-vertical > .next-step-item-process .next-step-item-tail {
|
6663 | width: 1px;
|
6664 | width: var(--step-dot-vertical-item-tail-size, 1px);
|
6665 | height: 0;
|
6666 | margin: 8px auto;
|
6667 | margin: var(--step-dot-item-dot-padding, 8px) auto; }
|
6668 | .next-step-dot.next-step-vertical > .next-step-item-process .next-step-item-tail .next-step-item-tail-underlay {
|
6669 | height: 100%;
|
6670 | width: 1px;
|
6671 | width: var(--step-dot-vertical-item-tail-size, 1px);
|
6672 | position: relative; }
|
6673 | .next-step-dot.next-step-vertical > .next-step-item-process .next-step-item-tail .next-step-item-tail-overlay {
|
6674 | position: absolute;
|
6675 | top: 0;
|
6676 | height: 100%;
|
6677 | width: 1px;
|
6678 | width: var(--step-dot-vertical-item-tail-size, 1px); }
|
6679 | .next-step-dot.next-step-vertical > .next-step-item-process > .next-step-item-body {
|
6680 | position: absolute;
|
6681 | top: 0;
|
6682 | left: 6px;
|
6683 | left: calc(var(--step-dot-item-dot-process-size, 12px)/2);
|
6684 | margin-left: 8px;
|
6685 | margin-left: var(--step-dot-item-dot-padding, 8px); }
|
6686 | .next-step-dot.next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-title {
|
6687 | margin-top: 0px;
|
6688 | margin-top: var(--step-dot-vertical-item-title-margin-top, 0px);
|
6689 | font-weight: bold;
|
6690 | font-weight: var(--step-dot-item-title-weight, bold);
|
6691 | text-align: left;
|
6692 | font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
|
6693 | font-size: 12px;
|
6694 | font-size: var(--font-size-body-1, 12px);
|
6695 | line-height: 1.28571;
|
6696 | line-height: var(--font-lineheight-base, 1.28571); }
|
6697 | .next-step-dot.next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-content {
|
6698 | margin-top: 8px;
|
6699 | margin-top: var(--step-dot-vertical-item-content-margin-top, 8px);
|
6700 | min-height: 8px;
|
6701 | min-height: var(--s-2, 8px);
|
6702 | text-align: left;
|
6703 | font-size: 12px;
|
6704 | font-size: var(--step-dot-item-content-font-size, 12px);
|
6705 | line-height: 1.5;
|
6706 | line-height: var(--font-lineheight-2, 1.5); }
|
6707 | .next-step-dot.next-step-vertical > .next-step-item-finish .next-step-item-tail {
|
6708 | width: 1px;
|
6709 | width: var(--step-dot-vertical-item-tail-size, 1px);
|
6710 | height: 0;
|
6711 | margin: 8px auto;
|
6712 | margin: var(--step-dot-item-dot-padding, 8px) auto; }
|
6713 | .next-step-dot.next-step-vertical > .next-step-item-finish .next-step-item-tail .next-step-item-tail-underlay {
|
6714 | height: 100%;
|
6715 | width: 1px;
|
6716 | width: var(--step-dot-vertical-item-tail-size, 1px);
|
6717 | position: relative; }
|
6718 | .next-step-dot.next-step-vertical > .next-step-item-finish .next-step-item-tail .next-step-item-tail-overlay {
|
6719 | position: absolute;
|
6720 | top: 0;
|
6721 | height: 100%;
|
6722 | width: 1px;
|
6723 | width: var(--step-dot-vertical-item-tail-size, 1px); }
|
6724 | .next-step-dot.next-step-vertical > .next-step-item-finish > .next-step-item-body {
|
6725 | position: absolute;
|
6726 | top: 0;
|
6727 | left: 6px;
|
6728 | left: calc(var(--step-dot-item-dot-process-size, 12px)/2);
|
6729 | margin-left: 8px;
|
6730 | margin-left: var(--step-dot-item-dot-padding, 8px); }
|
6731 | .next-step-dot.next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-title {
|
6732 | margin-top: 0px;
|
6733 | margin-top: var(--step-dot-vertical-item-title-margin-top, 0px);
|
6734 | font-weight: bold;
|
6735 | font-weight: var(--step-dot-item-title-weight, bold);
|
6736 | text-align: left;
|
6737 | font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
|
6738 | font-size: 12px;
|
6739 | font-size: var(--font-size-body-1, 12px);
|
6740 | line-height: 1.28571;
|
6741 | line-height: var(--font-lineheight-base, 1.28571); }
|
6742 | .next-step-dot.next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-content {
|
6743 | margin-top: 8px;
|
6744 | margin-top: var(--step-dot-vertical-item-content-margin-top, 8px);
|
6745 | min-height: 8px;
|
6746 | min-height: var(--s-2, 8px);
|
6747 | text-align: left;
|
6748 | font-size: 12px;
|
6749 | font-size: var(--step-dot-item-content-font-size, 12px);
|
6750 | line-height: 1.5;
|
6751 | line-height: var(--font-lineheight-2, 1.5); }
|
6752 | .next-step-dot.next-step-vertical > .next-step-item-disabled .next-step-item-tail {
|
6753 | width: 1px;
|
6754 | width: var(--step-dot-vertical-item-tail-size, 1px);
|
6755 | height: 0;
|
6756 | margin: 8px auto;
|
6757 | margin: var(--step-dot-item-dot-padding, 8px) auto; }
|
6758 | .next-step-dot.next-step-vertical > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-underlay {
|
6759 | height: 100%;
|
6760 | width: 1px;
|
6761 | width: var(--step-dot-vertical-item-tail-size, 1px);
|
6762 | position: relative; }
|
6763 | .next-step-dot.next-step-vertical > .next-step-item-disabled .next-step-item-tail .next-step-item-tail-overlay {
|
6764 | position: absolute;
|
6765 | top: 0;
|
6766 | height: 100%;
|
6767 | width: 1px;
|
6768 | width: var(--step-dot-vertical-item-tail-size, 1px); }
|
6769 | .next-step-dot.next-step-vertical > .next-step-item-disabled > .next-step-item-body {
|
6770 | position: absolute;
|
6771 | top: 0;
|
6772 | left: 6px;
|
6773 | left: calc(var(--step-dot-item-dot-process-size, 12px)/2);
|
6774 | margin-left: 8px;
|
6775 | margin-left: var(--step-dot-item-dot-padding, 8px); }
|
6776 | .next-step-dot.next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-title {
|
6777 | margin-top: 0px;
|
6778 | margin-top: var(--step-dot-vertical-item-title-margin-top, 0px);
|
6779 | font-weight: bold;
|
6780 | font-weight: var(--step-dot-item-title-weight, bold);
|
6781 | text-align: left;
|
6782 | font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
|
6783 | font-size: 12px;
|
6784 | font-size: var(--font-size-body-1, 12px);
|
6785 | line-height: 1.28571;
|
6786 | line-height: var(--font-lineheight-base, 1.28571); }
|
6787 | .next-step-dot.next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-content {
|
6788 | margin-top: 8px;
|
6789 | margin-top: var(--step-dot-vertical-item-content-margin-top, 8px);
|
6790 | min-height: 8px;
|
6791 | min-height: var(--s-2, 8px);
|
6792 | text-align: left;
|
6793 | font-size: 12px;
|
6794 | font-size: var(--step-dot-item-content-font-size, 12px);
|
6795 | line-height: 1.5;
|
6796 | line-height: var(--font-lineheight-2, 1.5); }
|
6797 |
|
6798 | .next-step-horizontal[dir="rtl"] > .next-step-item {
|
6799 | text-align: right; }
|
6800 |
|
6801 | .next-step-arrow[dir="rtl"] .next-step-item {
|
6802 | height: 32px;
|
6803 | height: var(--step-arrow-item-height, 32px);
|
6804 | line-height: 32px;
|
6805 | line-height: var(--step-arrow-item-height, 32px);
|
6806 | margin-left: 4px;
|
6807 | margin-left: calc(var(--step-arrow-item-height, 32px)/8);
|
6808 | margin-right: 16px;
|
6809 | margin-right: calc(var(--step-arrow-item-height, 32px)/2); }
|
6810 | .next-step-arrow[dir="rtl"] .next-step-item:before {
|
6811 | right: -16px;
|
6812 | right: calc(0px - var(--step-arrow-item-border-width, calc(32px / 2)));
|
6813 | left: auto;
|
6814 | border: 16px solid transparent;
|
6815 | border: var(--step-arrow-item-border-width, 16px) solid transparent;
|
6816 | border-right-color: transparent; }
|
6817 | .next-step-arrow[dir="rtl"] .next-step-item:after {
|
6818 | left: -32px;
|
6819 | left: calc(0px - var(--step-arrow-item-border-width, calc(32px / 2))*2);
|
6820 | right: auto;
|
6821 | border-top: 16px solid transparent;
|
6822 | border-top: var(--step-arrow-item-border-width, 16px) solid transparent;
|
6823 | border-bottom: 16px solid transparent;
|
6824 | border-bottom: var(--step-arrow-item-border-width, 16px) solid transparent;
|
6825 | border-right: 16px solid transparent;
|
6826 | border-right: var(--step-arrow-item-border-width, 16px) solid transparent; }
|
6827 |
|
6828 | .next-step-arrow[dir="rtl"] > .next-step-item-wait {
|
6829 | background: #EBECF0;
|
6830 | background: var(--step-arrow-item-wait-background, #EBECF0); }
|
6831 | .next-step-arrow[dir="rtl"] > .next-step-item-wait .next-step-item-node-dot {
|
6832 | right: 50%;
|
6833 | left: auto; }
|
6834 | .next-step-arrow[dir="rtl"] > .next-step-item-wait:before {
|
6835 | border: 16px solid #EBECF0;
|
6836 | border: var(--step-arrow-item-border-width, 16px) solid var(--step-arrow-item-wait-background, #EBECF0);
|
6837 | border-right-color: transparent; }
|
6838 | .next-step-arrow[dir="rtl"] > .next-step-item-wait:after {
|
6839 | border-right-color: #EBECF0;
|
6840 | border-right-color: var(--step-arrow-item-wait-background, #EBECF0);
|
6841 | border-left-color: transparent; }
|
6842 |
|
6843 | .next-step-arrow[dir="rtl"] > .next-step-item-process {
|
6844 | background: #5584FF;
|
6845 | background: var(--step-arrow-item-process-background, #5584FF); }
|
6846 | .next-step-arrow[dir="rtl"] > .next-step-item-process .next-step-item-node-dot {
|
6847 | right: 50%;
|
6848 | left: auto; }
|
6849 | .next-step-arrow[dir="rtl"] > .next-step-item-process:before {
|
6850 | border: 16px solid #5584FF;
|
6851 | border: var(--step-arrow-item-border-width, 16px) solid var(--step-arrow-item-process-background, #5584FF);
|
6852 | border-right-color: transparent; }
|
6853 | .next-step-arrow[dir="rtl"] > .next-step-item-process:after {
|
6854 | border-right-color: #5584FF;
|
6855 | border-right-color: var(--step-arrow-item-process-background, #5584FF);
|
6856 | border-left-color: transparent; }
|
6857 |
|
6858 | .next-step-arrow[dir="rtl"] > .next-step-item-finish {
|
6859 | background: #DEE8FF;
|
6860 | background: var(--step-arrow-item-finish-background, #DEE8FF); }
|
6861 | .next-step-arrow[dir="rtl"] > .next-step-item-finish .next-step-item-node-dot {
|
6862 | right: 50%;
|
6863 | left: auto; }
|
6864 | .next-step-arrow[dir="rtl"] > .next-step-item-finish:before {
|
6865 | border: 16px solid #DEE8FF;
|
6866 | border: var(--step-arrow-item-border-width, 16px) solid var(--step-arrow-item-finish-background, #DEE8FF);
|
6867 | border-right-color: transparent; }
|
6868 | .next-step-arrow[dir="rtl"] > .next-step-item-finish:after {
|
6869 | border-right-color: #DEE8FF;
|
6870 | border-right-color: var(--step-arrow-item-finish-background, #DEE8FF);
|
6871 | border-left-color: transparent; }
|
6872 |
|
6873 | .next-step-arrow[dir="rtl"] .next-step-item-disabled {
|
6874 | background: #F7F8FA;
|
6875 | background: var(--step-arrow-item-disabled-background, #F7F8FA); }
|
6876 | .next-step-arrow[dir="rtl"] .next-step-item-disabled .next-step-item-node-dot {
|
6877 | right: 50%;
|
6878 | left: auto; }
|
6879 | .next-step-arrow[dir="rtl"] .next-step-item-disabled:before {
|
6880 | border: 16px solid #F7F8FA;
|
6881 | border: var(--step-arrow-item-border-width, 16px) solid var(--step-arrow-item-disabled-background, #F7F8FA);
|
6882 | border-right-color: transparent; }
|
6883 | .next-step-arrow[dir="rtl"] .next-step-item-disabled:after {
|
6884 | border-right-color: #F7F8FA;
|
6885 | border-right-color: var(--step-arrow-item-disabled-background, #F7F8FA);
|
6886 | border-left-color: transparent; }
|
6887 |
|
6888 | .next-step-arrow[dir="rtl"] .next-step-item-first {
|
6889 | margin-right: 0; }
|
6890 |
|
6891 | .next-step-arrow[dir="rtl"] .next-step-item-last {
|
6892 | margin-left: 0; }
|
6893 |
|
6894 | .next-step-circle[dir="rtl"] > .next-step-item-wait .next-step-item-node-dot {
|
6895 | right: 50%;
|
6896 | left: auto; }
|
6897 |
|
6898 | .next-step-circle[dir="rtl"] > .next-step-item-process .next-step-item-node-dot {
|
6899 | right: 50%;
|
6900 | left: auto; }
|
6901 |
|
6902 | .next-step-circle[dir="rtl"] > .next-step-item-finish .next-step-item-node-dot {
|
6903 | right: 50%;
|
6904 | left: auto; }
|
6905 |
|
6906 | .next-step-circle[dir="rtl"] .next-step-item-disabled .next-step-item-node-dot {
|
6907 | right: 50%;
|
6908 | left: auto; }
|
6909 |
|
6910 | .next-step-circle[dir="rtl"].next-step-horizontal > .next-step-item-wait > .next-step-item-body {
|
6911 | right: -26px;
|
6912 | right: calc(0px - var(--step-circle-item-body-width, 100px)/2 + var(--step-circle-item-node-process-size, 32px)/2 + var(--step-circle-item-node-padding, 8px)*2/2);
|
6913 | left: auto; }
|
6914 |
|
6915 | .next-step-circle[dir="rtl"].next-step-horizontal > .next-step-item-process > .next-step-item-body {
|
6916 | right: -26px;
|
6917 | right: calc(0px - var(--step-circle-item-body-width, 100px)/2 + var(--step-circle-item-node-process-size, 32px)/2 + var(--step-circle-item-node-padding, 8px)*2/2);
|
6918 | left: auto; }
|
6919 |
|
6920 | .next-step-circle[dir="rtl"].next-step-horizontal > .next-step-item-finish > .next-step-item-body {
|
6921 | right: -26px;
|
6922 | right: calc(0px - var(--step-circle-item-body-width, 100px)/2 + var(--step-circle-item-node-process-size, 32px)/2 + var(--step-circle-item-node-padding, 8px)*2/2);
|
6923 | left: auto; }
|
6924 |
|
6925 | .next-step-circle[dir="rtl"].next-step-horizontal > .next-step-item-disabled > .next-step-item-body {
|
6926 | right: -26px;
|
6927 | right: calc(0px - var(--step-circle-item-body-width, 100px)/2 + var(--step-circle-item-node-process-size, 32px)/2 + var(--step-circle-item-node-padding, 8px)*2/2);
|
6928 | left: auto; }
|
6929 |
|
6930 | .next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item-body {
|
6931 | left: auto;
|
6932 | right: 0;
|
6933 | text-align: right; }
|
6934 | .next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item-body .next-step-item-title {
|
6935 | padding-left: 8px;
|
6936 | padding-left: var(--step-circle-item-node-padding, 8px);
|
6937 | padding-right: 0; }
|
6938 |
|
6939 | .next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-wait .next-step-item-tail {
|
6940 | left: 0;
|
6941 | right: auto; }
|
6942 |
|
6943 | .next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item-body {
|
6944 | left: auto;
|
6945 | right: 0;
|
6946 | text-align: right; }
|
6947 | .next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item-body .next-step-item-title {
|
6948 | padding-left: 8px;
|
6949 | padding-left: var(--step-circle-item-node-padding, 8px);
|
6950 | padding-right: 0; }
|
6951 |
|
6952 | .next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-process .next-step-item-tail {
|
6953 | left: 0;
|
6954 | right: auto; }
|
6955 |
|
6956 | .next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item-body {
|
6957 | left: auto;
|
6958 | right: 0;
|
6959 | text-align: right; }
|
6960 | .next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item-body .next-step-item-title {
|
6961 | padding-left: 8px;
|
6962 | padding-left: var(--step-circle-item-node-padding, 8px);
|
6963 | padding-right: 0; }
|
6964 |
|
6965 | .next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-finish .next-step-item-tail {
|
6966 | left: 0;
|
6967 | right: auto; }
|
6968 |
|
6969 | .next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item-body {
|
6970 | left: auto;
|
6971 | right: 0;
|
6972 | text-align: right; }
|
6973 | .next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item-body .next-step-item-title {
|
6974 | padding-left: 8px;
|
6975 | padding-left: var(--step-circle-item-node-padding, 8px);
|
6976 | padding-right: 0; }
|
6977 |
|
6978 | .next-step-circle[dir="rtl"].next-step-horizontal.next-step-label-horizontal > .next-step-item-disabled .next-step-item-tail {
|
6979 | left: 0;
|
6980 | right: auto; }
|
6981 |
|
6982 | .next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-wait > .next-step-item-body {
|
6983 | right: 16px;
|
6984 | right: calc(var(--step-circle-item-node-process-size, 32px)/2);
|
6985 | left: auto;
|
6986 | margin-right: 8px;
|
6987 | margin-right: var(--step-circle-item-node-padding, 8px);
|
6988 | margin-left: 0; }
|
6989 | .next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-title {
|
6990 | text-align: right;
|
6991 | font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
|
6992 | font-size: 12px;
|
6993 | font-size: var(--font-size-body-1, 12px);
|
6994 | line-height: 1.28571;
|
6995 | line-height: var(--font-lineheight-base, 1.28571); }
|
6996 | .next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-content {
|
6997 | text-align: right; }
|
6998 |
|
6999 | .next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-process > .next-step-item-body {
|
7000 | right: 16px;
|
7001 | right: calc(var(--step-circle-item-node-process-size, 32px)/2);
|
7002 | left: auto;
|
7003 | margin-right: 8px;
|
7004 | margin-right: var(--step-circle-item-node-padding, 8px);
|
7005 | margin-left: 0; }
|
7006 | .next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-title {
|
7007 | text-align: right;
|
7008 | font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
|
7009 | font-size: 12px;
|
7010 | font-size: var(--font-size-body-1, 12px);
|
7011 | line-height: 1.28571;
|
7012 | line-height: var(--font-lineheight-base, 1.28571); }
|
7013 | .next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-content {
|
7014 | text-align: right; }
|
7015 |
|
7016 | .next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-finish > .next-step-item-body {
|
7017 | right: 16px;
|
7018 | right: calc(var(--step-circle-item-node-process-size, 32px)/2);
|
7019 | left: auto;
|
7020 | margin-right: 8px;
|
7021 | margin-right: var(--step-circle-item-node-padding, 8px);
|
7022 | margin-left: 0; }
|
7023 | .next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-title {
|
7024 | text-align: right;
|
7025 | font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
|
7026 | font-size: 12px;
|
7027 | font-size: var(--font-size-body-1, 12px);
|
7028 | line-height: 1.28571;
|
7029 | line-height: var(--font-lineheight-base, 1.28571); }
|
7030 | .next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-content {
|
7031 | text-align: right; }
|
7032 |
|
7033 | .next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-disabled > .next-step-item-body {
|
7034 | right: 16px;
|
7035 | right: calc(var(--step-circle-item-node-process-size, 32px)/2);
|
7036 | left: auto;
|
7037 | margin-right: 8px;
|
7038 | margin-right: var(--step-circle-item-node-padding, 8px);
|
7039 | margin-left: 0; }
|
7040 | .next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-title {
|
7041 | text-align: right;
|
7042 | font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
|
7043 | font-size: 12px;
|
7044 | font-size: var(--font-size-body-1, 12px);
|
7045 | line-height: 1.28571;
|
7046 | line-height: var(--font-lineheight-base, 1.28571); }
|
7047 | .next-step-circle[dir="rtl"].next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-content {
|
7048 | text-align: right; }
|
7049 |
|
7050 | .next-step-dot[dir="rtl"] > .next-step-item-wait .next-step-item-node-dot {
|
7051 | right: 50%;
|
7052 | left: auto; }
|
7053 |
|
7054 | .next-step-dot[dir="rtl"] > .next-step-item-process .next-step-item-node-dot {
|
7055 | right: 50%;
|
7056 | left: auto; }
|
7057 |
|
7058 | .next-step-dot[dir="rtl"] > .next-step-item-finish .next-step-item-node-dot {
|
7059 | right: 50%;
|
7060 | left: auto; }
|
7061 |
|
7062 | .next-step-dot[dir="rtl"] .next-step-item-disabled .next-step-item-node-dot {
|
7063 | right: 50%;
|
7064 | left: auto; }
|
7065 |
|
7066 | .next-step-dot[dir="rtl"].next-step-horizontal > .next-step-item-wait > .next-step-item-body {
|
7067 | right: -36px;
|
7068 | right: calc(0px - var(--step-dot-item-body-width, 100px)/2 + var(--step-dot-item-dot-process-size, 12px)/2 + var(--step-dot-item-dot-padding, 8px)*2/2);
|
7069 | left: auto; }
|
7070 |
|
7071 | .next-step-dot[dir="rtl"].next-step-horizontal > .next-step-item-process > .next-step-item-body {
|
7072 | right: -36px;
|
7073 | right: calc(0px - var(--step-dot-item-body-width, 100px)/2 + var(--step-dot-item-dot-process-size, 12px)/2 + var(--step-dot-item-dot-padding, 8px)*2/2);
|
7074 | left: auto; }
|
7075 |
|
7076 | .next-step-dot[dir="rtl"].next-step-horizontal > .next-step-item-finish > .next-step-item-body {
|
7077 | right: -36px;
|
7078 | right: calc(0px - var(--step-dot-item-body-width, 100px)/2 + var(--step-dot-item-dot-process-size, 12px)/2 + var(--step-dot-item-dot-padding, 8px)*2/2);
|
7079 | left: auto; }
|
7080 |
|
7081 | .next-step-dot[dir="rtl"].next-step-horizontal > .next-step-item-disabled > .next-step-item-body {
|
7082 | right: -36px;
|
7083 | right: calc(0px - var(--step-dot-item-body-width, 100px)/2 + var(--step-dot-item-dot-process-size, 12px)/2 + var(--step-dot-item-dot-padding, 8px)*2/2);
|
7084 | left: auto; }
|
7085 |
|
7086 | .next-step-dot[dir="rtl"].next-step-vertical {
|
7087 | padding: 0 4px 0 0; }
|
7088 | .next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-wait > .next-step-item-body {
|
7089 | right: 6px;
|
7090 | right: calc(var(--step-dot-item-dot-process-size, 12px)/2);
|
7091 | left: auto;
|
7092 | margin-right: 8px;
|
7093 | margin-right: var(--step-dot-item-dot-padding, 8px);
|
7094 | margin-left: 0; }
|
7095 | .next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-title {
|
7096 | text-align: right;
|
7097 | font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
|
7098 | font-size: 12px;
|
7099 | font-size: var(--font-size-body-1, 12px);
|
7100 | line-height: 1.28571;
|
7101 | line-height: var(--font-lineheight-base, 1.28571); }
|
7102 | .next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-wait > .next-step-item-body > .next-step-item-content {
|
7103 | text-align: right; }
|
7104 | .next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-process > .next-step-item-body {
|
7105 | right: 6px;
|
7106 | right: calc(var(--step-dot-item-dot-process-size, 12px)/2);
|
7107 | left: auto;
|
7108 | margin-right: 8px;
|
7109 | margin-right: var(--step-dot-item-dot-padding, 8px);
|
7110 | margin-left: 0; }
|
7111 | .next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-title {
|
7112 | text-align: right;
|
7113 | font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
|
7114 | font-size: 12px;
|
7115 | font-size: var(--font-size-body-1, 12px);
|
7116 | line-height: 1.28571;
|
7117 | line-height: var(--font-lineheight-base, 1.28571); }
|
7118 | .next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-process > .next-step-item-body > .next-step-item-content {
|
7119 | text-align: right; }
|
7120 | .next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-finish > .next-step-item-body {
|
7121 | right: 6px;
|
7122 | right: calc(var(--step-dot-item-dot-process-size, 12px)/2);
|
7123 | left: auto;
|
7124 | margin-right: 8px;
|
7125 | margin-right: var(--step-dot-item-dot-padding, 8px);
|
7126 | margin-left: 0; }
|
7127 | .next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-title {
|
7128 | text-align: right;
|
7129 | font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
|
7130 | font-size: 12px;
|
7131 | font-size: var(--font-size-body-1, 12px);
|
7132 | line-height: 1.28571;
|
7133 | line-height: var(--font-lineheight-base, 1.28571); }
|
7134 | .next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-finish > .next-step-item-body > .next-step-item-content {
|
7135 | text-align: right; }
|
7136 | .next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-disabled > .next-step-item-body {
|
7137 | right: 6px;
|
7138 | right: calc(var(--step-dot-item-dot-process-size, 12px)/2);
|
7139 | left: auto;
|
7140 | margin-right: 8px;
|
7141 | margin-right: var(--step-dot-item-dot-padding, 8px);
|
7142 | margin-left: 0; }
|
7143 | .next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-title {
|
7144 | text-align: right;
|
7145 | font-family: Roboto, "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei";
|
7146 | font-size: 12px;
|
7147 | font-size: var(--font-size-body-1, 12px);
|
7148 | line-height: 1.28571;
|
7149 | line-height: var(--font-lineheight-base, 1.28571); }
|
7150 | .next-step-dot[dir="rtl"].next-step-vertical > .next-step-item-disabled > .next-step-item-body > .next-step-item-content {
|
7151 | text-align: right; }
|
7152 | .next-sr-only {
|
7153 | position: absolute;
|
7154 | width: 1px;
|
7155 | height: 1px;
|
7156 | padding: 0;
|
7157 | overflow: hidden;
|
7158 | clip: rect(0, 0, 0, 0);
|
7159 | white-space: nowrap;
|
7160 | border: 0;
|
7161 | top: 0;
|
7162 | margin: -1px; }
|
7163 |
|
7164 | .next-switch:after[dir="rtl"] {
|
7165 | content: " ";
|
7166 | transition: all 100ms linear;
|
7167 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
7168 | transform-origin: right center; }
|
7169 |
|
7170 | .next-switch-medium[dir="rtl"]:after {
|
7171 | right: 100%;
|
7172 | transform: translateX(100%); }
|
7173 |
|
7174 | .next-switch-small[dir="rtl"]:after {
|
7175 | right: 100%;
|
7176 | transform: translateX(100%); }
|
7177 |
|
7178 | .next-switch-on[dir="rtl"] > .next-switch-children {
|
7179 | color: #FFFFFF;
|
7180 | color: var(--switch-normal-on-color-font, #FFFFFF); }
|
7181 |
|
7182 | .next-switch-on[disabled][dir="rtl"]:after {
|
7183 | left: 0;
|
7184 | right: 100%;
|
7185 | box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
|
7186 | box-shadow: var(--switch-on-shadow, 1px 1px 3px 0px rgba(0, 0, 0, 0.12)); }
|
7187 |
|
7188 | .next-switch-off[dir="rtl"]:after {
|
7189 | right: 0;
|
7190 | transform: translateX(0);
|
7191 | box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, 0.12);
|
7192 | box-shadow: var(--switch-rtl-on-shadow, -1px 0px 3px 0px rgba(0, 0, 0, 0.12)); }
|
7193 |
|
7194 | .next-switch-off[dir="rtl"] > .next-switch-children {
|
7195 | right: auto; }
|
7196 |
|
7197 | .next-switch-off.next-switch-small[dir="rtl"] > .next-switch-children {
|
7198 | right: auto; }
|
7199 |
|
7200 | .next-switch {
|
7201 | box-sizing: border-box;
|
7202 | outline: none;
|
7203 | text-align: left;
|
7204 | cursor: pointer;
|
7205 | vertical-align: middle;
|
7206 | user-select: none;
|
7207 | overflow: hidden;
|
7208 | transition: background 0.1s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.1s cubic-bezier(0.4, 0, 0.2, 1);
|
7209 | transition: background 0.1s var(--motion-default, cubic-bezier(0.4, 0, 0.2, 1)), border-color 0.1s var(--motion-default, cubic-bezier(0.4, 0, 0.2, 1)); }
|
7210 | .next-switch *,
|
7211 | .next-switch *:before,
|
7212 | .next-switch *:after {
|
7213 | box-sizing: border-box; }
|
7214 | .next-switch-btn {
|
7215 | transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
|
7216 | transition: all 0.15s var(--motion-default, cubic-bezier(0.4, 0, 0.2, 1));
|
7217 | transform-origin: left center; }
|
7218 | .next-switch:after {
|
7219 | content: ""; }
|
7220 | .next-switch-loading {
|
7221 | pointer-events: none; }
|
7222 | .next-switch-loading .next-icon-loading {
|
7223 | color: #5584FF;
|
7224 | color: var(--color-brand1-6, #5584FF);
|
7225 | text-align: center;
|
7226 | transform: translate(-1px, -1px);
|
7227 | transform: translate(calc(0px - var(--switch-border-width-trigger, 1px)), calc(0px - var(--switch-border-width-trigger, 1px))); }
|
7228 | .next-switch-loading .next-icon-loading.next-switch-inner-icon:before {
|
7229 | vertical-align: top; }
|
7230 | .next-switch-medium {
|
7231 | position: relative;
|
7232 | display: inline-block;
|
7233 | border: 2px solid transparent;
|
7234 | border: var(--switch-border-width-container, 2px) solid transparent;
|
7235 | width: 56px;
|
7236 | width: var(--switch-size-m-width, 56px);
|
7237 | height: 28px;
|
7238 | height: calc(var(--switch-size-m-trigger, 24px) + var(--switch-border-width-container, 2px)*2);
|
7239 | border-radius: 20px;
|
7240 | border-radius: var(--switch-size-m-radius-container, 20px); }
|
7241 | .next-switch-medium:not([disabled]):active .next-switch-btn {
|
7242 | width: 31.2px;
|
7243 | width: calc(var(--switch-size-m-trigger, 24px)*1.3); }
|
7244 | .next-switch-medium.next-switch-on:not([disabled]):active .next-switch-btn {
|
7245 | left: calc(100% - 31.2px);
|
7246 | left: calc(100% - var(--switch-size-m-trigger, 24px)*1.3); }
|
7247 | .next-switch-medium.next-switch-auto-width {
|
7248 | min-width: 56px;
|
7249 | min-width: var(--switch-size-m-width, 56px);
|
7250 | width: auto;
|
7251 | overflow: initial; }
|
7252 | .next-switch-medium:after {
|
7253 | content: ''; }
|
7254 | .next-switch-medium > .next-switch-btn {
|
7255 | border: 1px solid transparent;
|
7256 | border: var(--switch-border-width-trigger, 1px) solid transparent;
|
7257 | position: absolute;
|
7258 | left: calc(100% - 24px);
|
7259 | left: calc(100% - var(--switch-size-m-trigger, 24px));
|
7260 | width: 24px;
|
7261 | width: var(--switch-size-m-trigger, 24px);
|
7262 | height: 24px;
|
7263 | height: var(--switch-size-m-trigger, 24px);
|
7264 | border-radius: 20px;
|
7265 | border-radius: var(--switch-size-m-radius-trigger, 20px);
|
7266 | box-sizing: border-box; }
|
7267 | .next-switch-medium > .next-switch-children {
|
7268 | height: 24px;
|
7269 | height: var(--switch-size-m-trigger, 24px);
|
7270 | line-height: 24px;
|
7271 | line-height: var(--switch-size-m-trigger, 24px); }
|
7272 | .next-switch-medium > .next-switch-children {
|
7273 | font-size: 12px;
|
7274 | font-size: var(--form-element-medium-font-size, 12px); }
|
7275 | .next-switch-medium.next-switch.next-switch-on > .next-switch-children {
|
7276 | margin: 0 32px 0 8px;
|
7277 | margin: 0 calc(var(--switch-size-m-trigger, 24px) + var(--switch-size-m-trigger-padding-r, 8px)) 0 var(--switch-size-m-trigger-padding-l, 8px); }
|
7278 | .next-switch-medium.next-switch.next-switch-off > .next-switch-children {
|
7279 | margin: 0 8px 0 32px;
|
7280 | margin: 0 var(--switch-size-m-trigger-padding-r, 8px) 0 calc(var(--switch-size-m-trigger, 24px) + var(--switch-size-m-trigger-padding-l, 8px)); }
|
7281 | .next-switch-medium.next-switch-loading .next-icon-loading {
|
7282 | line-height: 24px;
|
7283 | line-height: var(--switch-size-m-trigger, 24px);
|
7284 | height: 24px;
|
7285 | height: var(--switch-size-m-trigger, 24px);
|
7286 | width: 24px;
|
7287 | width: var(--switch-size-m-trigger, 24px); }
|
7288 | .next-switch-medium.next-switch-loading .next-icon-loading:before,
|
7289 | .next-switch-medium.next-switch-loading .next-icon-loading .next-icon-remote {
|
7290 | width: 16px;
|
7291 | width: var(--switch-size-m-inner-icon, 16px);
|
7292 | font-size: 16px;
|
7293 | font-size: var(--switch-size-m-inner-icon, 16px);
|
7294 | line-height: inherit; }
|
7295 | .next-switch-small {
|
7296 | position: relative;
|
7297 | display: inline-block;
|
7298 | border: 2px solid transparent;
|
7299 | border: var(--switch-border-width-container, 2px) solid transparent;
|
7300 | width: 44px;
|
7301 | width: var(--switch-size-s-width, 44px);
|
7302 | height: 24px;
|
7303 | height: calc(var(--switch-size-s-trigger, 20px) + var(--switch-border-width-container, 2px)*2);
|
7304 | border-radius: 20px;
|
7305 | border-radius: var(--switch-size-s-radius-container, 20px); }
|
7306 | .next-switch-small:not([disabled]):active .next-switch-btn {
|
7307 | width: 26px;
|
7308 | width: calc(var(--switch-size-s-trigger, 20px)*1.3); }
|
7309 | .next-switch-small.next-switch-on:not([disabled]):active .next-switch-btn {
|
7310 | left: calc(100% - 26px);
|
7311 | left: calc(100% - var(--switch-size-s-trigger, 20px)*1.3); }
|
7312 | .next-switch-small.next-switch-auto-width {
|
7313 | min-width: 44px;
|
7314 | min-width: var(--switch-size-s-width, 44px);
|
7315 | width: auto;
|
7316 | overflow: initial; }
|
7317 | .next-switch-small:after {
|
7318 | content: ''; }
|
7319 | .next-switch-small > .next-switch-btn {
|
7320 | border: 1px solid transparent;
|
7321 | border: var(--switch-border-width-trigger, 1px) solid transparent;
|
7322 | position: absolute;
|
7323 | left: calc(100% - 20px);
|
7324 | left: calc(100% - var(--switch-size-s-trigger, 20px));
|
7325 | width: 20px;
|
7326 | width: var(--switch-size-s-trigger, 20px);
|
7327 | height: 20px;
|
7328 | height: var(--switch-size-s-trigger, 20px);
|
7329 | border-radius: 20px;
|
7330 | border-radius: var(--switch-size-s-radius-trigger, 20px);
|
7331 | box-sizing: border-box; }
|
7332 | .next-switch-small > .next-switch-children {
|
7333 | height: 20px;
|
7334 | height: var(--switch-size-s-trigger, 20px);
|
7335 | line-height: 20px;
|
7336 | line-height: var(--switch-size-s-trigger, 20px); }
|
7337 | .next-switch-small > .next-switch-children {
|
7338 | font-size: 12px;
|
7339 | font-size: var(--form-element-small-font-size, 12px); }
|
7340 | .next-switch-small.next-switch.next-switch-on > .next-switch-children {
|
7341 | margin: 0 28px 0 8px;
|
7342 | margin: 0 calc(var(--switch-size-s-trigger, 20px) + var(--switch-size-s-trigger-padding-r, 8px)) 0 var(--switch-size-s-trigger-padding-l, 8px); }
|
7343 | .next-switch-small.next-switch.next-switch-off > .next-switch-children {
|
7344 | margin: 0 8px 0 28px;
|
7345 | margin: 0 var(--switch-size-s-trigger-padding-r, 8px) 0 calc(var(--switch-size-s-trigger, 20px) + var(--switch-size-s-trigger-padding-l, 8px)); }
|
7346 | .next-switch-small.next-switch-loading .next-icon-loading {
|
7347 | line-height: 20px;
|
7348 | line-height: var(--switch-size-s-trigger, 20px);
|
7349 | height: 20px;
|
7350 | height: var(--switch-size-s-trigger, 20px);
|
7351 | width: 20px;
|
7352 | width: var(--switch-size-s-trigger, 20px); }
|
7353 | .next-switch-small.next-switch-loading .next-icon-loading:before,
|
7354 | .next-switch-small.next-switch-loading .next-icon-loading .next-icon-remote {
|
7355 | width: 12px;
|
7356 | width: var(--switch-size-s-inner-icon, 12px);
|
7357 | font-size: 12px;
|
7358 | font-size: var(--switch-size-s-inner-icon, 12px);
|
7359 | line-height: inherit; }
|
7360 | .next-switch-on {
|
7361 | background-color: #5584FF;
|
7362 | background-color: var(--switch-normal-on-bg-color, #5584FF); }
|
7363 | .next-switch-on .next-switch-btn {
|
7364 | box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
|
7365 | box-shadow: var(--switch-on-shadow, 1px 1px 3px 0px rgba(0, 0, 0, 0.12));
|
7366 | background-color: #FFFFFF;
|
7367 | background-color: var(--switch-normal-on-trigger-bg-color, #FFFFFF);
|
7368 | border-color: transparent;
|
7369 | border-color: var(--switch-handle-on-border-color, transparent); }
|
7370 | .next-switch-on > .next-switch-children {
|
7371 | color: #FFFFFF;
|
7372 | color: var(--switch-normal-on-color-font, #FFFFFF); }
|
7373 | .next-switch-on:focus, .next-switch-on.hover, .next-switch-on:hover {
|
7374 | background-color: #3E71F7;
|
7375 | background-color: var(--switch-hover-on-bg-color, #3E71F7); }
|
7376 | .next-switch-on:focus .next-switch-btn, .next-switch-on.hover .next-switch-btn, .next-switch-on:hover .next-switch-btn {
|
7377 | background-color: #FFFFFF;
|
7378 | background-color: var(--switch-hover-on-trigger-bg-color, #FFFFFF); }
|
7379 | .next-switch-on[disabled] {
|
7380 | background-color: #EBECF0;
|
7381 | background-color: var(--switch-disabled-on-bg-color, #EBECF0);
|
7382 | cursor: not-allowed; }
|
7383 | .next-switch-on[disabled] .next-switch-btn {
|
7384 | right: 0;
|
7385 | box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
|
7386 | box-shadow: var(--switch-on-shadow, 1px 1px 3px 0px rgba(0, 0, 0, 0.12));
|
7387 | background-color: #F7F8FA;
|
7388 | background-color: var(--switch-disabled-on-trigger-bg-color, #F7F8FA);
|
7389 | border-color: transparent;
|
7390 | border-color: var(--switch-handle-disabled-border-color, transparent); }
|
7391 | .next-switch-on[disabled] > .next-switch-children {
|
7392 | color: #CCCCCC;
|
7393 | color: var(--switch-disabled-on-color-font, #CCCCCC); }
|
7394 | .next-switch-off {
|
7395 | background-color: #EBECF0;
|
7396 | background-color: var(--switch-normal-off-bg-color, #EBECF0);
|
7397 | border-color: #EBECF0;
|
7398 | border-color: var(--switch-normal-off-border-color, #EBECF0); }
|
7399 | .next-switch-off:focus, .next-switch-off.hover, .next-switch-off:hover {
|
7400 | background-color: #EBECF0;
|
7401 | background-color: var(--switch-hover-off-bg-color, #EBECF0);
|
7402 | border-color: #EBECF0;
|
7403 | border-color: var(--switch-hover-off-border-color, #EBECF0); }
|
7404 | .next-switch-off .next-switch-btn {
|
7405 | left: 0;
|
7406 | box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
|
7407 | box-shadow: var(--switch-on-shadow, 1px 1px 3px 0px rgba(0, 0, 0, 0.12));
|
7408 | background-color: #FFFFFF;
|
7409 | background-color: var(--switch-normal-off-trigger-bg-color, #FFFFFF);
|
7410 | border-color: transparent;
|
7411 | border-color: var(--switch-handle-off-border-color, transparent); }
|
7412 | .next-switch-off:focus .next-switch-btn, .next-switch-off.hover .next-switch-btn, .next-switch-off:hover .next-switch-btn {
|
7413 | background-color: #FFFFFF;
|
7414 | background-color: var(--switch-hover-off-trigger-bg-color, #FFFFFF); }
|
7415 | .next-switch-off > .next-switch-children {
|
7416 | color: #999999;
|
7417 | color: var(--switch-normal-off-color-font, #999999); }
|
7418 | .next-switch-off[disabled] {
|
7419 | background-color: #EBECF0;
|
7420 | background-color: var(--switch-disabled-off-bg-color, #EBECF0);
|
7421 | cursor: not-allowed; }
|
7422 | .next-switch-off[disabled] .next-switch-btn {
|
7423 | box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
|
7424 | box-shadow: var(--switch-off-shadow, 1px 1px 3px 0px rgba(0, 0, 0, 0.12));
|
7425 | background-color: #F7F8FA;
|
7426 | background-color: var(--switch-disabled-off-trigger-bg-color, #F7F8FA);
|
7427 | border-color: transparent;
|
7428 | border-color: var(--switch-handle-disabled-border-color, transparent); }
|
7429 | .next-switch-off[disabled] > .next-switch-children {
|
7430 | color: #C4C6CF;
|
7431 | color: var(--switch-disabled-off-color-font, #C4C6CF); }
|
7432 |
|
7433 | .next-sr-only {
|
7434 | position: absolute;
|
7435 | width: 1px;
|
7436 | height: 1px;
|
7437 | padding: 0;
|
7438 | overflow: hidden;
|
7439 | clip: rect(0, 0, 0, 0);
|
7440 | white-space: nowrap;
|
7441 | border: 0;
|
7442 | top: 0;
|
7443 | margin: -1px; }
|
7444 |
|
7445 | .next-tabs {
|
7446 |
|
7447 |
|
7448 |
|
7449 |
|
7450 |
|
7451 |
|
7452 |
|
7453 |
|
7454 |
|
7455 |
|
7456 |
|
7457 |
|
7458 |
|
7459 |
|
7460 |
|
7461 | }
|
7462 | .next-tabs {
|
7463 | box-sizing: border-box;
|
7464 | width: 100%; }
|
7465 | .next-tabs *,
|
7466 | .next-tabs *:before,
|
7467 | .next-tabs *:after {
|
7468 | box-sizing: border-box; }
|
7469 | .next-tabs-bar {
|
7470 | outline: none; }
|
7471 | .next-tabs-bar-popup {
|
7472 | overflow-y: auto;
|
7473 | max-height: 480px; }
|
7474 | .next-tabs-nav-container {
|
7475 | position: relative; }
|
7476 | .next-tabs-nav-container:after {
|
7477 | visibility: hidden;
|
7478 | display: block;
|
7479 | height: 0;
|
7480 | font-size: 0;
|
7481 | content: ' ';
|
7482 | clear: both; }
|
7483 | .next-tabs-nav-wrap {
|
7484 | overflow: hidden; }
|
7485 | .next-tabs-nav-scroll {
|
7486 | overflow: hidden;
|
7487 | white-space: nowrap; }
|
7488 | .next-tabs-scrollable .next-tabs-nav-scroll {
|
7489 | overflow-x: auto;
|
7490 | overflow-y: hidden;
|
7491 | -webkit-overflow-scrolling: touch; }
|
7492 | .next-tabs-scrollable .next-tabs-nav-scroll::-webkit-scrollbar {
|
7493 | display: none !important;
|
7494 | width: 0 !important;
|
7495 | height: 0 !important;
|
7496 | -webkit-appearance: none;
|
7497 | opacity: 0 !important; }
|
7498 | .next-tabs-nav {
|
7499 | display: inline-block;
|
7500 | position: relative;
|
7501 | transition: all 300ms ease;
|
7502 | transition: all var(--motion-duration-standard, 300ms) var(--motion-ease, ease);
|
7503 | list-style: none;
|
7504 | padding: 0;
|
7505 | margin: 0; }
|
7506 | .next-tabs-nav-enter, .next-tabs-nav-appear {
|
7507 | animation: fadeInLeft 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
7508 | animation-fill-mode: both; }
|
7509 | .next-tabs-nav-leave {
|
7510 | animation: fadeOutLeft 0.2s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
7511 | animation-fill-mode: both; }
|
7512 | .next-tabs-nav.next-disable-animation .next-tabs-tab:before {
|
7513 | transition: none; }
|
7514 | .next-tabs-tab {
|
7515 | display: inline-block;
|
7516 | position: relative;
|
7517 | transition: all 100ms linear;
|
7518 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
7519 | .next-tabs-tab-inner {
|
7520 | position: relative;
|
7521 | cursor: pointer;
|
7522 | text-decoration: none; }
|
7523 | .next-tabs-tab:before {
|
7524 | content: "";
|
7525 | position: absolute;
|
7526 | transition: all 300ms ease;
|
7527 | transition: all var(--motion-duration-standard, 300ms) var(--motion-ease, ease); }
|
7528 | .next-tabs-tab.active {
|
7529 | font-weight: normal;
|
7530 | font-weight: var(--tab-item-font-weight-selected, normal); }
|
7531 | .next-tabs-tab .next-tabs-tab-close {
|
7532 | color: #666666;
|
7533 | color: var(--tab-close-icon-color, #666666); }
|
7534 | .next-tabs-tab .next-tabs-tab-close:hover {
|
7535 | color: #333333;
|
7536 | color: var(--tab-close-icon-color-hover, #333333); }
|
7537 | .next-tabs-tab .next-tabs-tab-close:focus {
|
7538 | outline: none; }
|
7539 | .next-tabs-tab.active .next-tabs-tab-close {
|
7540 | color: #5584FF;
|
7541 | color: var(--tab-close-icon-color-selected, #5584FF); }
|
7542 | .next-tabs-tab.disabled .next-tabs-tab-close {
|
7543 | color: #DCDEE3;
|
7544 | color: var(--tab-close-icon-color-disabled, #DCDEE3); }
|
7545 | .next-tabs-tab:focus {
|
7546 | outline: none; }
|
7547 | .next-tabs-tabpane {
|
7548 | visibility: hidden;
|
7549 | opacity: 0; }
|
7550 | .next-tabs-tabpane.active {
|
7551 | visibility: visible;
|
7552 | opacity: 1;
|
7553 | height: auto; }
|
7554 | .next-tabs-tabpane.hidden {
|
7555 | overflow: hidden;
|
7556 | height: 0 !important;
|
7557 | margin: 0 !important;
|
7558 | padding: 0 !important;
|
7559 | border: 0 !important; }
|
7560 | .next-tabs-btn-down, .next-tabs-btn-prev, .next-tabs-btn-next {
|
7561 | position: absolute;
|
7562 | top: 0;
|
7563 | cursor: pointer;
|
7564 | padding: 0;
|
7565 | border: 0;
|
7566 | outline: none;
|
7567 | height: 100%;
|
7568 | background: transparent;
|
7569 | border-color: transparent; }
|
7570 | .next-tabs-btn-down, .next-tabs-btn-down:link, .next-tabs-btn-down:visited, .next-tabs-btn-down.visited, .next-tabs-btn-prev, .next-tabs-btn-prev:link, .next-tabs-btn-prev:visited, .next-tabs-btn-prev.visited, .next-tabs-btn-next, .next-tabs-btn-next:link, .next-tabs-btn-next:visited, .next-tabs-btn-next.visited {
|
7571 | color: #666666;
|
7572 | color: var(--tab-nav-arrow-color-normal, #666666); }
|
7573 | .next-tabs-btn-down:focus, .next-tabs-btn-down:hover, .next-tabs-btn-down.hover, .next-tabs-btn-prev:focus, .next-tabs-btn-prev:hover, .next-tabs-btn-prev.hover, .next-tabs-btn-next:focus, .next-tabs-btn-next:hover, .next-tabs-btn-next.hover {
|
7574 | color: #333333;
|
7575 | color: var(--tab-nav-arrow-color-hover, #333333);
|
7576 | background: transparent;
|
7577 | border-color: transparent;
|
7578 | text-decoration: none; }
|
7579 | .next-tabs-btn-down:active, .next-tabs-btn-down.active, .next-tabs-btn-prev:active, .next-tabs-btn-prev.active, .next-tabs-btn-next:active, .next-tabs-btn-next.active {
|
7580 | color: #333333;
|
7581 | color: var(--tab-nav-arrow-color-hover, #333333);
|
7582 | background: transparent;
|
7583 | border-color: transparent;
|
7584 | text-decoration: none; }
|
7585 | .next-tabs-btn-down.disabled, .next-tabs-btn-prev.disabled, .next-tabs-btn-next.disabled {
|
7586 | cursor: not-allowed;
|
7587 | color: #DCDEE3;
|
7588 | color: var(--tab-nav-arrow-color-disabled, #DCDEE3); }
|
7589 | .next-tabs-btn-next {
|
7590 | right: 8px;
|
7591 | right: var(--tab-nav-arrow-right-positon-right, 8px); }
|
7592 | .next-tabs-btn-prev {
|
7593 | right: 32px;
|
7594 | right: var(--tab-nav-arrow-left-positon-right, 32px); }
|
7595 | .next-tabs-btn-down {
|
7596 | right: 8px;
|
7597 | right: var(--tab-nav-arrow-down-positon-right, 8px); }
|
7598 | .next-tabs .next-tab-icon-dropdown::before {
|
7599 | content: "\E63D";
|
7600 | content: var(--tab-icon-dropdown-content, "\E63D"); }
|
7601 | .next-tabs .next-tab-icon-prev::before {
|
7602 | content: "\E61D";
|
7603 | content: var(--tab-icon-prev-content, "\E61D"); }
|
7604 | .next-tabs .next-tab-icon-next::before {
|
7605 | content: "\E619";
|
7606 | content: var(--tab-icon-next-content, "\E619"); }
|
7607 | .next-tabs-content {
|
7608 | overflow: hidden; }
|
7609 | .next-tabs-vertical > .next-tabs-bar .next-tabs-nav {
|
7610 | width: 100%; }
|
7611 | .next-tabs-vertical > .next-tabs-bar .next-tabs-tab {
|
7612 | display: block; }
|
7613 | .next-tabs.next-medium .next-tabs-nav-container-scrolling {
|
7614 | padding-right: 60px;
|
7615 | padding-right: var(--tab-nav-scroll-padding-right-m, 60px); }
|
7616 | .next-tabs.next-medium .next-tabs-tab-inner {
|
7617 | font-size: 12px;
|
7618 | font-size: var(--tab-item-text-size-m, 12px);
|
7619 | padding: 12px 16px;
|
7620 | padding: var(--tab-item-padding-tb-size-m, 12px) var(--tab-item-padding-lr-size-m, 16px); }
|
7621 | .next-tabs.next-medium .next-tabs-tab-inner .next-icon {
|
7622 | line-height: 1; }
|
7623 | .next-tabs.next-medium .next-tabs-tab-inner .next-icon:before,
|
7624 | .next-tabs.next-medium .next-tabs-tab-inner .next-icon .next-icon-remote {
|
7625 | width: 16px;
|
7626 | width: var(--tab-nav-tab-icon-size-m, 16px);
|
7627 | font-size: 16px;
|
7628 | font-size: var(--tab-nav-tab-icon-size-m, 16px);
|
7629 | line-height: inherit; }
|
7630 | .next-tabs.next-medium .next-tabs-tab-inner .next-tabs-tab-close {
|
7631 | margin-left: 8px;
|
7632 | margin-left: var(--tab-nav-close-icon-padding-l-size-m, 8px); }
|
7633 | .next-tabs.next-medium .next-tabs-tab-inner .next-tabs-tab-close:before,
|
7634 | .next-tabs.next-medium .next-tabs-tab-inner .next-tabs-tab-close .next-icon-remote {
|
7635 | width: 12px;
|
7636 | width: var(--tab-nav-close-icon-size-m, 12px);
|
7637 | font-size: 12px;
|
7638 | font-size: var(--tab-nav-close-icon-size-m, 12px);
|
7639 | line-height: inherit; }
|
7640 | .next-tabs.next-medium .next-tabs-btn-down .next-icon:before,
|
7641 | .next-tabs.next-medium .next-tabs-btn-down .next-icon .next-icon-remote,
|
7642 | .next-tabs.next-medium .next-tabs-btn-prev .next-icon:before,
|
7643 | .next-tabs.next-medium .next-tabs-btn-prev .next-icon .next-icon-remote,
|
7644 | .next-tabs.next-medium .next-tabs-btn-next .next-icon:before,
|
7645 | .next-tabs.next-medium .next-tabs-btn-next .next-icon .next-icon-remote {
|
7646 | width: 16px;
|
7647 | width: var(--tab-nav-tab-icon-size-m, 16px);
|
7648 | font-size: 16px;
|
7649 | font-size: var(--tab-nav-tab-icon-size-m, 16px);
|
7650 | line-height: inherit; }
|
7651 | .next-tabs.next-small .next-tabs-nav-container-scrolling {
|
7652 | padding-right: 56px;
|
7653 | padding-right: var(--tab-nav-scroll-padding-right-s, 56px); }
|
7654 | .next-tabs.next-small .next-tabs-tab-inner {
|
7655 | font-size: 12px;
|
7656 | font-size: var(--tab-item-text-size-s, 12px);
|
7657 | padding: 8px 12px;
|
7658 | padding: var(--tab-item-padding-tb-size-s, 8px) var(--tab-item-padding-lr-size-s, 12px); }
|
7659 | .next-tabs.next-small .next-tabs-tab-inner .next-icon {
|
7660 | line-height: 1; }
|
7661 | .next-tabs.next-small .next-tabs-tab-inner .next-icon:before,
|
7662 | .next-tabs.next-small .next-tabs-tab-inner .next-icon .next-icon-remote {
|
7663 | width: 12px;
|
7664 | width: var(--tab-nav-tab-icon-size-s, 12px);
|
7665 | font-size: 12px;
|
7666 | font-size: var(--tab-nav-tab-icon-size-s, 12px);
|
7667 | line-height: inherit; }
|
7668 | .next-tabs.next-small .next-tabs-tab-inner .next-tabs-tab-close {
|
7669 | margin-left: 8px;
|
7670 | margin-left: var(--tab-nav-close-icon-padding-l-size-s, 8px); }
|
7671 | .next-tabs.next-small .next-tabs-tab-inner .next-tabs-tab-close:before,
|
7672 | .next-tabs.next-small .next-tabs-tab-inner .next-tabs-tab-close .next-icon-remote {
|
7673 | width: 8px;
|
7674 | width: var(--tab-nav-close-icon-size-s, 8px);
|
7675 | font-size: 8px;
|
7676 | font-size: var(--tab-nav-close-icon-size-s, 8px);
|
7677 | line-height: inherit; }
|
7678 | @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
|
7679 | .next-tabs.next-small .next-tabs-tab-inner .next-tabs-tab-close {
|
7680 | transform: scale(0.5);
|
7681 | margin-left: -4px;
|
7682 | margin-left: calc(0px - var(--icon-s, 16px)/2 + var(--tab-nav-close-icon-size-s, 8px)/2);
|
7683 | margin-right: -4px;
|
7684 | margin-right: calc(0px - var(--icon-s, 16px)/2 + var(--tab-nav-close-icon-size-s, 8px)/2); }
|
7685 | .next-tabs.next-small .next-tabs-tab-inner .next-tabs-tab-close:before {
|
7686 | width: 16px;
|
7687 | width: var(--icon-s, 16px);
|
7688 | font-size: 16px;
|
7689 | font-size: var(--icon-s, 16px); } }
|
7690 | .next-tabs.next-small .next-tabs-btn-down .next-icon:before,
|
7691 | .next-tabs.next-small .next-tabs-btn-down .next-icon .next-icon-remote,
|
7692 | .next-tabs.next-small .next-tabs-btn-prev .next-icon:before,
|
7693 | .next-tabs.next-small .next-tabs-btn-prev .next-icon .next-icon-remote,
|
7694 | .next-tabs.next-small .next-tabs-btn-next .next-icon:before,
|
7695 | .next-tabs.next-small .next-tabs-btn-next .next-icon .next-icon-remote {
|
7696 | width: 12px;
|
7697 | width: var(--tab-nav-tab-icon-size-s, 12px);
|
7698 | font-size: 12px;
|
7699 | font-size: var(--tab-nav-tab-icon-size-s, 12px);
|
7700 | line-height: inherit; }
|
7701 | .next-tabs-pure > .next-tabs-bar {
|
7702 | border-bottom: solid 1px #DCDEE3;
|
7703 | border-bottom: var(--tab-pure-divider-line, solid 1px #DCDEE3);
|
7704 | background-color: transparent;
|
7705 | background-color: var(--tab-pure-bg-color, transparent); }
|
7706 | .next-tabs-pure > .next-tabs-bar .next-tabs-nav-container {
|
7707 | margin-bottom: -1px;
|
7708 | margin-bottom: calc(0px - var(--tab-pure-divider-line-width, 1px));
|
7709 | box-shadow: none;
|
7710 | box-shadow: var(--tab-pure-divider-shadow, none); }
|
7711 | .next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab {
|
7712 | color: #666666;
|
7713 | color: var(--tab-pure-text-color-normal, #666666);
|
7714 | background-color: transparent; }
|
7715 | .next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab:hover {
|
7716 | cursor: pointer;
|
7717 | color: #333333;
|
7718 | color: var(--tab-pure-text-color-hover, #333333);
|
7719 | background-color: transparent; }
|
7720 | .next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab.active {
|
7721 | z-index: 1;
|
7722 | color: #5584FF;
|
7723 | color: var(--tab-pure-text-color-selected, #5584FF);
|
7724 | background-color: transparent; }
|
7725 | .next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab.disabled {
|
7726 | pointer-events: none;
|
7727 | cursor: default;
|
7728 | color: #DCDEE3;
|
7729 | color: var(--tab-pure-text-color-disabled, #DCDEE3);
|
7730 | background: transparent; }
|
7731 | .next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab:before {
|
7732 | border-radius: 0%;
|
7733 | width: 0;
|
7734 | border-bottom: 2px solid #5584FF;
|
7735 | border-bottom: var(--tab-pure-ink-bar-width, 2px) solid var(--tab-pure-ink-bar-color, #5584FF);
|
7736 | left: 50%;
|
7737 | bottom: 0%; }
|
7738 | .next-tabs-pure > .next-tabs-bar .next-tabs-nav-container .next-tabs-tab.active:before {
|
7739 | width: 100%;
|
7740 | width: calc(100% - var(--tab-pure-ink-bar-padding-l, 0px)*2);
|
7741 | left: 0px;
|
7742 | left: calc(var(--tab-pure-ink-bar-padding-l, 0px)); }
|
7743 | .next-tabs-wrapped > .next-tabs-bar {
|
7744 | background: transparent;
|
7745 | background: var(--tab-wrapped-bar-bg-color, transparent); }
|
7746 | .next-tabs-wrapped > .next-tabs-bar .next-tabs-tab {
|
7747 | color: #666666;
|
7748 | color: var(--tab-wrapped-text-color, #666666);
|
7749 | background-color: #F2F3F7;
|
7750 | background-color: var(--tab-wrapped-bg-color, #F2F3F7); }
|
7751 | .next-tabs-wrapped > .next-tabs-bar .next-tabs-tab:hover {
|
7752 | cursor: pointer;
|
7753 | color: #333333;
|
7754 | color: var(--tab-wrapped-text-color-hover, #333333);
|
7755 | background-color: #EBECF0;
|
7756 | background-color: var(--tab-wrapped-bg-color-hover, #EBECF0); }
|
7757 | .next-tabs-wrapped > .next-tabs-bar .next-tabs-tab.active {
|
7758 | z-index: 1;
|
7759 | color: #5584FF;
|
7760 | color: var(--tab-wrapped-text-color-selected, #5584FF);
|
7761 | background-color: #FFFFFF;
|
7762 | background-color: var(--tab-wrapped-bg-color-selected, #FFFFFF); }
|
7763 | .next-tabs-wrapped > .next-tabs-bar .next-tabs-tab.disabled {
|
7764 | pointer-events: none;
|
7765 | cursor: default;
|
7766 | color: #CCCCCC;
|
7767 | color: var(--tab-wrapped-text-color-disabled, #CCCCCC);
|
7768 | background: #F7F8FA;
|
7769 | background: var(--tab-wrapped-bg-color-disabled, #F7F8FA); }
|
7770 | .next-tabs-wrapped > .next-tabs-bar .next-tabs-tab .next-tabs-tab-close {
|
7771 | color: #666666;
|
7772 | color: var(--tab-close-icon-color, #666666); }
|
7773 | .next-tabs-wrapped > .next-tabs-bar .next-tabs-tab .next-tabs-tab-close:hover {
|
7774 | color: #333333;
|
7775 | color: var(--tab-close-icon-color-hover, #333333); }
|
7776 | .next-tabs-wrapped > .next-tabs-bar .next-tabs-tab .next-tabs-tab-close:focus {
|
7777 | outline: none; }
|
7778 | .next-tabs-wrapped > .next-tabs-bar .next-tabs-tab.active .next-tabs-tab-close {
|
7779 | color: #5584FF;
|
7780 | color: var(--tab-close-icon-color-selected, #5584FF); }
|
7781 | .next-tabs-wrapped > .next-tabs-bar .next-tabs-tab.disabled .next-tabs-tab-close {
|
7782 | color: #DCDEE3;
|
7783 | color: var(--tab-close-icon-color-disabled, #DCDEE3); }
|
7784 | .next-tabs-wrapped:before, .next-tabs-wrapped:after {
|
7785 | content: "";
|
7786 | display: table; }
|
7787 | .next-tabs-wrapped:after {
|
7788 | clear: both; }
|
7789 | .next-tabs-wrapped > .next-tabs-content {
|
7790 | position: relative; }
|
7791 | .next-tabs-wrapped.next-tabs-top > .next-tabs-bar {
|
7792 | position: relative; }
|
7793 | .next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-nav-extra {
|
7794 | position: absolute;
|
7795 | top: 50%;
|
7796 | right: 0;
|
7797 | transform: translateY(-50%); }
|
7798 | .next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab {
|
7799 | margin-right: 4px;
|
7800 | margin-right: var(--tab-wrapped-tab-margin-right, 4px);
|
7801 | border: solid 1px #DCDEE3;
|
7802 | border: var(--tab-wrapped-bar-border, solid 1px #DCDEE3);
|
7803 | border-radius: 3px 3px 0 0;
|
7804 | border-radius: var(--tab-wrapped-tab-top-border-radius, 3px 3px 0 0);
|
7805 | border-width: 1px 1px 1px 1px;
|
7806 | border-width: var(--tab-wrapped-border-side-width, 1px) var(--tab-wrapped-border-side-width, 1px) var(--tab-wrapped-border-line-width, 1px) var(--tab-wrapped-border-side-width, 1px); }
|
7807 | .next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab:hover {
|
7808 | border-color: #C4C6CF;
|
7809 | border-color: var(--tab-wrapped-border-line-color-hover, #C4C6CF); }
|
7810 | .next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab.active {
|
7811 | border-color: #DCDEE3 #DCDEE3 #FFFFFF #DCDEE3;
|
7812 | border-color: var(--tab-wrapped-border-line-color, #DCDEE3) var(--tab-wrapped-border-line-color, #DCDEE3) var(--tab-wrapped-bg-color-selected, #FFFFFF) var(--tab-wrapped-border-line-color, #DCDEE3); }
|
7813 | .next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab:before {
|
7814 | border-radius: 3px;
|
7815 | border-radius: var(--tab-wrapped-tab-corner-radius, 3px);
|
7816 | width: 0;
|
7817 | border-top: 2px solid #5584FF;
|
7818 | border-top: var(--tab-wrapped-ink-bar-width, 2px) solid var(--tab-wrapped-ink-bar-color, #5584FF);
|
7819 | left: 50%;
|
7820 | top: -1px;
|
7821 | top: calc(0px - var(--tab-wrapped-border-line-width, 1px)); }
|
7822 | .next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab.active:before {
|
7823 | width: calc(100% - 6px);
|
7824 | width: calc(100% - var(--tab-wrapped-tab-corner-radius, 3px)*2 - var(--tab-wrapped-ink-bar-padding-l, 0px)*2);
|
7825 | left: 3px;
|
7826 | left: calc(var(--tab-wrapped-tab-corner-radius, 3px) + var(--tab-wrapped-ink-bar-padding-l, 0px)); }
|
7827 | .next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-tab.active {
|
7828 | border-width: 1px 1px 1px 1px;
|
7829 | border-width: var(--tab-wrapped-border-line-width, 1px) var(--tab-wrapped-border-line-width, 1px) var(--tab-wrapped-border-line-width, 1px) var(--tab-wrapped-border-line-width, 1px); }
|
7830 | .next-tabs-wrapped.next-tabs-top > .next-tabs-bar:before {
|
7831 | content: '';
|
7832 | position: absolute;
|
7833 | top: 100%;
|
7834 | width: 100%;
|
7835 | height: 0;
|
7836 | border-bottom: 1px solid #DCDEE3;
|
7837 | border-bottom: var(--tab-wrapped-content-border, 1px solid #DCDEE3);
|
7838 | transform: translateY(-1px);
|
7839 | transform: translateY(calc(0px - var(--tab-wrapped-content-border-line-width, 1px)));
|
7840 | display: block; }
|
7841 | .next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar {
|
7842 | position: relative; }
|
7843 | .next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-nav-extra {
|
7844 | position: absolute;
|
7845 | top: 50%;
|
7846 | right: 0;
|
7847 | transform: translateY(-50%); }
|
7848 | .next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-tab {
|
7849 | margin-right: 4px;
|
7850 | margin-right: var(--tab-wrapped-tab-margin-right, 4px);
|
7851 | border: solid 1px #DCDEE3;
|
7852 | border: var(--tab-wrapped-bar-border, solid 1px #DCDEE3);
|
7853 | border-radius: 0 0 3px 3px;
|
7854 | border-radius: var(--tab-wrapped-tab-bottom-border-radius, 0 0 3px 3px); }
|
7855 | .next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-tab:hover {
|
7856 | border-color: #C4C6CF;
|
7857 | border-color: var(--tab-wrapped-border-line-color-hover, #C4C6CF); }
|
7858 | .next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-tab.active {
|
7859 | border-color: #FFFFFF #DCDEE3 #DCDEE3 #DCDEE3;
|
7860 | border-color: var(--tab-wrapped-bg-color-selected, #FFFFFF) var(--tab-wrapped-border-line-color, #DCDEE3) var(--tab-wrapped-border-line-color, #DCDEE3) var(--tab-wrapped-border-line-color, #DCDEE3); }
|
7861 | .next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-tab:before {
|
7862 | border-radius: 3px;
|
7863 | border-radius: var(--tab-wrapped-tab-corner-radius, 3px);
|
7864 | width: 0;
|
7865 | border-bottom: 2px solid #5584FF;
|
7866 | border-bottom: var(--tab-wrapped-ink-bar-width, 2px) solid var(--tab-wrapped-ink-bar-color, #5584FF);
|
7867 | left: 50%;
|
7868 | bottom: -1px;
|
7869 | bottom: calc(0px - var(--tab-wrapped-border-line-width, 1px)); }
|
7870 | .next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-tab.active:before {
|
7871 | width: calc(100% - 6px);
|
7872 | width: calc(100% - var(--tab-wrapped-tab-corner-radius, 3px)*2 - var(--tab-wrapped-ink-bar-padding-l, 0px)*2);
|
7873 | left: 3px;
|
7874 | left: calc(var(--tab-wrapped-tab-corner-radius, 3px) + var(--tab-wrapped-ink-bar-padding-l, 0px)); }
|
7875 | .next-tabs-wrapped.next-tabs-bottom > .next-tabs-content {
|
7876 | top: 1px;
|
7877 | top: var(--tab-wrapped-content-position-top, 1px);
|
7878 | border-bottom: 1px solid #DCDEE3;
|
7879 | border-bottom: var(--tab-wrapped-content-border, 1px solid #DCDEE3); }
|
7880 | .next-tabs-wrapped.next-tabs-left > .next-tabs-bar {
|
7881 | float: left; }
|
7882 | .next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab {
|
7883 | float: none;
|
7884 | margin-bottom: 4px;
|
7885 | margin-bottom: var(--tab-wrapped-tab-margin-bottom, 4px);
|
7886 | border: solid 1px #DCDEE3;
|
7887 | border: var(--tab-wrapped-bar-border, solid 1px #DCDEE3);
|
7888 | border-radius: 3px 0 0 3px;
|
7889 | border-radius: var(--tab-wrapped-tab-left-border-radius, 3px 0 0 3px);
|
7890 | border-width: 1px 1px 1px 1px;
|
7891 | border-width: var(--tab-wrapped-border-side-width, 1px) var(--tab-wrapped-border-line-width, 1px) var(--tab-wrapped-border-side-width, 1px) var(--tab-wrapped-border-side-width, 1px); }
|
7892 | .next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab:hover {
|
7893 | border-color: #C4C6CF;
|
7894 | border-color: var(--tab-wrapped-border-line-color-hover, #C4C6CF); }
|
7895 | .next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab.active {
|
7896 | border-color: #DCDEE3 #FFFFFF #DCDEE3 #DCDEE3;
|
7897 | border-color: var(--tab-wrapped-border-line-color, #DCDEE3) var(--tab-wrapped-bg-color-selected, #FFFFFF) var(--tab-wrapped-border-line-color, #DCDEE3) var(--tab-wrapped-border-line-color, #DCDEE3); }
|
7898 | .next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab:before {
|
7899 | border-radius: 3px;
|
7900 | border-radius: var(--tab-wrapped-tab-corner-radius, 3px);
|
7901 | height: 0;
|
7902 | border-left: 2px solid #5584FF;
|
7903 | border-left: var(--tab-wrapped-ink-bar-width, 2px) solid var(--tab-wrapped-ink-bar-color, #5584FF);
|
7904 | top: 50%;
|
7905 | left: -1px;
|
7906 | left: calc(0px - var(--tab-wrapped-border-line-width, 1px)); }
|
7907 | .next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab.active:before {
|
7908 | height: calc(100% - 6px);
|
7909 | height: calc(100% - var(--tab-wrapped-tab-corner-radius, 3px)*2);
|
7910 | top: 3px;
|
7911 | top: var(--tab-wrapped-tab-corner-radius, 3px); }
|
7912 | .next-tabs-wrapped.next-tabs-left > .next-tabs-bar .next-tabs-tab.active {
|
7913 | border-width: 1px 1px 1px 1px;
|
7914 | border-width: var(--tab-wrapped-border-line-width, 1px) var(--tab-wrapped-border-line-width, 1px) var(--tab-wrapped-border-line-width, 1px) var(--tab-wrapped-border-line-width, 1px); }
|
7915 | .next-tabs-wrapped.next-tabs-left > .next-tabs-content {
|
7916 | right: 1px;
|
7917 | right: var(--tab-wrapped-content-position-right, 1px);
|
7918 | border-left: 1px solid #DCDEE3;
|
7919 | border-left: var(--tab-wrapped-content-border, 1px solid #DCDEE3); }
|
7920 | .next-tabs-wrapped.next-tabs-right > .next-tabs-bar {
|
7921 | float: right; }
|
7922 | .next-tabs-wrapped.next-tabs-right > .next-tabs-bar .next-tabs-tab {
|
7923 | float: none;
|
7924 | margin-bottom: 4px;
|
7925 | margin-bottom: var(--tab-wrapped-tab-margin-bottom, 4px);
|
7926 | border: solid 1px #DCDEE3;
|
7927 | border: var(--tab-wrapped-bar-border, solid 1px #DCDEE3);
|
7928 | border-radius: 0 3px 3px 0;
|
7929 | border-radius: var(--tab-wrapped-tab-right-border-radius, 0 3px 3px 0);
|
7930 | border-width: 1px 1px 1px 1px;
|
7931 | border-width: var(--tab-wrapped-border-side-width, 1px) var(--tab-wrapped-border-side-width, 1px) var(--tab-wrapped-border-side-width, 1px) var(--tab-wrapped-border-line-width, 1px); }
|
7932 | .next-tabs-wrapped.next-tabs-right > .next-tabs-bar .next-tabs-tab:hover {
|
7933 | border-color: #C4C6CF;
|
7934 | border-color: var(--tab-wrapped-border-line-color-hover, #C4C6CF); }
|
7935 | .next-tabs-wrapped.next-tabs-right > .next-tabs-bar .next-tabs-tab.active {
|
7936 | border-color: #DCDEE3 #DCDEE3 #DCDEE3 #FFFFFF;
|
7937 | border-color: var(--tab-wrapped-border-line-color, #DCDEE3) var(--tab-wrapped-border-line-color, #DCDEE3) var(--tab-wrapped-border-line-color, #DCDEE3) var(--tab-wrapped-bg-color-selected, #FFFFFF); }
|
7938 | .next-tabs-wrapped.next-tabs-right > .next-tabs-bar .next-tabs-tab:before {
|
7939 | border-radius: 3px;
|
7940 | border-radius: var(--tab-wrapped-tab-corner-radius, 3px);
|
7941 | height: 0;
|
7942 | border-right: 2px solid #5584FF;
|
7943 | border-right: var(--tab-wrapped-ink-bar-width, 2px) solid var(--tab-wrapped-ink-bar-color, #5584FF);
|
7944 | top: 50%;
|
7945 | right: -1px;
|
7946 | right: calc(0px - var(--tab-wrapped-border-line-width, 1px)); }
|
7947 | .next-tabs-wrapped.next-tabs-right > .next-tabs-bar .next-tabs-tab.active:before {
|
7948 | height: calc(100% - 6px);
|
7949 | height: calc(100% - var(--tab-wrapped-tab-corner-radius, 3px)*2);
|
7950 | top: 3px;
|
7951 | top: var(--tab-wrapped-tab-corner-radius, 3px); }
|
7952 | .next-tabs-wrapped.next-tabs-right > .next-tabs-bar .next-tabs-tab.active {
|
7953 | border-width: 1px 1px 1px 1px;
|
7954 | border-width: var(--tab-wrapped-border-line-width, 1px) var(--tab-wrapped-border-line-width, 1px) var(--tab-wrapped-border-line-width, 1px) var(--tab-wrapped-border-line-width, 1px); }
|
7955 | .next-tabs-wrapped.next-tabs-right > .next-tabs-content {
|
7956 | right: -1px;
|
7957 | right: calc(0px - var(--tab-wrapped-content-position-right, 1px));
|
7958 | border-right: 1px solid #DCDEE3;
|
7959 | border-right: var(--tab-wrapped-content-border, 1px solid #DCDEE3); }
|
7960 | .next-tabs-capsule > .next-tabs-bar .next-tabs-tab {
|
7961 | transition: background-color 100ms linear;
|
7962 | transition: background-color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
7963 | border: 1px solid #C4C6CF;
|
7964 | border: var(--tab-capsule-tab-border, 1px solid #C4C6CF);
|
7965 | border-right-color: transparent;
|
7966 | margin-right: -1px;
|
7967 | margin-right: calc(0px - var(--tab-capsule-tab-border-line-width, 1px));
|
7968 | color: #333333;
|
7969 | color: var(--tab-capsule-text-color, #333333);
|
7970 | background-color: #F2F3F7;
|
7971 | background-color: var(--tab-capsule-bg-color, #F2F3F7); }
|
7972 | .next-tabs-capsule > .next-tabs-bar .next-tabs-tab:first-child {
|
7973 | border-radius: 3px 0 0 3px;
|
7974 | border-radius: var(--tab-capsule-corner-radius, 3px) 0 0 var(--tab-capsule-corner-radius, 3px); }
|
7975 | .next-tabs-capsule > .next-tabs-bar .next-tabs-tab:last-child {
|
7976 | border-radius: 0 3px 3px 0;
|
7977 | border-radius: 0 var(--tab-capsule-corner-radius, 3px) var(--tab-capsule-corner-radius, 3px) 0;
|
7978 | border-right: 1px solid #C4C6CF;
|
7979 | border-right: var(--tab-capsule-tab-border, 1px solid #C4C6CF); }
|
7980 | .next-tabs-capsule > .next-tabs-bar .next-tabs-tab.active {
|
7981 | border-right: 1px solid #C4C6CF;
|
7982 | border-right: var(--tab-capsule-tab-border, 1px solid #C4C6CF);
|
7983 | border-color: #5584FF;
|
7984 | border-color: var(--tab-capsule-tab-border-line-color-active, #5584FF); }
|
7985 | .next-tabs-capsule > .next-tabs-bar .next-tabs-tab.disabled {
|
7986 | border-color: #E6E7EB;
|
7987 | border-color: var(--tab-capsule-tab-border-line-color-disabled, #E6E7EB); }
|
7988 | .next-tabs-capsule > .next-tabs-bar .next-tabs-tab:hover {
|
7989 | z-index: 2;
|
7990 | border-right: 1px solid #C4C6CF;
|
7991 | border-right: var(--tab-capsule-tab-border, 1px solid #C4C6CF);
|
7992 | border-color: #C4C6CF;
|
7993 | border-color: var(--tab-capsule-tab-border-line-color-hover, #C4C6CF); }
|
7994 | .next-tabs-capsule > .next-tabs-bar .next-tabs-tab:hover {
|
7995 | cursor: pointer;
|
7996 | color: #333333;
|
7997 | color: var(--tab-capsule-text-color-hover, #333333);
|
7998 | background-color: #EBECF0;
|
7999 | background-color: var(--tab-capsule-bg-color-hover, #EBECF0); }
|
8000 | .next-tabs-capsule > .next-tabs-bar .next-tabs-tab.active {
|
8001 | z-index: 1;
|
8002 | color: #FFFFFF;
|
8003 | color: var(--tab-capsule-text-color-selected, #FFFFFF);
|
8004 | background-color: #5584FF;
|
8005 | background-color: var(--tab-capsule-bg-color-selected, #5584FF); }
|
8006 | .next-tabs-capsule > .next-tabs-bar .next-tabs-tab.disabled {
|
8007 | pointer-events: none;
|
8008 | cursor: default;
|
8009 | color: #CCCCCC;
|
8010 | color: var(--tab-capsule-text-color-disabled, #CCCCCC);
|
8011 | background: #F7F8FA;
|
8012 | background: var(--tab-capsule-bg-color-disabled, #F7F8FA); }
|
8013 | .next-tabs-text > .next-tabs-bar .next-tabs-tab {
|
8014 | color: #666666;
|
8015 | color: var(--tab-text-text-color-normal, #666666);
|
8016 | background-color: transparent; }
|
8017 | .next-tabs-text > .next-tabs-bar .next-tabs-tab:hover {
|
8018 | cursor: pointer;
|
8019 | color: #333333;
|
8020 | color: var(--tab-text-text-color-hover, #333333);
|
8021 | background-color: transparent; }
|
8022 | .next-tabs-text > .next-tabs-bar .next-tabs-tab.active {
|
8023 | z-index: 1;
|
8024 | color: #5584FF;
|
8025 | color: var(--tab-text-text-color-selected, #5584FF);
|
8026 | background-color: transparent; }
|
8027 | .next-tabs-text > .next-tabs-bar .next-tabs-tab.disabled {
|
8028 | pointer-events: none;
|
8029 | cursor: default;
|
8030 | color: #CCCCCC;
|
8031 | color: var(--tab-text-text-color-disabled, #CCCCCC);
|
8032 | background: transparent; }
|
8033 | .next-tabs-text > .next-tabs-bar .next-tabs-tab:not(:last-child):after {
|
8034 | content: '';
|
8035 | position: absolute;
|
8036 | right: 0;
|
8037 | top: calc(50% - 4px);
|
8038 | top: calc(50% - var(--tab-text-item-sep-height, 8px)/2);
|
8039 | width: 1px;
|
8040 | width: var(--tab-text-item-sep-width, 1px);
|
8041 | height: 8px;
|
8042 | height: var(--tab-text-item-sep-height, 8px);
|
8043 | background-color: #DCDEE3;
|
8044 | background-color: var(--tab-text-item-sep-color, #DCDEE3); }
|
8045 | .next-tabs-pure > .next-tabs-bar {
|
8046 | position: relative; }
|
8047 | .next-tabs-pure > .next-tabs-bar .next-tabs-nav-extra {
|
8048 | position: absolute;
|
8049 | top: 50%;
|
8050 | right: 0;
|
8051 | transform: translateY(-50%); }
|
8052 | .next-tabs-capsule > .next-tabs-bar {
|
8053 | position: relative; }
|
8054 | .next-tabs-capsule > .next-tabs-bar .next-tabs-nav-extra {
|
8055 | position: absolute;
|
8056 | top: 50%;
|
8057 | right: 0;
|
8058 | transform: translateY(-50%); }
|
8059 | .next-tabs-text > .next-tabs-bar {
|
8060 | position: relative; }
|
8061 | .next-tabs-text > .next-tabs-bar .next-tabs-nav-extra {
|
8062 | position: absolute;
|
8063 | top: 50%;
|
8064 | right: 0;
|
8065 | transform: translateY(-50%); }
|
8066 |
|
8067 | .next-tabs[dir='rtl'].next-medium .next-tabs-nav-container-scrolling {
|
8068 | padding-left: 60px;
|
8069 | padding-left: var(--tab-nav-scroll-padding-right-m, 60px);
|
8070 | padding-right: 0; }
|
8071 |
|
8072 | .next-tabs[dir='rtl'].next-medium .next-tabs-tab-close {
|
8073 | padding-right: 8px;
|
8074 | padding-right: var(--tab-nav-close-icon-padding-l-size-m, 8px);
|
8075 | padding-left: 0; }
|
8076 |
|
8077 | .next-tabs[dir='rtl'].next-small .next-tabs-nav-container-scrolling {
|
8078 | padding-left: 56px;
|
8079 | padding-left: var(--tab-nav-scroll-padding-right-s, 56px);
|
8080 | padding-right: 0; }
|
8081 |
|
8082 | .next-tabs[dir='rtl'].next-small .next-tabs-tab-close {
|
8083 | padding-right: 8px;
|
8084 | padding-right: var(--tab-nav-close-icon-padding-l-size-s, 8px);
|
8085 | padding-left: 0; }
|
8086 |
|
8087 | .next-tabs[dir='rtl'].next-tabs-wrapped.next-tabs-top > .next-tabs-bar .next-tabs-nav-extra {
|
8088 | right: auto;
|
8089 | left: 0; }
|
8090 |
|
8091 | .next-tabs[dir='rtl'].next-tabs-wrapped.next-tabs-bottom > .next-tabs-bar .next-tabs-nav-extra {
|
8092 | right: auto;
|
8093 | left: 0; }
|
8094 |
|
8095 | .next-tabs[dir='rtl'] > .next-tabs-bar .next-tabs-nav-extra {
|
8096 | right: auto;
|
8097 | left: 0; }
|
8098 |
|
8099 | .next-tabs[dir='rtl'].next-tabs-capsule > .next-tabs-bar .next-tabs-tab {
|
8100 | border-top: 1px solid #C4C6CF;
|
8101 | border-top: var(--tab-capsule-tab-border, 1px solid #C4C6CF);
|
8102 | border-bottom: 1px solid #C4C6CF;
|
8103 | border-bottom: var(--tab-capsule-tab-border, 1px solid #C4C6CF);
|
8104 | border-right: 1px solid #C4C6CF;
|
8105 | border-right: var(--tab-capsule-tab-border, 1px solid #C4C6CF);
|
8106 | border-left: 0; }
|
8107 | .next-tabs[dir='rtl'].next-tabs-capsule > .next-tabs-bar .next-tabs-tab:first-child {
|
8108 | border-left: 0;
|
8109 | border-radius: 0 3px 3px 0;
|
8110 | border-radius: 0 var(--tab-capsule-corner-radius, 3px) var(--tab-capsule-corner-radius, 3px) 0; }
|
8111 | .next-tabs[dir='rtl'].next-tabs-capsule > .next-tabs-bar .next-tabs-tab:last-child {
|
8112 | border-radius: 3px 0 0 3px;
|
8113 | border-radius: var(--tab-capsule-corner-radius, 3px) 0 0 var(--tab-capsule-corner-radius, 3px);
|
8114 | border-left: 1px solid #C4C6CF;
|
8115 | border-left: var(--tab-capsule-tab-border, 1px solid #C4C6CF); }
|
8116 | .next-tabs[dir='rtl'].next-tabs-capsule > .next-tabs-bar .next-tabs-tab.active {
|
8117 | margin-left: -1px;
|
8118 | margin-left: calc(0px - var(--tab-capsule-tab-border-line-width, 1px));
|
8119 | margin-right: auto;
|
8120 | border-left: 1px solid #C4C6CF;
|
8121 | border-left: var(--tab-capsule-tab-border, 1px solid #C4C6CF);
|
8122 | border-color: #5584FF;
|
8123 | border-color: var(--tab-capsule-tab-border-line-color-active, #5584FF); }
|
8124 |
|
8125 | .next-tabs[dir='rtl'] .next-tabs-btn-next {
|
8126 | left: 8px;
|
8127 | left: var(--tab-nav-arrow-right-positon-right, 8px);
|
8128 | right: auto; }
|
8129 |
|
8130 | .next-tabs[dir='rtl'] .next-tabs-btn-prev {
|
8131 | left: 32px;
|
8132 | left: var(--tab-nav-arrow-left-positon-right, 32px);
|
8133 | right: auto; }
|
8134 |
|
8135 | .next-tabs[dir='rtl'] .next-tabs-btn-down {
|
8136 | left: 8px;
|
8137 | left: var(--tab-nav-arrow-down-positon-right, 8px);
|
8138 | right: auto; }
|
8139 |
|
8140 | .next-tabs-text[dir='rtl'] > .next-tabs-bar .next-tabs-tab:not(:last-child):after {
|
8141 | content: '';
|
8142 | position: absolute;
|
8143 | left: 0;
|
8144 | right: auto; }
|
8145 |
|
8146 | .next-sr-only {
|
8147 | position: absolute;
|
8148 | width: 1px;
|
8149 | height: 1px;
|
8150 | padding: 0;
|
8151 | overflow: hidden;
|
8152 | clip: rect(0, 0, 0, 0);
|
8153 | white-space: nowrap;
|
8154 | border: 0;
|
8155 | top: 0;
|
8156 | margin: -1px; }
|
8157 |
|
8158 | @keyframes fadeInRightForTag {
|
8159 | 0% {
|
8160 | opacity: 0;
|
8161 | transform: rotate(45deg) translateX(20px); }
|
8162 | 100% {
|
8163 | opacity: 1;
|
8164 | transform: rotate(45deg) translateX(0); } }
|
8165 |
|
8166 | .next-tag > .next-tag-body {
|
8167 | overflow: hidden;
|
8168 | text-overflow: ellipsis; }
|
8169 |
|
8170 | .next-tag-checkable.next-tag-level-secondary {
|
8171 | color: #333333;
|
8172 | color: var(--tag-normal-text-color, #333333);
|
8173 | border-color: transparent;
|
8174 | background-color: transparent; }
|
8175 | .next-tag-checkable.next-tag-level-secondary:not(.disabled):not([disabled]):hover, .next-tag-checkable.next-tag-level-secondary:not(.disabled):not([disabled]).hover {
|
8176 | color: #5584FF;
|
8177 | color: var(--tag-normal-text-color-hover, #5584FF); }
|
8178 |
|
8179 | .next-tag-default.next-tag-level-primary {
|
8180 | color: #666666;
|
8181 | color: var(--tag-fill-text-color, #666666);
|
8182 | border-color: #EBECF0;
|
8183 | border-color: var(--tag-fill-border-color, #EBECF0);
|
8184 | background-color: #EBECF0;
|
8185 | background-color: var(--tag-fill-bg-color, #EBECF0); }
|
8186 | .next-tag-default.next-tag-level-primary:not(.disabled):not([disabled]):hover, .next-tag-default.next-tag-level-primary:not(.disabled):not([disabled]).hover {
|
8187 | color: #333333;
|
8188 | color: var(--tag-fill-text-color-hover, #333333);
|
8189 | border-color: #E2E4E8;
|
8190 | border-color: var(--tag-fill-border-color-hover, #E2E4E8);
|
8191 | background-color: #E2E4E8;
|
8192 | background-color: var(--tag-fill-bg-color-hover, #E2E4E8); }
|
8193 | .next-tag-default.next-tag-level-primary:not(.disabled):not([disabled]):hover > .next-tag-close-btn, .next-tag-default.next-tag-level-primary:not(.disabled):not([disabled]).hover > .next-tag-close-btn {
|
8194 | color: #333333;
|
8195 | color: var(--tag-fill-tail-color-hover, #333333); }
|
8196 | .next-tag-default.next-tag-level-primary[disabled], .disabled.next-tag-default.next-tag-level-primary {
|
8197 | color: #CCCCCC;
|
8198 | color: var(--tag-fill-text-color-disabled, #CCCCCC);
|
8199 | border-color: #F7F8FA;
|
8200 | border-color: var(--tag-fill-border-color-disabled, #F7F8FA);
|
8201 | background-color: #F7F8FA;
|
8202 | background-color: var(--tag-fill-bg-color-disabled, #F7F8FA); }
|
8203 | .next-tag-default.next-tag-level-primary[disabled] > .next-tag-close-btn, .disabled.next-tag-default.next-tag-level-primary > .next-tag-close-btn {
|
8204 | color: #CCCCCC;
|
8205 | color: var(--tag-fill-tail-color-disabled, #CCCCCC); }
|
8206 | .next-tag-default.next-tag-level-primary > .next-tag-close-btn {
|
8207 | color: #666666;
|
8208 | color: var(--tag-fill-tail-color, #666666); }
|
8209 |
|
8210 | .next-tag-closable.next-tag-level-primary {
|
8211 | color: #666666;
|
8212 | color: var(--tag-closable-primary-fill-text-color, #666666);
|
8213 | border-color: #EBECF0;
|
8214 | border-color: var(--tag-closable-primary-fill-border-color, #EBECF0);
|
8215 | background-color: #EBECF0;
|
8216 | background-color: var(--tag-closable-primary-fill-bg-color, #EBECF0); }
|
8217 | .next-tag-closable.next-tag-level-primary:not(.disabled):not([disabled]):hover, .next-tag-closable.next-tag-level-primary:not(.disabled):not([disabled]).hover {
|
8218 | color: #333333;
|
8219 | color: var(--tag-closable-primary-fill-text-color-hover, #333333);
|
8220 | border-color: #E2E4E8;
|
8221 | border-color: var(--tag-closable-primary-fill-border-color-hover, #E2E4E8);
|
8222 | background-color: #E2E4E8;
|
8223 | background-color: var(--tag-closable-primary-fill-bg-color-hover, #E2E4E8); }
|
8224 | .next-tag-closable.next-tag-level-primary:not(.disabled):not([disabled]):hover > .next-tag-close-btn, .next-tag-closable.next-tag-level-primary:not(.disabled):not([disabled]).hover > .next-tag-close-btn {
|
8225 | color: #333333;
|
8226 | color: var(--tag-fill-tail-color-hover, #333333); }
|
8227 | .next-tag-closable.next-tag-level-primary[disabled], .disabled.next-tag-closable.next-tag-level-primary {
|
8228 | color: #CCCCCC;
|
8229 | color: var(--tag-closable-primary-fill-text-color-disabled, #CCCCCC);
|
8230 | border-color: #F7F8FA;
|
8231 | border-color: var(--tag-closable-primary-fill-border-color-disabled, #F7F8FA);
|
8232 | background-color: #F7F8FA;
|
8233 | background-color: var(--tag-closable-primary-fill-bg-color-disabled, #F7F8FA); }
|
8234 | .next-tag-closable.next-tag-level-primary[disabled] > .next-tag-close-btn, .disabled.next-tag-closable.next-tag-level-primary > .next-tag-close-btn {
|
8235 | color: #CCCCCC;
|
8236 | color: var(--tag-fill-tail-color-disabled, #CCCCCC); }
|
8237 | .next-tag-closable.next-tag-level-primary > .next-tag-close-btn {
|
8238 | color: #666666;
|
8239 | color: var(--tag-fill-tail-color, #666666); }
|
8240 |
|
8241 | .next-tag-checkable.next-tag-level-primary {
|
8242 | color: #666666;
|
8243 | color: var(--tag-checkable-fill-text-color, #666666);
|
8244 | border-color: #EBECF0;
|
8245 | border-color: var(--tag-checkable-fill-border-color, #EBECF0);
|
8246 | background-color: #EBECF0;
|
8247 | background-color: var(--tag-checkable-fill-bg-color, #EBECF0); }
|
8248 | .next-tag-checkable.next-tag-level-primary:not(.disabled):not([disabled]):hover, .next-tag-checkable.next-tag-level-primary:not(.disabled):not([disabled]).hover {
|
8249 | color: #333333;
|
8250 | color: var(--tag-checkable-fill-text-color-hover, #333333);
|
8251 | border-color: #E2E4E8;
|
8252 | border-color: var(--tag-checkable-fill-border-color-hover, #E2E4E8);
|
8253 | background-color: #E2E4E8;
|
8254 | background-color: var(--tag-checkable-fill-bg-color-hover, #E2E4E8); }
|
8255 | .next-tag-checkable.next-tag-level-primary:not(.disabled):not([disabled]):hover > .next-tag-close-btn, .next-tag-checkable.next-tag-level-primary:not(.disabled):not([disabled]).hover > .next-tag-close-btn {
|
8256 | color: #333333;
|
8257 | color: var(--tag-checkable-fill-tail-color-hover, #333333); }
|
8258 | .next-tag-checkable.next-tag-level-primary[disabled], .disabled.next-tag-checkable.next-tag-level-primary {
|
8259 | color: #CCCCCC;
|
8260 | color: var(--tag-checkable-fill-text-color-disabled, #CCCCCC);
|
8261 | border-color: #F7F8FA;
|
8262 | border-color: var(--tag-checkable-fill-border-color-disabled, #F7F8FA);
|
8263 | background-color: #F7F8FA;
|
8264 | background-color: var(--tag-checkable-fill-bg-color-disabled, #F7F8FA); }
|
8265 | .next-tag-checkable.next-tag-level-primary[disabled] > .next-tag-close-btn, .disabled.next-tag-checkable.next-tag-level-primary > .next-tag-close-btn {
|
8266 | color: #CCCCCC;
|
8267 | color: var(--tag-checkable-fill-tail-color-disabled, #CCCCCC); }
|
8268 | .next-tag-checkable.next-tag-level-primary > .next-tag-close-btn {
|
8269 | color: #666666;
|
8270 | color: var(--tag-checkable-fill-tail-color, #666666); }
|
8271 |
|
8272 | .next-tag-checkable.next-tag-level-primary.checked {
|
8273 | color: #FFFFFF;
|
8274 | color: var(--tag-checkable-primary-text-color, #FFFFFF);
|
8275 | border-color: #5584FF;
|
8276 | border-color: var(--tag-checkable-primary-border-color, #5584FF);
|
8277 | background-color: #5584FF;
|
8278 | background-color: var(--tag-checkable-primary-bg-color, #5584FF); }
|
8279 | .next-tag-checkable.next-tag-level-primary.checked:not(.disabled):not([disabled]):hover, .next-tag-checkable.next-tag-level-primary.checked:not(.disabled):not([disabled]).hover {
|
8280 | color: #FFFFFF;
|
8281 | color: var(--tag-checkable-primary-text-color-hover, #FFFFFF);
|
8282 | border-color: #3E71F7;
|
8283 | border-color: var(--tag-checkable-primary-border-color-hover, #3E71F7);
|
8284 | background-color: #3E71F7;
|
8285 | background-color: var(--tag-checkable-primary-bg-color-hover, #3E71F7); }
|
8286 | .next-tag-checkable.next-tag-level-primary.checked:not(.disabled):not([disabled]):hover > .next-tag-close-btn, .next-tag-checkable.next-tag-level-primary.checked:not(.disabled):not([disabled]).hover > .next-tag-close-btn {
|
8287 | color: #FFFFFF;
|
8288 | color: var(--tag-checkable-primary-tail-color-hover, #FFFFFF); }
|
8289 | .next-tag-checkable.next-tag-level-primary.checked[disabled], .disabled.next-tag-checkable.next-tag-level-primary.checked {
|
8290 | color: #CCCCCC;
|
8291 | color: var(--tag-checkable-primary-text-color-disabled, #CCCCCC);
|
8292 | border-color: #F7F8FA;
|
8293 | border-color: var(--tag-checkable-primary-border-color-disabled, #F7F8FA);
|
8294 | background-color: #F7F8FA;
|
8295 | background-color: var(--tag-checkable-primary-bg-color-disabled, #F7F8FA); }
|
8296 | .next-tag-checkable.next-tag-level-primary.checked[disabled] > .next-tag-close-btn, .disabled.next-tag-checkable.next-tag-level-primary.checked > .next-tag-close-btn {
|
8297 | color: #FFFFFF;
|
8298 | color: var(--tag-checkable-primary-tail-color, #FFFFFF); }
|
8299 | .next-tag-checkable.next-tag-level-primary.checked > .next-tag-close-btn {
|
8300 | color: #FFFFFF;
|
8301 | color: var(--tag-checkable-primary-tail-color, #FFFFFF); }
|
8302 |
|
8303 | .next-tag-default.next-tag-level-normal {
|
8304 | color: #666666;
|
8305 | color: var(--tag-bordered-text-color, #666666);
|
8306 | border-color: #C4C6CF;
|
8307 | border-color: var(--tag-bordered-border-color, #C4C6CF);
|
8308 | background-color: transparent;
|
8309 | background-color: var(--tag-bordered-bg, transparent); }
|
8310 | .next-tag-default.next-tag-level-normal:not(.disabled):not([disabled]):hover, .next-tag-default.next-tag-level-normal:not(.disabled):not([disabled]).hover {
|
8311 | color: #333333;
|
8312 | color: var(--tag-bordered-text-color-hover, #333333);
|
8313 | border-color: #A0A2AD;
|
8314 | border-color: var(--tag-bordered-border-color-hover, #A0A2AD);
|
8315 | background-color: transparent;
|
8316 | background-color: var(--tag-bordered-bg-hover, transparent); }
|
8317 | .next-tag-default.next-tag-level-normal:not(.disabled):not([disabled]):hover > .next-tag-close-btn, .next-tag-default.next-tag-level-normal:not(.disabled):not([disabled]).hover > .next-tag-close-btn {
|
8318 | color: #333333;
|
8319 | color: var(--tag-bordered-tail-color-hover, #333333); }
|
8320 | .next-tag-default.next-tag-level-normal[disabled], .disabled.next-tag-default.next-tag-level-normal {
|
8321 | color: #CCCCCC;
|
8322 | color: var(--tag-bordered-text-color-disabled, #CCCCCC);
|
8323 | border-color: #E6E7EB;
|
8324 | border-color: var(--tag-bordered-border-color-disabled, #E6E7EB);
|
8325 | background-color: #F7F8FA;
|
8326 | background-color: var(--tag-bordered-bg-disabled, #F7F8FA); }
|
8327 | .next-tag-default.next-tag-level-normal[disabled] > .next-tag-close-btn, .disabled.next-tag-default.next-tag-level-normal > .next-tag-close-btn {
|
8328 | color: #CCCCCC;
|
8329 | color: var(--tag-bordered-tail-color-disabled, #CCCCCC); }
|
8330 | .next-tag-default.next-tag-level-normal > .next-tag-close-btn {
|
8331 | color: #666666;
|
8332 | color: var(--tag-bordered-tail-color, #666666); }
|
8333 |
|
8334 | .next-tag-closable.next-tag-level-normal {
|
8335 | color: #666666;
|
8336 | color: var(--tag-closable-bordered-text-color, #666666);
|
8337 | border-color: #C4C6CF;
|
8338 | border-color: var(--tag-closable-bordered-border-color, #C4C6CF);
|
8339 | background-color: transparent;
|
8340 | background-color: var(--tag-closable-bordered-bg, transparent); }
|
8341 | .next-tag-closable.next-tag-level-normal:not(.disabled):not([disabled]):hover, .next-tag-closable.next-tag-level-normal:not(.disabled):not([disabled]).hover {
|
8342 | color: #333333;
|
8343 | color: var(--tag-closable-bordered-text-color-hover, #333333);
|
8344 | border-color: #A0A2AD;
|
8345 | border-color: var(--tag-closable-bordered-border-color-hover, #A0A2AD);
|
8346 | background-color: transparent;
|
8347 | background-color: var(--tag-closable-bordered-bg-hover, transparent); }
|
8348 | .next-tag-closable.next-tag-level-normal:not(.disabled):not([disabled]):hover > .next-tag-close-btn, .next-tag-closable.next-tag-level-normal:not(.disabled):not([disabled]).hover > .next-tag-close-btn {
|
8349 | color: #333333;
|
8350 | color: var(--tag-closable-bordered-tail-color-hover, #333333); }
|
8351 | .next-tag-closable.next-tag-level-normal[disabled], .disabled.next-tag-closable.next-tag-level-normal {
|
8352 | color: #CCCCCC;
|
8353 | color: var(--tag-closable-bordered-text-color-disabled, #CCCCCC);
|
8354 | border-color: #E6E7EB;
|
8355 | border-color: var(--tag-closable-bordered-border-color-disabled, #E6E7EB);
|
8356 | background-color: transparent;
|
8357 | background-color: var(--tag-closable-bordered-bg-disabled, transparent); }
|
8358 | .next-tag-closable.next-tag-level-normal[disabled] > .next-tag-close-btn, .disabled.next-tag-closable.next-tag-level-normal > .next-tag-close-btn {
|
8359 | color: #CCCCCC;
|
8360 | color: var(--tag-closable-bordered-tail-color-disabled, #CCCCCC); }
|
8361 | .next-tag-closable.next-tag-level-normal > .next-tag-close-btn {
|
8362 | color: #666666;
|
8363 | color: var(--tag-closable-bordered-tail-color, #666666); }
|
8364 |
|
8365 | .next-tag-checkable.next-tag-level-normal.checked {
|
8366 | color: #5584FF;
|
8367 | color: var(--tag-secondary-text-color, #5584FF);
|
8368 | border-color: #5584FF;
|
8369 | border-color: var(--tag-secondary-border-color, #5584FF);
|
8370 | background-color: transparent;
|
8371 | background-color: var(--tag-secondary-bg, transparent); }
|
8372 | .next-tag-checkable.next-tag-level-normal.checked:not(.disabled):not([disabled]):hover, .next-tag-checkable.next-tag-level-normal.checked:not(.disabled):not([disabled]).hover {
|
8373 | color: #3E71F7;
|
8374 | color: var(--tag-secondary-text-color-hover, #3E71F7);
|
8375 | border-color: #3E71F7;
|
8376 | border-color: var(--tag-secondary-border-color-hover, #3E71F7);
|
8377 | background-color: transparent;
|
8378 | background-color: var(--tag-secondary-bg-hover, transparent); }
|
8379 |
|
8380 | .next-tag-checkable.next-tag-level-secondary.checked {
|
8381 | color: #5584FF;
|
8382 | color: var(--tag-secondary-text-color, #5584FF);
|
8383 | border-color: #5584FF;
|
8384 | border-color: var(--tag-secondary-border-color, #5584FF);
|
8385 | background-color: transparent;
|
8386 | background-color: var(--tag-secondary-bg, transparent); }
|
8387 | .next-tag-checkable.next-tag-level-secondary.checked:not(.disabled):not([disabled]):hover, .next-tag-checkable.next-tag-level-secondary.checked:not(.disabled):not([disabled]).hover {
|
8388 | color: #3E71F7;
|
8389 | color: var(--tag-secondary-text-color-hover, #3E71F7);
|
8390 | border-color: #3E71F7;
|
8391 | border-color: var(--tag-secondary-border-color-hover, #3E71F7);
|
8392 | background-color: transparent;
|
8393 | background-color: var(--tag-secondary-bg-hover, transparent); }
|
8394 |
|
8395 | .next-tag-checkable.next-tag-level-secondary.checked:before {
|
8396 | position: absolute;
|
8397 | content: "";
|
8398 | -webkit-font-smoothing: antialiased;
|
8399 | background-color: #5584FF;
|
8400 | background-color: var(--tag-checkable-secondary-bg-selected, #5584FF);
|
8401 | transform: rotate(45deg); }
|
8402 |
|
8403 | .next-tag-checkable.next-tag-level-secondary.checked:after {
|
8404 | position: absolute;
|
8405 | font-family: NextIcon;
|
8406 | -webkit-font-smoothing: antialiased;
|
8407 | content: "\E632";
|
8408 | content: var(--tag-checkable-icon-selected, "\E632");
|
8409 | transform: scale(0.6);
|
8410 | color: #FFFFFF;
|
8411 | color: var(--tag-checkable-secondary-icon-color-selected, #FFFFFF); }
|
8412 |
|
8413 | .next-tag-checkable.next-tag-level-secondary.checked:not(.disabled):not([disabled]):hover:before, .next-tag-checkable.next-tag-level-secondary.checked:not(.disabled):not([disabled]).hover:before {
|
8414 | background-color: #3E71F7;
|
8415 | background-color: var(--tag-checkable-secondary-bg-selected-hover, #3E71F7); }
|
8416 |
|
8417 | .next-tag-checkable.next-tag-level-secondary.checked:not(.disabled):not([disabled]):hover:after, .next-tag-checkable.next-tag-level-secondary.checked:not(.disabled):not([disabled]).hover:after {
|
8418 | color: #FFFFFF;
|
8419 | color: var(--tag-checkable-secondary-icon-color-selected-hover, #FFFFFF); }
|
8420 |
|
8421 | .next-tag-checkable.next-tag-level-secondary.checked[disabled]:before, .next-tag-checkable.next-tag-level-secondary.checked:disabled:before {
|
8422 | background-color: #E6E7EB;
|
8423 | background-color: var(--tag-checkable-secondary-bg-selected-disabled, #E6E7EB); }
|
8424 |
|
8425 | .next-tag-checkable.next-tag-level-secondary.checked[disabled]:after, .next-tag-checkable.next-tag-level-secondary.checked:disabled:after {
|
8426 | color: #FFFFFF;
|
8427 | color: var(--tag-checkable-secondary-icon-color-selected-disabled, #FFFFFF); }
|
8428 |
|
8429 | .next-tag-checkable.next-tag-level-normal {
|
8430 | color: #666666;
|
8431 | color: var(--tag-checkable-normal-text-color, #666666);
|
8432 | border-color: #C4C6CF;
|
8433 | border-color: var(--tag-checkable-normal-border-color, #C4C6CF);
|
8434 | background-color: transparent;
|
8435 | background-color: var(--tag-checkable-normal-bg, transparent); }
|
8436 | .next-tag-checkable.next-tag-level-normal:not(.disabled):not([disabled]):hover, .next-tag-checkable.next-tag-level-normal:not(.disabled):not([disabled]).hover {
|
8437 | color: #333333;
|
8438 | color: var(--tag-checkable-normal-text-color-hover, #333333);
|
8439 | border-color: #C4C6CF;
|
8440 | border-color: var(--tag-checkable-normal-border-color-hover, #C4C6CF);
|
8441 | background-color: transparent;
|
8442 | background-color: var(--tag-checkable-normal-bg-hover, transparent); }
|
8443 | .next-tag-checkable.next-tag-level-normal[disabled], .disabled.next-tag-checkable.next-tag-level-normal {
|
8444 | color: #CCCCCC;
|
8445 | color: var(--tag-checkable-normal-text-selected-disabled, #CCCCCC);
|
8446 | border-color: #E6E7EB;
|
8447 | border-color: var(--tag-checkable-normal-border-selected-disabled, #E6E7EB);
|
8448 | background-color: #F7F8FA;
|
8449 | background-color: var(--tag-checkable-normal-bg-selected-disabled, #F7F8FA); }
|
8450 |
|
8451 | .next-tag-checkable.next-tag-level-normal.checked:before {
|
8452 | position: absolute;
|
8453 | content: "";
|
8454 | -webkit-font-smoothing: antialiased;
|
8455 | background-color: #5584FF;
|
8456 | background-color: var(--tag-checkable-normal-bg-selected, #5584FF);
|
8457 | transform: rotate(45deg); }
|
8458 |
|
8459 | .next-tag-checkable.next-tag-level-normal.checked:after {
|
8460 | position: absolute;
|
8461 | font-family: NextIcon;
|
8462 | -webkit-font-smoothing: antialiased;
|
8463 | content: "\E632";
|
8464 | content: var(--tag-checkable-icon-selected, "\E632");
|
8465 | transform: scale(0.6);
|
8466 | color: #FFFFFF;
|
8467 | color: var(--tag-checkable-normal-icon-color-selected, #FFFFFF); }
|
8468 |
|
8469 | .next-tag-checkable.next-tag-level-normal.checked:not(.disabled):not([disabled]):hover:before, .next-tag-checkable.next-tag-level-normal.checked:not(.disabled):not([disabled]).hover:before {
|
8470 | background-color: #3E71F7;
|
8471 | background-color: var(--tag-checkable-normal-bg-selected-hover, #3E71F7); }
|
8472 |
|
8473 | .next-tag-checkable.next-tag-level-normal.checked:not(.disabled):not([disabled]):hover:after, .next-tag-checkable.next-tag-level-normal.checked:not(.disabled):not([disabled]).hover:after {
|
8474 | color: #FFFFFF;
|
8475 | color: var(--tag-checkable-normal-icon-color-selected-hover, #FFFFFF); }
|
8476 |
|
8477 | .next-tag-checkable.next-tag-level-normal.checked[disabled]:before, .next-tag-checkable.next-tag-level-normal.checked:disabled:before {
|
8478 | background-color: #E6E7EB;
|
8479 | background-color: var(--tag-checkable-normal-tick-bg-selected-disabled, #E6E7EB); }
|
8480 |
|
8481 | .next-tag-checkable.next-tag-level-normal.checked[disabled]:after, .next-tag-checkable.next-tag-level-normal.checked:disabled:after {
|
8482 | color: #FFFFFF;
|
8483 | color: var(--tag-checkable-normal-icon-color-selected-disabled, #FFFFFF); }
|
8484 |
|
8485 | .next-tag-closable.next-tag-level-normal:before {
|
8486 | position: absolute;
|
8487 | content: "";
|
8488 | -webkit-font-smoothing: antialiased;
|
8489 | background-color: #C4C6CF;
|
8490 | background-color: var(--tag-closable-normal-bg, #C4C6CF);
|
8491 | transform: rotate(45deg); }
|
8492 |
|
8493 | .next-tag-closable.next-tag-level-normal:after {
|
8494 | position: absolute;
|
8495 | font-family: NextIcon;
|
8496 | -webkit-font-smoothing: antialiased;
|
8497 | content: "\E626";
|
8498 | content: var(--tag-closable-normal-icon, "\E626");
|
8499 | transform: scale(0.6);
|
8500 | color: #FFFFFF;
|
8501 | color: var(--tag-closable-normal-icon-color, #FFFFFF); }
|
8502 |
|
8503 | .next-tag-closable.next-tag-level-normal:not(.disabled):not([disabled]):hover:before, .next-tag-closable.next-tag-level-normal:not(.disabled):not([disabled]).hover:before {
|
8504 | background-color: #A0A2AD;
|
8505 | background-color: var(--tag-closable-normal-bg-hover, #A0A2AD); }
|
8506 |
|
8507 | .next-tag-closable.next-tag-level-normal:not(.disabled):not([disabled]):hover:after, .next-tag-closable.next-tag-level-normal:not(.disabled):not([disabled]).hover:after {
|
8508 | color: #FFFFFF;
|
8509 | color: var(--tag-closable-normal-icon-color-hover, #FFFFFF); }
|
8510 |
|
8511 | .next-tag-closable.next-tag-level-normal[disabled]:before, .next-tag-closable.next-tag-level-normal:disabled:before {
|
8512 | background-color: #E6E7EB;
|
8513 | background-color: var(--tag-closable-normal-bg-disabled, #E6E7EB); }
|
8514 |
|
8515 | .next-tag-closable.next-tag-level-normal[disabled]:after, .next-tag-closable.next-tag-level-normal:disabled:after {
|
8516 | color: #FFFFFF;
|
8517 | color: var(--tag-closable-normal-icon-color-disabled, #FFFFFF); }
|
8518 |
|
8519 | .next- {
|
8520 |
|
8521 | }
|
8522 | .next-tag-group .next-tag-medium,
|
8523 | .next-tag-group .next-tag-large {
|
8524 | margin-right: 8px;
|
8525 | margin-right: var(--tag-size-m-margin, 8px);
|
8526 | margin-bottom: 8px;
|
8527 | margin-bottom: var(--tag-size-m-margin, 8px); }
|
8528 | .next-tag-group .next-tag-small {
|
8529 | margin-right: 4px;
|
8530 | margin-right: var(--tag-size-s-margin, 4px);
|
8531 | margin-bottom: 4px;
|
8532 | margin-bottom: var(--tag-size-s-margin, 4px); }
|
8533 | .next-tag {
|
8534 | box-sizing: border-box;
|
8535 | display: inline-block;
|
8536 | max-width: 100%;
|
8537 | vertical-align: middle;
|
8538 | border-width: 1px;
|
8539 | border-width: var(--tag-border-width, 1px);
|
8540 | border-radius: 3px;
|
8541 | border-radius: var(--tag-corner-radius, 3px);
|
8542 | box-shadow: none;
|
8543 | box-shadow: var(--tag-shadow, none);
|
8544 | border-style: solid;
|
8545 |
|
8546 | overflow: hidden;
|
8547 | white-space: nowrap;
|
8548 | transition: all 100ms linear;
|
8549 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
8550 | font-size: 0;
|
8551 | outline: 0;
|
8552 | }
|
8553 | .next-tag *,
|
8554 | .next-tag *:before,
|
8555 | .next-tag *:after {
|
8556 | box-sizing: border-box; }
|
8557 | .next-tag > .next-tag-body {
|
8558 | position: relative;
|
8559 | display: inline-block;
|
8560 | height: 100%;
|
8561 | text-align: center;
|
8562 | vertical-align: middle;
|
8563 | max-width: 100%;
|
8564 | cursor: default;
|
8565 | }
|
8566 | .next-tag > .next-tag-body > a {
|
8567 | text-decoration: none;
|
8568 | color: inherit; }
|
8569 | .next-tag > .next-tag-body > a:before {
|
8570 | content: " ";
|
8571 | position: absolute;
|
8572 | display: block;
|
8573 | top: 0;
|
8574 | left: 0;
|
8575 | right: 0;
|
8576 | bottom: 0; }
|
8577 | .next-tag > .next-tag-body .next-icon {
|
8578 | line-height: 1;
|
8579 | vertical-align: baseline; }
|
8580 | .next-tag > .next-tag-body .next-icon:before {
|
8581 | font-size: inherit; }
|
8582 | .next-tag.next-tag-body-pointer {
|
8583 | cursor: pointer; }
|
8584 | .next-tag[disabled], .next-tag.disabled {
|
8585 | cursor: not-allowed;
|
8586 | pointer-events: none; }
|
8587 | .next-tag-blue {
|
8588 | background-color: #4494F9;
|
8589 | background-color: var(--tag-color-preset-blue, #4494F9);
|
8590 | border-color: #4494F9;
|
8591 | border-color: var(--tag-color-preset-blue, #4494F9);
|
8592 | color: #FFF; }
|
8593 | .next-tag-blue-inverse {
|
8594 | background-color: rgba(68, 148, 249, 0.25);
|
8595 | border-color: #4494F9;
|
8596 | border-color: var(--tag-color-preset-blue, #4494F9);
|
8597 | color: #4494F9;
|
8598 | color: var(--tag-color-preset-blue, #4494F9); }
|
8599 | .next-tag-green {
|
8600 | background-color: #46BC15;
|
8601 | background-color: var(--tag-color-preset-green, #46BC15);
|
8602 | border-color: #46BC15;
|
8603 | border-color: var(--tag-color-preset-green, #46BC15);
|
8604 | color: #FFF; }
|
8605 | .next-tag-green-inverse {
|
8606 | background-color: rgba(70, 188, 21, 0.25);
|
8607 | border-color: #46BC15;
|
8608 | border-color: var(--tag-color-preset-green, #46BC15);
|
8609 | color: #46BC15;
|
8610 | color: var(--tag-color-preset-green, #46BC15); }
|
8611 | .next-tag-orange {
|
8612 | background-color: #FF9300;
|
8613 | background-color: var(--tag-color-preset-orange, #FF9300);
|
8614 | border-color: #FF9300;
|
8615 | border-color: var(--tag-color-preset-orange, #FF9300);
|
8616 | color: #FFF; }
|
8617 | .next-tag-orange-inverse {
|
8618 | background-color: rgba(255, 147, 0, 0.25);
|
8619 | border-color: #FF9300;
|
8620 | border-color: var(--tag-color-preset-orange, #FF9300);
|
8621 | color: #FF9300;
|
8622 | color: var(--tag-color-preset-orange, #FF9300); }
|
8623 | .next-tag-red {
|
8624 | background-color: #FF3000;
|
8625 | background-color: var(--tag-color-preset-red, #FF3000);
|
8626 | border-color: #FF3000;
|
8627 | border-color: var(--tag-color-preset-red, #FF3000);
|
8628 | color: #FFF; }
|
8629 | .next-tag-red-inverse {
|
8630 | background-color: rgba(255, 48, 0, 0.25);
|
8631 | border-color: #FF3000;
|
8632 | border-color: var(--tag-color-preset-red, #FF3000);
|
8633 | color: #FF3000;
|
8634 | color: var(--tag-color-preset-red, #FF3000); }
|
8635 | .next-tag-turquoise {
|
8636 | background-color: #01C1B2;
|
8637 | background-color: var(--tag-color-preset-turquoise, #01C1B2);
|
8638 | border-color: #01C1B2;
|
8639 | border-color: var(--tag-color-preset-turquoise, #01C1B2);
|
8640 | color: #FFF; }
|
8641 | .next-tag-turquoise-inverse {
|
8642 | background-color: rgba(1, 193, 178, 0.25);
|
8643 | border-color: #01C1B2;
|
8644 | border-color: var(--tag-color-preset-turquoise, #01C1B2);
|
8645 | color: #01C1B2;
|
8646 | color: var(--tag-color-preset-turquoise, #01C1B2); }
|
8647 | .next-tag-yellow {
|
8648 | background-color: #FCCC12;
|
8649 | background-color: var(--tag-color-preset-yellow, #FCCC12);
|
8650 | border-color: #FCCC12;
|
8651 | border-color: var(--tag-color-preset-yellow, #FCCC12);
|
8652 | color: #FFF; }
|
8653 | .next-tag-yellow-inverse {
|
8654 | background-color: rgba(252, 204, 18, 0.25);
|
8655 | border-color: #FCCC12;
|
8656 | border-color: var(--tag-color-preset-yellow, #FCCC12);
|
8657 | color: #FCCC12;
|
8658 | color: var(--tag-color-preset-yellow, #FCCC12); }
|
8659 | .next-tag-large {
|
8660 | height: 40px;
|
8661 | height: var(--tag-size-l-height, 40px);
|
8662 | padding: 0;
|
8663 | line-height: 38px;
|
8664 | line-height: calc(var(--tag-size-l-height, 40px) - var(--tag-border-width, 1px)*2);
|
8665 | font-size: 0; }
|
8666 | .next-tag-large > .next-tag-body {
|
8667 | font-size: 16px;
|
8668 | font-size: var(--tag-size-l-text-size, 16px);
|
8669 | padding: 0 16px;
|
8670 | padding: 0 var(--tag-size-l-padding-lr, 16px);
|
8671 | min-width: 48px;
|
8672 | min-width: var(--tag-size-l-content-min-width, 48px); }
|
8673 | .next-tag-large.next-tag-closable > .next-tag-body {
|
8674 | padding: 0 0 0 16px;
|
8675 | padding: 0 0 0 var(--tag-size-l-padding-lr, 16px);
|
8676 | max-width: calc(100% - 44px);
|
8677 | max-width: calc(100% - var(--tag-size-l-spacing, 16px) - var(--tag-size-l-icon-font, 12px) - var(--tag-size-l-padding-lr, 16px)); }
|
8678 | .next-tag-large[dir=rtl].next-tag-closable > .next-tag-body {
|
8679 | padding: 0 16px 0 0;
|
8680 | padding: 0 var(--tag-size-l-padding-lr, 16px) 0 0; }
|
8681 | .next-tag-large.next-tag-closable > .next-tag-close-btn {
|
8682 | margin-left: 16px;
|
8683 | margin-left: var(--tag-size-l-spacing, 16px);
|
8684 | padding-right: 16px;
|
8685 | padding-right: var(--tag-size-l-padding-lr, 16px); }
|
8686 | .next-tag-large.next-tag-closable > .next-tag-close-btn .next-icon:before,
|
8687 | .next-tag-large.next-tag-closable > .next-tag-close-btn .next-icon .next-icon-remote {
|
8688 | width: 12px;
|
8689 | width: var(--tag-size-l-icon-font, 12px);
|
8690 | font-size: 12px;
|
8691 | font-size: var(--tag-size-l-icon-font, 12px);
|
8692 | line-height: inherit; }
|
8693 | .next-tag-large[dir=rtl] > .next-tag-close-btn {
|
8694 | margin-right: 16px;
|
8695 | margin-right: var(--tag-size-l-spacing, 16px);
|
8696 | margin-left: 0;
|
8697 | padding-right: 0;
|
8698 | padding-left: 16px;
|
8699 | padding-left: var(--tag-size-l-padding-lr, 16px); }
|
8700 | .next-tag-medium {
|
8701 | height: 28px;
|
8702 | height: var(--tag-size-m-height, 28px);
|
8703 | padding: 0;
|
8704 | line-height: 26px;
|
8705 | line-height: calc(var(--tag-size-m-height, 28px) - var(--tag-border-width, 1px)*2);
|
8706 | font-size: 0; }
|
8707 | .next-tag-medium > .next-tag-body {
|
8708 | font-size: 14px;
|
8709 | font-size: var(--tag-size-m-text-size, 14px);
|
8710 | padding: 0 12px;
|
8711 | padding: 0 var(--tag-size-m-padding-lr, 12px);
|
8712 | min-width: 40px;
|
8713 | min-width: var(--tag-size-m-content-min-width, 40px); }
|
8714 | .next-tag-medium.next-tag-closable > .next-tag-body {
|
8715 | padding: 0 0 0 12px;
|
8716 | padding: 0 0 0 var(--tag-size-m-padding-lr, 12px);
|
8717 | max-width: calc(100% - 32px);
|
8718 | max-width: calc(100% - var(--tag-size-m-spacing, 12px) - var(--tag-size-m-icon-font, 8px) - var(--tag-size-m-padding-lr, 12px)); }
|
8719 | .next-tag-medium[dir=rtl].next-tag-closable > .next-tag-body {
|
8720 | padding: 0 12px 0 0;
|
8721 | padding: 0 var(--tag-size-m-padding-lr, 12px) 0 0; }
|
8722 | .next-tag-medium.next-tag-closable > .next-tag-close-btn {
|
8723 | margin-left: 12px;
|
8724 | margin-left: var(--tag-size-m-spacing, 12px);
|
8725 | padding-right: 12px;
|
8726 | padding-right: var(--tag-size-m-padding-lr, 12px); }
|
8727 | .next-tag-medium.next-tag-closable > .next-tag-close-btn .next-icon:before,
|
8728 | .next-tag-medium.next-tag-closable > .next-tag-close-btn .next-icon .next-icon-remote {
|
8729 | width: 8px;
|
8730 | width: var(--tag-size-m-icon-font, 8px);
|
8731 | font-size: 8px;
|
8732 | font-size: var(--tag-size-m-icon-font, 8px);
|
8733 | line-height: inherit; }
|
8734 | @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
|
8735 | .next-tag-medium.next-tag-closable > .next-tag-close-btn .next-icon {
|
8736 | transform: scale(0.5);
|
8737 | margin-left: -4px;
|
8738 | margin-left: calc(0px - var(--icon-s, 16px)/2 + var(--tag-size-m-icon-font, 8px)/2);
|
8739 | margin-right: -4px;
|
8740 | margin-right: calc(0px - var(--icon-s, 16px)/2 + var(--tag-size-m-icon-font, 8px)/2); }
|
8741 | .next-tag-medium.next-tag-closable > .next-tag-close-btn .next-icon:before {
|
8742 | width: 16px;
|
8743 | width: var(--icon-s, 16px);
|
8744 | font-size: 16px;
|
8745 | font-size: var(--icon-s, 16px); } }
|
8746 | .next-tag-medium[dir=rtl] > .next-tag-close-btn {
|
8747 | margin-right: 12px;
|
8748 | margin-right: var(--tag-size-m-spacing, 12px);
|
8749 | margin-left: 0;
|
8750 | padding-right: 0;
|
8751 | padding-left: 12px;
|
8752 | padding-left: var(--tag-size-m-padding-lr, 12px); }
|
8753 | .next-tag-small {
|
8754 | height: 20px;
|
8755 | height: var(--tag-size-s-height, 20px);
|
8756 | padding: 0;
|
8757 | line-height: 18px;
|
8758 | line-height: calc(var(--tag-size-s-height, 20px) - var(--tag-border-width, 1px)*2);
|
8759 | font-size: 0; }
|
8760 | .next-tag-small > .next-tag-body {
|
8761 | font-size: 12px;
|
8762 | font-size: var(--tag-size-s-text-size, 12px);
|
8763 | padding: 0 8px;
|
8764 | padding: 0 var(--tag-size-s-padding-lr, 8px);
|
8765 | min-width: 28px;
|
8766 | min-width: var(--tag-size-s-content-min-width, 28px); }
|
8767 | .next-tag-small.next-tag-closable > .next-tag-body {
|
8768 | padding: 0 0 0 8px;
|
8769 | padding: 0 0 0 var(--tag-size-s-padding-lr, 8px);
|
8770 | max-width: calc(100% - 24px);
|
8771 | max-width: calc(100% - var(--tag-size-s-spacing, 8px) - var(--tag-size-s-icon-font, 8px) - var(--tag-size-s-padding-lr, 8px)); }
|
8772 | .next-tag-small[dir=rtl].next-tag-closable > .next-tag-body {
|
8773 | padding: 0 8px 0 0;
|
8774 | padding: 0 var(--tag-size-s-padding-lr, 8px) 0 0; }
|
8775 | .next-tag-small.next-tag-closable > .next-tag-close-btn {
|
8776 | margin-left: 8px;
|
8777 | margin-left: var(--tag-size-s-spacing, 8px);
|
8778 | padding-right: 8px;
|
8779 | padding-right: var(--tag-size-s-padding-lr, 8px); }
|
8780 | .next-tag-small.next-tag-closable > .next-tag-close-btn .next-icon:before,
|
8781 | .next-tag-small.next-tag-closable > .next-tag-close-btn .next-icon .next-icon-remote {
|
8782 | width: 8px;
|
8783 | width: var(--tag-size-s-icon-font, 8px);
|
8784 | font-size: 8px;
|
8785 | font-size: var(--tag-size-s-icon-font, 8px);
|
8786 | line-height: inherit; }
|
8787 | @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
|
8788 | .next-tag-small.next-tag-closable > .next-tag-close-btn .next-icon {
|
8789 | transform: scale(0.5);
|
8790 | margin-left: -4px;
|
8791 | margin-left: calc(0px - var(--icon-s, 16px)/2 + var(--tag-size-s-icon-font, 8px)/2);
|
8792 | margin-right: -4px;
|
8793 | margin-right: calc(0px - var(--icon-s, 16px)/2 + var(--tag-size-s-icon-font, 8px)/2); }
|
8794 | .next-tag-small.next-tag-closable > .next-tag-close-btn .next-icon:before {
|
8795 | width: 16px;
|
8796 | width: var(--icon-s, 16px);
|
8797 | font-size: 16px;
|
8798 | font-size: var(--icon-s, 16px); } }
|
8799 | .next-tag-small[dir=rtl] > .next-tag-close-btn {
|
8800 | margin-right: 8px;
|
8801 | margin-right: var(--tag-size-s-spacing, 8px);
|
8802 | margin-left: 0;
|
8803 | padding-right: 0;
|
8804 | padding-left: 8px;
|
8805 | padding-left: var(--tag-size-s-padding-lr, 8px); }
|
8806 | .next-tag-default {
|
8807 | cursor: default; }
|
8808 | .next-tag-closable {
|
8809 | position: relative; }
|
8810 | .next-tag-closable > .next-tag-close-btn {
|
8811 | display: inline-block;
|
8812 | vertical-align: middle;
|
8813 | height: 100%;
|
8814 | text-align: center;
|
8815 | cursor: pointer; }
|
8816 | .next-tag-checkable {
|
8817 | cursor: pointer;
|
8818 | position: relative;
|
8819 | border-radius: 3px;
|
8820 | border-radius: var(--tag-corner-radius, 3px); }
|
8821 | .next-tag-checkable.checked:before {
|
8822 | animation: fadeInRightForTag 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
8823 | animation: fadeInRightForTag 0.4s var(--ease-in-out-circ, cubic-bezier(0.78, 0.14, 0.15, 0.86)); }
|
8824 | .next-tag-checkable.checked:after {
|
8825 | animation: zoomIn 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
8826 | animation: zoomIn 0.4s var(--ease-in-out-circ, cubic-bezier(0.78, 0.14, 0.15, 0.86)); }
|
8827 | .next-tag-checkable.next-tag-small:not(.next-tag-level-primary):before {
|
8828 | right: -10px;
|
8829 | right: calc(0px - var(--tag-size-s-tick-icon-bg-size, 20px)/2);
|
8830 | bottom: -10px;
|
8831 | bottom: calc(0px - var(--tag-size-s-tick-icon-bg-size, 20px)/2);
|
8832 | width: 20px;
|
8833 | width: var(--tag-size-s-tick-icon-bg-size, 20px);
|
8834 | height: 20px;
|
8835 | height: var(--tag-size-s-tick-icon-bg-size, 20px); }
|
8836 | .next-tag-checkable.next-tag-small:not(.next-tag-level-primary):after {
|
8837 | font-size: 8px;
|
8838 | font-size: var(--tag-size-s-tick-icon-size, 8px);
|
8839 | line-height: 8px;
|
8840 | line-height: var(--tag-size-s-tick-icon-size, 8px);
|
8841 | right: 0;
|
8842 | bottom: 0; }
|
8843 | .next-tag-checkable.next-tag-medium:not(.next-tag-level-primary):before {
|
8844 | right: -14px;
|
8845 | right: calc(0px - var(--tag-size-m-tick-icon-bg-size, 28px)/2);
|
8846 | bottom: -14px;
|
8847 | bottom: calc(0px - var(--tag-size-m-tick-icon-bg-size, 28px)/2);
|
8848 | width: 28px;
|
8849 | width: var(--tag-size-m-tick-icon-bg-size, 28px);
|
8850 | height: 28px;
|
8851 | height: var(--tag-size-m-tick-icon-bg-size, 28px); }
|
8852 | .next-tag-checkable.next-tag-medium:not(.next-tag-level-primary):after {
|
8853 | font-size: 12px;
|
8854 | font-size: var(--tag-size-m-tick-icon-size, 12px);
|
8855 | line-height: 12px;
|
8856 | line-height: var(--tag-size-m-tick-icon-size, 12px);
|
8857 | right: 0;
|
8858 | bottom: 0; }
|
8859 | .next-tag-checkable.next-tag-large:not(.next-tag-level-primary):before {
|
8860 | right: -18px;
|
8861 | right: calc(0px - var(--tag-size-l-tick-icon-bg-size, 36px)/2);
|
8862 | bottom: -18px;
|
8863 | bottom: calc(0px - var(--tag-size-l-tick-icon-bg-size, 36px)/2);
|
8864 | width: 36px;
|
8865 | width: var(--tag-size-l-tick-icon-bg-size, 36px);
|
8866 | height: 36px;
|
8867 | height: var(--tag-size-l-tick-icon-bg-size, 36px); }
|
8868 | .next-tag-checkable.next-tag-large:not(.next-tag-level-primary):after {
|
8869 | font-size: 16px;
|
8870 | font-size: var(--tag-size-l-tick-icon-size, 16px);
|
8871 | line-height: 16px;
|
8872 | line-height: var(--tag-size-l-tick-icon-size, 16px);
|
8873 | right: 0;
|
8874 | bottom: 0; }
|
8875 | .next-tag-checkable.next-tag-level-secondary[disabled], .next-tag-checkable.next-tag-level-secondary.disabled {
|
8876 | color: #CCCCCC;
|
8877 | color: var(--tag-text-color-disabled, #CCCCCC);
|
8878 | border-color: #E6E7EB;
|
8879 | border-color: var(--tag-border-color-disabled, #E6E7EB);
|
8880 | background-color: #F7F8FA;
|
8881 | background-color: var(--tag-fill-bg-color-disabled, #F7F8FA); }
|
8882 | .next-tag-zoom-enter, .next-tag-zoom-appear {
|
8883 | animation: fadeInLeft 0.4s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
8884 | animation: fadeInLeft 0.4s var(--ease-in-out-circ, cubic-bezier(0.78, 0.14, 0.15, 0.86));
|
8885 | animation-fill-mode: both; }
|
8886 | .next-tag-zoom-leave {
|
8887 | animation: zoomOut .3s ease-in;
|
8888 | animation-fill-mode: both; }
|
8889 |
|
8890 | .next-sr-only {
|
8891 | position: absolute;
|
8892 | width: 1px;
|
8893 | height: 1px;
|
8894 | padding: 0;
|
8895 | overflow: hidden;
|
8896 | clip: rect(0, 0, 0, 0);
|
8897 | white-space: nowrap;
|
8898 | border: 0;
|
8899 | top: 0;
|
8900 | margin: -1px; }
|
8901 |
|
8902 | .next-timeline *,
|
8903 | .next-timeline *:before,
|
8904 | .next-timeline *:after {
|
8905 | box-sizing: border-box; }
|
8906 |
|
8907 | .next-timeline, .next-timeline:before, .next-timeline:after {
|
8908 | box-sizing: border-box; }
|
8909 |
|
8910 | .next-timeline ul {
|
8911 | margin: 0;
|
8912 | padding: 0;
|
8913 | list-style: none; }
|
8914 |
|
8915 | .next-timeline p {
|
8916 | margin: 0; }
|
8917 |
|
8918 | .next-timeline-hide {
|
8919 | display: none; }
|
8920 |
|
8921 | .next-timeline[dir='rtl'] .next-timeline-item {
|
8922 | }
|
8923 | .next-timeline[dir='rtl'] .next-timeline-item-folder {
|
8924 | padding-left: 0;
|
8925 | padding-right: 28px;
|
8926 | padding-right: calc(var(--timeline-item-content-margin-left, 12px) + var(--timeline-item-node-size, 16px)); }
|
8927 | .next-timeline[dir='rtl'] .next-timeline-item-dot-tail {
|
8928 | left: auto;
|
8929 | right: 8px;
|
8930 | right: calc(var(--timeline-item-node-size, 16px)/2);
|
8931 | border-left: none;
|
8932 | border-right: 1px dotted #DCDEE3;
|
8933 | border-right: var(--timeline-item-tail-size, 1px) dotted var(--timeline-item-tail-color, #DCDEE3); }
|
8934 | .next-timeline[dir='rtl'] .next-timeline-item-has-left-content.next-timeline-item-folder {
|
8935 | margin-left: 0;
|
8936 | margin-right: 80px;
|
8937 | margin-right: var(--timeline-item-left-content-width, 80px); }
|
8938 |
|
8939 | .next-timeline[dir='rtl'] .next-timeline-item-done {
|
8940 | position: relative; }
|
8941 | .next-timeline[dir='rtl'] .next-timeline-item-done .next-timeline-item-timeline {
|
8942 | position: absolute;
|
8943 | left: auto;
|
8944 | right: 0;
|
8945 | top: 0;
|
8946 | height: 100%; }
|
8947 | .next-timeline[dir='rtl'] .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-node {
|
8948 | position: relative;
|
8949 | width: 16px;
|
8950 | width: var(--timeline-item-node-size, 16px);
|
8951 | height: 24px;
|
8952 | height: calc(var(--timeline-item-node-size, 16px) + var(--timeline-item-node-padding, 4px)*2);
|
8953 | padding: 4px 0;
|
8954 | padding: var(--timeline-item-node-padding, 4px) 0;
|
8955 | text-align: center;
|
8956 | float: right; }
|
8957 | .next-timeline[dir='rtl'] .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
|
8958 | width: 40px;
|
8959 | width: var(--timeline-item-custom-node-size, 40px);
|
8960 | height: auto;
|
8961 | font-size: 12px;
|
8962 | font-size: var(--timeline-item-custom-node-font-size, 12px);
|
8963 | word-break: break-all;
|
8964 | margin-right: -12px;
|
8965 | margin-right: calc(0px - var(--timeline-item-custom-node-size, 40px)/2 + var(--timeline-item-node-size, 16px)/2);
|
8966 | margin-left: 0;
|
8967 | line-height: 1; }
|
8968 | .next-timeline[dir='rtl'] .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-dot {
|
8969 | display: block;
|
8970 | position: absolute;
|
8971 | width: 8px;
|
8972 | width: var(--timeline-item-done-dot-size, 8px);
|
8973 | height: 8px;
|
8974 | height: var(--timeline-item-done-dot-size, 8px);
|
8975 | border-radius: 100%;
|
8976 | top: 50%;
|
8977 | margin-top: -4px;
|
8978 | margin-top: calc(0px - var(--timeline-item-done-dot-size, 8px)/2);
|
8979 | left: 50%;
|
8980 | margin-left: -4px;
|
8981 | margin-left: calc(0px - var(--timeline-item-done-dot-size, 8px)/2); }
|
8982 | .next-timeline[dir='rtl'] .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-icon {
|
8983 | display: block;
|
8984 | position: absolute;
|
8985 | width: 16px;
|
8986 | width: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
8987 | height: 16px;
|
8988 | height: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
8989 | line-height: 16px;
|
8990 | line-height: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
8991 | border-radius: 100%;
|
8992 | top: 50%;
|
8993 | left: 50%;
|
8994 | margin-top: -8px;
|
8995 | margin-top: calc(-2px - var(--timeline-item-icon-size, 12px)/2);
|
8996 | margin-left: -8px;
|
8997 | margin-left: calc(-2px - var(--timeline-item-icon-size, 12px)/2); }
|
8998 | .next-timeline[dir='rtl'] .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-icon .next-icon:before,
|
8999 | .next-timeline[dir='rtl'] .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-icon .next-icon .next-icon-remote {
|
9000 | width: 12px;
|
9001 | width: var(--timeline-item-icon-size, 12px);
|
9002 | font-size: 12px;
|
9003 | font-size: var(--timeline-item-icon-size, 12px);
|
9004 | line-height: inherit; }
|
9005 | .next-timeline[dir='rtl'] .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-tail {
|
9006 | position: absolute;
|
9007 | width: auto;
|
9008 | height: calc(100% - 24px);
|
9009 | height: calc(100% - var(--timeline-item-node-size, 16px) - var(--timeline-item-node-padding, 4px)*2);
|
9010 | top: 24px;
|
9011 | top: calc(var(--timeline-item-node-size, 16px) + var(--timeline-item-node-padding, 4px)*2);
|
9012 | left: auto;
|
9013 | right: 8px;
|
9014 | right: calc(var(--timeline-item-node-size, 16px)/2); }
|
9015 | .next-timeline[dir='rtl'] .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-tail i {
|
9016 | display: inline-block;
|
9017 | vertical-align: top;
|
9018 | height: 100%;
|
9019 | width: 1px;
|
9020 | width: var(--timeline-item-tail-size, 1px);
|
9021 | position: relative;
|
9022 | background: #DCDEE3;
|
9023 | background: var(--timeline-item-tail-color, #DCDEE3);
|
9024 | -webkit-transition: all 100ms linear;
|
9025 | -webkit-transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
9026 | transition: all 100ms linear;
|
9027 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
9028 | .next-timeline[dir='rtl'] .next-timeline-item-done .next-timeline-item-content {
|
9029 | display: inline-block;
|
9030 | margin-right: 28px;
|
9031 | margin-right: calc(var(--timeline-item-content-margin-left, 12px) + var(--timeline-item-node-size, 16px));
|
9032 | margin-left: 0; }
|
9033 | .next-timeline[dir='rtl'] .next-timeline-item-done .next-timeline-item-content .next-timeline-item-title {
|
9034 | margin: 0;
|
9035 | font-size: 12px;
|
9036 | font-size: var(--timeline-item-title-font-size, 12px);
|
9037 | font-weight: bold;
|
9038 | font-weight: var(--timeline-item-title-font-weight, bold);
|
9039 | line-height: 1.5;
|
9040 | line-height: var(--font-lineheight-2, 1.5);
|
9041 | margin-top: 4px;
|
9042 | margin-top: var(--timeline-item-title-margin-top, 4px);
|
9043 | overflow: hidden;
|
9044 | text-overflow: ellipsis;
|
9045 | white-space: nowrap;
|
9046 | color: #333333;
|
9047 | color: var(--timeline-item-title-color, #333333);
|
9048 | text-align: right; }
|
9049 | .next-timeline[dir='rtl'] .next-timeline-item-done .next-timeline-item-content .next-timeline-item-body {
|
9050 | margin: 0;
|
9051 | margin-top: 4px;
|
9052 | margin-top: var(--timeline-item-body-margin-top, 4px);
|
9053 | font-size: 12px;
|
9054 | font-size: var(--timeline-item-body-font-size, 12px);
|
9055 | line-height: 1.5;
|
9056 | line-height: var(--font-lineheight-2, 1.5);
|
9057 | color: #666666;
|
9058 | color: var(--timeline-item-body-color, #666666);
|
9059 | text-align: right; }
|
9060 | .next-timeline[dir='rtl'] .next-timeline-item-done .next-timeline-item-content .next-timeline-item-time {
|
9061 | margin: 0;
|
9062 | margin-top: 4px;
|
9063 | margin-top: var(--timeline-item-time-margin-top, 4px);
|
9064 | margin-bottom: 12px;
|
9065 | margin-bottom: var(--timeline-item-time-margin-bottom, 12px);
|
9066 | font-size: 12px;
|
9067 | font-size: var(--timeline-item-time-font-size, 12px);
|
9068 | color: #999999;
|
9069 | color: var(--timeline-item-time-color, #999999);
|
9070 | text-align: right; }
|
9071 | .next-timeline[dir='rtl'] .next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-left-content {
|
9072 | position: absolute;
|
9073 | width: 80px;
|
9074 | width: var(--timeline-item-left-content-width, 80px);
|
9075 | display: inline-block;
|
9076 | font-size: 12px;
|
9077 | font-size: var(--timeline-item-left-body-font-size, 12px);
|
9078 | color: #999999;
|
9079 | color: var(--timeline-item-left-body-color, #999999);
|
9080 | line-height: 1.5;
|
9081 | line-height: var(--font-lineheight-2, 1.5);
|
9082 | margin-top: 4px;
|
9083 | margin-top: var(--timeline-item-title-margin-top, 4px);
|
9084 | text-align: left;
|
9085 | padding-left: 12px;
|
9086 | padding-left: var(--timeline-item-content-margin-left, 12px);
|
9087 | padding-right: 0; }
|
9088 | .next-timeline[dir='rtl'] .next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
|
9089 | word-break: break-word; }
|
9090 | .next-timeline[dir='rtl'] .next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-timeline {
|
9091 | margin-right: 80px;
|
9092 | margin-right: var(--timeline-item-left-content-width, 80px);
|
9093 | margin-left: 0; }
|
9094 | .next-timeline[dir='rtl'] .next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-content {
|
9095 | margin-right: 108px;
|
9096 | margin-right: calc(var(--timeline-item-left-content-width, 80px) + var(--timeline-item-content-margin-left, 12px) + var(--timeline-item-node-size, 16px));
|
9097 | margin-left: 0; }
|
9098 | .next-timeline[dir='rtl'] .next-timeline-item-done .next-timeline-item-dot {
|
9099 | background: #C4C6CF;
|
9100 | background: var(--timeline-item-done-background, #C4C6CF); }
|
9101 | .next-timeline[dir='rtl'] .next-timeline-item-done .next-timeline-item-icon {
|
9102 | background: #C4C6CF;
|
9103 | background: var(--timeline-item-done-background, #C4C6CF);
|
9104 | color: #FFFFFF;
|
9105 | color: var(--timeline-item-done-color, #FFFFFF); }
|
9106 |
|
9107 | .next-timeline[dir='rtl'] .next-timeline-item-process {
|
9108 | position: relative; }
|
9109 | .next-timeline[dir='rtl'] .next-timeline-item-process .next-timeline-item-timeline {
|
9110 | position: absolute;
|
9111 | left: auto;
|
9112 | right: 0;
|
9113 | top: 0;
|
9114 | height: 100%; }
|
9115 | .next-timeline[dir='rtl'] .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-node {
|
9116 | position: relative;
|
9117 | width: 16px;
|
9118 | width: var(--timeline-item-node-size, 16px);
|
9119 | height: 24px;
|
9120 | height: calc(var(--timeline-item-node-size, 16px) + var(--timeline-item-node-padding, 4px)*2);
|
9121 | padding: 4px 0;
|
9122 | padding: var(--timeline-item-node-padding, 4px) 0;
|
9123 | text-align: center;
|
9124 | float: right; }
|
9125 | .next-timeline[dir='rtl'] .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
|
9126 | width: 40px;
|
9127 | width: var(--timeline-item-custom-node-size, 40px);
|
9128 | height: auto;
|
9129 | font-size: 12px;
|
9130 | font-size: var(--timeline-item-custom-node-font-size, 12px);
|
9131 | word-break: break-all;
|
9132 | margin-right: -12px;
|
9133 | margin-right: calc(0px - var(--timeline-item-custom-node-size, 40px)/2 + var(--timeline-item-node-size, 16px)/2);
|
9134 | margin-left: 0;
|
9135 | line-height: 1; }
|
9136 | .next-timeline[dir='rtl'] .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-dot {
|
9137 | display: block;
|
9138 | position: absolute;
|
9139 | width: 8px;
|
9140 | width: var(--timeline-item-process-dot-size, 8px);
|
9141 | height: 8px;
|
9142 | height: var(--timeline-item-process-dot-size, 8px);
|
9143 | border-radius: 100%;
|
9144 | top: 50%;
|
9145 | margin-top: -4px;
|
9146 | margin-top: calc(0px - var(--timeline-item-process-dot-size, 8px)/2);
|
9147 | left: 50%;
|
9148 | margin-left: -4px;
|
9149 | margin-left: calc(0px - var(--timeline-item-process-dot-size, 8px)/2); }
|
9150 | .next-timeline[dir='rtl'] .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-icon {
|
9151 | display: block;
|
9152 | position: absolute;
|
9153 | width: 16px;
|
9154 | width: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
9155 | height: 16px;
|
9156 | height: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
9157 | line-height: 16px;
|
9158 | line-height: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
9159 | border-radius: 100%;
|
9160 | top: 50%;
|
9161 | left: 50%;
|
9162 | margin-top: -8px;
|
9163 | margin-top: calc(-2px - var(--timeline-item-icon-size, 12px)/2);
|
9164 | margin-left: -8px;
|
9165 | margin-left: calc(-2px - var(--timeline-item-icon-size, 12px)/2); }
|
9166 | .next-timeline[dir='rtl'] .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-icon .next-icon:before,
|
9167 | .next-timeline[dir='rtl'] .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-icon .next-icon .next-icon-remote {
|
9168 | width: 12px;
|
9169 | width: var(--timeline-item-icon-size, 12px);
|
9170 | font-size: 12px;
|
9171 | font-size: var(--timeline-item-icon-size, 12px);
|
9172 | line-height: inherit; }
|
9173 | .next-timeline[dir='rtl'] .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-tail {
|
9174 | position: absolute;
|
9175 | width: auto;
|
9176 | height: calc(100% - 24px);
|
9177 | height: calc(100% - var(--timeline-item-node-size, 16px) - var(--timeline-item-node-padding, 4px)*2);
|
9178 | top: 24px;
|
9179 | top: calc(var(--timeline-item-node-size, 16px) + var(--timeline-item-node-padding, 4px)*2);
|
9180 | left: auto;
|
9181 | right: 8px;
|
9182 | right: calc(var(--timeline-item-node-size, 16px)/2); }
|
9183 | .next-timeline[dir='rtl'] .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-tail i {
|
9184 | display: inline-block;
|
9185 | vertical-align: top;
|
9186 | height: 100%;
|
9187 | width: 1px;
|
9188 | width: var(--timeline-item-tail-size, 1px);
|
9189 | position: relative;
|
9190 | background: #DCDEE3;
|
9191 | background: var(--timeline-item-tail-color, #DCDEE3);
|
9192 | -webkit-transition: all 100ms linear;
|
9193 | -webkit-transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
9194 | transition: all 100ms linear;
|
9195 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
9196 | .next-timeline[dir='rtl'] .next-timeline-item-process .next-timeline-item-content {
|
9197 | display: inline-block;
|
9198 | margin-right: 28px;
|
9199 | margin-right: calc(var(--timeline-item-content-margin-left, 12px) + var(--timeline-item-node-size, 16px));
|
9200 | margin-left: 0; }
|
9201 | .next-timeline[dir='rtl'] .next-timeline-item-process .next-timeline-item-content .next-timeline-item-title {
|
9202 | margin: 0;
|
9203 | font-size: 12px;
|
9204 | font-size: var(--timeline-item-title-font-size, 12px);
|
9205 | font-weight: bold;
|
9206 | font-weight: var(--timeline-item-title-font-weight, bold);
|
9207 | line-height: 1.5;
|
9208 | line-height: var(--font-lineheight-2, 1.5);
|
9209 | margin-top: 4px;
|
9210 | margin-top: var(--timeline-item-title-margin-top, 4px);
|
9211 | overflow: hidden;
|
9212 | text-overflow: ellipsis;
|
9213 | white-space: nowrap;
|
9214 | color: #333333;
|
9215 | color: var(--timeline-item-title-color, #333333);
|
9216 | text-align: right; }
|
9217 | .next-timeline[dir='rtl'] .next-timeline-item-process .next-timeline-item-content .next-timeline-item-body {
|
9218 | margin: 0;
|
9219 | margin-top: 4px;
|
9220 | margin-top: var(--timeline-item-body-margin-top, 4px);
|
9221 | font-size: 12px;
|
9222 | font-size: var(--timeline-item-body-font-size, 12px);
|
9223 | line-height: 1.5;
|
9224 | line-height: var(--font-lineheight-2, 1.5);
|
9225 | color: #666666;
|
9226 | color: var(--timeline-item-body-color, #666666);
|
9227 | text-align: right; }
|
9228 | .next-timeline[dir='rtl'] .next-timeline-item-process .next-timeline-item-content .next-timeline-item-time {
|
9229 | margin: 0;
|
9230 | margin-top: 4px;
|
9231 | margin-top: var(--timeline-item-time-margin-top, 4px);
|
9232 | margin-bottom: 12px;
|
9233 | margin-bottom: var(--timeline-item-time-margin-bottom, 12px);
|
9234 | font-size: 12px;
|
9235 | font-size: var(--timeline-item-time-font-size, 12px);
|
9236 | color: #999999;
|
9237 | color: var(--timeline-item-time-color, #999999);
|
9238 | text-align: right; }
|
9239 | .next-timeline[dir='rtl'] .next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-left-content {
|
9240 | position: absolute;
|
9241 | width: 80px;
|
9242 | width: var(--timeline-item-left-content-width, 80px);
|
9243 | display: inline-block;
|
9244 | font-size: 12px;
|
9245 | font-size: var(--timeline-item-left-body-font-size, 12px);
|
9246 | color: #999999;
|
9247 | color: var(--timeline-item-left-body-color, #999999);
|
9248 | line-height: 1.5;
|
9249 | line-height: var(--font-lineheight-2, 1.5);
|
9250 | margin-top: 4px;
|
9251 | margin-top: var(--timeline-item-title-margin-top, 4px);
|
9252 | text-align: left;
|
9253 | padding-left: 12px;
|
9254 | padding-left: var(--timeline-item-content-margin-left, 12px);
|
9255 | padding-right: 0; }
|
9256 | .next-timeline[dir='rtl'] .next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
|
9257 | word-break: break-word; }
|
9258 | .next-timeline[dir='rtl'] .next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-timeline {
|
9259 | margin-right: 80px;
|
9260 | margin-right: var(--timeline-item-left-content-width, 80px);
|
9261 | margin-left: 0; }
|
9262 | .next-timeline[dir='rtl'] .next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-content {
|
9263 | margin-right: 108px;
|
9264 | margin-right: calc(var(--timeline-item-left-content-width, 80px) + var(--timeline-item-content-margin-left, 12px) + var(--timeline-item-node-size, 16px));
|
9265 | margin-left: 0; }
|
9266 | .next-timeline[dir='rtl'] .next-timeline-item-process .next-timeline-item-dot {
|
9267 | background: #5584FF;
|
9268 | background: var(--timeline-item-process-background, #5584FF); }
|
9269 | .next-timeline[dir='rtl'] .next-timeline-item-process .next-timeline-item-icon {
|
9270 | background: #5584FF;
|
9271 | background: var(--timeline-item-process-background, #5584FF);
|
9272 | color: #FFFFFF;
|
9273 | color: var(--timeline-item-process-color, #FFFFFF); }
|
9274 |
|
9275 | .next-timeline[dir='rtl'] .next-timeline-item-success {
|
9276 | position: relative; }
|
9277 | .next-timeline[dir='rtl'] .next-timeline-item-success .next-timeline-item-timeline {
|
9278 | position: absolute;
|
9279 | left: auto;
|
9280 | right: 0;
|
9281 | top: 0;
|
9282 | height: 100%; }
|
9283 | .next-timeline[dir='rtl'] .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-node {
|
9284 | position: relative;
|
9285 | width: 16px;
|
9286 | width: var(--timeline-item-node-size, 16px);
|
9287 | height: 24px;
|
9288 | height: calc(var(--timeline-item-node-size, 16px) + var(--timeline-item-node-padding, 4px)*2);
|
9289 | padding: 4px 0;
|
9290 | padding: var(--timeline-item-node-padding, 4px) 0;
|
9291 | text-align: center;
|
9292 | float: right; }
|
9293 | .next-timeline[dir='rtl'] .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
|
9294 | width: 40px;
|
9295 | width: var(--timeline-item-custom-node-size, 40px);
|
9296 | height: auto;
|
9297 | font-size: 12px;
|
9298 | font-size: var(--timeline-item-custom-node-font-size, 12px);
|
9299 | word-break: break-all;
|
9300 | margin-right: -12px;
|
9301 | margin-right: calc(0px - var(--timeline-item-custom-node-size, 40px)/2 + var(--timeline-item-node-size, 16px)/2);
|
9302 | margin-left: 0;
|
9303 | line-height: 1; }
|
9304 | .next-timeline[dir='rtl'] .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-dot {
|
9305 | display: block;
|
9306 | position: absolute;
|
9307 | width: 8px;
|
9308 | width: var(--timeline-item-success-dot-size, 8px);
|
9309 | height: 8px;
|
9310 | height: var(--timeline-item-success-dot-size, 8px);
|
9311 | border-radius: 100%;
|
9312 | top: 50%;
|
9313 | margin-top: -4px;
|
9314 | margin-top: calc(0px - var(--timeline-item-success-dot-size, 8px)/2);
|
9315 | left: 50%;
|
9316 | margin-left: -4px;
|
9317 | margin-left: calc(0px - var(--timeline-item-success-dot-size, 8px)/2); }
|
9318 | .next-timeline[dir='rtl'] .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-icon {
|
9319 | display: block;
|
9320 | position: absolute;
|
9321 | width: 16px;
|
9322 | width: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
9323 | height: 16px;
|
9324 | height: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
9325 | line-height: 16px;
|
9326 | line-height: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
9327 | border-radius: 100%;
|
9328 | top: 50%;
|
9329 | left: 50%;
|
9330 | margin-top: -8px;
|
9331 | margin-top: calc(-2px - var(--timeline-item-icon-size, 12px)/2);
|
9332 | margin-left: -8px;
|
9333 | margin-left: calc(-2px - var(--timeline-item-icon-size, 12px)/2); }
|
9334 | .next-timeline[dir='rtl'] .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-icon .next-icon:before,
|
9335 | .next-timeline[dir='rtl'] .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-icon .next-icon .next-icon-remote {
|
9336 | width: 12px;
|
9337 | width: var(--timeline-item-icon-size, 12px);
|
9338 | font-size: 12px;
|
9339 | font-size: var(--timeline-item-icon-size, 12px);
|
9340 | line-height: inherit; }
|
9341 | .next-timeline[dir='rtl'] .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-tail {
|
9342 | position: absolute;
|
9343 | width: auto;
|
9344 | height: calc(100% - 24px);
|
9345 | height: calc(100% - var(--timeline-item-node-size, 16px) - var(--timeline-item-node-padding, 4px)*2);
|
9346 | top: 24px;
|
9347 | top: calc(var(--timeline-item-node-size, 16px) + var(--timeline-item-node-padding, 4px)*2);
|
9348 | left: auto;
|
9349 | right: 8px;
|
9350 | right: calc(var(--timeline-item-node-size, 16px)/2); }
|
9351 | .next-timeline[dir='rtl'] .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-tail i {
|
9352 | display: inline-block;
|
9353 | vertical-align: top;
|
9354 | height: 100%;
|
9355 | width: 1px;
|
9356 | width: var(--timeline-item-tail-size, 1px);
|
9357 | position: relative;
|
9358 | background: #DCDEE3;
|
9359 | background: var(--timeline-item-tail-color, #DCDEE3);
|
9360 | -webkit-transition: all 100ms linear;
|
9361 | -webkit-transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
9362 | transition: all 100ms linear;
|
9363 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
9364 | .next-timeline[dir='rtl'] .next-timeline-item-success .next-timeline-item-content {
|
9365 | display: inline-block;
|
9366 | margin-right: 28px;
|
9367 | margin-right: calc(var(--timeline-item-content-margin-left, 12px) + var(--timeline-item-node-size, 16px));
|
9368 | margin-left: 0; }
|
9369 | .next-timeline[dir='rtl'] .next-timeline-item-success .next-timeline-item-content .next-timeline-item-title {
|
9370 | margin: 0;
|
9371 | font-size: 12px;
|
9372 | font-size: var(--timeline-item-title-font-size, 12px);
|
9373 | font-weight: bold;
|
9374 | font-weight: var(--timeline-item-title-font-weight, bold);
|
9375 | line-height: 1.5;
|
9376 | line-height: var(--font-lineheight-2, 1.5);
|
9377 | margin-top: 4px;
|
9378 | margin-top: var(--timeline-item-title-margin-top, 4px);
|
9379 | overflow: hidden;
|
9380 | text-overflow: ellipsis;
|
9381 | white-space: nowrap;
|
9382 | color: #333333;
|
9383 | color: var(--timeline-item-title-color, #333333);
|
9384 | text-align: right; }
|
9385 | .next-timeline[dir='rtl'] .next-timeline-item-success .next-timeline-item-content .next-timeline-item-body {
|
9386 | margin: 0;
|
9387 | margin-top: 4px;
|
9388 | margin-top: var(--timeline-item-body-margin-top, 4px);
|
9389 | font-size: 12px;
|
9390 | font-size: var(--timeline-item-body-font-size, 12px);
|
9391 | line-height: 1.5;
|
9392 | line-height: var(--font-lineheight-2, 1.5);
|
9393 | color: #666666;
|
9394 | color: var(--timeline-item-body-color, #666666);
|
9395 | text-align: right; }
|
9396 | .next-timeline[dir='rtl'] .next-timeline-item-success .next-timeline-item-content .next-timeline-item-time {
|
9397 | margin: 0;
|
9398 | margin-top: 4px;
|
9399 | margin-top: var(--timeline-item-time-margin-top, 4px);
|
9400 | margin-bottom: 12px;
|
9401 | margin-bottom: var(--timeline-item-time-margin-bottom, 12px);
|
9402 | font-size: 12px;
|
9403 | font-size: var(--timeline-item-time-font-size, 12px);
|
9404 | color: #999999;
|
9405 | color: var(--timeline-item-time-color, #999999);
|
9406 | text-align: right; }
|
9407 | .next-timeline[dir='rtl'] .next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-left-content {
|
9408 | position: absolute;
|
9409 | width: 80px;
|
9410 | width: var(--timeline-item-left-content-width, 80px);
|
9411 | display: inline-block;
|
9412 | font-size: 12px;
|
9413 | font-size: var(--timeline-item-left-body-font-size, 12px);
|
9414 | color: #999999;
|
9415 | color: var(--timeline-item-left-body-color, #999999);
|
9416 | line-height: 1.5;
|
9417 | line-height: var(--font-lineheight-2, 1.5);
|
9418 | margin-top: 4px;
|
9419 | margin-top: var(--timeline-item-title-margin-top, 4px);
|
9420 | text-align: left;
|
9421 | padding-left: 12px;
|
9422 | padding-left: var(--timeline-item-content-margin-left, 12px);
|
9423 | padding-right: 0; }
|
9424 | .next-timeline[dir='rtl'] .next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
|
9425 | word-break: break-word; }
|
9426 | .next-timeline[dir='rtl'] .next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-timeline {
|
9427 | margin-right: 80px;
|
9428 | margin-right: var(--timeline-item-left-content-width, 80px);
|
9429 | margin-left: 0; }
|
9430 | .next-timeline[dir='rtl'] .next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-content {
|
9431 | margin-right: 108px;
|
9432 | margin-right: calc(var(--timeline-item-left-content-width, 80px) + var(--timeline-item-content-margin-left, 12px) + var(--timeline-item-node-size, 16px));
|
9433 | margin-left: 0; }
|
9434 | .next-timeline[dir='rtl'] .next-timeline-item-success .next-timeline-item-dot {
|
9435 | background: #46BC15;
|
9436 | background: var(--timeline-item-success-background, #46BC15); }
|
9437 | .next-timeline[dir='rtl'] .next-timeline-item-success .next-timeline-item-icon {
|
9438 | background: #46BC15;
|
9439 | background: var(--timeline-item-success-background, #46BC15);
|
9440 | color: #FFFFFF;
|
9441 | color: var(--timeline-item-success-color, #FFFFFF); }
|
9442 |
|
9443 | .next-timeline[dir='rtl'] .next-timeline-item-error {
|
9444 | position: relative; }
|
9445 | .next-timeline[dir='rtl'] .next-timeline-item-error .next-timeline-item-timeline {
|
9446 | position: absolute;
|
9447 | left: auto;
|
9448 | right: 0;
|
9449 | top: 0;
|
9450 | height: 100%; }
|
9451 | .next-timeline[dir='rtl'] .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-node {
|
9452 | position: relative;
|
9453 | width: 16px;
|
9454 | width: var(--timeline-item-node-size, 16px);
|
9455 | height: 24px;
|
9456 | height: calc(var(--timeline-item-node-size, 16px) + var(--timeline-item-node-padding, 4px)*2);
|
9457 | padding: 4px 0;
|
9458 | padding: var(--timeline-item-node-padding, 4px) 0;
|
9459 | text-align: center;
|
9460 | float: right; }
|
9461 | .next-timeline[dir='rtl'] .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
|
9462 | width: 40px;
|
9463 | width: var(--timeline-item-custom-node-size, 40px);
|
9464 | height: auto;
|
9465 | font-size: 12px;
|
9466 | font-size: var(--timeline-item-custom-node-font-size, 12px);
|
9467 | word-break: break-all;
|
9468 | margin-right: -12px;
|
9469 | margin-right: calc(0px - var(--timeline-item-custom-node-size, 40px)/2 + var(--timeline-item-node-size, 16px)/2);
|
9470 | margin-left: 0;
|
9471 | line-height: 1; }
|
9472 | .next-timeline[dir='rtl'] .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-dot {
|
9473 | display: block;
|
9474 | position: absolute;
|
9475 | width: 8px;
|
9476 | width: var(--timeline-item-error-dot-size, 8px);
|
9477 | height: 8px;
|
9478 | height: var(--timeline-item-error-dot-size, 8px);
|
9479 | border-radius: 100%;
|
9480 | top: 50%;
|
9481 | margin-top: -4px;
|
9482 | margin-top: calc(0px - var(--timeline-item-error-dot-size, 8px)/2);
|
9483 | left: 50%;
|
9484 | margin-left: -4px;
|
9485 | margin-left: calc(0px - var(--timeline-item-error-dot-size, 8px)/2); }
|
9486 | .next-timeline[dir='rtl'] .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-icon {
|
9487 | display: block;
|
9488 | position: absolute;
|
9489 | width: 16px;
|
9490 | width: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
9491 | height: 16px;
|
9492 | height: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
9493 | line-height: 16px;
|
9494 | line-height: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
9495 | border-radius: 100%;
|
9496 | top: 50%;
|
9497 | left: 50%;
|
9498 | margin-top: -8px;
|
9499 | margin-top: calc(-2px - var(--timeline-item-icon-size, 12px)/2);
|
9500 | margin-left: -8px;
|
9501 | margin-left: calc(-2px - var(--timeline-item-icon-size, 12px)/2); }
|
9502 | .next-timeline[dir='rtl'] .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-icon .next-icon:before,
|
9503 | .next-timeline[dir='rtl'] .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-icon .next-icon .next-icon-remote {
|
9504 | width: 12px;
|
9505 | width: var(--timeline-item-icon-size, 12px);
|
9506 | font-size: 12px;
|
9507 | font-size: var(--timeline-item-icon-size, 12px);
|
9508 | line-height: inherit; }
|
9509 | .next-timeline[dir='rtl'] .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-tail {
|
9510 | position: absolute;
|
9511 | width: auto;
|
9512 | height: calc(100% - 24px);
|
9513 | height: calc(100% - var(--timeline-item-node-size, 16px) - var(--timeline-item-node-padding, 4px)*2);
|
9514 | top: 24px;
|
9515 | top: calc(var(--timeline-item-node-size, 16px) + var(--timeline-item-node-padding, 4px)*2);
|
9516 | left: auto;
|
9517 | right: 8px;
|
9518 | right: calc(var(--timeline-item-node-size, 16px)/2); }
|
9519 | .next-timeline[dir='rtl'] .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-tail i {
|
9520 | display: inline-block;
|
9521 | vertical-align: top;
|
9522 | height: 100%;
|
9523 | width: 1px;
|
9524 | width: var(--timeline-item-tail-size, 1px);
|
9525 | position: relative;
|
9526 | background: #DCDEE3;
|
9527 | background: var(--timeline-item-tail-color, #DCDEE3);
|
9528 | -webkit-transition: all 100ms linear;
|
9529 | -webkit-transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
9530 | transition: all 100ms linear;
|
9531 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
9532 | .next-timeline[dir='rtl'] .next-timeline-item-error .next-timeline-item-content {
|
9533 | display: inline-block;
|
9534 | margin-right: 28px;
|
9535 | margin-right: calc(var(--timeline-item-content-margin-left, 12px) + var(--timeline-item-node-size, 16px));
|
9536 | margin-left: 0; }
|
9537 | .next-timeline[dir='rtl'] .next-timeline-item-error .next-timeline-item-content .next-timeline-item-title {
|
9538 | margin: 0;
|
9539 | font-size: 12px;
|
9540 | font-size: var(--timeline-item-title-font-size, 12px);
|
9541 | font-weight: bold;
|
9542 | font-weight: var(--timeline-item-title-font-weight, bold);
|
9543 | line-height: 1.5;
|
9544 | line-height: var(--font-lineheight-2, 1.5);
|
9545 | margin-top: 4px;
|
9546 | margin-top: var(--timeline-item-title-margin-top, 4px);
|
9547 | overflow: hidden;
|
9548 | text-overflow: ellipsis;
|
9549 | white-space: nowrap;
|
9550 | color: #333333;
|
9551 | color: var(--timeline-item-title-color, #333333);
|
9552 | text-align: right; }
|
9553 | .next-timeline[dir='rtl'] .next-timeline-item-error .next-timeline-item-content .next-timeline-item-body {
|
9554 | margin: 0;
|
9555 | margin-top: 4px;
|
9556 | margin-top: var(--timeline-item-body-margin-top, 4px);
|
9557 | font-size: 12px;
|
9558 | font-size: var(--timeline-item-body-font-size, 12px);
|
9559 | line-height: 1.5;
|
9560 | line-height: var(--font-lineheight-2, 1.5);
|
9561 | color: #666666;
|
9562 | color: var(--timeline-item-body-color, #666666);
|
9563 | text-align: right; }
|
9564 | .next-timeline[dir='rtl'] .next-timeline-item-error .next-timeline-item-content .next-timeline-item-time {
|
9565 | margin: 0;
|
9566 | margin-top: 4px;
|
9567 | margin-top: var(--timeline-item-time-margin-top, 4px);
|
9568 | margin-bottom: 12px;
|
9569 | margin-bottom: var(--timeline-item-time-margin-bottom, 12px);
|
9570 | font-size: 12px;
|
9571 | font-size: var(--timeline-item-time-font-size, 12px);
|
9572 | color: #999999;
|
9573 | color: var(--timeline-item-time-color, #999999);
|
9574 | text-align: right; }
|
9575 | .next-timeline[dir='rtl'] .next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-left-content {
|
9576 | position: absolute;
|
9577 | width: 80px;
|
9578 | width: var(--timeline-item-left-content-width, 80px);
|
9579 | display: inline-block;
|
9580 | font-size: 12px;
|
9581 | font-size: var(--timeline-item-left-body-font-size, 12px);
|
9582 | color: #999999;
|
9583 | color: var(--timeline-item-left-body-color, #999999);
|
9584 | line-height: 1.5;
|
9585 | line-height: var(--font-lineheight-2, 1.5);
|
9586 | margin-top: 4px;
|
9587 | margin-top: var(--timeline-item-title-margin-top, 4px);
|
9588 | text-align: left;
|
9589 | padding-left: 12px;
|
9590 | padding-left: var(--timeline-item-content-margin-left, 12px);
|
9591 | padding-right: 0; }
|
9592 | .next-timeline[dir='rtl'] .next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
|
9593 | word-break: break-word; }
|
9594 | .next-timeline[dir='rtl'] .next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-timeline {
|
9595 | margin-right: 80px;
|
9596 | margin-right: var(--timeline-item-left-content-width, 80px);
|
9597 | margin-left: 0; }
|
9598 | .next-timeline[dir='rtl'] .next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-content {
|
9599 | margin-right: 108px;
|
9600 | margin-right: calc(var(--timeline-item-left-content-width, 80px) + var(--timeline-item-content-margin-left, 12px) + var(--timeline-item-node-size, 16px));
|
9601 | margin-left: 0; }
|
9602 | .next-timeline[dir='rtl'] .next-timeline-item-error .next-timeline-item-dot {
|
9603 | background: #FF3000;
|
9604 | background: var(--timeline-item-error-background, #FF3000); }
|
9605 | .next-timeline[dir='rtl'] .next-timeline-item-error .next-timeline-item-icon {
|
9606 | background: #FF3000;
|
9607 | background: var(--timeline-item-error-background, #FF3000);
|
9608 | color: #FFFFFF;
|
9609 | color: var(--timeline-item-error-color, #FFFFFF); }
|
9610 |
|
9611 | .next-timeline {
|
9612 | margin: 0;
|
9613 | padding: 0;
|
9614 | list-style: none; }
|
9615 | .next-timeline > li {
|
9616 | outline: 0; }
|
9617 |
|
9618 | .next-timeline-item {
|
9619 | }
|
9620 | .next-timeline-item-folder {
|
9621 | padding-left: 28px;
|
9622 | padding-left: calc(var(--timeline-item-content-margin-left, 12px) + var(--timeline-item-node-size, 16px));
|
9623 | padding-top: 4px;
|
9624 | padding-top: var(--timeline-item-folder-margin-top, 4px);
|
9625 | padding-bottom: 4px;
|
9626 | padding-bottom: var(--timeline-item-folder-margin-bottom, 4px);
|
9627 | font-size: 12px;
|
9628 | font-size: var(--timeline-item-folder-font-size, 12px);
|
9629 | line-height: 1.5;
|
9630 | line-height: var(--font-lineheight-2, 1.5);
|
9631 | position: relative;
|
9632 | }
|
9633 | .next-timeline-item-dot-tail {
|
9634 | position: absolute;
|
9635 | top: 0;
|
9636 | left: 8px;
|
9637 | left: calc(var(--timeline-item-node-size, 16px)/2);
|
9638 | height: 100%;
|
9639 | border-top: 0;
|
9640 | border-bottom: 0;
|
9641 | border-right: 0;
|
9642 | border-left: 1px dotted #DCDEE3;
|
9643 | border-left: var(--timeline-item-tail-size, 1px) dotted var(--timeline-item-tail-color, #DCDEE3); }
|
9644 | .next-timeline-item-dot-tail-solid {
|
9645 | border-style: solid; }
|
9646 | .next-timeline-item-has-left-content.next-timeline-item-folder {
|
9647 | margin-left: 80px;
|
9648 | margin-left: var(--timeline-item-left-content-width, 80px); }
|
9649 |
|
9650 | .next-timeline-item-done {
|
9651 | position: relative; }
|
9652 | .next-timeline-item-done .next-timeline-item-timeline {
|
9653 | position: absolute;
|
9654 | left: 0;
|
9655 | top: 0;
|
9656 | height: 100%; }
|
9657 | .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-node {
|
9658 | position: relative;
|
9659 | width: 16px;
|
9660 | width: var(--timeline-item-node-size, 16px);
|
9661 | height: 24px;
|
9662 | height: calc(var(--timeline-item-node-size, 16px) + var(--timeline-item-node-padding, 4px)*2);
|
9663 | padding: 4px 0;
|
9664 | padding: var(--timeline-item-node-padding, 4px) 0;
|
9665 | text-align: center;
|
9666 | float: left; }
|
9667 | .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
|
9668 | width: 40px;
|
9669 | width: var(--timeline-item-custom-node-size, 40px);
|
9670 | height: auto;
|
9671 | font-size: 12px;
|
9672 | font-size: var(--timeline-item-custom-node-font-size, 12px);
|
9673 | word-break: break-all;
|
9674 | margin-left: -12px;
|
9675 | margin-left: calc(0px - var(--timeline-item-custom-node-size, 40px)/2 + var(--timeline-item-node-size, 16px)/2);
|
9676 | line-height: 1; }
|
9677 | .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-dot {
|
9678 | display: block;
|
9679 | position: absolute;
|
9680 | width: 8px;
|
9681 | width: var(--timeline-item-done-dot-size, 8px);
|
9682 | height: 8px;
|
9683 | height: var(--timeline-item-done-dot-size, 8px);
|
9684 | border-radius: 100%;
|
9685 | top: 50%;
|
9686 | margin-top: -4px;
|
9687 | margin-top: calc(0px - var(--timeline-item-done-dot-size, 8px)/2);
|
9688 | left: 50%;
|
9689 | margin-left: -4px;
|
9690 | margin-left: calc(0px - var(--timeline-item-done-dot-size, 8px)/2); }
|
9691 | .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-icon {
|
9692 | display: block;
|
9693 | position: absolute;
|
9694 | width: 16px;
|
9695 | width: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
9696 | height: 16px;
|
9697 | height: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
9698 | line-height: 16px;
|
9699 | line-height: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
9700 | border-radius: 100%;
|
9701 | top: 50%;
|
9702 | left: 50%;
|
9703 | margin-top: -8px;
|
9704 | margin-top: calc(-2px - var(--timeline-item-icon-size, 12px)/2);
|
9705 | margin-left: -8px;
|
9706 | margin-left: calc(-2px - var(--timeline-item-icon-size, 12px)/2); }
|
9707 | .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-icon .next-icon:before,
|
9708 | .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-icon .next-icon .next-icon-remote {
|
9709 | width: 12px;
|
9710 | width: var(--timeline-item-icon-size, 12px);
|
9711 | font-size: 12px;
|
9712 | font-size: var(--timeline-item-icon-size, 12px);
|
9713 | line-height: inherit; }
|
9714 | .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-tail {
|
9715 | position: absolute;
|
9716 | width: auto;
|
9717 | height: calc(100% - 24px);
|
9718 | height: calc(100% - var(--timeline-item-node-size, 16px) - var(--timeline-item-node-padding, 4px)*2);
|
9719 | top: 24px;
|
9720 | top: calc(var(--timeline-item-node-size, 16px) + var(--timeline-item-node-padding, 4px)*2);
|
9721 | left: 8px;
|
9722 | left: calc(var(--timeline-item-node-size, 16px)/2); }
|
9723 | .next-timeline-item-done .next-timeline-item-timeline .next-timeline-item-tail i {
|
9724 | display: inline-block;
|
9725 | vertical-align: top;
|
9726 | height: 100%;
|
9727 | width: 1px;
|
9728 | width: var(--timeline-item-tail-size, 1px);
|
9729 | position: relative;
|
9730 | background: #DCDEE3;
|
9731 | background: var(--timeline-item-tail-color, #DCDEE3);
|
9732 | -webkit-transition: all 100ms linear;
|
9733 | -webkit-transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
9734 | transition: all 100ms linear;
|
9735 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
9736 | .next-timeline-item-done .next-timeline-item-content {
|
9737 | display: inline-block;
|
9738 | margin-left: 28px;
|
9739 | margin-left: calc(var(--timeline-item-content-margin-left, 12px) + var(--timeline-item-node-size, 16px)); }
|
9740 | .next-timeline-item-done .next-timeline-item-content .next-timeline-item-title {
|
9741 | margin: 0;
|
9742 | font-size: 12px;
|
9743 | font-size: var(--timeline-item-title-font-size, 12px);
|
9744 | font-weight: bold;
|
9745 | font-weight: var(--timeline-item-title-font-weight, bold);
|
9746 | line-height: 1.5;
|
9747 | line-height: var(--font-lineheight-2, 1.5);
|
9748 | margin-top: 4px;
|
9749 | margin-top: var(--timeline-item-title-margin-top, 4px);
|
9750 | overflow: hidden;
|
9751 | text-overflow: ellipsis;
|
9752 | white-space: nowrap;
|
9753 | color: #333333;
|
9754 | color: var(--timeline-item-title-color, #333333);
|
9755 | text-align: left; }
|
9756 | .next-timeline-item-done .next-timeline-item-content .next-timeline-item-body {
|
9757 | margin: 0;
|
9758 | margin-top: 4px;
|
9759 | margin-top: var(--timeline-item-body-margin-top, 4px);
|
9760 | font-size: 12px;
|
9761 | font-size: var(--timeline-item-body-font-size, 12px);
|
9762 | line-height: 1.5;
|
9763 | line-height: var(--font-lineheight-2, 1.5);
|
9764 | color: #666666;
|
9765 | color: var(--timeline-item-body-color, #666666);
|
9766 | text-align: left; }
|
9767 | .next-timeline-item-done .next-timeline-item-content .next-timeline-item-time {
|
9768 | margin: 0;
|
9769 | margin-top: 4px;
|
9770 | margin-top: var(--timeline-item-time-margin-top, 4px);
|
9771 | margin-bottom: 12px;
|
9772 | margin-bottom: var(--timeline-item-time-margin-bottom, 12px);
|
9773 | font-size: 12px;
|
9774 | font-size: var(--timeline-item-time-font-size, 12px);
|
9775 | color: #999999;
|
9776 | color: var(--timeline-item-time-color, #999999);
|
9777 | text-align: left; }
|
9778 | .next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-left-content {
|
9779 | position: absolute;
|
9780 | width: 80px;
|
9781 | width: var(--timeline-item-left-content-width, 80px);
|
9782 | display: inline-block;
|
9783 | font-size: 12px;
|
9784 | font-size: var(--timeline-item-left-body-font-size, 12px);
|
9785 | color: #999999;
|
9786 | color: var(--timeline-item-left-body-color, #999999);
|
9787 | line-height: 1.5;
|
9788 | line-height: var(--font-lineheight-2, 1.5);
|
9789 | margin-top: 4px;
|
9790 | margin-top: var(--timeline-item-title-margin-top, 4px);
|
9791 | text-align: right;
|
9792 | padding-right: 12px;
|
9793 | padding-right: var(--timeline-item-content-margin-left, 12px); }
|
9794 | .next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
|
9795 | word-break: break-word; }
|
9796 | .next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-timeline {
|
9797 | margin-left: 80px;
|
9798 | margin-left: var(--timeline-item-left-content-width, 80px); }
|
9799 | .next-timeline-item-done.next-timeline-item-has-left-content > .next-timeline-item-content {
|
9800 | margin-left: 108px;
|
9801 | margin-left: calc(var(--timeline-item-left-content-width, 80px) + var(--timeline-item-content-margin-left, 12px) + var(--timeline-item-node-size, 16px)); }
|
9802 | .next-timeline-item-done .next-timeline-item-dot {
|
9803 | background: #C4C6CF;
|
9804 | background: var(--timeline-item-done-background, #C4C6CF); }
|
9805 | .next-timeline-item-done .next-timeline-item-icon {
|
9806 | background: #C4C6CF;
|
9807 | background: var(--timeline-item-done-background, #C4C6CF);
|
9808 | color: #FFFFFF;
|
9809 | color: var(--timeline-item-done-color, #FFFFFF); }
|
9810 |
|
9811 | .next-timeline-item-process {
|
9812 | position: relative; }
|
9813 | .next-timeline-item-process .next-timeline-item-timeline {
|
9814 | position: absolute;
|
9815 | left: 0;
|
9816 | top: 0;
|
9817 | height: 100%; }
|
9818 | .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-node {
|
9819 | position: relative;
|
9820 | width: 16px;
|
9821 | width: var(--timeline-item-node-size, 16px);
|
9822 | height: 24px;
|
9823 | height: calc(var(--timeline-item-node-size, 16px) + var(--timeline-item-node-padding, 4px)*2);
|
9824 | padding: 4px 0;
|
9825 | padding: var(--timeline-item-node-padding, 4px) 0;
|
9826 | text-align: center;
|
9827 | float: left; }
|
9828 | .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
|
9829 | width: 40px;
|
9830 | width: var(--timeline-item-custom-node-size, 40px);
|
9831 | height: auto;
|
9832 | font-size: 12px;
|
9833 | font-size: var(--timeline-item-custom-node-font-size, 12px);
|
9834 | word-break: break-all;
|
9835 | margin-left: -12px;
|
9836 | margin-left: calc(0px - var(--timeline-item-custom-node-size, 40px)/2 + var(--timeline-item-node-size, 16px)/2);
|
9837 | line-height: 1; }
|
9838 | .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-dot {
|
9839 | display: block;
|
9840 | position: absolute;
|
9841 | width: 8px;
|
9842 | width: var(--timeline-item-process-dot-size, 8px);
|
9843 | height: 8px;
|
9844 | height: var(--timeline-item-process-dot-size, 8px);
|
9845 | border-radius: 100%;
|
9846 | top: 50%;
|
9847 | margin-top: -4px;
|
9848 | margin-top: calc(0px - var(--timeline-item-process-dot-size, 8px)/2);
|
9849 | left: 50%;
|
9850 | margin-left: -4px;
|
9851 | margin-left: calc(0px - var(--timeline-item-process-dot-size, 8px)/2); }
|
9852 | .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-icon {
|
9853 | display: block;
|
9854 | position: absolute;
|
9855 | width: 16px;
|
9856 | width: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
9857 | height: 16px;
|
9858 | height: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
9859 | line-height: 16px;
|
9860 | line-height: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
9861 | border-radius: 100%;
|
9862 | top: 50%;
|
9863 | left: 50%;
|
9864 | margin-top: -8px;
|
9865 | margin-top: calc(-2px - var(--timeline-item-icon-size, 12px)/2);
|
9866 | margin-left: -8px;
|
9867 | margin-left: calc(-2px - var(--timeline-item-icon-size, 12px)/2); }
|
9868 | .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-icon .next-icon:before,
|
9869 | .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-icon .next-icon .next-icon-remote {
|
9870 | width: 12px;
|
9871 | width: var(--timeline-item-icon-size, 12px);
|
9872 | font-size: 12px;
|
9873 | font-size: var(--timeline-item-icon-size, 12px);
|
9874 | line-height: inherit; }
|
9875 | .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-tail {
|
9876 | position: absolute;
|
9877 | width: auto;
|
9878 | height: calc(100% - 24px);
|
9879 | height: calc(100% - var(--timeline-item-node-size, 16px) - var(--timeline-item-node-padding, 4px)*2);
|
9880 | top: 24px;
|
9881 | top: calc(var(--timeline-item-node-size, 16px) + var(--timeline-item-node-padding, 4px)*2);
|
9882 | left: 8px;
|
9883 | left: calc(var(--timeline-item-node-size, 16px)/2); }
|
9884 | .next-timeline-item-process .next-timeline-item-timeline .next-timeline-item-tail i {
|
9885 | display: inline-block;
|
9886 | vertical-align: top;
|
9887 | height: 100%;
|
9888 | width: 1px;
|
9889 | width: var(--timeline-item-tail-size, 1px);
|
9890 | position: relative;
|
9891 | background: #DCDEE3;
|
9892 | background: var(--timeline-item-tail-color, #DCDEE3);
|
9893 | -webkit-transition: all 100ms linear;
|
9894 | -webkit-transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
9895 | transition: all 100ms linear;
|
9896 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
9897 | .next-timeline-item-process .next-timeline-item-content {
|
9898 | display: inline-block;
|
9899 | margin-left: 28px;
|
9900 | margin-left: calc(var(--timeline-item-content-margin-left, 12px) + var(--timeline-item-node-size, 16px)); }
|
9901 | .next-timeline-item-process .next-timeline-item-content .next-timeline-item-title {
|
9902 | margin: 0;
|
9903 | font-size: 12px;
|
9904 | font-size: var(--timeline-item-title-font-size, 12px);
|
9905 | font-weight: bold;
|
9906 | font-weight: var(--timeline-item-title-font-weight, bold);
|
9907 | line-height: 1.5;
|
9908 | line-height: var(--font-lineheight-2, 1.5);
|
9909 | margin-top: 4px;
|
9910 | margin-top: var(--timeline-item-title-margin-top, 4px);
|
9911 | overflow: hidden;
|
9912 | text-overflow: ellipsis;
|
9913 | white-space: nowrap;
|
9914 | color: #333333;
|
9915 | color: var(--timeline-item-title-color, #333333);
|
9916 | text-align: left; }
|
9917 | .next-timeline-item-process .next-timeline-item-content .next-timeline-item-body {
|
9918 | margin: 0;
|
9919 | margin-top: 4px;
|
9920 | margin-top: var(--timeline-item-body-margin-top, 4px);
|
9921 | font-size: 12px;
|
9922 | font-size: var(--timeline-item-body-font-size, 12px);
|
9923 | line-height: 1.5;
|
9924 | line-height: var(--font-lineheight-2, 1.5);
|
9925 | color: #666666;
|
9926 | color: var(--timeline-item-body-color, #666666);
|
9927 | text-align: left; }
|
9928 | .next-timeline-item-process .next-timeline-item-content .next-timeline-item-time {
|
9929 | margin: 0;
|
9930 | margin-top: 4px;
|
9931 | margin-top: var(--timeline-item-time-margin-top, 4px);
|
9932 | margin-bottom: 12px;
|
9933 | margin-bottom: var(--timeline-item-time-margin-bottom, 12px);
|
9934 | font-size: 12px;
|
9935 | font-size: var(--timeline-item-time-font-size, 12px);
|
9936 | color: #999999;
|
9937 | color: var(--timeline-item-time-color, #999999);
|
9938 | text-align: left; }
|
9939 | .next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-left-content {
|
9940 | position: absolute;
|
9941 | width: 80px;
|
9942 | width: var(--timeline-item-left-content-width, 80px);
|
9943 | display: inline-block;
|
9944 | font-size: 12px;
|
9945 | font-size: var(--timeline-item-left-body-font-size, 12px);
|
9946 | color: #999999;
|
9947 | color: var(--timeline-item-left-body-color, #999999);
|
9948 | line-height: 1.5;
|
9949 | line-height: var(--font-lineheight-2, 1.5);
|
9950 | margin-top: 4px;
|
9951 | margin-top: var(--timeline-item-title-margin-top, 4px);
|
9952 | text-align: right;
|
9953 | padding-right: 12px;
|
9954 | padding-right: var(--timeline-item-content-margin-left, 12px); }
|
9955 | .next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
|
9956 | word-break: break-word; }
|
9957 | .next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-timeline {
|
9958 | margin-left: 80px;
|
9959 | margin-left: var(--timeline-item-left-content-width, 80px); }
|
9960 | .next-timeline-item-process.next-timeline-item-has-left-content > .next-timeline-item-content {
|
9961 | margin-left: 108px;
|
9962 | margin-left: calc(var(--timeline-item-left-content-width, 80px) + var(--timeline-item-content-margin-left, 12px) + var(--timeline-item-node-size, 16px)); }
|
9963 | .next-timeline-item-process .next-timeline-item-dot {
|
9964 | background: #5584FF;
|
9965 | background: var(--timeline-item-process-background, #5584FF); }
|
9966 | .next-timeline-item-process .next-timeline-item-icon {
|
9967 | background: #5584FF;
|
9968 | background: var(--timeline-item-process-background, #5584FF);
|
9969 | color: #FFFFFF;
|
9970 | color: var(--timeline-item-process-color, #FFFFFF); }
|
9971 |
|
9972 | .next-timeline-item-success {
|
9973 | position: relative; }
|
9974 | .next-timeline-item-success .next-timeline-item-timeline {
|
9975 | position: absolute;
|
9976 | left: 0;
|
9977 | top: 0;
|
9978 | height: 100%; }
|
9979 | .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-node {
|
9980 | position: relative;
|
9981 | width: 16px;
|
9982 | width: var(--timeline-item-node-size, 16px);
|
9983 | height: 24px;
|
9984 | height: calc(var(--timeline-item-node-size, 16px) + var(--timeline-item-node-padding, 4px)*2);
|
9985 | padding: 4px 0;
|
9986 | padding: var(--timeline-item-node-padding, 4px) 0;
|
9987 | text-align: center;
|
9988 | float: left; }
|
9989 | .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
|
9990 | width: 40px;
|
9991 | width: var(--timeline-item-custom-node-size, 40px);
|
9992 | height: auto;
|
9993 | font-size: 12px;
|
9994 | font-size: var(--timeline-item-custom-node-font-size, 12px);
|
9995 | word-break: break-all;
|
9996 | margin-left: -12px;
|
9997 | margin-left: calc(0px - var(--timeline-item-custom-node-size, 40px)/2 + var(--timeline-item-node-size, 16px)/2);
|
9998 | line-height: 1; }
|
9999 | .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-dot {
|
10000 | display: block;
|
10001 | position: absolute;
|
10002 | width: 8px;
|
10003 | width: var(--timeline-item-success-dot-size, 8px);
|
10004 | height: 8px;
|
10005 | height: var(--timeline-item-success-dot-size, 8px);
|
10006 | border-radius: 100%;
|
10007 | top: 50%;
|
10008 | margin-top: -4px;
|
10009 | margin-top: calc(0px - var(--timeline-item-success-dot-size, 8px)/2);
|
10010 | left: 50%;
|
10011 | margin-left: -4px;
|
10012 | margin-left: calc(0px - var(--timeline-item-success-dot-size, 8px)/2); }
|
10013 | .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-icon {
|
10014 | display: block;
|
10015 | position: absolute;
|
10016 | width: 16px;
|
10017 | width: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
10018 | height: 16px;
|
10019 | height: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
10020 | line-height: 16px;
|
10021 | line-height: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
10022 | border-radius: 100%;
|
10023 | top: 50%;
|
10024 | left: 50%;
|
10025 | margin-top: -8px;
|
10026 | margin-top: calc(-2px - var(--timeline-item-icon-size, 12px)/2);
|
10027 | margin-left: -8px;
|
10028 | margin-left: calc(-2px - var(--timeline-item-icon-size, 12px)/2); }
|
10029 | .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-icon .next-icon:before,
|
10030 | .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-icon .next-icon .next-icon-remote {
|
10031 | width: 12px;
|
10032 | width: var(--timeline-item-icon-size, 12px);
|
10033 | font-size: 12px;
|
10034 | font-size: var(--timeline-item-icon-size, 12px);
|
10035 | line-height: inherit; }
|
10036 | .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-tail {
|
10037 | position: absolute;
|
10038 | width: auto;
|
10039 | height: calc(100% - 24px);
|
10040 | height: calc(100% - var(--timeline-item-node-size, 16px) - var(--timeline-item-node-padding, 4px)*2);
|
10041 | top: 24px;
|
10042 | top: calc(var(--timeline-item-node-size, 16px) + var(--timeline-item-node-padding, 4px)*2);
|
10043 | left: 8px;
|
10044 | left: calc(var(--timeline-item-node-size, 16px)/2); }
|
10045 | .next-timeline-item-success .next-timeline-item-timeline .next-timeline-item-tail i {
|
10046 | display: inline-block;
|
10047 | vertical-align: top;
|
10048 | height: 100%;
|
10049 | width: 1px;
|
10050 | width: var(--timeline-item-tail-size, 1px);
|
10051 | position: relative;
|
10052 | background: #DCDEE3;
|
10053 | background: var(--timeline-item-tail-color, #DCDEE3);
|
10054 | -webkit-transition: all 100ms linear;
|
10055 | -webkit-transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
10056 | transition: all 100ms linear;
|
10057 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
10058 | .next-timeline-item-success .next-timeline-item-content {
|
10059 | display: inline-block;
|
10060 | margin-left: 28px;
|
10061 | margin-left: calc(var(--timeline-item-content-margin-left, 12px) + var(--timeline-item-node-size, 16px)); }
|
10062 | .next-timeline-item-success .next-timeline-item-content .next-timeline-item-title {
|
10063 | margin: 0;
|
10064 | font-size: 12px;
|
10065 | font-size: var(--timeline-item-title-font-size, 12px);
|
10066 | font-weight: bold;
|
10067 | font-weight: var(--timeline-item-title-font-weight, bold);
|
10068 | line-height: 1.5;
|
10069 | line-height: var(--font-lineheight-2, 1.5);
|
10070 | margin-top: 4px;
|
10071 | margin-top: var(--timeline-item-title-margin-top, 4px);
|
10072 | overflow: hidden;
|
10073 | text-overflow: ellipsis;
|
10074 | white-space: nowrap;
|
10075 | color: #333333;
|
10076 | color: var(--timeline-item-title-color, #333333);
|
10077 | text-align: left; }
|
10078 | .next-timeline-item-success .next-timeline-item-content .next-timeline-item-body {
|
10079 | margin: 0;
|
10080 | margin-top: 4px;
|
10081 | margin-top: var(--timeline-item-body-margin-top, 4px);
|
10082 | font-size: 12px;
|
10083 | font-size: var(--timeline-item-body-font-size, 12px);
|
10084 | line-height: 1.5;
|
10085 | line-height: var(--font-lineheight-2, 1.5);
|
10086 | color: #666666;
|
10087 | color: var(--timeline-item-body-color, #666666);
|
10088 | text-align: left; }
|
10089 | .next-timeline-item-success .next-timeline-item-content .next-timeline-item-time {
|
10090 | margin: 0;
|
10091 | margin-top: 4px;
|
10092 | margin-top: var(--timeline-item-time-margin-top, 4px);
|
10093 | margin-bottom: 12px;
|
10094 | margin-bottom: var(--timeline-item-time-margin-bottom, 12px);
|
10095 | font-size: 12px;
|
10096 | font-size: var(--timeline-item-time-font-size, 12px);
|
10097 | color: #999999;
|
10098 | color: var(--timeline-item-time-color, #999999);
|
10099 | text-align: left; }
|
10100 | .next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-left-content {
|
10101 | position: absolute;
|
10102 | width: 80px;
|
10103 | width: var(--timeline-item-left-content-width, 80px);
|
10104 | display: inline-block;
|
10105 | font-size: 12px;
|
10106 | font-size: var(--timeline-item-left-body-font-size, 12px);
|
10107 | color: #999999;
|
10108 | color: var(--timeline-item-left-body-color, #999999);
|
10109 | line-height: 1.5;
|
10110 | line-height: var(--font-lineheight-2, 1.5);
|
10111 | margin-top: 4px;
|
10112 | margin-top: var(--timeline-item-title-margin-top, 4px);
|
10113 | text-align: right;
|
10114 | padding-right: 12px;
|
10115 | padding-right: var(--timeline-item-content-margin-left, 12px); }
|
10116 | .next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
|
10117 | word-break: break-word; }
|
10118 | .next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-timeline {
|
10119 | margin-left: 80px;
|
10120 | margin-left: var(--timeline-item-left-content-width, 80px); }
|
10121 | .next-timeline-item-success.next-timeline-item-has-left-content > .next-timeline-item-content {
|
10122 | margin-left: 108px;
|
10123 | margin-left: calc(var(--timeline-item-left-content-width, 80px) + var(--timeline-item-content-margin-left, 12px) + var(--timeline-item-node-size, 16px)); }
|
10124 | .next-timeline-item-success .next-timeline-item-dot {
|
10125 | background: #46BC15;
|
10126 | background: var(--timeline-item-success-background, #46BC15); }
|
10127 | .next-timeline-item-success .next-timeline-item-icon {
|
10128 | background: #46BC15;
|
10129 | background: var(--timeline-item-success-background, #46BC15);
|
10130 | color: #FFFFFF;
|
10131 | color: var(--timeline-item-success-color, #FFFFFF); }
|
10132 |
|
10133 | .next-timeline-item-error {
|
10134 | position: relative; }
|
10135 | .next-timeline-item-error .next-timeline-item-timeline {
|
10136 | position: absolute;
|
10137 | left: 0;
|
10138 | top: 0;
|
10139 | height: 100%; }
|
10140 | .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-node {
|
10141 | position: relative;
|
10142 | width: 16px;
|
10143 | width: var(--timeline-item-node-size, 16px);
|
10144 | height: 24px;
|
10145 | height: calc(var(--timeline-item-node-size, 16px) + var(--timeline-item-node-padding, 4px)*2);
|
10146 | padding: 4px 0;
|
10147 | padding: var(--timeline-item-node-padding, 4px) 0;
|
10148 | text-align: center;
|
10149 | float: left; }
|
10150 | .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-node.next-timeline-item-node-custom {
|
10151 | width: 40px;
|
10152 | width: var(--timeline-item-custom-node-size, 40px);
|
10153 | height: auto;
|
10154 | font-size: 12px;
|
10155 | font-size: var(--timeline-item-custom-node-font-size, 12px);
|
10156 | word-break: break-all;
|
10157 | margin-left: -12px;
|
10158 | margin-left: calc(0px - var(--timeline-item-custom-node-size, 40px)/2 + var(--timeline-item-node-size, 16px)/2);
|
10159 | line-height: 1; }
|
10160 | .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-dot {
|
10161 | display: block;
|
10162 | position: absolute;
|
10163 | width: 8px;
|
10164 | width: var(--timeline-item-error-dot-size, 8px);
|
10165 | height: 8px;
|
10166 | height: var(--timeline-item-error-dot-size, 8px);
|
10167 | border-radius: 100%;
|
10168 | top: 50%;
|
10169 | margin-top: -4px;
|
10170 | margin-top: calc(0px - var(--timeline-item-error-dot-size, 8px)/2);
|
10171 | left: 50%;
|
10172 | margin-left: -4px;
|
10173 | margin-left: calc(0px - var(--timeline-item-error-dot-size, 8px)/2); }
|
10174 | .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-icon {
|
10175 | display: block;
|
10176 | position: absolute;
|
10177 | width: 16px;
|
10178 | width: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
10179 | height: 16px;
|
10180 | height: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
10181 | line-height: 16px;
|
10182 | line-height: calc(var(--timeline-item-icon-size, 12px) + 4px);
|
10183 | border-radius: 100%;
|
10184 | top: 50%;
|
10185 | left: 50%;
|
10186 | margin-top: -8px;
|
10187 | margin-top: calc(-2px - var(--timeline-item-icon-size, 12px)/2);
|
10188 | margin-left: -8px;
|
10189 | margin-left: calc(-2px - var(--timeline-item-icon-size, 12px)/2); }
|
10190 | .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-icon .next-icon:before,
|
10191 | .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-icon .next-icon .next-icon-remote {
|
10192 | width: 12px;
|
10193 | width: var(--timeline-item-icon-size, 12px);
|
10194 | font-size: 12px;
|
10195 | font-size: var(--timeline-item-icon-size, 12px);
|
10196 | line-height: inherit; }
|
10197 | .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-tail {
|
10198 | position: absolute;
|
10199 | width: auto;
|
10200 | height: calc(100% - 24px);
|
10201 | height: calc(100% - var(--timeline-item-node-size, 16px) - var(--timeline-item-node-padding, 4px)*2);
|
10202 | top: 24px;
|
10203 | top: calc(var(--timeline-item-node-size, 16px) + var(--timeline-item-node-padding, 4px)*2);
|
10204 | left: 8px;
|
10205 | left: calc(var(--timeline-item-node-size, 16px)/2); }
|
10206 | .next-timeline-item-error .next-timeline-item-timeline .next-timeline-item-tail i {
|
10207 | display: inline-block;
|
10208 | vertical-align: top;
|
10209 | height: 100%;
|
10210 | width: 1px;
|
10211 | width: var(--timeline-item-tail-size, 1px);
|
10212 | position: relative;
|
10213 | background: #DCDEE3;
|
10214 | background: var(--timeline-item-tail-color, #DCDEE3);
|
10215 | -webkit-transition: all 100ms linear;
|
10216 | -webkit-transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
10217 | transition: all 100ms linear;
|
10218 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
10219 | .next-timeline-item-error .next-timeline-item-content {
|
10220 | display: inline-block;
|
10221 | margin-left: 28px;
|
10222 | margin-left: calc(var(--timeline-item-content-margin-left, 12px) + var(--timeline-item-node-size, 16px)); }
|
10223 | .next-timeline-item-error .next-timeline-item-content .next-timeline-item-title {
|
10224 | margin: 0;
|
10225 | font-size: 12px;
|
10226 | font-size: var(--timeline-item-title-font-size, 12px);
|
10227 | font-weight: bold;
|
10228 | font-weight: var(--timeline-item-title-font-weight, bold);
|
10229 | line-height: 1.5;
|
10230 | line-height: var(--font-lineheight-2, 1.5);
|
10231 | margin-top: 4px;
|
10232 | margin-top: var(--timeline-item-title-margin-top, 4px);
|
10233 | overflow: hidden;
|
10234 | text-overflow: ellipsis;
|
10235 | white-space: nowrap;
|
10236 | color: #333333;
|
10237 | color: var(--timeline-item-title-color, #333333);
|
10238 | text-align: left; }
|
10239 | .next-timeline-item-error .next-timeline-item-content .next-timeline-item-body {
|
10240 | margin: 0;
|
10241 | margin-top: 4px;
|
10242 | margin-top: var(--timeline-item-body-margin-top, 4px);
|
10243 | font-size: 12px;
|
10244 | font-size: var(--timeline-item-body-font-size, 12px);
|
10245 | line-height: 1.5;
|
10246 | line-height: var(--font-lineheight-2, 1.5);
|
10247 | color: #666666;
|
10248 | color: var(--timeline-item-body-color, #666666);
|
10249 | text-align: left; }
|
10250 | .next-timeline-item-error .next-timeline-item-content .next-timeline-item-time {
|
10251 | margin: 0;
|
10252 | margin-top: 4px;
|
10253 | margin-top: var(--timeline-item-time-margin-top, 4px);
|
10254 | margin-bottom: 12px;
|
10255 | margin-bottom: var(--timeline-item-time-margin-bottom, 12px);
|
10256 | font-size: 12px;
|
10257 | font-size: var(--timeline-item-time-font-size, 12px);
|
10258 | color: #999999;
|
10259 | color: var(--timeline-item-time-color, #999999);
|
10260 | text-align: left; }
|
10261 | .next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-left-content {
|
10262 | position: absolute;
|
10263 | width: 80px;
|
10264 | width: var(--timeline-item-left-content-width, 80px);
|
10265 | display: inline-block;
|
10266 | font-size: 12px;
|
10267 | font-size: var(--timeline-item-left-body-font-size, 12px);
|
10268 | color: #999999;
|
10269 | color: var(--timeline-item-left-body-color, #999999);
|
10270 | line-height: 1.5;
|
10271 | line-height: var(--font-lineheight-2, 1.5);
|
10272 | margin-top: 4px;
|
10273 | margin-top: var(--timeline-item-title-margin-top, 4px);
|
10274 | text-align: right;
|
10275 | padding-right: 12px;
|
10276 | padding-right: var(--timeline-item-content-margin-left, 12px); }
|
10277 | .next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-left-content p {
|
10278 | word-break: break-word; }
|
10279 | .next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-timeline {
|
10280 | margin-left: 80px;
|
10281 | margin-left: var(--timeline-item-left-content-width, 80px); }
|
10282 | .next-timeline-item-error.next-timeline-item-has-left-content > .next-timeline-item-content {
|
10283 | margin-left: 108px;
|
10284 | margin-left: calc(var(--timeline-item-left-content-width, 80px) + var(--timeline-item-content-margin-left, 12px) + var(--timeline-item-node-size, 16px)); }
|
10285 | .next-timeline-item-error .next-timeline-item-dot {
|
10286 | background: #FF3000;
|
10287 | background: var(--timeline-item-error-background, #FF3000); }
|
10288 | .next-timeline-item-error .next-timeline-item-icon {
|
10289 | background: #FF3000;
|
10290 | background: var(--timeline-item-error-background, #FF3000);
|
10291 | color: #FFFFFF;
|
10292 | color: var(--timeline-item-error-color, #FFFFFF); }
|
10293 |
|
10294 | .next-timeline.next-alternate .next-timeline-item-left .next-timeline-item-left-content, .next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-left-content {
|
10295 | width: 50%;
|
10296 | padding-right: 12px;
|
10297 | padding-right: var(--timeline-item-content-margin-left, 12px); }
|
10298 |
|
10299 | .next-timeline.next-alternate .next-timeline-item-left .next-timeline-item-timeline, .next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-timeline {
|
10300 | margin-left: 50%; }
|
10301 |
|
10302 | .next-timeline.next-alternate .next-timeline-item-left .next-timeline-item-content, .next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-content {
|
10303 | margin-left: calc(50% + 28px);
|
10304 | margin-left: calc(50% + var(--timeline-item-content-margin-left, 12px) + var(--timeline-item-node-size, 16px)); }
|
10305 |
|
10306 | .next-timeline.next-alternate .next-timeline-item-folder {
|
10307 | margin-left: 50%; }
|
10308 |
|
10309 | .next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-title {
|
10310 | margin: 0;
|
10311 | margin-top: 4px;
|
10312 | font-size: 12px;
|
10313 | font-size: var(--timeline-item-title-font-size, 12px);
|
10314 | font-weight: bold;
|
10315 | font-weight: var(--timeline-item-title-font-weight, bold);
|
10316 | line-height: 1.5;
|
10317 | line-height: var(--font-lineheight-2, 1.5);
|
10318 | overflow: hidden;
|
10319 | text-overflow: ellipsis;
|
10320 | white-space: nowrap;
|
10321 | color: #333333;
|
10322 | color: var(--timeline-item-title-color, #333333);
|
10323 | text-align: right; }
|
10324 |
|
10325 | .next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-body {
|
10326 | margin: 0;
|
10327 | margin-top: 4px;
|
10328 | font-size: 12px;
|
10329 | font-size: var(--timeline-item-body-font-size, 12px);
|
10330 | line-height: 1.5;
|
10331 | line-height: var(--font-lineheight-2, 1.5);
|
10332 | color: #666666;
|
10333 | color: var(--timeline-item-body-color, #666666);
|
10334 | text-align: right; }
|
10335 |
|
10336 | .next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-time {
|
10337 | margin: 0;
|
10338 | margin-top: 4px;
|
10339 | margin-top: var(--timeline-item-time-margin-top, 4px);
|
10340 | margin-bottom: 12px;
|
10341 | margin-bottom: var(--timeline-item-time-margin-bottom, 12px);
|
10342 | font-size: 12px;
|
10343 | font-size: var(--timeline-item-time-font-size, 12px);
|
10344 | color: #999999;
|
10345 | color: var(--timeline-item-time-color, #999999);
|
10346 | text-align: right; }
|
10347 |
|
10348 | .next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-left-content {
|
10349 | display: inline-block;
|
10350 | position: relative; }
|
10351 | .next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-left-content .next-timeline-item-title {
|
10352 | margin-top: 0; }
|
10353 |
|
10354 | .next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-content {
|
10355 | margin-left: 28px;
|
10356 | margin-left: calc(var(--timeline-item-content-margin-left, 12px) + var(--timeline-item-node-size, 16px));
|
10357 | position: absolute; }
|
10358 | .next-timeline.next-alternate .next-timeline-item-right .next-timeline-item-content .next-timeline-item-body {
|
10359 | margin-top: 4px;
|
10360 | color: #999999;
|
10361 | color: var(--timeline-item-left-body-color, #999999); }
|
10362 |
|
10363 | .next-timeline[dir='rtl'].next-alternate .next-timeline-item-left .next-timeline-item-left-content, .next-timeline[dir='rtl'].next-alternate .next-timeline-item-right .next-timeline-item-left-content {
|
10364 | width: 50%;
|
10365 | padding-left: 12px;
|
10366 | padding-left: var(--timeline-item-content-margin-left, 12px); }
|
10367 |
|
10368 | .next-timeline[dir='rtl'].next-alternate .next-timeline-item-left .next-timeline-item-timeline, .next-timeline[dir='rtl'].next-alternate .next-timeline-item-right .next-timeline-item-timeline {
|
10369 | margin-right: 50%; }
|
10370 |
|
10371 | .next-timeline[dir='rtl'].next-alternate .next-timeline-item-left .next-timeline-item-content, .next-timeline[dir='rtl'].next-alternate .next-timeline-item-right .next-timeline-item-content {
|
10372 | width: 50%;
|
10373 | margin-right: calc(50% + 28px);
|
10374 | margin-right: calc(50% + var(--timeline-item-content-margin-left, 12px) + var(--timeline-item-node-size, 16px)); }
|
10375 |
|
10376 | .next-timeline[dir='rtl'].next-alternate .next-timeline-item-folder {
|
10377 | margin-right: 50%; }
|
10378 |
|
10379 | .next-timeline[dir='rtl'].next-alternate .next-timeline-item-right .next-timeline-item-title {
|
10380 | margin: 0;
|
10381 | font-size: 12px;
|
10382 | font-size: var(--timeline-item-title-font-size, 12px);
|
10383 | font-weight: bold;
|
10384 | font-weight: var(--timeline-item-title-font-weight, bold);
|
10385 | line-height: 1.5;
|
10386 | line-height: var(--font-lineheight-2, 1.5);
|
10387 | overflow: hidden;
|
10388 | text-overflow: ellipsis;
|
10389 | white-space: nowrap;
|
10390 | color: #333333;
|
10391 | color: var(--timeline-item-title-color, #333333);
|
10392 | text-align: left; }
|
10393 |
|
10394 | .next-timeline[dir='rtl'].next-alternate .next-timeline-item-right .next-timeline-item-body {
|
10395 | margin: 0;
|
10396 | font-size: 12px;
|
10397 | font-size: var(--timeline-item-body-font-size, 12px);
|
10398 | line-height: 1.5;
|
10399 | line-height: var(--font-lineheight-2, 1.5);
|
10400 | color: #666666;
|
10401 | color: var(--timeline-item-body-color, #666666);
|
10402 | text-align: left; }
|
10403 |
|
10404 | .next-timeline[dir='rtl'].next-alternate .next-timeline-item-right .next-timeline-item-time {
|
10405 | margin: 0;
|
10406 | margin-top: 4px;
|
10407 | margin-top: var(--timeline-item-time-margin-top, 4px);
|
10408 | margin-bottom: 12px;
|
10409 | margin-bottom: var(--timeline-item-time-margin-bottom, 12px);
|
10410 | font-size: 12px;
|
10411 | font-size: var(--timeline-item-time-font-size, 12px);
|
10412 | color: #999999;
|
10413 | color: var(--timeline-item-time-color, #999999);
|
10414 | text-align: left; }
|
10415 |
|
10416 | .next-timeline[dir='rtl'].next-alternate .next-timeline-item-right .next-timeline-item-left-content {
|
10417 | display: inline-block;
|
10418 | position: relative; }
|
10419 |
|
10420 | .next-timeline[dir='rtl'].next-alternate .next-timeline-item-right .next-timeline-item-content {
|
10421 | margin-right: 28px;
|
10422 | margin-right: calc(var(--timeline-item-content-margin-left, 12px) + var(--timeline-item-node-size, 16px));
|
10423 | position: absolute; }
|
10424 | .next-timeline[dir='rtl'].next-alternate .next-timeline-item-right .next-timeline-item-content .next-timeline-item-body {
|
10425 | text-align: right; }
|
10426 |
|
10427 | .next-timeline-item-last .next-timeline-item-tail {
|
10428 | display: none; }
|
10429 |
|
10430 | .next-timeline-item-has-left-content {
|
10431 | min-height: 48px;
|
10432 | min-height: var(--s-12, 48px); }
|
10433 |
|
10434 | .next-timeline-item-folder.next-timeline-item-has-left-content {
|
10435 | min-height: auto; }
|
10436 |
|
10437 | .next-sr-only {
|
10438 | position: absolute;
|
10439 | width: 1px;
|
10440 | height: 1px;
|
10441 | padding: 0;
|
10442 | overflow: hidden;
|
10443 | clip: rect(0, 0, 0, 0);
|
10444 | white-space: nowrap;
|
10445 | border: 0;
|
10446 | top: 0;
|
10447 | margin: -1px; }
|
10448 |
|
10449 | .next-transfer {
|
10450 | box-sizing: border-box;
|
10451 | display: inline-block; }
|
10452 | .next-transfer *,
|
10453 | .next-transfer *:before,
|
10454 | .next-transfer *:after {
|
10455 | box-sizing: border-box; }
|
10456 | .next-transfer-panel {
|
10457 | display: inline-block;
|
10458 | border: 1px solid #DCDEE3;
|
10459 | border: var(--transfer-panel-border-width, 1px) var(--line-solid, solid) var(--transfer-panel-border-color, #DCDEE3);
|
10460 | border-radius: 3px;
|
10461 | border-radius: var(--transfer-panel-border-corner, 3px);
|
10462 | background-color: #FFFFFF;
|
10463 | background-color: var(--transfer-panel-background-color, #FFFFFF);
|
10464 | vertical-align: middle; }
|
10465 | .next-transfer-panel-header {
|
10466 | padding: 8px 20px;
|
10467 | padding: var(--transfer-panel-header-padding-top-bottom, 8px) var(--transfer-panel-header-padding-left-right, 20px);
|
10468 | border-bottom: 1px solid #DCDEE3;
|
10469 | border-bottom: var(--transfer-panel-border-width, 1px) var(--line-solid, solid) var(--transfer-panel-border-color, #DCDEE3);
|
10470 | background-color: #F7F8FA;
|
10471 | background-color: var(--transfer-panel-header-background-color, #F7F8FA);
|
10472 | color: #333333;
|
10473 | color: var(--transfer-panel-header-text-color, #333333);
|
10474 | font-size: 12px;
|
10475 | font-size: var(--transfer-panel-header-text-size, 12px); }
|
10476 | .next-transfer-panel-search {
|
10477 | padding: 0 4px;
|
10478 | padding: 0 var(--transfer-panel-search-margin-left-right, 4px);
|
10479 | margin-top: 8px;
|
10480 | margin-top: var(--transfer-panel-search-margin-top, 8px);
|
10481 | margin-bottom: 0px;
|
10482 | margin-bottom: var(--transfer-panel-search-margin-bottom, 0px);
|
10483 | width: 180px;
|
10484 | width: var(--transfer-panel-list-width, 180px); }
|
10485 | .next-transfer .next-transfer-panel-list {
|
10486 | width: 180px;
|
10487 | width: var(--transfer-panel-list-width, 180px);
|
10488 |
|
10489 | height: 160px;
|
10490 | height: var(--transfer-panel-list-height, 160px);
|
10491 | padding: 0;
|
10492 | border: none;
|
10493 | box-shadow: none;
|
10494 | border-radius: 0;
|
10495 | overflow-y: auto; }
|
10496 | .next-transfer-panel-not-found-container {
|
10497 | display: table;
|
10498 | width: 100%;
|
10499 | height: 100%; }
|
10500 | .next-transfer-panel-not-found {
|
10501 | display: table-cell;
|
10502 | vertical-align: middle;
|
10503 | text-align: center;
|
10504 | color: #999999;
|
10505 | color: var(--color-text1-2, #999999);
|
10506 | font-size: 14px;
|
10507 | font-size: var(--font-size-body-2, 14px); }
|
10508 | .next-transfer-panel-item.next-focused {
|
10509 | transition: background-color 100ms linear;
|
10510 | transition: background-color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
10511 | .next-transfer-panel-item:not(.next-disabled).next-simple:hover {
|
10512 | color: #5584FF;
|
10513 | color: var(--transfer-simple-panel-item-hover-text-color, #5584FF); }
|
10514 | .next-transfer-panel-item.next-insert-before:before {
|
10515 | position: absolute;
|
10516 | top: 0;
|
10517 | left: 0;
|
10518 | content: '';
|
10519 | width: 100%;
|
10520 | border-top: 1px solid #5584FF;
|
10521 | border-top: var(--line-1, 1px) solid var(--color-brand1-6, #5584FF); }
|
10522 | .next-transfer-panel-item.next-insert-after:after {
|
10523 | position: absolute;
|
10524 | left: 0;
|
10525 | bottom: 0;
|
10526 | content: '';
|
10527 | width: 100%;
|
10528 | border-bottom: 1px solid #5584FF;
|
10529 | border-bottom: var(--line-1, 1px) solid var(--color-brand1-6, #5584FF); }
|
10530 | .next-transfer-panel-footer {
|
10531 | position: relative;
|
10532 | padding: 8px 20px;
|
10533 | padding: var(--transfer-panel-footer-padding-top-bottom, 8px) var(--transfer-panel-footer-padding-left-right, 20px);
|
10534 | border-top: 1px solid #DCDEE3;
|
10535 | border-top: var(--transfer-panel-border-width, 1px) var(--line-solid, solid) var(--transfer-panel-border-color, #DCDEE3);
|
10536 | background-color: #FFFFFF;
|
10537 | background-color: var(--transfer-panel-footer-background-color, #FFFFFF);
|
10538 | font-size: 0;
|
10539 | box-shadow: none;
|
10540 | box-shadow: var(--transfer-panel-footer-shadow, none); }
|
10541 | .next-transfer-panel-count {
|
10542 |
|
10543 | margin-left: 4px;
|
10544 | margin-left: var(--s-1, 4px);
|
10545 | font-size: 12px;
|
10546 | font-size: var(--font-size-body-1, 12px);
|
10547 | vertical-align: middle;
|
10548 | color: #333333;
|
10549 | color: var(--transfer-panel-footer-text-color, #333333); }
|
10550 | .next-transfer-panel-move-all {
|
10551 | font-size: 12px;
|
10552 | font-size: var(--font-size-body-1, 12px);
|
10553 | color: #5584FF;
|
10554 | color: var(--transfer-simple-panel-footer-text-color, #5584FF);
|
10555 | cursor: pointer; }
|
10556 | .next-transfer-panel-move-all.next-disabled {
|
10557 | color: #CCCCCC;
|
10558 | color: var(--color-text1-1, #CCCCCC);
|
10559 | cursor: not-allowed; }
|
10560 | .next-transfer-operations {
|
10561 | display: inline-block;
|
10562 | vertical-align: middle;
|
10563 | margin: 0 20px;
|
10564 | margin: 0 var(--transfer-operation-margin-left-right, 20px); }
|
10565 | .next-transfer-move.next-icon {
|
10566 | color: #C4C6CF;
|
10567 | color: var(--transfer-simple-move-icon-color, #C4C6CF); }
|
10568 | .next-transfer-move.next-icon::before {
|
10569 | content: "\E6B3";
|
10570 | content: var(--transfer-simple-move-icon, "\E6B3"); }
|
10571 | .next-transfer-operation.next-btn {
|
10572 | display: block; }
|
10573 | .next-transfer-operation.next-btn + .next-transfer-operation.next-btn {
|
10574 | margin-top: 8px;
|
10575 | margin-top: var(--transfer-operation-margin-gutter, 8px); }
|
10576 | .next-transfer-operation.next-btn .next-icon:before,
|
10577 | .next-transfer-operation.next-btn .next-icon .next-icon-remote {
|
10578 | width: 12px;
|
10579 | width: var(--transfer-operation-icon-size, 12px);
|
10580 | font-size: 12px;
|
10581 | font-size: var(--transfer-operation-icon-size, 12px);
|
10582 | line-height: inherit; }
|
10583 |
|
10584 | .next-sr-only {
|
10585 | position: absolute;
|
10586 | width: 1px;
|
10587 | height: 1px;
|
10588 | padding: 0;
|
10589 | overflow: hidden;
|
10590 | clip: rect(0, 0, 0, 0);
|
10591 | white-space: nowrap;
|
10592 | border: 0;
|
10593 | top: 0;
|
10594 | margin: -1px; }
|
10595 |
|
10596 | .next-tree {
|
10597 | box-sizing: border-box; }
|
10598 | .next-tree *,
|
10599 | .next-tree *:before,
|
10600 | .next-tree *:after {
|
10601 | box-sizing: border-box; }
|
10602 | .next-tree, .next-tree-child-tree {
|
10603 | margin: 0;
|
10604 | padding: 0;
|
10605 | list-style: none; }
|
10606 | .next-tree-node {
|
10607 | white-space: nowrap; }
|
10608 | .next-tree-node-inner {
|
10609 | font-size: 0;
|
10610 | outline: none; }
|
10611 | .next-tree-node-label-wrapper {
|
10612 | display: inline-block;
|
10613 | margin: 0 4px;
|
10614 | margin: 0 var(--tree-node-title-margin, 4px);
|
10615 | vertical-align: middle; }
|
10616 | .next-tree-node-label {
|
10617 | height: 20px;
|
10618 | height: var(--tree-node-title-height, 20px);
|
10619 | line-height: 20px;
|
10620 | line-height: var(--tree-node-title-height, 20px);
|
10621 | padding: 0 4px;
|
10622 | padding: 0 var(--tree-node-title-padding, 4px);
|
10623 | border-radius: 3px;
|
10624 | border-radius: var(--tree-node-title-border-radius, 3px);
|
10625 | font-size: 12px;
|
10626 | font-size: var(--tree-node-title-font-size, 12px); }
|
10627 | .next-tree-node-label .next-icon {
|
10628 | font-size: 14px;
|
10629 | font-size: calc(var(--tree-node-title-font-size, 12px) + 2px); }
|
10630 | .next-tree-node-label .next-icon::before {
|
10631 | font-size: 12px;
|
10632 | font-size: var(--tree-node-title-font-size, 12px);
|
10633 | width: 12px;
|
10634 | width: var(--tree-node-title-font-size, 12px);
|
10635 | margin-right: .5em; }
|
10636 | .next-tree-node-input.next-input {
|
10637 | margin: 0 4px;
|
10638 | margin: 0 var(--tree-node-title-margin, 4px); }
|
10639 | .next-tree-node-indent-unit {
|
10640 | display: inline-block;
|
10641 | width: 24px;
|
10642 | width: var(--tree-child-indent, 24px);
|
10643 | vertical-align: middle;
|
10644 | position: relative; }
|
10645 | .next-tree-node-indent-unit.next-line::before {
|
10646 | content: '';
|
10647 | position: absolute;
|
10648 | display: inline-block;
|
10649 | border-left: 1px solid #C4C6CF;
|
10650 | border-left: var(--tree-line, 1px solid #C4C6CF);
|
10651 | height: 28px;
|
10652 | height: calc(var(--tree-node-padding, 4px) + var(--line-2, 2px)*2 + var(--tree-node-title-height, 20px));
|
10653 | left: 7.5px;
|
10654 | left: calc(var(--tree-switch-size, 16px)/2 - var(--tree-line-width, 1px)/2); }
|
10655 | .next-tree-switcher {
|
10656 | position: relative;
|
10657 | display: inline-block;
|
10658 | vertical-align: middle;
|
10659 | margin-right: 8px;
|
10660 | margin-right: var(--tree-switch-margint-right, 8px); }
|
10661 | .next-tree .next-tree-unfold-icon::before {
|
10662 | content: "";
|
10663 | content: var(--tree-unfold-icon-content, ""); }
|
10664 | .next-tree-switcher.next-noline {
|
10665 | width: 12px;
|
10666 | width: var(--tree-switch-arrow-size, 12px);
|
10667 | height: 12px;
|
10668 | height: var(--tree-switch-arrow-size, 12px);
|
10669 | line-height: 12px;
|
10670 | line-height: var(--tree-switch-arrow-size, 12px);
|
10671 | cursor: pointer; }
|
10672 | .next-tree-switcher.next-noline .next-tree-switcher-icon {
|
10673 | transition: transform 100ms linear;
|
10674 | transition: transform var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
10675 | color: #999999;
|
10676 | color: var(--tree-switch-arrow-color, #999999); }
|
10677 | .next-tree-switcher.next-noline .next-tree-switcher-icon:before,
|
10678 | .next-tree-switcher.next-noline .next-tree-switcher-icon .next-icon-remote {
|
10679 | width: 12px;
|
10680 | width: var(--tree-switch-arrow-size, 12px);
|
10681 | font-size: 12px;
|
10682 | font-size: var(--tree-switch-arrow-size, 12px);
|
10683 | line-height: inherit; }
|
10684 | .next-tree-switcher.next-noline .next-tree-fold-icon::before {
|
10685 | content: "\E63D";
|
10686 | content: var(--tree-fold-icon-content, "\E63D"); }
|
10687 | .next-tree-switcher.next-noline.next-close .next-tree-switcher-icon {
|
10688 | transform: rotate(-90deg); }
|
10689 | .next-tree-switcher.next-noline.next-close .next-tree-switcher-icon:before,
|
10690 | .next-tree-switcher.next-noline.next-close .next-tree-switcher-icon .next-icon-remote {
|
10691 | width: 12px;
|
10692 | width: var(--tree-switch-arrow-size, 12px);
|
10693 | font-size: 12px;
|
10694 | font-size: var(--tree-switch-arrow-size, 12px);
|
10695 | line-height: inherit; }
|
10696 | .next-tree-switcher.next-noline:not(.next-disabled):hover .next-tree-switcher-icon {
|
10697 | color: #333333;
|
10698 | color: var(--tree-switch-hover-arrow-color, #333333); }
|
10699 | .next-tree-switcher.next-noline.next-disabled {
|
10700 | cursor: not-allowed; }
|
10701 | .next-tree-switcher.next-noline.next-disabled .next-tree-switcher-icon {
|
10702 | color: #CCCCCC;
|
10703 | color: var(--tree-node-disabled-color, #CCCCCC); }
|
10704 | .next-tree-switcher.next-noop-noline {
|
10705 | width: 12px;
|
10706 | width: var(--tree-switch-arrow-size, 12px);
|
10707 | height: 12px;
|
10708 | height: var(--tree-switch-arrow-size, 12px); }
|
10709 | .next-tree-switcher.next-line {
|
10710 | width: 16px;
|
10711 | width: var(--tree-switch-size, 16px);
|
10712 | height: 16px;
|
10713 | height: var(--tree-switch-size, 16px);
|
10714 | line-height: 14px;
|
10715 | line-height: calc(var(--tree-switch-size, 16px) - var(--tree-switch-border-width, 1px)*2);
|
10716 | border: 1px solid #C4C6CF;
|
10717 | border: var(--tree-switch-border-width, 1px) var(--line-solid, solid) var(--tree-switch-border-color, #C4C6CF);
|
10718 | border-radius: 3px;
|
10719 | border-radius: var(--tree-switch-corner, 3px);
|
10720 | background-color: #FFFFFF;
|
10721 | background-color: var(--tree-switch-bg-color, #FFFFFF);
|
10722 | cursor: pointer; }
|
10723 | .next-tree-switcher.next-line .next-tree-switcher-icon {
|
10724 | margin-left: 3px;
|
10725 | margin-left: calc(var(--tree-switch-size, 16px)/2 - var(--tree-switch-icon-size, 8px)/2 - var(--tree-switch-border-width, 1px)*2/2);
|
10726 | color: #666666;
|
10727 | color: var(--tree-switch-icon-color, #666666); }
|
10728 | .next-tree-switcher.next-line .next-tree-switcher-icon:before,
|
10729 | .next-tree-switcher.next-line .next-tree-switcher-icon .next-icon-remote {
|
10730 | width: 8px;
|
10731 | width: var(--tree-switch-icon-size, 8px);
|
10732 | font-size: 8px;
|
10733 | font-size: var(--tree-switch-icon-size, 8px);
|
10734 | line-height: inherit; }
|
10735 | @media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
|
10736 | .next-tree-switcher.next-line .next-tree-switcher-icon {
|
10737 | transform: scale(0.5);
|
10738 | margin-left: -1px;
|
10739 | margin-left: calc(var(--tree-switch-size, 16px)/2 - var(--tree-switch-icon-size, 8px)/2 - var(--tree-switch-border-width, 1px)*2/2 - var(--icon-s, 16px)/2 + var(--tree-switch-icon-size, 8px)/2);
|
10740 | margin-right: -4px;
|
10741 | margin-right: calc(0px - var(--icon-s, 16px)/2 + var(--tree-switch-icon-size, 8px)/2); }
|
10742 | .next-tree-switcher.next-line .next-tree-switcher-icon:before {
|
10743 | width: 16px;
|
10744 | width: var(--icon-s, 16px);
|
10745 | font-size: 16px;
|
10746 | font-size: var(--icon-s, 16px); } }
|
10747 | .next-tree-switcher.next-line .next-tree-switcher-fold-icon::before {
|
10748 | content: "\E655";
|
10749 | content: var(--tree-switcher-fold-icon-content, "\E655"); }
|
10750 | .next-tree-switcher.next-line .next-tree-switcher-unfold-icon::before {
|
10751 | content: "\E601";
|
10752 | content: var(--tree-switcher-unfold-icon-content, "\E601"); }
|
10753 | .next-tree-switcher.next-line:not(.next-disabled):hover {
|
10754 | border-color: #A0A2AD;
|
10755 | border-color: var(--tree-switch-hover-border-color, #A0A2AD);
|
10756 | background-color: #F2F3F7;
|
10757 | background-color: var(--tree-switch-hover-bg-color, #F2F3F7); }
|
10758 | .next-tree-switcher.next-line:not(.next-disabled):hover .next-tree-switcher-icon {
|
10759 | color: #333333;
|
10760 | color: var(--tree-switch-hover-icon-color, #333333); }
|
10761 | .next-tree-switcher.next-line.next-disabled {
|
10762 | border-color: #E6E7EB;
|
10763 | border-color: var(--color-line1-1, #E6E7EB);
|
10764 | background-color: #FFFFFF;
|
10765 | cursor: not-allowed; }
|
10766 | .next-tree-switcher.next-line.next-disabled .next-tree-switcher-icon {
|
10767 | color: #CCCCCC;
|
10768 | color: var(--tree-node-disabled-color, #CCCCCC); }
|
10769 | .next-tree-switcher.next-noop-line {
|
10770 | width: 16px;
|
10771 | width: var(--tree-switch-size, 16px);
|
10772 | height: 16px;
|
10773 | height: var(--tree-switch-size, 16px); }
|
10774 | .next-tree-switcher.next-noop-line-noroot {
|
10775 | height: 0;
|
10776 | border-left: 1px solid #C4C6CF;
|
10777 | border-left: var(--tree-switch-border-width, 1px) var(--line-solid, solid) var(--tree-line-color, #C4C6CF);
|
10778 | border-bottom: 1px solid #C4C6CF;
|
10779 | border-bottom: var(--tree-line, 1px solid #C4C6CF); }
|
10780 | .next-tree-switcher.next-noop-line-noroot .next-tree-right-angle {
|
10781 | bottom: -1px;
|
10782 | bottom: calc(0px - var(--tree-line-width, 1px)); }
|
10783 | .next-tree-switcher.next-loading.next-loading-noline {
|
10784 | width: 12px;
|
10785 | width: var(--tree-switch-arrow-size, 12px);
|
10786 | height: 12px;
|
10787 | height: var(--tree-switch-arrow-size, 12px);
|
10788 | line-height: 12px;
|
10789 | line-height: var(--tree-switch-arrow-size, 12px); }
|
10790 | .next-tree-switcher.next-loading.next-loading-line {
|
10791 | width: 16px;
|
10792 | width: var(--tree-switch-size, 16px);
|
10793 | height: 16px;
|
10794 | height: var(--tree-switch-size, 16px);
|
10795 | line-height: 14px;
|
10796 | line-height: calc(var(--tree-switch-size, 16px) - var(--tree-switch-border-width, 1px)*2);
|
10797 | border: 1px solid transparent;
|
10798 | border: var(--tree-switch-border-width, 1px) var(--line-solid, solid) transparent; }
|
10799 | .next-tree-switcher.next-loading .next-tree-switcher-icon {
|
10800 | color: #5584FF;
|
10801 | color: var(--color-brand1-6, #5584FF); }
|
10802 | .next-tree-switcher.next-loading .next-tree-switcher-icon:before,
|
10803 | .next-tree-switcher.next-loading .next-tree-switcher-icon .next-icon-remote {
|
10804 | width: 12px;
|
10805 | width: var(--tree-switch-arrow-size, 12px);
|
10806 | font-size: 12px;
|
10807 | font-size: var(--tree-switch-arrow-size, 12px);
|
10808 | line-height: inherit; }
|
10809 | .next-tree-right-angle {
|
10810 | position: absolute;
|
10811 | bottom: 6.5px;
|
10812 | bottom: calc(var(--tree-switch-size, 16px)/2 - var(--tree-switch-border-width, 1px)*2/2 - var(--tree-line-width, 1px)/2);
|
10813 | left: -17.5px;
|
10814 | left: var(--tree-child-right-angle-left, -17.5px);
|
10815 | display: block;
|
10816 | width: 16.5px;
|
10817 | width: var(--tree-child-right-angle-width, 16.5px);
|
10818 | height: 22px;
|
10819 | height: calc(var(--tree-node-title-height, 20px) + var(--tree-node-padding, 4px) - var(--tree-line-width, 1px)*2);
|
10820 | border-left: 1px solid #C4C6CF;
|
10821 | border-left: var(--tree-line, 1px solid #C4C6CF);
|
10822 | border-bottom: 1px solid #C4C6CF;
|
10823 | border-bottom: var(--tree-line, 1px solid #C4C6CF); }
|
10824 | .next-tree.next-label-block .next-tree-node-inner {
|
10825 | display: flex;
|
10826 | align-items: center;
|
10827 | outline: none; }
|
10828 | .next-tree.next-label-block .next-tree-node-label-wrapper {
|
10829 | flex: 1 1 auto; }
|
10830 | .next-tree.next-node-indent .next-tree-node .next-tree-node {
|
10831 | margin-left: 24px;
|
10832 | margin-left: var(--tree-child-indent, 24px); }
|
10833 | .next-tree.next-node-indent .next-tree-node-inner {
|
10834 | padding-top: 2px;
|
10835 | padding-top: calc(var(--tree-node-padding, 4px)/2);
|
10836 | padding-bottom: 2px;
|
10837 | padding-bottom: calc(var(--tree-node-padding, 4px)/2); }
|
10838 | .next-tree.next-node-indent .next-tree-node-inner:focus .next-tree-node-label {
|
10839 | color: #333333;
|
10840 | color: var(--tree-node-hover-color, #333333);
|
10841 | background-color: #F2F3F7;
|
10842 | background-color: var(--tree-node-hover-bg-color, #F2F3F7); }
|
10843 | .next-tree.next-node-indent .next-tree-node-label-wrapper {
|
10844 | border-top: 2px solid transparent;
|
10845 | border-top: var(--line-2, 2px) solid transparent;
|
10846 | border-bottom: 2px solid transparent;
|
10847 | border-bottom: var(--line-2, 2px) solid transparent; }
|
10848 | .next-tree.next-node-indent .next-tree-node-label {
|
10849 | transition: color 100ms linear, background-color 100ms linear;
|
10850 | transition: color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear), background-color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
10851 | cursor: default;
|
10852 | color: #333333;
|
10853 | color: var(--tree-node-normal-color, #333333);
|
10854 | background-color: #FFFFFF;
|
10855 | background-color: var(--tree-node-normal-background, #FFFFFF); }
|
10856 | .next-tree.next-node-indent .next-tree-node-label-selectable {
|
10857 | cursor: pointer; }
|
10858 | .next-tree.next-node-indent .next-tree-node-label:hover {
|
10859 | color: #333333;
|
10860 | color: var(--tree-node-hover-color, #333333);
|
10861 | background-color: #F2F3F7;
|
10862 | background-color: var(--tree-node-hover-bg-color, #F2F3F7); }
|
10863 | .next-tree.next-node-indent .next-tree-node-inner.next-selected .next-tree-node-label {
|
10864 | color: #333333;
|
10865 | color: var(--tree-node-selected-color, #333333);
|
10866 | background-color: #DEE8FF;
|
10867 | background-color: var(--tree-node-selected-background, #DEE8FF); }
|
10868 | .next-tree.next-node-indent .next-tree-node-inner.next-disabled .next-tree-node-label,
|
10869 | .next-tree.next-node-indent .next-tree-node-inner.next-disabled .next-tree-node-label:hover {
|
10870 | color: #CCCCCC;
|
10871 | color: var(--tree-node-disabled-color, #CCCCCC);
|
10872 | background-color: #FFFFFF;
|
10873 | background-color: var(--tree-node-disabled-background, #FFFFFF);
|
10874 | cursor: not-allowed; }
|
10875 | .next-tree.next-node-indent .next-tree-node-inner.next-drag-over .next-tree-node-label {
|
10876 | background-color: #5584FF;
|
10877 | background-color: var(--color-brand1-6, #5584FF);
|
10878 | color: #FFFFFF;
|
10879 | opacity: .8; }
|
10880 | .next-tree.next-node-indent .next-tree-node-inner.next-drag-over-gap-top .next-tree-node-label-wrapper {
|
10881 | border-top-color: #5584FF;
|
10882 | border-top-color: var(--color-brand1-6, #5584FF); }
|
10883 | .next-tree.next-node-indent .next-tree-node-inner.next-drag-over-gap-bottom .next-tree-node-label-wrapper {
|
10884 | border-bottom-color: #5584FF;
|
10885 | border-bottom-color: var(--color-brand1-6, #5584FF); }
|
10886 | .next-tree.next-node-block .next-tree-node-inner {
|
10887 | padding-top: 4px;
|
10888 | padding-top: var(--tree-node-padding, 4px);
|
10889 | padding-bottom: 4px;
|
10890 | padding-bottom: var(--tree-node-padding, 4px);
|
10891 | transition: color 100ms linear, background-color 100ms linear;
|
10892 | transition: color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear), background-color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
10893 | cursor: pointer;
|
10894 | color: #333333;
|
10895 | color: var(--tree-node-normal-color, #333333);
|
10896 | background-color: #FFFFFF;
|
10897 | background-color: var(--tree-node-normal-background, #FFFFFF); }
|
10898 | .next-tree.next-node-block .next-tree-node-inner:hover, .next-tree.next-node-block .next-tree-node-inner:focus {
|
10899 | color: #333333;
|
10900 | color: var(--tree-node-hover-color, #333333);
|
10901 | background-color: #F2F3F7;
|
10902 | background-color: var(--tree-node-hover-bg-color, #F2F3F7); }
|
10903 | .next-tree.next-node-block .next-tree-node-inner.next-selected {
|
10904 | color: #333333;
|
10905 | color: var(--tree-node-selected-color, #333333);
|
10906 | background-color: #DEE8FF;
|
10907 | background-color: var(--tree-node-selected-background, #DEE8FF); }
|
10908 | .next-tree.next-node-block .next-tree-node-inner.next-disabled, .next-tree.next-node-block .next-tree-node-inner.next-disabled:hover {
|
10909 | color: #CCCCCC;
|
10910 | color: var(--tree-node-disabled-color, #CCCCCC);
|
10911 | background-color: #FFFFFF;
|
10912 | background-color: var(--tree-node-disabled-background, #FFFFFF);
|
10913 | cursor: not-allowed; }
|
10914 | .next-tree.next-show-line .next-tree-node .next-tree-node:not(:last-child) {
|
10915 | margin-left: 7.5px;
|
10916 | margin-left: var(--tree-child-indent-left, 7.5px);
|
10917 | border-left: 1px solid #C4C6CF;
|
10918 | border-left: var(--tree-line, 1px solid #C4C6CF);
|
10919 | padding-left: 15.5px;
|
10920 | padding-left: var(--tree-child-indent-right, 15.5px); }
|
10921 | .next-tree-node.next-filtered > .next-tree-node-inner .next-tree-node-label {
|
10922 | color: #5584FF;
|
10923 | color: var(--color-brand1-6, #5584FF); }
|
10924 | .next-tree-node.next-filtered > .next-tree-node-inner .next-tree-node-label:hover {
|
10925 | color: #5584FF;
|
10926 | color: var(--color-brand1-6, #5584FF); }
|
10927 |
|
10928 | .next-tree[dir='rtl'] .next-tree-switcher {
|
10929 | margin-left: 8px;
|
10930 | margin-left: var(--tree-switch-margint-right, 8px);
|
10931 | margin-right: 0; }
|
10932 |
|
10933 | .next-tree[dir='rtl'] .next-tree-switcher.next-noop-line-noroot {
|
10934 | border-left: none;
|
10935 | border-right: 1px solid #C4C6CF;
|
10936 | border-right: var(--tree-switch-border-width, 1px) var(--line-solid, solid) var(--tree-line-color, #C4C6CF); }
|
10937 |
|
10938 | .next-tree[dir='rtl'] .next-tree-right-angle {
|
10939 | left: auto;
|
10940 | right: -17.5px;
|
10941 | right: var(--tree-child-right-angle-left, -17.5px);
|
10942 | border-left: none;
|
10943 | border-right: 1px solid #C4C6CF;
|
10944 | border-right: var(--tree-line, 1px solid #C4C6CF); }
|
10945 |
|
10946 | .next-tree[dir='rtl'].next-show-line .next-tree-node .next-tree-node:not(:last-child) {
|
10947 | margin-left: 0;
|
10948 | margin-right: 7.5px;
|
10949 | margin-right: var(--tree-child-indent-left, 7.5px);
|
10950 | border-left: none;
|
10951 | border-right: 1px solid #C4C6CF;
|
10952 | border-right: var(--tree-line, 1px solid #C4C6CF);
|
10953 | padding-left: 0;
|
10954 | padding-right: 15.5px;
|
10955 | padding-right: var(--tree-child-indent-right, 15.5px); }
|
10956 |
|
10957 | .next-tree[dir='rtl'].next-node-indent .next-tree-node .next-tree-node {
|
10958 | margin-left: 0;
|
10959 | margin-right: 24px;
|
10960 | margin-right: var(--tree-child-indent, 24px); }
|
10961 | .next-sr-only {
|
10962 | position: absolute;
|
10963 | width: 1px;
|
10964 | height: 1px;
|
10965 | padding: 0;
|
10966 | overflow: hidden;
|
10967 | clip: rect(0, 0, 0, 0);
|
10968 | white-space: nowrap;
|
10969 | border: 0;
|
10970 | top: 0;
|
10971 | margin: -1px; }
|
10972 |
|
10973 | .next-tree-select {
|
10974 | box-sizing: border-box; }
|
10975 | .next-tree-select *,
|
10976 | .next-tree-select *:before,
|
10977 | .next-tree-select *:after {
|
10978 | box-sizing: border-box; }
|
10979 | .next-tree-select-dropdown {
|
10980 | background: #FFFFFF;
|
10981 | background: var(--tree-select-background, #FFFFFF);
|
10982 | border: 1px solid #DCDEE3;
|
10983 | border: var(--popup-local-border-width, 1px) var(--popup-local-border-style, solid) var(--popup-local-border-color, #DCDEE3);
|
10984 | border-radius: 3px;
|
10985 | border-radius: var(--popup-local-corner, 3px);
|
10986 | box-shadow: none;
|
10987 | box-shadow: var(--popup-local-shadow, none);
|
10988 | max-height: 260px;
|
10989 | overflow: auto; }
|
10990 | .next-tree-select-dropdown > .next-tree,
|
10991 | .next-tree-select-dropdown > .next-tree-select-not-found,
|
10992 | .next-tree-select-dropdown > .next-virtual-tree-container {
|
10993 | padding: 8px 20px;
|
10994 | padding: var(--tree-select-padding-vertical, 8px) var(--tree-select-padding-horizontal, 20px); }
|
10995 | .next-tree-select-not-found {
|
10996 | font-size: 12px;
|
10997 | font-size: var(--font-size-body-1, 12px);
|
10998 | color: #999999;
|
10999 | color: var(--color-text1-2, #999999); }
|
11000 |
|
11001 | .next-sr-only {
|
11002 | position: absolute;
|
11003 | width: 1px;
|
11004 | height: 1px;
|
11005 | padding: 0;
|
11006 | overflow: hidden;
|
11007 | clip: rect(0, 0, 0, 0);
|
11008 | white-space: nowrap;
|
11009 | border: 0;
|
11010 | top: 0;
|
11011 | margin: -1px; }
|
11012 |
|
11013 | .next-upload-list[dir=rtl].next-upload-list-text .next-upload-list-item {
|
11014 | padding: 4px 8px;
|
11015 | padding: var(--s-1, 4px) var(--upload-text-list-padding-left-right, 8px);
|
11016 | padding-left: 36px;
|
11017 | padding-left: calc(var(--upload-text-list-close-icon-right, 12px)*2 + var(--upload-text-list-close-icon-size, 12px)); }
|
11018 |
|
11019 | .next-upload-list[dir=rtl].next-upload-list-text .next-icon {
|
11020 | left: 12px;
|
11021 | left: var(--upload-text-list-close-icon-right, 12px);
|
11022 | right: auto; }
|
11023 |
|
11024 | .next-upload-list[dir=rtl].next-upload-list-image .next-icon-close {
|
11025 | float: left;
|
11026 | margin-left: 4px;
|
11027 | margin-left: var(--upload-image-list-close-icon-right, 4px);
|
11028 | margin-right: 0; }
|
11029 |
|
11030 | .next-upload-list[dir=rtl].next-upload-list-image .next-upload-list-item-thumbnail {
|
11031 | float: right;
|
11032 | margin-left: 8px;
|
11033 | margin-left: var(--s-2, 8px);
|
11034 | margin-right: 0; }
|
11035 |
|
11036 | .next-upload-list[dir=rtl].next-upload-list-image .next-upload-list-item-progress {
|
11037 | margin-right: 56px;
|
11038 | margin-right: calc(var(--upload-image-list-item-picture-size, 48px) + var(--s-2, 8px));
|
11039 | margin-left: 20px;
|
11040 | margin-left: calc(var(--upload-image-list-close-icon-size, 12px) + var(--upload-image-list-close-icon-right, 4px)*2); }
|
11041 |
|
11042 | .next-upload {
|
11043 | box-sizing: border-box; }
|
11044 | .next-upload *,
|
11045 | .next-upload *:before,
|
11046 | .next-upload *:after {
|
11047 | box-sizing: border-box; }
|
11048 | .next-upload-inner {
|
11049 | outline: 0;
|
11050 | display: inline-block; }
|
11051 | .next-upload-inner.next-hidden {
|
11052 | display: none; }
|
11053 | .next-upload-list {
|
11054 | overflow: hidden;
|
11055 | box-sizing: border-box; }
|
11056 | .next-upload-list *,
|
11057 | .next-upload-list *:before,
|
11058 | .next-upload-list *:after {
|
11059 | box-sizing: border-box; }
|
11060 | .next-upload-list-item {
|
11061 | position: relative; }
|
11062 | .next-upload-list-item.next-hidden {
|
11063 | display: none; }
|
11064 | .next-upload-list-item-name {
|
11065 | text-decoration: none; }
|
11066 | .next-upload.next-disabled {
|
11067 | border-color: #E6E7EB !important;
|
11068 | border-color: var(--upload-disable-border-color, #E6E7EB) !important;
|
11069 | color: #CCCCCC !important;
|
11070 | color: var(--upload-disable-text-color, #CCCCCC) !important; }
|
11071 | .next-upload.next-disabled .next-icon-close {
|
11072 | cursor: not-allowed !important; }
|
11073 | .next-upload.next-disabled .next-upload-inner * {
|
11074 | color: #CCCCCC !important;
|
11075 | color: var(--upload-disable-text-color, #CCCCCC) !important;
|
11076 | border-color: #E6E7EB !important;
|
11077 | border-color: var(--upload-disable-border-color, #E6E7EB) !important;
|
11078 | cursor: not-allowed !important; }
|
11079 |
|
11080 | .next-upload-list-text .next-upload-list-item {
|
11081 | background-color: #F2F3F7;
|
11082 | background-color: var(--upload-text-list-bg-color, #F2F3F7);
|
11083 | padding: 4px 8px;
|
11084 | padding: var(--s-1, 4px) var(--upload-text-list-padding-left-right, 8px);
|
11085 | padding-right: 36px;
|
11086 | padding-right: calc(var(--upload-text-list-close-icon-right, 12px)*2 + var(--upload-text-list-close-icon-size, 12px));
|
11087 | height: 40px;
|
11088 | height: var(--upload-text-list-height, 40px);
|
11089 | line-height: 32px;
|
11090 | line-height: calc(var(--upload-text-list-height, 40px) - var(--s-2, 8px));
|
11091 | font-size: 12px;
|
11092 | font-size: var(--upload-text-list-font-size, 12px);
|
11093 | overflow: hidden;
|
11094 | transition: all 100ms linear;
|
11095 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
11096 | border-radius: 0;
|
11097 | border-radius: var(--upload-text-list-corner, 0); }
|
11098 | .next-upload-list-text .next-upload-list-item:not(:last-child) {
|
11099 | margin-bottom: 4px; }
|
11100 | .next-upload-list-text .next-upload-list-item-op {
|
11101 | position: absolute;
|
11102 | top: 0;
|
11103 | right: 12px;
|
11104 | right: var(--upload-text-list-close-icon-right, 12px); }
|
11105 | .next-upload-list-text .next-upload-list-item .next-icon-close {
|
11106 | color: #999999;
|
11107 | color: var(--upload-text-list-close-icon-color, #999999);
|
11108 | cursor: pointer;
|
11109 | text-align: center;
|
11110 | transition: all 100ms linear;
|
11111 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
11112 | line-height: 40px;
|
11113 | line-height: var(--upload-text-list-height, 40px); }
|
11114 | .next-upload-list-text .next-upload-list-item .next-icon-close:before,
|
11115 | .next-upload-list-text .next-upload-list-item .next-icon-close .next-icon-remote {
|
11116 | width: 12px;
|
11117 | width: var(--upload-text-list-close-icon-size, 12px);
|
11118 | font-size: 12px;
|
11119 | font-size: var(--upload-text-list-close-icon-size, 12px);
|
11120 | line-height: inherit; }
|
11121 | .next-upload-list-text .next-upload-list-item:hover {
|
11122 | background-color: #F2F3F7;
|
11123 | background-color: var(--upload-text-list-bg-color-hover, #F2F3F7); }
|
11124 | .next-upload-list-text .next-upload-list-item:hover .next-icon {
|
11125 | color: #666666;
|
11126 | color: var(--upload-text-list-close-icon-color-hover, #666666); }
|
11127 | .next-upload-list-text .next-upload-list-item-name-wrap {
|
11128 | text-overflow: ellipsis;
|
11129 | white-space: nowrap;
|
11130 | overflow: hidden;
|
11131 | margin-right: 4px; }
|
11132 | .next-upload-list-text .next-upload-list-item-name {
|
11133 | color: #333333;
|
11134 | color: var(--upload-text-list-name-font-color, #333333);
|
11135 | transition: all 100ms linear;
|
11136 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
11137 | .next-upload-list-text .next-upload-list-item-size {
|
11138 | color: #999999;
|
11139 | color: var(--upload-text-list-size-font-color, #999999);
|
11140 | margin-left: 8px; }
|
11141 | .next-upload-list-text .next-upload-list-item-uploading {
|
11142 | line-height: 16px;
|
11143 | line-height: calc(var(--upload-text-list-height, 40px)/2 - var(--s-1, 4px)); }
|
11144 | .next-upload-list-text .next-upload-list-item-uploading .next-upload-list-item-progress {
|
11145 | line-height: 0;
|
11146 | padding-top: 4px;
|
11147 | padding-top: calc(var(--upload-text-list-height, 40px)/2/2 - var(--s-1, 4px)/2 - var(--upload-text-list-progressbar-height, 8px)/2);
|
11148 | padding-bottom: 4px;
|
11149 | padding-bottom: calc(var(--upload-text-list-height, 40px)/2/2 - var(--s-1, 4px)/2 - var(--upload-text-list-progressbar-height, 8px)/2); }
|
11150 | .next-upload-list-text .next-upload-list-item-uploading .next-upload-list-item-progress .next-progress-line-underlay {
|
11151 | height: 8px;
|
11152 | height: var(--upload-text-list-progressbar-height, 8px); }
|
11153 | .next-upload-list-text .next-upload-list-item-uploading .next-upload-list-item-progress .next-progress-line-overlay {
|
11154 | height: 8px;
|
11155 | height: var(--upload-text-list-progressbar-height, 8px);
|
11156 | margin-top: -4px;
|
11157 | margin-top: calc(0px - var(--upload-text-list-progressbar-height, 8px)/2); }
|
11158 | .next-upload-list-text .next-upload-list-item-done {
|
11159 | line-height: 32px;
|
11160 | line-height: calc(var(--upload-text-list-height, 40px) - var(--s-2, 8px)); }
|
11161 | .next-upload-list-text .next-upload-list-item-done:hover .next-upload-list-item-name {
|
11162 | color: #5584FF;
|
11163 | color: var(--upload-text-list-name-font-color-hover, #5584FF); }
|
11164 | .next-upload-list-text .next-upload-list-item-done:hover .next-upload-list-item-size {
|
11165 | color: #5584FF;
|
11166 | color: var(--upload-text-list-size-font-color-hover, #5584FF); }
|
11167 | .next-upload-list-text .next-upload-list-item-error {
|
11168 |
|
11169 | background-color: #FFECE4 !important;
|
11170 | background-color: var(--upload-text-list-bg-color-error, #FFECE4) !important; }
|
11171 | .next-upload-list-text .next-upload-list-item-error.next-upload-list-item-error-with-msg {
|
11172 | line-height: 16px;
|
11173 | line-height: calc(var(--upload-text-list-height, 40px)/2 - var(--s-1, 4px)); }
|
11174 | .next-upload-list-text .next-upload-list-item-error-msg {
|
11175 | text-overflow: ellipsis;
|
11176 | white-space: nowrap;
|
11177 | overflow: hidden;
|
11178 | color: #FF3000;
|
11179 | color: var(--upload-text-list-error-text-color, #FF3000); }
|
11180 |
|
11181 | .next-upload-list-image .next-upload-list-item {
|
11182 | box-sizing: content-box;
|
11183 | border: 1px solid #DCDEE3;
|
11184 | border: var(--upload-image-list-item-border-width, 1px) solid var(--upload-image-list-item-border-color, #DCDEE3);
|
11185 | background-color: #FFFFFF;
|
11186 | background-color: var(--upload-image-list-item-bg-color, #FFFFFF);
|
11187 | padding: 8px;
|
11188 | padding: var(--upload-image-list-item-padding, 8px);
|
11189 | height: 48px;
|
11190 | height: var(--upload-image-list-item-picture-size, 48px);
|
11191 | line-height: 48px;
|
11192 | line-height: var(--upload-image-list-item-picture-size, 48px);
|
11193 | font-size: 12px;
|
11194 | font-size: var(--upload-image-list-item-font-size, 12px);
|
11195 | transition: all 100ms linear;
|
11196 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
11197 | overflow: hidden;
|
11198 | border-radius: 0;
|
11199 | border-radius: var(--upload-card-list-corner, 0); }
|
11200 | .next-upload-list-image .next-upload-list-item:not(:last-child) {
|
11201 | margin-bottom: 4px; }
|
11202 | .next-upload-list-image .next-upload-list-item:after {
|
11203 | visibility: hidden;
|
11204 | display: block;
|
11205 | height: 0;
|
11206 | font-size: 0;
|
11207 | content: ' ';
|
11208 | clear: both; }
|
11209 | .next-upload-list-image .next-upload-list-item-op {
|
11210 | float: right;
|
11211 | margin-right: 4px; }
|
11212 | .next-upload-list-image .next-upload-list-item .next-icon-close {
|
11213 | cursor: pointer;
|
11214 | color: #999999;
|
11215 | color: var(--upload-image-list-close-icon-color, #999999);
|
11216 | text-align: center; }
|
11217 | .next-upload-list-image .next-upload-list-item .next-icon-close:before,
|
11218 | .next-upload-list-image .next-upload-list-item .next-icon-close .next-icon-remote {
|
11219 | width: 12px;
|
11220 | width: var(--upload-image-list-close-icon-size, 12px);
|
11221 | font-size: 12px;
|
11222 | font-size: var(--upload-image-list-close-icon-size, 12px);
|
11223 | line-height: inherit; }
|
11224 | .next-upload-list-image .next-upload-list-item:hover {
|
11225 | border-color: #5584FF;
|
11226 | border-color: var(--upload-image-list-item-border-color-hover, #5584FF); }
|
11227 | .next-upload-list-image .next-upload-list-item:hover .next-icon-close {
|
11228 | color: #666666;
|
11229 | color: var(--upload-image-list-close-icon-color-hover, #666666); }
|
11230 | .next-upload-list-image .next-upload-list-item-name {
|
11231 | display: block;
|
11232 | color: #333333;
|
11233 | color: var(--upload-text-list-name-font-color, #333333);
|
11234 | margin-left: 56px;
|
11235 | margin-left: calc(var(--upload-image-list-item-picture-size, 48px) + var(--upload-image-list-item-padding, 8px));
|
11236 | margin-right: 20px;
|
11237 | margin-right: calc(var(--upload-image-list-close-icon-size, 12px) + var(--upload-image-list-close-icon-right, 4px)*2);
|
11238 | text-overflow: ellipsis;
|
11239 | white-space: nowrap;
|
11240 | overflow: hidden;
|
11241 | transition: all 100ms linear;
|
11242 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
11243 | .next-upload-list-image .next-upload-list-item-size {
|
11244 | color: #999999;
|
11245 | color: var(--upload-text-list-size-font-color, #999999);
|
11246 | margin-left: 8px; }
|
11247 | .next-upload-list-image .next-upload-list-item-done:hover .next-upload-list-item-name {
|
11248 | color: #5584FF;
|
11249 | color: var(--upload-text-list-name-font-color-hover, #5584FF); }
|
11250 | .next-upload-list-image .next-upload-list-item-done:hover .next-upload-list-item-size {
|
11251 | color: #5584FF;
|
11252 | color: var(--upload-text-list-size-font-color-hover, #5584FF); }
|
11253 | .next-upload-list-image .next-upload-list-item-thumbnail {
|
11254 | float: left;
|
11255 | width: 48px;
|
11256 | width: var(--upload-image-list-item-picture-size, 48px);
|
11257 | height: 48px;
|
11258 | height: var(--upload-image-list-item-picture-size, 48px);
|
11259 | color: #CCCCCC;
|
11260 | color: var(--upload-image-list-item-thumbnail-font-color, #CCCCCC);
|
11261 | border: 1px solid #DCDEE3;
|
11262 | border: var(--upload-image-list-item-picture-border-width, 1px) solid var(--upload-image-list-item-picture-border-color, #DCDEE3);
|
11263 | border-radius: 0;
|
11264 | border-radius: var(--upload-image-list-item-picture-corner, 0);
|
11265 | background-color: #F2F3F7;
|
11266 | background-color: var(--upload-image-list-item-picture-background-color, #F2F3F7);
|
11267 | margin-right: 8px;
|
11268 | margin-right: var(--s-2, 8px);
|
11269 | vertical-align: middle;
|
11270 | text-align: center;
|
11271 | overflow: hidden;
|
11272 | box-sizing: border-box; }
|
11273 | .next-upload-list-image .next-upload-list-item-thumbnail img {
|
11274 | width: 100%;
|
11275 | height: 100%; }
|
11276 | .next-upload-list-image .next-upload-list-item-thumbnail .next-icon {
|
11277 | display: block;
|
11278 | margin: 0;
|
11279 | line-height: 48px;
|
11280 | line-height: var(--upload-image-list-item-picture-size, 48px); }
|
11281 | .next-upload-list-image .next-upload-list-item-thumbnail .next-icon:before,
|
11282 | .next-upload-list-image .next-upload-list-item-thumbnail .next-icon .next-icon-remote {
|
11283 | width: 24px;
|
11284 | width: var(--upload-image-list-item-picture-icon-size, 24px);
|
11285 | font-size: 24px;
|
11286 | font-size: var(--upload-image-list-item-picture-icon-size, 24px);
|
11287 | line-height: inherit; }
|
11288 | .next-upload-list-image .next-upload-list-item-error {
|
11289 | border-color: #FF3000 !important;
|
11290 | border-color: var(--upload-image-list-item-border-color-error, #FF3000) !important;
|
11291 | background-color: #FFFFFF;
|
11292 | background-color: var(--upload-image-list-item-error-bg-color, #FFFFFF); }
|
11293 | .next-upload-list-image .next-upload-list-item-uploading {
|
11294 | background-color: #FFFFFF;
|
11295 | background-color: var(--upload-image-list-item-uploading-bg-color, #FFFFFF); }
|
11296 | .next-upload-list-image .next-upload-list-item-uploading .next-upload-list-item-name {
|
11297 | height: 24px;
|
11298 | height: calc(var(--upload-image-list-item-picture-size, 48px)/2);
|
11299 | line-height: 24px;
|
11300 | line-height: calc(var(--upload-image-list-item-picture-size, 48px)/2); }
|
11301 | .next-upload-list-image .next-upload-list-item-uploading .next-upload-list-item-progress {
|
11302 | margin-left: 56px;
|
11303 | margin-left: calc(var(--upload-image-list-item-picture-size, 48px) + var(--s-2, 8px));
|
11304 | margin-right: 20px;
|
11305 | margin-right: calc(var(--upload-image-list-close-icon-size, 12px) + var(--upload-image-list-close-icon-right, 4px)*2);
|
11306 | line-height: 0;
|
11307 | padding-top: 8px;
|
11308 | padding-top: calc(var(--upload-image-list-item-picture-size, 48px)/2/2 - var(--upload-image-list-progressbar-height, 8px)/2);
|
11309 | padding-bottom: 8px;
|
11310 | padding-bottom: calc(var(--upload-image-list-item-picture-size, 48px)/2/2 - var(--upload-image-list-progressbar-height, 8px)/2); }
|
11311 | .next-upload-list-image .next-upload-list-item-uploading .next-upload-list-item-progress .next-progress-line-underlay {
|
11312 | height: 8px;
|
11313 | height: var(--upload-image-list-progressbar-height, 8px); }
|
11314 | .next-upload-list-image .next-upload-list-item-uploading .next-upload-list-item-progress .next-progress-line-overlay {
|
11315 | height: 8px;
|
11316 | height: var(--upload-image-list-progressbar-height, 8px);
|
11317 | margin-top: -4px;
|
11318 | margin-top: calc(0px - var(--upload-image-list-progressbar-height, 8px)/2); }
|
11319 | .next-upload-list-image .next-upload-list-item-error-with-msg .next-upload-list-item-name,
|
11320 | .next-upload-list-image .next-upload-list-item-error-with-msg .next-upload-list-item-error-msg {
|
11321 | height: 24px;
|
11322 | height: calc(var(--upload-image-list-item-picture-size, 48px)/2);
|
11323 | line-height: 24px;
|
11324 | line-height: calc(var(--upload-image-list-item-picture-size, 48px)/2); }
|
11325 | .next-upload-list-image .next-upload-list-item-error-with-msg .next-upload-list-item-error-msg {
|
11326 | margin-left: 56px;
|
11327 | margin-left: calc(var(--upload-image-list-item-picture-size, 48px) + var(--s-2, 8px));
|
11328 | margin-right: 20px;
|
11329 | margin-right: calc(var(--upload-image-list-close-icon-size, 12px) + var(--upload-image-list-close-icon-right, 4px)*2);
|
11330 | color: #FF3000;
|
11331 | color: var(--upload-text-list-error-text-color, #FF3000);
|
11332 | text-overflow: ellipsis;
|
11333 | white-space: nowrap;
|
11334 | overflow: hidden; }
|
11335 |
|
11336 | .next-upload-list-card {
|
11337 | display: inline-block; }
|
11338 | .next-upload-list-card .next-upload-list-item {
|
11339 | vertical-align: middle;
|
11340 | float: left; }
|
11341 | .next-upload-list-card .next-upload-list-item:not(:last-child) {
|
11342 | margin-right: 12px;
|
11343 | margin-right: var(--upload-card-list-margin-right, 12px); }
|
11344 | .next-upload-list-card .next-upload-list-item-wrapper {
|
11345 | position: relative;
|
11346 | border: 1px solid #C4C6CF;
|
11347 | border: 1px solid var(--upload-card-list-border-color, #C4C6CF);
|
11348 | width: 100px;
|
11349 | width: var(--upload-card-size, 100px);
|
11350 | height: 100px;
|
11351 | height: var(--upload-card-size, 100px);
|
11352 | padding: 0px;
|
11353 | padding: var(--upload-card-list-padding, 0px);
|
11354 | background-color: transparent;
|
11355 | background-color: var(--upload-card-list-bg-color, transparent);
|
11356 | border-radius: 0;
|
11357 | border-radius: var(--upload-card-border-radius, 0);
|
11358 | overflow: hidden; }
|
11359 | .next-upload-list-card .next-upload-list-item-thumbnail {
|
11360 | text-align: center;
|
11361 | width: 100%;
|
11362 | height: 100%;
|
11363 | color: #CCCCCC;
|
11364 | color: var(--upload-card-list-thumbnail-font-color, #CCCCCC);
|
11365 | font-size: 12px;
|
11366 | font-size: var(--upload-card-list-thumbnail-font-size, 12px); }
|
11367 | .next-upload-list-card .next-upload-list-item-thumbnail img {
|
11368 | max-width: 100%;
|
11369 | max-height: 100%;
|
11370 | position: absolute;
|
11371 | top: 0;
|
11372 | right: 0;
|
11373 | bottom: 0;
|
11374 | left: 0;
|
11375 | margin: auto; }
|
11376 | .next-upload-list-card .next-upload-list-item-thumbnail img:focus {
|
11377 | outline: 0; }
|
11378 | .next-upload-list-card .next-upload-list-item-thumbnail .next-icon {
|
11379 | width: 100%; }
|
11380 | .next-upload-list-card .next-upload-list-item-thumbnail .next-icon:before,
|
11381 | .next-upload-list-card .next-upload-list-item-thumbnail .next-icon .next-icon-remote {
|
11382 | width: 48px;
|
11383 | width: var(--upload-card-list-thumbnail-icon-size, 48px);
|
11384 | font-size: 48px;
|
11385 | font-size: var(--upload-card-list-thumbnail-icon-size, 48px);
|
11386 | line-height: inherit; }
|
11387 | .next-upload-list-card .next-upload-list-item-handler {
|
11388 | margin-top: 13px;
|
11389 | margin-top: calc(var(--upload-card-size, 100px)/2 - 37px); }
|
11390 | .next-upload-list-card .next-upload-list-item-handler .next-icon-cry {
|
11391 | margin-top: 10px; }
|
11392 | .next-upload-list-card .next-upload-list-item-name {
|
11393 | display: block;
|
11394 | width: 100px;
|
11395 | width: var(--upload-card-size, 100px);
|
11396 | text-align: center;
|
11397 | margin-top: 4px;
|
11398 | margin-top: var(--upload-card-list-name-margin-top, 4px);
|
11399 | font-size: 12px;
|
11400 | font-size: var(--upload-card-list-name-font-size, 12px);
|
11401 | color: #666666;
|
11402 | color: var(--upload-card-list-name-font-color, #666666);
|
11403 | text-overflow: ellipsis;
|
11404 | white-space: nowrap;
|
11405 | overflow: hidden; }
|
11406 | .next-upload-list-card .next-upload-list-item-progress {
|
11407 | position: absolute;
|
11408 | font-size: 0;
|
11409 | bottom: 0;
|
11410 | left: 0;
|
11411 | width: 100%; }
|
11412 | .next-upload-list-card .next-upload-list-item-progress .next-progress-line-underlay {
|
11413 | border-radius: 0;
|
11414 | height: 8px;
|
11415 | height: var(--upload-card-list-progressbar-height, 8px); }
|
11416 | .next-upload-list-card .next-upload-list-item-progress .next-progress-line-overlay {
|
11417 | border-radius: 0;
|
11418 | height: 8px;
|
11419 | height: var(--upload-card-list-progressbar-height, 8px);
|
11420 | margin-top: -4px;
|
11421 | margin-top: calc(0px - var(--upload-card-list-progressbar-height, 8px)/2); }
|
11422 | .next-upload-list-card .next-upload-list-item-uploading .next-upload-list-item-wrapper {
|
11423 | background-color: #F7F8FA;
|
11424 | background-color: var(--upload-card-list-uploading-bg-color, #F7F8FA); }
|
11425 | .next-upload-list-card .next-upload-list-item:hover .next-upload-tool {
|
11426 | opacity: .8; }
|
11427 | .next-upload-list-card .next-upload-list-item .next-upload-tool {
|
11428 | position: absolute;
|
11429 | z-index: 1;
|
11430 | background-color: rgba(0, 0, 0, 0.7);
|
11431 | background-color: rgba(0, 0, 0, var(--upload-select-card-tool-bg-opacity, 0.7));
|
11432 | transition: all 100ms linear;
|
11433 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
11434 | opacity: 0;
|
11435 | width: 100%;
|
11436 | height: 28px;
|
11437 | height: var(--upload-select-card-tool-height, 28px);
|
11438 | left: 0;
|
11439 | bottom: 0;
|
11440 | display: flex; }
|
11441 | .next-upload-list-card .next-upload-list-item .next-upload-tool .next-icon {
|
11442 | line-height: 28px;
|
11443 | line-height: var(--upload-select-card-tool-height, 28px);
|
11444 | color: #FFFFFF;
|
11445 | cursor: pointer; }
|
11446 | .next-upload-list-card .next-upload-list-item .next-upload-tool .next-icon:before,
|
11447 | .next-upload-list-card .next-upload-list-item .next-upload-tool .next-icon .next-icon-remote {
|
11448 | width: 16px;
|
11449 | width: var(--upload-select-card-tool-icon-size, 16px);
|
11450 | font-size: 16px;
|
11451 | font-size: var(--upload-select-card-tool-icon-size, 16px);
|
11452 | line-height: inherit; }
|
11453 | .next-upload-list-card .next-upload-list-item .next-upload-tool-item {
|
11454 | width: 100%;
|
11455 | text-align: center; }
|
11456 | .next-upload-list-card .next-upload-list-item .next-upload-tool-item:not(:last-child) {
|
11457 | border-right: 1px solid #FFFFFF; }
|
11458 | .next-upload-list-card .next-upload-list-item .next-upload-tool-reupload {
|
11459 | display: inline-block; }
|
11460 | .next-upload-list-card .next-upload-list-item .next-upload-card {
|
11461 | display: flex;
|
11462 | flex-direction: column;
|
11463 | justify-content: center; }
|
11464 | .next-upload-list-card .next-upload-list-item-error .next-upload-list-item-wrapper {
|
11465 | border-color: #FF3000;
|
11466 | border-color: var(--upload-card-list-border-color-error, #FF3000); }
|
11467 | .next-upload-list-card.next-upload-ie9 .next-upload-tool {
|
11468 | display: table; }
|
11469 | .next-upload-list-card.next-upload-ie9 .next-upload-tool-item {
|
11470 | display: table-cell;
|
11471 | width: 1%; }
|
11472 | .next-upload-list-card.next-upload-ie9 .next-upload-card {
|
11473 | display: table-cell; }
|
11474 |
|
11475 | .next-upload-card {
|
11476 | border: 1px dashed #C4C6CF;
|
11477 | border: 1px var(--upload-card-border-style, dashed) var(--upload-card-border-color, #C4C6CF);
|
11478 | width: 100px;
|
11479 | width: var(--upload-card-size, 100px);
|
11480 | height: 100px;
|
11481 | height: var(--upload-card-size, 100px);
|
11482 | background-color: #FFFFFF;
|
11483 | background-color: var(--upload-card-bg-color, #FFFFFF);
|
11484 | text-align: center;
|
11485 | cursor: pointer;
|
11486 | transition: border-color 100ms linear;
|
11487 | transition: border-color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
11488 | display: table-cell;
|
11489 | vertical-align: middle;
|
11490 | border-radius: 0;
|
11491 | border-radius: var(--upload-card-border-radius, 0); }
|
11492 | .next-upload-card .next-icon {
|
11493 | color: #C4C6CF;
|
11494 | color: var(--upload-card-icon-color, #C4C6CF); }
|
11495 | .next-upload-card .next-icon:before,
|
11496 | .next-upload-card .next-icon .next-icon-remote {
|
11497 | width: 24px;
|
11498 | width: var(--upload-card-add-icon-size, 24px);
|
11499 | font-size: 24px;
|
11500 | font-size: var(--upload-card-add-icon-size, 24px);
|
11501 | line-height: inherit; }
|
11502 | .next-upload-card .next-upload-add-icon::before {
|
11503 | content: "\E655";
|
11504 | content: var(--upload-card-add-icon, "\E655"); }
|
11505 | .next-upload-card .next-upload-text {
|
11506 | font-size: 12px;
|
11507 | font-size: var(--upload-card-add-text-size, 12px);
|
11508 | margin-top: 12px;
|
11509 | margin-top: var(--upload-card-add-text-margin-top, 12px);
|
11510 | color: #666666;
|
11511 | color: var(--upload-card-font-color, #666666);
|
11512 | outline: none; }
|
11513 | .next-upload-card:hover {
|
11514 | border-color: #5584FF;
|
11515 | border-color: var(--upload-card-hover-border-color, #5584FF); }
|
11516 | .next-upload-card:hover .next-icon {
|
11517 | color: #5584FF;
|
11518 | color: var(--upload-card-hover-font-color, #5584FF); }
|
11519 | .next-upload-card:hover .next-upload-text {
|
11520 | color: #5584FF;
|
11521 | color: var(--upload-card-hover-font-color, #5584FF); }
|
11522 |
|
11523 | .next-upload-dragable .next-upload-inner {
|
11524 | display: block; }
|
11525 |
|
11526 | .next-upload-dragable .next-upload-drag {
|
11527 | border: 1px dashed #C4C6CF;
|
11528 | border: 1px dashed var(--upload-drag-zone-border-color, #C4C6CF);
|
11529 | transition: border-color 100ms linear;
|
11530 | transition: border-color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
11531 | cursor: pointer;
|
11532 | border-radius: 3px;
|
11533 | border-radius: var(--upload-drag-zone-corner, 3px);
|
11534 | background-color: transparent;
|
11535 | background-color: var(--upload-drag-zone-bg-color, transparent);
|
11536 | text-align: center;
|
11537 | margin-bottom: 4px;
|
11538 | margin-bottom: var(--s-1, 4px); }
|
11539 | .next-upload-dragable .next-upload-drag-icon {
|
11540 | margin: 20px 0 0;
|
11541 | margin: var(--s-5, 20px) 0 0;
|
11542 | color: #666666;
|
11543 | color: var(--upload-drag-zone-upload-icon-color, #666666); }
|
11544 | .next-upload-dragable .next-upload-drag-icon .next-upload-drag-upload-icon::before {
|
11545 | content: "\E7EE";
|
11546 | content: var(--upload-drag-zone-upload-icon, "\E7EE");
|
11547 | font-size: 24px;
|
11548 | font-size: var(--upload-drag-zone-icon-size, 24px); }
|
11549 | .next-upload-dragable .next-upload-drag-text {
|
11550 | margin: 12px 0 0;
|
11551 | margin: var(--s-3, 12px) 0 0;
|
11552 | font-size: 14px;
|
11553 | font-size: var(--upload-drag-zone-font-size, 14px);
|
11554 | color: #666666;
|
11555 | color: var(--upload-drag-zone-upload-normal-title-color, #666666); }
|
11556 | .next-upload-dragable .next-upload-drag-hint {
|
11557 | margin: 4px 0 20px;
|
11558 | margin: var(--s-1, 4px) 0 var(--s-5, 20px);
|
11559 | font-size: 12px;
|
11560 | font-size: var(--upload-drag-zone-hint-font-size, 12px);
|
11561 | color: #999999;
|
11562 | color: var(--upload-drag-zone-upload-normal-hint-color, #999999); }
|
11563 | .next-upload-dragable .next-upload-drag-over {
|
11564 | border-color: #5584FF;
|
11565 | border-color: var(--upload-drag-zone-over-border-color, #5584FF); }
|
11566 | .next-sr-only {
|
11567 | position: absolute;
|
11568 | width: 1px;
|
11569 | height: 1px;
|
11570 | padding: 0;
|
11571 | overflow: hidden;
|
11572 | clip: rect(0, 0, 0, 0);
|
11573 | white-space: nowrap;
|
11574 | border: 0;
|
11575 | top: 0;
|
11576 | margin: -1px; }
|
11577 | .next-sr-only {
|
11578 | position: absolute;
|
11579 | width: 1px;
|
11580 | height: 1px;
|
11581 | padding: 0;
|
11582 | overflow: hidden;
|
11583 | clip: rect(0, 0, 0, 0);
|
11584 | white-space: nowrap;
|
11585 | border: 0;
|
11586 | top: 0;
|
11587 | margin: -1px; }
|
11588 |
|
11589 | .next-shell {
|
11590 | box-sizing: border-box;
|
11591 | position: relative;
|
11592 | display: flex;
|
11593 | flex-direction: column;
|
11594 | transition: all 0.2s ease;
|
11595 | transition: all 0.2s var(--motion-ease, ease); }
|
11596 | .next-shell *,
|
11597 | .next-shell *:before,
|
11598 | .next-shell *:after {
|
11599 | box-sizing: border-box; }
|
11600 | .next-shell-content-wrapper {
|
11601 | overflow: auto; }
|
11602 | .next-shell-header {
|
11603 | display: flex;
|
11604 | width: 100%;
|
11605 | justify-content: space-between;
|
11606 | align-items: center;
|
11607 | z-index: 9; }
|
11608 | .next-shell-header .dock-trigger,
|
11609 | .next-shell-header .nav-trigger {
|
11610 | outline: 0;
|
11611 | display: flex;
|
11612 | justify-content: center;
|
11613 | align-items: center;
|
11614 | cursor: pointer;
|
11615 | width: 32px;
|
11616 | height: 32px; }
|
11617 | .next-shell-header .nav-trigger {
|
11618 | margin-right: 10px; }
|
11619 | .next-shell-header .dock-trigger {
|
11620 | margin-left: 10px; }
|
11621 | .next-shell-header.next-shell-fixed-header {
|
11622 | position: sticky;
|
11623 | top: 0; }
|
11624 | .next-shell-header .next-shell-navigation {
|
11625 | flex: 1 1;
|
11626 | display: flex;
|
11627 | align-items: center;
|
11628 | flex-direction: row; }
|
11629 | .next-shell-header .next-shell-branding {
|
11630 | display: flex;
|
11631 | align-items: center; }
|
11632 | .next-shell-header .next-shell-action {
|
11633 | display: flex;
|
11634 | align-items: center; }
|
11635 | .next-shell-sub-main {
|
11636 | flex: 1 1;
|
11637 | display: flex;
|
11638 | flex-direction: column;
|
11639 | height: 100%;
|
11640 | overflow: auto;
|
11641 | outline: 0; }
|
11642 | .next-shell-main {
|
11643 | display: flex;
|
11644 | flex: 1 1 auto;
|
11645 | flex-direction: row;
|
11646 | position: relative;
|
11647 | height: 100%;
|
11648 | box-sizing: content-box;
|
11649 | overflow: auto;
|
11650 | transition: all 0.2s ease;
|
11651 | transition: all 0.2s var(--motion-ease, ease); }
|
11652 | .next-shell-main .next-shell-content {
|
11653 | flex: 1 1 auto; }
|
11654 | .next-shell-main .next-shell-content-inner {
|
11655 | margin: 0 auto; }
|
11656 | .next-shell-main .next-shell-footer {
|
11657 | display: flex;
|
11658 | flex-direction: column;
|
11659 | justify-content: center;
|
11660 | align-items: center;
|
11661 | width: 100%; }
|
11662 | .next-shell .next-aside-navigation,
|
11663 | .next-shell .next-aside-tooldock {
|
11664 | display: flex; }
|
11665 | .next-shell .next-aside-navigation.fixed,
|
11666 | .next-shell .next-aside-tooldock.fixed {
|
11667 | position: fixed;
|
11668 | top: 0;
|
11669 | bottom: 0;
|
11670 | z-index: 1; }
|
11671 | .next-shell .next-aside-navigation.fixed {
|
11672 | left: 0; }
|
11673 | .next-shell .next-aside-tooldock.fixed {
|
11674 | right: 0; }
|
11675 | .next-shell-aside {
|
11676 | transition: all 0.2s ease;
|
11677 | transition: all 0.2s var(--motion-ease, ease); }
|
11678 | .next-shell-aside .aside-trigger {
|
11679 | cursor: pointer;
|
11680 | outline: 0;
|
11681 | position: absolute;
|
11682 | right: 0;
|
11683 | top: 50%;
|
11684 | width: 20px;
|
11685 | height: 48px;
|
11686 | display: flex;
|
11687 | border: 1px solid #DDD;
|
11688 | align-items: center;
|
11689 | justify-content: center; }
|
11690 | .next-shell-aside .local-nav-trigger {
|
11691 | outline: 0;
|
11692 | border-left: none;
|
11693 | transform: translate(100%, -50%);
|
11694 | right: 0; }
|
11695 | .next-shell-aside .ancillary-trigger {
|
11696 | outline: 0;
|
11697 | transform: translate(-100%, -50%);
|
11698 | border-right: 0;
|
11699 | left: 1px; }
|
11700 | .next-shell-aside.next-aside-localnavigation {
|
11701 | position: relative; }
|
11702 | .next-shell-aside.next-aside-ancillary {
|
11703 | position: relative; }
|
11704 | .next-shell-aside.next-shell-navigation {
|
11705 | display: flex;
|
11706 | flex-direction: column;
|
11707 | justify-self: flex-start;
|
11708 | transition: all 0.2s ease;
|
11709 | transition: all 0.2s var(--motion-ease, ease); }
|
11710 | .next-shell-aside.next-shell-tooldock {
|
11711 | display: flex;
|
11712 | flex-direction: column;
|
11713 | align-items: center; }
|
11714 | .next-shell-aside .next-shell-tooldockitem {
|
11715 | width: 100%;
|
11716 | text-align: center; }
|
11717 | .next-shell-aside .next-shell-localnavigation {
|
11718 | position: relative;
|
11719 | height: 100%;
|
11720 | display: flex;
|
11721 | flex-direction: column;
|
11722 | justify-self: flex-start;
|
11723 | transition: all 0.2s ease;
|
11724 | transition: all 0.2s var(--motion-ease, ease); }
|
11725 | .next-shell-aside .next-shell-ancillary {
|
11726 | height: 100%;
|
11727 | display: flex;
|
11728 | flex-direction: column;
|
11729 | justify-self: flex-start;
|
11730 | transition: all 0.2s ease;
|
11731 | transition: all 0.2s var(--motion-ease, ease); }
|
11732 | .next-shell-light .next-shell-header .dock-trigger,
|
11733 | .next-shell-light .next-shell-header .nav-trigger {
|
11734 | background: #FFFFFF;
|
11735 | background: var(--shell-light-header-background, #FFFFFF); }
|
11736 | .next-shell-light .next-shell-aside .local-nav-trigger {
|
11737 | background: #E2E4E8;
|
11738 | background: var(--shell-light-local-navigation-background, #E2E4E8); }
|
11739 | .next-shell-light .next-shell-aside .ancillary-trigger {
|
11740 | background: #FFFFFF;
|
11741 | background: var(--shell-light-ancillary-background, #FFFFFF); }
|
11742 | .next-shell-light .next-shell-header {
|
11743 | color: #000000;
|
11744 | color: var(--shell-light-header-color, #000000);
|
11745 | height: 52px;
|
11746 | height: var(--shell-light-header-height, 52px);
|
11747 | background: #FFFFFF;
|
11748 | background: var(--shell-light-header-background, #FFFFFF);
|
11749 | border-bottom: 1px solid #E6E7EB;
|
11750 | border-bottom: var(--shell-light-header-divider, 1px solid #E6E7EB);
|
11751 | box-shadow: none;
|
11752 | box-shadow: var(--shell-light-header-shadow, none);
|
11753 | padding: 0 16px;
|
11754 | padding: 0 var(--shell-light-header-paddingLeft, 16px); }
|
11755 | .next-shell-light .next-shell-header .next-shell-navigation {
|
11756 | justify-content: flex-end;
|
11757 | justify-content: var(--shell-light-navigation-hoz-align, flex-end);
|
11758 | height: 52px;
|
11759 | height: var(--shell-light-header-height, 52px);
|
11760 | line-height: 52px;
|
11761 | line-height: var(--shell-light-header-height, 52px);
|
11762 | margin: 0 48px;
|
11763 | margin: 0 var(--shell-light-navigation-hoz-marginLeft, 48px); }
|
11764 | .next-shell-light .next-shell-task-header {
|
11765 | width: 100%;
|
11766 | min-height: 40px;
|
11767 | min-height: var(--shell-light-multitask-min-height, 40px);
|
11768 | background: #FFFFFF;
|
11769 | background: var(--shell-light-multitask-background, #FFFFFF);
|
11770 | border-bottom: 1px solid #E6E7EB;
|
11771 | border-bottom: var(--shell-light-multitask-divider, 1px solid #E6E7EB);
|
11772 | box-shadow: none;
|
11773 | box-shadow: var(--shell-light-multitask-shadow, none);
|
11774 | padding: 0 0px;
|
11775 | padding: 0 var(--shell-light-multitask-paddingLeft, 0px);
|
11776 | overflow: auto; }
|
11777 | .next-shell-light .next-shell-main {
|
11778 | background: #EBECF0;
|
11779 | background: var(--shell-light-content-background, #EBECF0); }
|
11780 | .next-shell-light .next-shell-main .next-shell-appbar {
|
11781 | min-height: 48px;
|
11782 | min-height: var(--shell-light-appbar-min-height, 48px);
|
11783 | background: #FFFFFF;
|
11784 | background: var(--shell-light-appbar-background, #FFFFFF);
|
11785 | border-bottom: 1px solid #E6E7EB;
|
11786 | border-bottom: var(--shell-light-appbar-divider, 1px solid #E6E7EB);
|
11787 | box-shadow: none;
|
11788 | box-shadow: var(--shell-light-appbar-shadow, none);
|
11789 | padding: 0 24px;
|
11790 | padding: 0 var(--shell-light-appbar-paddingLeft, 24px); }
|
11791 | .next-shell-light .next-shell-main .next-shell-content {
|
11792 | padding: 20px 20px;
|
11793 | padding: var(--shell-light-content-paddingTop, 20px) var(--shell-light-content-paddingLeft, 20px); }
|
11794 | .next-shell-light .next-shell-main .next-shell-footer {
|
11795 | background: transparent;
|
11796 | background: var(--shell-light-footer-background, transparent);
|
11797 | min-height: 56px;
|
11798 | min-height: var(--shell-light-footer-min-height, 56px);
|
11799 | color: #CCCCCC;
|
11800 | color: var(--shell-light-footer-color, #CCCCCC);
|
11801 | font-size: 14px;
|
11802 | font-size: var(--shell-light-footer-font-size, 14px); }
|
11803 | .next-shell-light .next-shell-aside.next-shell-navigation {
|
11804 | width: 168px;
|
11805 | width: var(--shell-light-navigation-ver-width, 168px);
|
11806 | background: #FFFFFF;
|
11807 | background: var(--shell-light-navigation-ver-background, #FFFFFF);
|
11808 | border-right: 1px solid #E6E7EB;
|
11809 | border-right: var(--shell-light-navigation-ver-divider, 1px solid #E6E7EB);
|
11810 | box-shadow: none;
|
11811 | box-shadow: var(--shell-light-navigation-ver-shadow, none);
|
11812 | padding: 8px 0 8px;
|
11813 | padding: var(--shell-light-navigation-ver-paddingTop, 8px) 0 var(--shell-light-navigation-ver-paddingBottom, 8px); }
|
11814 | .next-shell-light .next-shell-aside.next-shell-navigation.next-shell-collapse.next-shell-mini {
|
11815 | width: 60px;
|
11816 | width: var(--shell-light-navigation-ver-width-mini, 60px); }
|
11817 | .next-shell-light .next-shell-aside.next-shell-navigation.next-shell-collapse {
|
11818 | width: 0; }
|
11819 | .next-shell-light .next-shell-aside.next-shell-tooldock {
|
11820 | width: 52px;
|
11821 | width: var(--shell-light-tooldock-width, 52px);
|
11822 | background: #E2E4E8;
|
11823 | background: var(--shell-light-tooldock-background, #E2E4E8);
|
11824 | border-left: 1px solid #E6E7EB;
|
11825 | border-left: var(--shell-light-tooldock-divider, 1px solid #E6E7EB);
|
11826 | box-shadow: none;
|
11827 | box-shadow: var(--shell-light-tooldock-shadow, none);
|
11828 | padding: 8px 0 8px;
|
11829 | padding: var(--shell-light-tooldock-paddingTop, 8px) 0 var(--shell-light-tooldock-paddingBottom, 8px); }
|
11830 | .next-shell-light .next-shell-aside .next-shell-tooldockitem {
|
11831 | padding: 8px 0;
|
11832 | padding: var(--shell-light-tooldock-item-paddingTop, 8px) 0;
|
11833 | color: #666666;
|
11834 | color: var(--shell-light-tooldock-item-color, #666666);
|
11835 | background: transparent;
|
11836 | background: var(--shell-light-tooldock-item-background, transparent); }
|
11837 | .next-shell-light .next-shell-aside .next-shell-tooldockitem:hover {
|
11838 | color: #333333;
|
11839 | color: var(--shell-light-tooldock-item-color-hover, #333333);
|
11840 | background: #EBECF0;
|
11841 | background: var(--shell-light-tooldock-item-background-hover, #EBECF0); }
|
11842 | .next-shell-light .next-shell-aside .next-shell-localnavigation {
|
11843 | width: 168px;
|
11844 | width: var(--shell-light-local-navigation-width, 168px);
|
11845 | background: #E2E4E8;
|
11846 | background: var(--shell-light-local-navigation-background, #E2E4E8);
|
11847 | border-right: 1px solid #E6E7EB;
|
11848 | border-right: var(--shell-light-local-navigation-divider, 1px solid #E6E7EB);
|
11849 | box-shadow: none;
|
11850 | box-shadow: var(--shell-light-local-navigation-shadow, none);
|
11851 | padding: 8px 0 8px;
|
11852 | padding: var(--shell-light-local-navigation-paddingTop, 8px) 0 var(--shell-light-local-navigation-paddingBottom, 8px); }
|
11853 | .next-shell-light .next-shell-aside .next-shell-localnavigation.next-shell-collapse {
|
11854 | width: 0; }
|
11855 | .next-shell-light .next-shell-aside .next-shell-ancillary {
|
11856 | width: 168px;
|
11857 | width: var(--shell-light-ancillary-width, 168px);
|
11858 | background: #FFFFFF;
|
11859 | background: var(--shell-light-ancillary-background, #FFFFFF);
|
11860 | border-left: 1px solid #E6E7EB;
|
11861 | border-left: var(--shell-light-ancillary-divider, 1px solid #E6E7EB);
|
11862 | box-shadow: none;
|
11863 | box-shadow: var(--shell-light-ancillary-shadow, none);
|
11864 | padding: 8px 0 8px;
|
11865 | padding: var(--shell-light-ancillary-paddingTop, 8px) 0 var(--shell-light-ancillary-paddingBottom, 8px); }
|
11866 | .next-shell-light .next-shell-aside .next-shell-ancillary.next-shell-collapse {
|
11867 | width: 0; }
|
11868 | .next-shell-dark .next-shell-header .dock-trigger,
|
11869 | .next-shell-dark .next-shell-header .nav-trigger {
|
11870 | background: #000000;
|
11871 | background: var(--shell-dark-header-background, #000000); }
|
11872 | .next-shell-dark .next-shell-aside .local-nav-trigger {
|
11873 | background: #E2E4E8;
|
11874 | background: var(--shell-dark-local-navigation-background, #E2E4E8); }
|
11875 | .next-shell-dark .next-shell-aside .ancillary-trigger {
|
11876 | background: #FFFFFF;
|
11877 | background: var(--shell-dark-ancillary-background, #FFFFFF); }
|
11878 | .next-shell-dark .next-shell-header {
|
11879 | color: #FFFFFF;
|
11880 | color: var(--shell-dark-header-color, #FFFFFF);
|
11881 | height: 52px;
|
11882 | height: var(--shell-dark-header-height, 52px);
|
11883 | background: #000000;
|
11884 | background: var(--shell-dark-header-background, #000000);
|
11885 | border-bottom: 1px solid #1F1F1F;
|
11886 | border-bottom: var(--shell-dark-header-divider, 1px solid #1F1F1F);
|
11887 | box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
|
11888 | box-shadow: var(--shell-dark-header-shadow, 0px 1px 3px 0px rgba(0, 0, 0, 0.12));
|
11889 | padding: 0 16px;
|
11890 | padding: 0 var(--shell-dark-header-paddingLeft, 16px); }
|
11891 | .next-shell-dark .next-shell-header .next-shell-navigation {
|
11892 | justify-content: flex-end;
|
11893 | justify-content: var(--shell-dark-navigation-hoz-align, flex-end);
|
11894 | height: 52px;
|
11895 | height: var(--shell-dark-header-height, 52px);
|
11896 | line-height: 52px;
|
11897 | line-height: var(--shell-dark-header-height, 52px);
|
11898 | margin: 0 48px;
|
11899 | margin: 0 var(--shell-dark-navigation-hoz-marginLeft, 48px); }
|
11900 | .next-shell-dark .next-shell-task-header {
|
11901 | width: 100%;
|
11902 | min-height: 40px;
|
11903 | min-height: var(--shell-dark-multitask-min-height, 40px);
|
11904 | background: #FFFFFF;
|
11905 | background: var(--shell-dark-multitask-background, #FFFFFF);
|
11906 | border-bottom: 1px solid #E6E7EB;
|
11907 | border-bottom: var(--shell-dark-multitask-divider, 1px solid #E6E7EB);
|
11908 | box-shadow: none;
|
11909 | box-shadow: var(--shell-dark-multitask-shadow, none);
|
11910 | padding: 0 0px;
|
11911 | padding: 0 var(--shell-dark-multitask-paddingLeft, 0px);
|
11912 | overflow: auto; }
|
11913 | .next-shell-dark .next-shell-main {
|
11914 | background: #EBECF0;
|
11915 | background: var(--shell-dark-content-background, #EBECF0); }
|
11916 | .next-shell-dark .next-shell-main .next-shell-appbar {
|
11917 | min-height: 48px;
|
11918 | min-height: var(--shell-dark-appbar-min-height, 48px);
|
11919 | background: #FFFFFF;
|
11920 | background: var(--shell-dark-appbar-background, #FFFFFF);
|
11921 | border-bottom: 1px solid #E6E7EB;
|
11922 | border-bottom: var(--shell-dark-appbar-divider, 1px solid #E6E7EB);
|
11923 | box-shadow: none;
|
11924 | box-shadow: var(--shell-dark-appbar-shadow, none);
|
11925 | padding: 0 24px;
|
11926 | padding: 0 var(--shell-dark-appbar-paddingLeft, 24px); }
|
11927 | .next-shell-dark .next-shell-main .next-shell-content {
|
11928 | padding: 20px 20px;
|
11929 | padding: var(--shell-dark-content-paddingTop, 20px) var(--shell-dark-content-paddingLeft, 20px); }
|
11930 | .next-shell-dark .next-shell-main .next-shell-footer {
|
11931 | background: transparent;
|
11932 | background: var(--shell-dark-footer-background, transparent);
|
11933 | min-height: 56px;
|
11934 | min-height: var(--shell-dark-footer-min-height, 56px);
|
11935 | color: #CCCCCC;
|
11936 | color: var(--shell-dark-footer-color, #CCCCCC);
|
11937 | font-size: 14px;
|
11938 | font-size: var(--shell-dark-footer-font-size, 14px); }
|
11939 | .next-shell-dark .next-shell-aside.next-shell-navigation {
|
11940 | width: 168px;
|
11941 | width: var(--shell-dark-navigation-ver-width, 168px);
|
11942 | background: #333333;
|
11943 | background: var(--shell-dark-navigation-ver-background, #333333);
|
11944 | border-right: 1px solid #E6E7EB;
|
11945 | border-right: var(--shell-dark-navigation-ver-divider, 1px solid #E6E7EB);
|
11946 | box-shadow: none;
|
11947 | box-shadow: var(--shell-dark-navigation-ver-shadow, none);
|
11948 | padding: 8px 0 8px;
|
11949 | padding: var(--shell-dark-navigation-ver-paddingTop, 8px) 0 var(--shell-dark-navigation-ver-paddingBottom, 8px); }
|
11950 | .next-shell-dark .next-shell-aside.next-shell-navigation.next-shell-collapse.next-shell-mini {
|
11951 | width: 60px;
|
11952 | width: var(--shell-dark-navigation-ver-width-mini, 60px); }
|
11953 | .next-shell-dark .next-shell-aside.next-shell-navigation.next-shell-collapse {
|
11954 | width: 0; }
|
11955 | .next-shell-dark .next-shell-aside.next-shell-tooldock {
|
11956 | width: 52px;
|
11957 | width: var(--shell-dark-tooldock-width, 52px);
|
11958 | background: #E2E4E8;
|
11959 | background: var(--shell-dark-tooldock-background, #E2E4E8);
|
11960 | border-left: 1px solid #E6E7EB;
|
11961 | border-left: var(--shell-dark-tooldock-divider, 1px solid #E6E7EB);
|
11962 | box-shadow: none;
|
11963 | box-shadow: var(--shell-dark-tooldock-shadow, none);
|
11964 | padding: 8px 0 8px;
|
11965 | padding: var(--shell-dark-tooldock-paddingTop, 8px) 0 var(--shell-dark-tooldock-paddingBottom, 8px); }
|
11966 | .next-shell-dark .next-shell-aside .next-shell-tooldockitem {
|
11967 | padding: 8px 0;
|
11968 | padding: var(--shell-dark-tooldock-item-paddingTop, 8px) 0;
|
11969 | color: #666666;
|
11970 | color: var(--shell-dark-tooldock-item-color, #666666);
|
11971 | background: transparent;
|
11972 | background: var(--shell-dark-tooldock-item-background, transparent); }
|
11973 | .next-shell-dark .next-shell-aside .next-shell-tooldockitem:hover {
|
11974 | color: #333333;
|
11975 | color: var(--shell-dark-tooldock-item-color-hover, #333333);
|
11976 | background: #EBECF0;
|
11977 | background: var(--shell-dark-tooldock-item-background-hover, #EBECF0); }
|
11978 | .next-shell-dark .next-shell-aside .next-shell-localnavigation {
|
11979 | width: 168px;
|
11980 | width: var(--shell-dark-local-navigation-width, 168px);
|
11981 | background: #E2E4E8;
|
11982 | background: var(--shell-dark-local-navigation-background, #E2E4E8);
|
11983 | border-right: 1px solid #E6E7EB;
|
11984 | border-right: var(--shell-dark-local-navigation-divider, 1px solid #E6E7EB);
|
11985 | box-shadow: none;
|
11986 | box-shadow: var(--shell-dark-local-navigation-shadow, none);
|
11987 | padding: 8px 0 8px;
|
11988 | padding: var(--shell-dark-local-navigation-paddingTop, 8px) 0 var(--shell-dark-local-navigation-paddingBottom, 8px); }
|
11989 | .next-shell-dark .next-shell-aside .next-shell-localnavigation.next-shell-collapse {
|
11990 | width: 0; }
|
11991 | .next-shell-dark .next-shell-aside .next-shell-ancillary {
|
11992 | width: 168px;
|
11993 | width: var(--shell-dark-ancillary-width, 168px);
|
11994 | background: #FFFFFF;
|
11995 | background: var(--shell-dark-ancillary-background, #FFFFFF);
|
11996 | border-left: 1px solid #E6E7EB;
|
11997 | border-left: var(--shell-dark-ancillary-divider, 1px solid #E6E7EB);
|
11998 | box-shadow: none;
|
11999 | box-shadow: var(--shell-dark-ancillary-shadow, none);
|
12000 | padding: 8px 0 8px;
|
12001 | padding: var(--shell-dark-ancillary-paddingTop, 8px) 0 var(--shell-dark-ancillary-paddingBottom, 8px); }
|
12002 | .next-shell-dark .next-shell-aside .next-shell-ancillary.next-shell-collapse {
|
12003 | width: 0; }
|
12004 | .next-shell-brand .next-shell-header .dock-trigger,
|
12005 | .next-shell-brand .next-shell-header .nav-trigger {
|
12006 | background: #5584FF;
|
12007 | background: var(--shell-brand-header-background, #5584FF); }
|
12008 | .next-shell-brand .next-shell-aside .local-nav-trigger {
|
12009 | background: #E2E4E8;
|
12010 | background: var(--shell-brand-local-navigation-background, #E2E4E8); }
|
12011 | .next-shell-brand .next-shell-aside .ancillary-trigger {
|
12012 | background: #FFFFFF;
|
12013 | background: var(--shell-brand-ancillary-background, #FFFFFF); }
|
12014 | .next-shell-brand .next-shell-header {
|
12015 | color: #FFFFFF;
|
12016 | color: var(--shell-brand-header-color, #FFFFFF);
|
12017 | height: 52px;
|
12018 | height: var(--shell-brand-header-height, 52px);
|
12019 | background: #5584FF;
|
12020 | background: var(--shell-brand-header-background, #5584FF);
|
12021 | border-bottom: 1px solid #E6E7EB;
|
12022 | border-bottom: var(--shell-brand-header-divider, 1px solid #E6E7EB);
|
12023 | box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
|
12024 | box-shadow: var(--shell-brand-header-shadow, 0px 1px 3px 0px rgba(0, 0, 0, 0.12));
|
12025 | padding: 0 16px;
|
12026 | padding: 0 var(--shell-brand-header-paddingLeft, 16px); }
|
12027 | .next-shell-brand .next-shell-header .next-shell-navigation {
|
12028 | justify-content: flex-end;
|
12029 | justify-content: var(--shell-brand-navigation-hoz-align, flex-end);
|
12030 | height: 52px;
|
12031 | height: var(--shell-brand-header-height, 52px);
|
12032 | line-height: 52px;
|
12033 | line-height: var(--shell-brand-header-height, 52px);
|
12034 | margin: 0 48px;
|
12035 | margin: 0 var(--shell-brand-navigation-hoz-marginLeft, 48px); }
|
12036 | .next-shell-brand .next-shell-task-header {
|
12037 | width: 100%;
|
12038 | min-height: 40px;
|
12039 | min-height: var(--shell-brand-multitask-min-height, 40px);
|
12040 | background: #FFFFFF;
|
12041 | background: var(--shell-brand-multitask-background, #FFFFFF);
|
12042 | border-bottom: 1px solid #E6E7EB;
|
12043 | border-bottom: var(--shell-brand-multitask-divider, 1px solid #E6E7EB);
|
12044 | box-shadow: none;
|
12045 | box-shadow: var(--shell-brand-multitask-shadow, none);
|
12046 | padding: 0 0px;
|
12047 | padding: 0 var(--shell-brand-multitask-paddingLeft, 0px);
|
12048 | overflow: auto; }
|
12049 | .next-shell-brand .next-shell-main {
|
12050 | background: #EBECF0;
|
12051 | background: var(--shell-brand-content-background, #EBECF0); }
|
12052 | .next-shell-brand .next-shell-main .next-shell-appbar {
|
12053 | min-height: 48px;
|
12054 | min-height: var(--shell-brand-appbar-min-height, 48px);
|
12055 | background: #FFFFFF;
|
12056 | background: var(--shell-brand-appbar-background, #FFFFFF);
|
12057 | border-bottom: 1px solid #E6E7EB;
|
12058 | border-bottom: var(--shell-brand-appbar-divider, 1px solid #E6E7EB);
|
12059 | box-shadow: none;
|
12060 | box-shadow: var(--shell-brand-appbar-shadow, none);
|
12061 | padding: 0 24px;
|
12062 | padding: 0 var(--shell-brand-appbar-paddingLeft, 24px); }
|
12063 | .next-shell-brand .next-shell-main .next-shell-content {
|
12064 | padding: 20px 20px;
|
12065 | padding: var(--shell-brand-content-paddingTop, 20px) var(--shell-brand-content-paddingLeft, 20px); }
|
12066 | .next-shell-brand .next-shell-main .next-shell-footer {
|
12067 | background: transparent;
|
12068 | background: var(--shell-brand-footer-background, transparent);
|
12069 | min-height: 56px;
|
12070 | min-height: var(--shell-brand-footer-min-height, 56px);
|
12071 | color: #CCCCCC;
|
12072 | color: var(--shell-brand-footer-color, #CCCCCC);
|
12073 | font-size: 14px;
|
12074 | font-size: var(--shell-brand-footer-font-size, 14px); }
|
12075 | .next-shell-brand .next-shell-aside.next-shell-navigation {
|
12076 | width: 168px;
|
12077 | width: var(--shell-brand-navigation-ver-width, 168px);
|
12078 | background: #FFFFFF;
|
12079 | background: var(--shell-brand-navigation-ver-background, #FFFFFF);
|
12080 | border-right: 1px solid #E6E7EB;
|
12081 | border-right: var(--shell-brand-navigation-ver-divider, 1px solid #E6E7EB);
|
12082 | box-shadow: none;
|
12083 | box-shadow: var(--shell-brand-navigation-ver-shadow, none);
|
12084 | padding: 8px 0 8px;
|
12085 | padding: var(--shell-brand-navigation-ver-paddingTop, 8px) 0 var(--shell-brand-navigation-ver-paddingBottom, 8px); }
|
12086 | .next-shell-brand .next-shell-aside.next-shell-navigation.next-shell-collapse.next-shell-mini {
|
12087 | width: 60px;
|
12088 | width: var(--shell-brand-navigation-ver-width-mini, 60px); }
|
12089 | .next-shell-brand .next-shell-aside.next-shell-navigation.next-shell-collapse {
|
12090 | width: 0; }
|
12091 | .next-shell-brand .next-shell-aside.next-shell-tooldock {
|
12092 | width: 52px;
|
12093 | width: var(--shell-brand-tooldock-width, 52px);
|
12094 | background: #E2E4E8;
|
12095 | background: var(--shell-brand-tooldock-background, #E2E4E8);
|
12096 | border-left: 1px solid #E6E7EB;
|
12097 | border-left: var(--shell-brand-tooldock-divider, 1px solid #E6E7EB);
|
12098 | box-shadow: none;
|
12099 | box-shadow: var(--shell-brand-tooldock-shadow, none);
|
12100 | padding: 8px 0 8px;
|
12101 | padding: var(--shell-brand-tooldock-paddingTop, 8px) 0 var(--shell-brand-tooldock-paddingBottom, 8px); }
|
12102 | .next-shell-brand .next-shell-aside .next-shell-tooldockitem {
|
12103 | padding: 8px 0;
|
12104 | padding: var(--shell-brand-tooldock-item-paddingTop, 8px) 0;
|
12105 | color: #666666;
|
12106 | color: var(--shell-brand-tooldock-item-color, #666666);
|
12107 | background: transparent;
|
12108 | background: var(--shell-brand-tooldock-item-background, transparent); }
|
12109 | .next-shell-brand .next-shell-aside .next-shell-tooldockitem:hover {
|
12110 | color: #333333;
|
12111 | color: var(--shell-brand-tooldock-item-color-hover, #333333);
|
12112 | background: #EBECF0;
|
12113 | background: var(--shell-brand-tooldock-item-background-hover, #EBECF0); }
|
12114 | .next-shell-brand .next-shell-aside .next-shell-localnavigation {
|
12115 | width: 168px;
|
12116 | width: var(--shell-brand-local-navigation-width, 168px);
|
12117 | background: #E2E4E8;
|
12118 | background: var(--shell-brand-local-navigation-background, #E2E4E8);
|
12119 | border-right: 1px solid #E6E7EB;
|
12120 | border-right: var(--shell-brand-local-navigation-divider, 1px solid #E6E7EB);
|
12121 | box-shadow: none;
|
12122 | box-shadow: var(--shell-brand-local-navigation-shadow, none);
|
12123 | padding: 8px 0 8px;
|
12124 | padding: var(--shell-brand-local-navigation-paddingTop, 8px) 0 var(--shell-brand-local-navigation-paddingBottom, 8px); }
|
12125 | .next-shell-brand .next-shell-aside .next-shell-localnavigation.next-shell-collapse {
|
12126 | width: 0; }
|
12127 | .next-shell-brand .next-shell-aside .next-shell-ancillary {
|
12128 | width: 168px;
|
12129 | width: var(--shell-brand-ancillary-width, 168px);
|
12130 | background: #FFFFFF;
|
12131 | background: var(--shell-brand-ancillary-background, #FFFFFF);
|
12132 | border-left: 1px solid #E6E7EB;
|
12133 | border-left: var(--shell-brand-ancillary-divider, 1px solid #E6E7EB);
|
12134 | box-shadow: none;
|
12135 | box-shadow: var(--shell-brand-ancillary-shadow, none);
|
12136 | padding: 8px 0 8px;
|
12137 | padding: var(--shell-brand-ancillary-paddingTop, 8px) 0 var(--shell-brand-ancillary-paddingBottom, 8px); }
|
12138 | .next-shell-brand .next-shell-aside .next-shell-ancillary.next-shell-collapse {
|
12139 | width: 0; }
|
12140 | .next-shell-header .next-shell-navigation.next-shell-nav-left {
|
12141 | justify-content: flex-start; }
|
12142 | .next-shell-header .next-shell-navigation.next-shell-nav-right {
|
12143 | justify-content: flex-end; }
|
12144 | .next-shell-header .next-shell-navigation.next-shell-nav-center {
|
12145 | justify-content: center; }
|
12146 | .next-shell.next-shell-phone .next-aside-navigation {
|
12147 | width: 100%; }
|
12148 | .next-shell.next-shell-phone .next-aside-navigation.next-shell-collapse {
|
12149 | width: 0; }
|
12150 | .next-shell.next-shell-phone .next-shell-header .next-shell-navigation {
|
12151 | display: none; }
|
12152 | .next-shell.next-shell-phone .next-shell-navigation {
|
12153 | width: 100%;
|
12154 | height: 100%;
|
12155 | transition: height 0.2s ease;
|
12156 | transition: height 0.2s var(--motion-ease, ease); }
|
12157 | .next-shell.next-shell-phone .next-shell-navigation.next-shell-collapse {
|
12158 | padding: 0;
|
12159 | height: 0;
|
12160 | transition: height 0.2s ease;
|
12161 | transition: height 0.2s var(--motion-ease, ease); }
|
12162 | .next-shell.next-shell-phone .next-shell-tooldock {
|
12163 | height: 52px;
|
12164 | height: var(--shell-dark-tooldock-height, 52px);
|
12165 | left: 0;
|
12166 | right: 0;
|
12167 | position: absolute;
|
12168 | width: 100%;
|
12169 | flex-direction: row;
|
12170 | justify-content: center; }
|
12171 | .next-shell.next-shell-phone .next-shell-tooldock.next-shell-collapse {
|
12172 | display: none;
|
12173 | height: 0;
|
12174 | padding: 0;
|
12175 | transition: all 0.2s ease;
|
12176 | transition: all 0.2s var(--motion-ease, ease); }
|
12177 | .next-shell.next-shell-tablet .next-shell-aside.next-aside-ancillary, .next-shell.next-shell-phone .next-shell-aside.next-aside-ancillary {
|
12178 | width: 0; }
|
12179 | .next-shell.next-shell-tablet .next-shell-ancillary, .next-shell.next-shell-phone .next-shell-ancillary {
|
12180 | transform: translateX(-100%); }
|
12181 | .next-shell.next-shell-tablet .next-shell-aside.next-aside-localnavigation, .next-shell.next-shell-phone .next-shell-aside.next-aside-localnavigation {
|
12182 | width: 0; }
|
12183 | .next-sr-only {
|
12184 | position: absolute;
|
12185 | width: 1px;
|
12186 | height: 1px;
|
12187 | padding: 0;
|
12188 | overflow: hidden;
|
12189 | clip: rect(0, 0, 0, 0);
|
12190 | white-space: nowrap;
|
12191 | border: 0;
|
12192 | top: 0;
|
12193 | margin: -1px; }
|
12194 |
|
12195 | .next-notification {
|
12196 | width: 384px;
|
12197 | position: fixed;
|
12198 | z-index: 1010;
|
12199 | padding: 0;
|
12200 | margin: 0; }
|
12201 | .next-notification .next-message {
|
12202 | margin-bottom: 16px;
|
12203 | overflow: hidden; }
|
12204 |
|
12205 | .next-notification-fade-leave {
|
12206 | animation-duration: 300ms;
|
12207 | animation-play-state: paused;
|
12208 | animation-fill-mode: both;
|
12209 | animation-timing-function: ease; }
|
12210 |
|
12211 | .next-notification-fade-leave.next-notification-fade-leave-active {
|
12212 | animation-name: NotificationFadeOut;
|
12213 | animation-play-state: running; }
|
12214 |
|
12215 | @keyframes NotificationFadeOut {
|
12216 | 0% {
|
12217 | max-height: 150px;
|
12218 | margin-bottom: 16px;
|
12219 | opacity: 1; }
|
12220 | 100% {
|
12221 | max-height: 0;
|
12222 | margin-bottom: 0;
|
12223 | padding-top: 0;
|
12224 | padding-bottom: 0;
|
12225 | opacity: 0; } }
|
12226 | .next-sr-only {
|
12227 | position: absolute;
|
12228 | width: 1px;
|
12229 | height: 1px;
|
12230 | padding: 0;
|
12231 | overflow: hidden;
|
12232 | clip: rect(0, 0, 0, 0);
|
12233 | white-space: nowrap;
|
12234 | border: 0;
|
12235 | top: 0;
|
12236 | margin: -1px; }
|
12237 |
|
12238 | .next-typography {
|
12239 | color: #333333;
|
12240 | color: var(--typography-text-color, #333333); }
|
12241 | .next-typography-title {
|
12242 | font-weight: 600;
|
12243 | font-weight: var(--typography-title-font-weight, 600);
|
12244 | margin-bottom: .5em; }
|
12245 | .next-typography + .next-typography-title {
|
12246 | margin-top: 1.2em; }
|
12247 | .next-typography-paragraph {
|
12248 | color: #333333;
|
12249 | color: var(--typography-text-color, #333333);
|
12250 | margin-bottom: 1em;
|
12251 | font-size: 14px;
|
12252 | font-size: var(--typography-paragraph-font-size, 14px);
|
12253 | line-height: 1.5;
|
12254 | line-height: var(--typography-paragraph-line-height, 1.5); }
|
12255 | .next-typography mark {
|
12256 | padding: 0;
|
12257 | background: #FFE6BD;
|
12258 | background: var(--typography-text-mark-background, #FFE6BD);
|
12259 | color: #333333;
|
12260 | color: var(--typography-text-mark-color, #333333); }
|
12261 | .next-typography strong {
|
12262 | font-weight: 600;
|
12263 | font-weight: var(--typography-text-strong-font-weight, 600); }
|
12264 | .next-typography code {
|
12265 | background-color: #F2F3F7;
|
12266 | background-color: var(--typography-text-code-background, #F2F3F7);
|
12267 | color: #333333;
|
12268 | color: var(--typography-text-code-color, #333333);
|
12269 | border: 1px solid #E6E7EB;
|
12270 | border: 1px solid var(--typography-text-code-border-color, #E6E7EB);
|
12271 | margin: 0 .2em;
|
12272 | padding: .2em .4em .1em;
|
12273 | font-size: 85%;
|
12274 | border-radius: 3px;
|
12275 | border-radius: var(--typography-text-code-corner, 3px); }
|
12276 | .next-typography ul,
|
12277 | .next-typography ol {
|
12278 | margin: 0 0 1em 0;
|
12279 | padding: 0; }
|
12280 | .next-typography li {
|
12281 | list-style-type: circle;
|
12282 | margin: 0 0 0 20px;
|
12283 | padding: 0 0 0 4px; }
|
12284 | .next-typography a {
|
12285 | text-decoration: none; }
|
12286 | .next-typography a:link {
|
12287 | color: #5584FF;
|
12288 | color: var(--color-link-1, #5584FF); }
|
12289 | .next-typography a:visited {
|
12290 | color: #5584FF;
|
12291 | color: var(--color-link-2, #5584FF); }
|
12292 | .next-typography a:hover {
|
12293 | color: #3E71F7;
|
12294 | color: var(--color-link-3, #3E71F7); }
|
12295 | .next-typography a:active {
|
12296 | text-decoration: underline;
|
12297 | color: #3E71F7;
|
12298 | color: var(--color-link-3, #3E71F7); }
|
12299 |
|
12300 | h1.next-typography-title {
|
12301 | font-size: 24px;
|
12302 | font-size: var(--typography-title-h1-font-size, 24px); }
|
12303 |
|
12304 | h2.next-typography-title {
|
12305 | font-size: 20px;
|
12306 | font-size: var(--typography-title-h2-font-size, 20px); }
|
12307 |
|
12308 | h3.next-typography-title {
|
12309 | font-size: 16px;
|
12310 | font-size: var(--typography-title-h3-font-size, 16px); }
|
12311 |
|
12312 | h4.next-typography-title {
|
12313 | font-size: 16px;
|
12314 | font-size: var(--typography-title-h4-font-size, 16px); }
|
12315 |
|
12316 | h5.next-typography-title {
|
12317 | font-size: 14px;
|
12318 | font-size: var(--typography-title-h5-font-size, 14px); }
|
12319 |
|
12320 | h6.next-typography-title {
|
12321 | font-size: 12px;
|
12322 | font-size: var(--typography-title-h6-font-size, 12px); }
|
12323 | .next-sr-only {
|
12324 | position: absolute;
|
12325 | width: 1px;
|
12326 | height: 1px;
|
12327 | padding: 0;
|
12328 | overflow: hidden;
|
12329 | clip: rect(0, 0, 0, 0);
|
12330 | white-space: nowrap;
|
12331 | border: 0;
|
12332 | top: 0;
|
12333 | margin: -1px; }
|
12334 |
|
12335 |
|
12336 | .next-divider {
|
12337 | box-sizing: border-box;
|
12338 | margin: 0;
|
12339 | padding: 0;
|
12340 | font-size: 14px;
|
12341 | line-height: 1.5;
|
12342 | list-style: none;
|
12343 | font-variant: tabular-nums;
|
12344 | font-feature-settings: 'tnum';
|
12345 | background: #DCDEE3;
|
12346 | background: var(--divider-hoz-color, #DCDEE3);
|
12347 | border-collapse: separate; }
|
12348 | .next-divider *,
|
12349 | .next-divider *:before,
|
12350 | .next-divider *:after {
|
12351 | box-sizing: border-box; }
|
12352 | .next-divider-dashed {
|
12353 | background: none;
|
12354 | border-color: #DCDEE3;
|
12355 | border-color: var(--divider-hoz-color, #DCDEE3);
|
12356 | border-style: dashed;
|
12357 | border-width: 1px 0 0;
|
12358 | border-width: var(--divider-hoz-size, 1px) 0 0; }
|
12359 | .next-divider-hoz {
|
12360 | display: block;
|
12361 | clear: both;
|
12362 | width: 100%;
|
12363 | min-width: 100%;
|
12364 | height: 1px;
|
12365 | height: var(--divider-hoz-size, 1px);
|
12366 | margin: 16px 0;
|
12367 | margin: var(--divider-hoz-marginTop, 16px) 0; }
|
12368 | .next-divider-ver {
|
12369 | position: relative;
|
12370 | top: -.06em;
|
12371 | display: inline-block;
|
12372 | width: 1px;
|
12373 | width: var(--divider-ver-size, 1px);
|
12374 | background: #DCDEE3;
|
12375 | background: var(--divider-ver-color, #DCDEE3);
|
12376 | height: .9em;
|
12377 | margin: 0 8px;
|
12378 | margin: 0 var(--divider-ver-marginLeft, 8px);
|
12379 | vertical-align: middle; }
|
12380 | .next-divider-hoz.next-divider-with-text-center, .next-divider-hoz.next-divider-with-text-left, .next-divider-hoz.next-divider-with-text-right {
|
12381 | display: table;
|
12382 | margin: 16px 0;
|
12383 | margin: var(--divider-hoz-text-marginTop, 16px) 0;
|
12384 | color: #333333;
|
12385 | color: var(--divider-hoz-text-color, #333333);
|
12386 | font-weight: normal;
|
12387 | font-weight: var(--divider-hoz-text-weight, normal);
|
12388 | font-size: 16px;
|
12389 | font-size: var(--divider-hoz-text-size, 16px);
|
12390 | white-space: nowrap;
|
12391 | text-align: center;
|
12392 | background: transparent; }
|
12393 | .next-divider-hoz.next-divider-with-text-center::before, .next-divider-hoz.next-divider-with-text-center::after, .next-divider-hoz.next-divider-with-text-left::before, .next-divider-hoz.next-divider-with-text-left::after, .next-divider-hoz.next-divider-with-text-right::before, .next-divider-hoz.next-divider-with-text-right::after {
|
12394 | top: 50%;
|
12395 | display: table-cell;
|
12396 | width: 50%;
|
12397 | border-top: 1px solid #DCDEE3;
|
12398 | border-top: var(--divider-hoz-size, 1px) solid var(--divider-hoz-color, #DCDEE3);
|
12399 | transform: translateY(50%);
|
12400 | content: ''; }
|
12401 | .next-divider-hoz.next-divider-with-text-center.next-divider-dashed, .next-divider-hoz.next-divider-with-text-left.next-divider-dashed, .next-divider-hoz.next-divider-with-text-right.next-divider-dashed {
|
12402 | border-top: 0; }
|
12403 | .next-divider-hoz.next-divider-with-text-center.next-divider-dashed::before, .next-divider-hoz.next-divider-with-text-center.next-divider-dashed::after, .next-divider-hoz.next-divider-with-text-left.next-divider-dashed::before, .next-divider-hoz.next-divider-with-text-left.next-divider-dashed::after, .next-divider-hoz.next-divider-with-text-right.next-divider-dashed::before, .next-divider-hoz.next-divider-with-text-right.next-divider-dashed::after {
|
12404 | border-style: dashed none none; }
|
12405 | .next-divider-hoz.next-divider-with-text-left .next-divider-inner-text, .next-divider-hoz.next-divider-with-text-right .next-divider-inner-text {
|
12406 | display: inline-block;
|
12407 | padding: 0 16px;
|
12408 | padding: 0 var(--divider-hoz-text-left-paddingLeft, 16px); }
|
12409 | .next-divider-hoz.next-divider-with-text-left::before {
|
12410 | top: 50%;
|
12411 | width: 5%; }
|
12412 | .next-divider-hoz.next-divider-with-text-left::after {
|
12413 | top: 50%;
|
12414 | width: 95%; }
|
12415 | .next-divider-hoz.next-divider-with-text-right::before {
|
12416 | top: 50%;
|
12417 | width: 95%; }
|
12418 | .next-divider-hoz.next-divider-with-text-right::after {
|
12419 | top: 50%;
|
12420 | width: 5%; }
|
12421 | .next-divider-inner-text {
|
12422 | display: inline-block;
|
12423 | padding: 0 16px;
|
12424 | padding: 0 var(--divider-hoz-text-center-paddingLeft, 16px); }
|
12425 | .next-divider-dashed {
|
12426 | background: none;
|
12427 | border-color: #DCDEE3;
|
12428 | border-color: var(--divider-hoz-color, #DCDEE3);
|
12429 | border-style: dashed;
|
12430 | border-width: 1px 0 0;
|
12431 | border-width: var(--divider-hoz-size, 1px) 0 0; }
|
12432 | .next-divider-dashed.next-divider-ver {
|
12433 | border-width: 0 0 0 1px;
|
12434 | border-width: 0 0 0 var(--divider-ver-size, 1px); }
|
12435 | .next-sr-only {
|
12436 | position: absolute;
|
12437 | width: 1px;
|
12438 | height: 1px;
|
12439 | padding: 0;
|
12440 | overflow: hidden;
|
12441 | clip: rect(0, 0, 0, 0);
|
12442 | white-space: nowrap;
|
12443 | border: 0;
|
12444 | top: 0;
|
12445 | margin: -1px; }
|
12446 |
|
12447 |
|
12448 | .next-box {
|
12449 | box-sizing: border-box;
|
12450 | display: flex; }
|
12451 | .next-box *,
|
12452 | .next-box *:before,
|
12453 | .next-box *:after {
|
12454 | box-sizing: border-box; }
|
12455 |
|
12456 | .next-sr-only {
|
12457 | position: absolute;
|
12458 | width: 1px;
|
12459 | height: 1px;
|
12460 | padding: 0;
|
12461 | overflow: hidden;
|
12462 | clip: rect(0, 0, 0, 0);
|
12463 | white-space: nowrap;
|
12464 | border: 0;
|
12465 | top: 0;
|
12466 | margin: -1px; }
|
12467 |
|
12468 |
|
12469 | .next-table {
|
12470 | box-sizing: border-box;
|
12471 | position: relative;
|
12472 | border-top-left-radius: 0;
|
12473 | border-top-left-radius: var(--table-header-corner-top, 0);
|
12474 | border-top-right-radius: 0;
|
12475 | border-top-right-radius: var(--table-header-corner-top, 0);
|
12476 | border-bottom-left-radius: 0;
|
12477 | border-bottom-left-radius: var(--table-header-corner-bottom, 0);
|
12478 | border-bottom-right-radius: 0;
|
12479 | border-bottom-right-radius: var(--table-header-corner-bottom, 0);
|
12480 | border-top: 1px solid #DCDEE3;
|
12481 | border-top: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3);
|
12482 | border-left: 1px solid #DCDEE3;
|
12483 | border-left: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3); }
|
12484 | .next-table *,
|
12485 | .next-table *:before,
|
12486 | .next-table *:after {
|
12487 | box-sizing: border-box; }
|
12488 | .next-table .next-table-header tr:first-child th:first-child {
|
12489 | border-top-left-radius: 0;
|
12490 | border-top-left-radius: var(--table-header-corner-top, 0); }
|
12491 | .next-table .next-table-header tr:first-child th:last-child {
|
12492 | border-top-right-radius: 0;
|
12493 | border-top-right-radius: var(--table-header-corner-top, 0); }
|
12494 | .next-table .next-table-header tr:last-child th:first-child {
|
12495 | border-bottom-left-radius: 0;
|
12496 | border-bottom-left-radius: var(--table-header-corner-bottom, 0); }
|
12497 | .next-table .next-table-header tr:last-child th:last-child {
|
12498 | border-bottom-right-radius: 0;
|
12499 | border-bottom-right-radius: var(--table-header-corner-bottom, 0); }
|
12500 | .next-table.next-table-layout-fixed {
|
12501 | overflow: auto; }
|
12502 | .next-table.next-table-layout-fixed table {
|
12503 | table-layout: fixed; }
|
12504 | .next-table.next-table-layout-auto table {
|
12505 | table-layout: auto; }
|
12506 | .next-table.next-table-small th .next-table-cell-wrapper {
|
12507 | padding: 8px 8px;
|
12508 | padding: var(--table-size-s-header-padding-top, 8px) var(--table-size-s-header-padding-left, 8px); }
|
12509 | .next-table.next-table-small td .next-table-cell-wrapper {
|
12510 | padding: 8px 8px;
|
12511 | padding: var(--table-size-s-cell-padding-top, 8px) var(--table-size-s-cell-padding-left, 8px); }
|
12512 | .next-table.next-table-small .next-table-prerow .next-table-cell-wrapper {
|
12513 | padding: 8px 8px;
|
12514 | padding: var(--s-2, 8px) var(--s-2, 8px); }
|
12515 | .next-table table {
|
12516 | border-collapse: separate;
|
12517 | border-spacing: 0;
|
12518 | width: 100%;
|
12519 | background: #FFFFFF;
|
12520 | background: var(--table-row-bg, #FFFFFF);
|
12521 | border-top-left-radius: 0;
|
12522 | border-top-left-radius: var(--table-header-corner-top, 0);
|
12523 | border-top-right-radius: 0;
|
12524 | border-top-right-radius: var(--table-header-corner-top, 0);
|
12525 | border-bottom-left-radius: 0;
|
12526 | border-bottom-left-radius: var(--table-header-corner-bottom, 0);
|
12527 | border-bottom-right-radius: 0;
|
12528 | border-bottom-right-radius: var(--table-header-corner-bottom, 0); }
|
12529 | .next-table table tr:first-child td {
|
12530 | border-top-width: 0; }
|
12531 | .next-table th {
|
12532 | padding: 0;
|
12533 | background: #EBECF0;
|
12534 | background: var(--table-th-bg, #EBECF0);
|
12535 | color: #333333;
|
12536 | color: var(--table-th-color, #333333);
|
12537 | text-align: left;
|
12538 | font-weight: normal;
|
12539 | font-weight: var(--table-th-font-weight, normal);
|
12540 | border-right: 1px solid #DCDEE3;
|
12541 | border-right: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3);
|
12542 | border-bottom: 1px solid #DCDEE3;
|
12543 | border-bottom: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3); }
|
12544 | .next-table th .next-table-cell-wrapper {
|
12545 | padding: 12px 16px;
|
12546 | padding: var(--table-header-padding-top, 12px) var(--table-header-padding-left, 16px);
|
12547 | overflow: hidden;
|
12548 | text-overflow: ellipsis;
|
12549 | word-break: break-all; }
|
12550 | .next-table th.next-table-prerow .next-table-cell-wrapper {
|
12551 | padding: 12px 16px;
|
12552 | padding: var(--s-3, 12px) var(--s-4, 16px); }
|
12553 | .next-table th.next-table-word-break-word .next-table-cell-wrapper {
|
12554 | word-break: break-word; }
|
12555 | .next-table th.next-table-fix-left, .next-table th.next-table-fix-right {
|
12556 | z-index: 1; }
|
12557 | .next-table-affix {
|
12558 | z-index: 1;
|
12559 | overflow: hidden; }
|
12560 | .next-table-stickylock .next-table-affix {
|
12561 | z-index: 9; }
|
12562 | .next-table-header-resizable {
|
12563 | position: relative; }
|
12564 | .next-table-header-resizable .next-table-resize-handler {
|
12565 | position: absolute;
|
12566 | right: -5px;
|
12567 | top: 0;
|
12568 | bottom: 0;
|
12569 | width: 10px;
|
12570 | background: transparent;
|
12571 | cursor: ew-resize; }
|
12572 | .next-table-header-resizable .next-table-resize-handler::after {
|
12573 | position: absolute;
|
12574 | display: block;
|
12575 | content: ' ';
|
12576 | width: 2px;
|
12577 | width: var(--line-2, 2px);
|
12578 | height: 100%;
|
12579 | right: 50%; }
|
12580 | .next-table-header-resizable .next-table-resize-handler:hover::after {
|
12581 | z-index: 1;
|
12582 | background: #5584FF;
|
12583 | background: var(--color-brand1-6, #5584FF); }
|
12584 | .next-table.next-table-lock-left .next-table-header-resizable .next-table-resize-handler,
|
12585 | .next-table.next-table-lock-right .next-table-header-resizable .next-table-resize-handler {
|
12586 | cursor: initial; }
|
12587 | .next-table.next-table-lock-left .next-table-header-resizable .next-table-resize-handler:hover::after,
|
12588 | .next-table.next-table-lock-right .next-table-header-resizable .next-table-resize-handler:hover::after {
|
12589 | z-index: -1; }
|
12590 | .next-table td {
|
12591 | padding: 0;
|
12592 | border-right: 1px solid #DCDEE3;
|
12593 | border-right: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3);
|
12594 | border-bottom: 1px solid #DCDEE3;
|
12595 | border-bottom: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3); }
|
12596 | .next-table td .next-table-cell-wrapper {
|
12597 | padding: 12px 16px;
|
12598 | padding: var(--table-cell-padding-top, 12px) var(--table-cell-padding-left, 16px);
|
12599 | overflow: hidden;
|
12600 | text-overflow: ellipsis;
|
12601 | word-break: break-all; }
|
12602 | .next-table td .next-table-cell-wrapper .next-icon-arrow-down.next-table-tree-arrow,
|
12603 | .next-table td .next-table-cell-wrapper .next-icon-arrow-right.next-table-tree-arrow,
|
12604 | .next-table td .next-table-cell-wrapper .next-table-tree-placeholder {
|
12605 | margin-right: 8px;
|
12606 | margin-right: var(--table-header-icon-margin-left, 8px);
|
12607 | outline: 0;
|
12608 | cursor: pointer; }
|
12609 | .next-table td .next-table-cell-wrapper .next-icon-arrow-right.next-table-tree-arrow:before,
|
12610 | .next-table td .next-table-cell-wrapper .next-icon-arrow-right.next-table-tree-arrow .next-icon-remote {
|
12611 | width: 12px;
|
12612 | width: var(--table-tree-expanded-icon-size, 12px);
|
12613 | font-size: 12px;
|
12614 | font-size: var(--table-tree-expanded-icon-size, 12px);
|
12615 | line-height: inherit; }
|
12616 | .next-table td .next-table-cell-wrapper .next-icon-arrow-right.next-table-tree-arrow::before {
|
12617 | content: "\E619";
|
12618 | content: var(--table-tree-fold-icon-content, "\E619"); }
|
12619 | .next-table td .next-table-cell-wrapper .next-icon-arrow-down.next-table-tree-arrow:before,
|
12620 | .next-table td .next-table-cell-wrapper .next-icon-arrow-down.next-table-tree-arrow .next-icon-remote {
|
12621 | width: 12px;
|
12622 | width: var(--table-tree-expanded-icon-size, 12px);
|
12623 | font-size: 12px;
|
12624 | font-size: var(--table-tree-expanded-icon-size, 12px);
|
12625 | line-height: inherit; }
|
12626 | .next-table td .next-table-cell-wrapper .next-icon-arrow-down.next-table-tree-arrow::before {
|
12627 | content: "\E63D";
|
12628 | content: var(--table-tree-unfold-icon-content, "\E63D"); }
|
12629 | .next-table td.next-table-prerow .next-table-cell-wrapper {
|
12630 | padding: 12px 16px;
|
12631 | padding: var(--s-3, 12px) var(--s-4, 16px); }
|
12632 | .next-table td.next-table-word-break-word .next-table-cell-wrapper {
|
12633 | word-break: break-word; }
|
12634 | .next-table .next-table-expanded .next-table-cell-wrapper,
|
12635 | .next-table .next-table-selection .next-table-cell-wrapper {
|
12636 | overflow: visible; }
|
12637 | .next-table.no-header table tr:first-child td {
|
12638 | border-top-width: 1px; }
|
12639 | .next-table.only-bottom-border {
|
12640 | border-width: 0; }
|
12641 | .next-table.only-bottom-border th {
|
12642 | border-width: 0 0 1px 0;
|
12643 | border-width: 0 0 var(--table-normal-border-width, 1px) 0; }
|
12644 | .next-table.only-bottom-border td {
|
12645 | border-width: 0 0 1px 0;
|
12646 | border-width: 0 0 var(--table-normal-border-width, 1px) 0; }
|
12647 | .next-table.only-bottom-border table tr td:first-child,
|
12648 | .next-table.only-bottom-border table tr th:first-child {
|
12649 | border-left-width: 0; }
|
12650 | .next-table.only-bottom-border .next-table-header tr th:last-child {
|
12651 | border-right-width: 0; }
|
12652 | .next-table.only-bottom-border .next-table-body tr td:last-child {
|
12653 | border-right-width: 0; }
|
12654 | .next-table-loading {
|
12655 | display: block; }
|
12656 | .next-table.zebra tr:nth-child(odd) td {
|
12657 | background: #FFFFFF;
|
12658 | background: var(--table-td-normal, #FFFFFF); }
|
12659 | .next-table.zebra tr:nth-child(even) td {
|
12660 | background: #F7F8FA;
|
12661 | background: var(--table-td-gray, #F7F8FA); }
|
12662 | .next-table.zebra .next-table-row.hovered td {
|
12663 | background: #F2F3F7;
|
12664 | background: var(--table-row-hover-bg, #F2F3F7);
|
12665 | color: #333333;
|
12666 | color: var(--table-row-hover-color, #333333); }
|
12667 | .next-table.zebra .next-table-cell.hovered {
|
12668 | background: #F2F3F7;
|
12669 | background: var(--table-row-hover-bg, #F2F3F7);
|
12670 | color: #333333;
|
12671 | color: var(--table-row-hover-color, #333333); }
|
12672 | .next-table.zebra .next-table-row.selected td {
|
12673 | background: #F2F3F7;
|
12674 | background: var(--table-row-selected-bg, #F2F3F7);
|
12675 | color: #333333;
|
12676 | color: var(--table-row-selected-color, #333333); }
|
12677 | .next-table-empty {
|
12678 | color: #A0A2AD;
|
12679 | color: var(--table-empty-color, #A0A2AD);
|
12680 | padding: 32px 0;
|
12681 | padding: var(--table-empty-padding, 32px) 0;
|
12682 | text-align: center; }
|
12683 | .next-table-expanded-row > td {
|
12684 | border-width: 0 0 1px 0;
|
12685 | border-width: 0 0 var(--table-normal-border-width, 1px) 0; }
|
12686 | .next-table-expanded-row > td:first-child {
|
12687 | border-left-width: 1px;
|
12688 | border-left-width: var(--table-normal-border-width, 1px); }
|
12689 | .next-table-expanded-row > td:last-child {
|
12690 | border-right-width: 1px;
|
12691 | border-right-width: var(--table-normal-border-width, 1px); }
|
12692 | .next-table-expanded-row:last-child > td {
|
12693 | border-bottom-width: 1px;
|
12694 | border-bottom-width: var(--table-normal-border-width, 1px); }
|
12695 | .next-table-expanded-row .next-table {
|
12696 | border-top: 0;
|
12697 | border-left: 0; }
|
12698 | .next-table-expanded-row .next-table th, .next-table-expanded-row .next-table td {
|
12699 | border-right: 1px solid #DCDEE3;
|
12700 | border-right: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3); }
|
12701 | .next-table-expanded-row .next-table.only-bottom-border th, .next-table-expanded-row .next-table.only-bottom-border td {
|
12702 | border-right: 0; }
|
12703 | .next-table-expanded-row .next-table .last td {
|
12704 | border-bottom: 0; }
|
12705 | .next-table-expanded-row .next-table td.last,
|
12706 | .next-table-expanded-row .next-table th:last-child {
|
12707 | border-right: 0; }
|
12708 | .next-table-filter-footer {
|
12709 | margin: 10px 10px 0; }
|
12710 | .next-table-filter-footer button {
|
12711 | margin-right: 5px; }
|
12712 | .next-table-row {
|
12713 | transition: all 100ms linear;
|
12714 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
12715 | background: #FFFFFF;
|
12716 | background: var(--table-row-bg, #FFFFFF);
|
12717 | color: #333333;
|
12718 | color: var(--table-row-color, #333333); }
|
12719 | .next-table-row.hidden {
|
12720 | display: none; }
|
12721 | .next-table-row.hovered {
|
12722 | background: #F2F3F7;
|
12723 | background: var(--table-row-hover-bg, #F2F3F7);
|
12724 | color: #333333;
|
12725 | color: var(--table-row-hover-color, #333333); }
|
12726 | .next-table-row.selected {
|
12727 | background: #F2F3F7;
|
12728 | background: var(--table-row-selected-bg, #F2F3F7);
|
12729 | color: #333333;
|
12730 | color: var(--table-row-selected-color, #333333); }
|
12731 | .next-table-cell.hovered {
|
12732 | background: #F2F3F7;
|
12733 | background: var(--table-row-hover-bg, #F2F3F7);
|
12734 | color: #333333;
|
12735 | color: var(--table-row-hover-color, #333333); }
|
12736 | .next-table-tree-placeholder {
|
12737 | display: inline-block;
|
12738 | width: 12px; }
|
12739 |
|
12740 | .last .next-table-expanded-row td {
|
12741 | border-bottom-width: 1px; }
|
12742 |
|
12743 | .next-table-body,
|
12744 | .next-table-header {
|
12745 | overflow: auto;
|
12746 | font-size: 12px;
|
12747 | font-size: var(--table-th-font-size, 12px); }
|
12748 |
|
12749 | .next-table-column-resize-proxy {
|
12750 | position: absolute;
|
12751 | top: 0;
|
12752 | bottom: 0;
|
12753 | width: 0;
|
12754 | border-left: 2px solid #5584FF;
|
12755 | border-left: var(--line-2, 2px) solid var(--color-brand1-6, #5584FF);
|
12756 | z-index: 10;
|
12757 | display: none; }
|
12758 |
|
12759 | .next-table-header {
|
12760 | margin-bottom: -20px;
|
12761 | padding-bottom: 20px;
|
12762 | border-top-left-radius: 0;
|
12763 | border-top-left-radius: var(--table-header-corner-top, 0);
|
12764 | border-top-right-radius: 0;
|
12765 | border-top-right-radius: var(--table-header-corner-top, 0);
|
12766 | border-bottom-left-radius: 0;
|
12767 | border-bottom-left-radius: var(--table-header-corner-bottom, 0);
|
12768 | border-bottom-right-radius: 0;
|
12769 | border-bottom-right-radius: var(--table-header-corner-bottom, 0);
|
12770 | overflow: -moz-scrollbars-none;
|
12771 | -ms-overflow-style: none;
|
12772 | scrollbar-width: none; }
|
12773 | .next-table-header::-webkit-scrollbar {
|
12774 | display: none; }
|
12775 |
|
12776 | .next-table-body {
|
12777 | font-size: 12px;
|
12778 | font-size: var(--table-body-font-size, 12px);
|
12779 | position: relative; }
|
12780 |
|
12781 | .next-table-fixed {
|
12782 | border-right: 1px solid #DCDEE3;
|
12783 | border-right: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3);
|
12784 | border-bottom: 1px solid #DCDEE3;
|
12785 | border-bottom: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3); }
|
12786 | .next-table-fixed table {
|
12787 | table-layout: fixed; }
|
12788 | .next-table-fixed .next-table-header {
|
12789 | background: #EBECF0;
|
12790 | background: var(--table-th-bg, #EBECF0); }
|
12791 | .next-table-fixed table tr td:first-child,
|
12792 | .next-table-fixed table tr th:first-child {
|
12793 | border-left-width: 0; }
|
12794 | .next-table-fixed .next-table-header th {
|
12795 | border-top-width: 0; }
|
12796 | .next-table-fixed .next-table-header tr th:last-child {
|
12797 | border-right-width: 0; }
|
12798 | .next-table-fixed .next-table-body td {
|
12799 | border-top-width: 0; }
|
12800 | .next-table-fixed .next-table-body tr:last-child td {
|
12801 | border-bottom-width: 0; }
|
12802 | .next-table-fixed .next-table-body tr td:last-child {
|
12803 | border-right-width: 0; }
|
12804 | .next-table-fixed.only-bottom-border .next-table-body tr:last-child td {
|
12805 | border-bottom-width: 1px;
|
12806 | border-bottom-width: var(--table-normal-border-width, 1px); }
|
12807 | .next-table-fixed.next-table-group table tr td:first-child,
|
12808 | .next-table-fixed.next-table-group table tr th:first-child {
|
12809 | border-left-width: 1px;
|
12810 | border-left-width: var(--table-normal-border-width, 1px); }
|
12811 | .next-table-fixed.next-table-group .next-table-header th {
|
12812 | border-top-width: 1px;
|
12813 | border-top-width: var(--table-normal-border-width, 1px); }
|
12814 | .next-table-fixed.next-table-group .next-table-header tr th:last-child {
|
12815 | border-right-width: 1px;
|
12816 | border-right-width: var(--table-normal-border-width, 1px); }
|
12817 | .next-table-fixed.next-table-group .next-table-body td {
|
12818 | border-top-width: 1px;
|
12819 | border-top-width: var(--table-normal-border-width, 1px); }
|
12820 | .next-table-fixed.next-table-group .next-table-body tr:last-child td {
|
12821 | border-bottom-width: 1px;
|
12822 | border-bottom-width: var(--table-normal-border-width, 1px); }
|
12823 | .next-table-fixed.next-table-group .next-table-body tr td:last-child {
|
12824 | border-right-width: 1px;
|
12825 | border-right-width: var(--table-normal-border-width, 1px); }
|
12826 | .next-table-fixed.next-table-lock-left .next-table-header tr th:last-child {
|
12827 | border-right-width: 1px;
|
12828 | border-right-width: var(--table-normal-border-width, 1px); }
|
12829 | .next-table-fixed.next-table-lock-left .next-table-body tr td:last-child {
|
12830 | border-right-width: 1px;
|
12831 | border-right-width: var(--table-normal-border-width, 1px); }
|
12832 |
|
12833 | .next-table-lock .next-table-body {
|
12834 | overflow-x: auto;
|
12835 | overflow-y: visible; }
|
12836 |
|
12837 | .next-table-group {
|
12838 | border-width: 0; }
|
12839 | .next-table-group.only-bottom-border .next-table-body table,
|
12840 | .next-table-group.only-bottom-border .next-table-header table {
|
12841 | border-left: 0; }
|
12842 | .next-table-group.only-bottom-border .next-table-header table,
|
12843 | .next-table-group.only-bottom-border .next-table-body table,
|
12844 | .next-table-group.only-bottom-border .next-table-body table.next-table-row {
|
12845 | border-top: 0; }
|
12846 | .next-table-group.only-bottom-border .next-table-body .next-table-group-footer td {
|
12847 | border-bottom: 0; }
|
12848 | .next-table-group .next-table-body {
|
12849 | margin-top: 8px;
|
12850 | margin-top: var(--table-group-split, 8px); }
|
12851 | .next-table-group .next-table-body table {
|
12852 | border-top: 1px solid #DCDEE3;
|
12853 | border-top: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3);
|
12854 | border-left: 1px solid #DCDEE3;
|
12855 | border-left: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3);
|
12856 | margin-bottom: 8px;
|
12857 | margin-bottom: var(--table-group-split, 8px); }
|
12858 | .next-table-group .next-table-body table tr:first-child td {
|
12859 | border-top-width: 1px; }
|
12860 | .next-table-group .next-table-body table:last-of-type {
|
12861 | margin-bottom: 0; }
|
12862 | .next-table-group .next-table-header table {
|
12863 | border-top: 1px solid #DCDEE3;
|
12864 | border-top: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3);
|
12865 | border-left: 1px solid #DCDEE3;
|
12866 | border-left: var(--table-normal-border-width, 1px) var(--table-normal-border-style, solid) var(--table-normal-border-color, #DCDEE3); }
|
12867 | .next-table-group .next-table-group-header td {
|
12868 | background: #EBECF0;
|
12869 | background: var(--table-group-th-bg, #EBECF0);
|
12870 | color: #333333;
|
12871 | color: var(--table-group-th-color, #333333); }
|
12872 | .next-table-group .next-table-group-header td:first-child {
|
12873 | border-top-left-radius: 0;
|
12874 | border-top-left-radius: var(--table-group-header-corner-top, 0);
|
12875 | border-bottom-left-radius: 0;
|
12876 | border-bottom-left-radius: var(--table-group-header-corner-bottom, 0); }
|
12877 | .next-table-group .next-table-group-header td:last-child {
|
12878 | border-top-right-radius: 0;
|
12879 | border-top-right-radius: var(--table-group-header-corner-top, 0);
|
12880 | border-bottom-right-radius: 0;
|
12881 | border-bottom-right-radius: var(--table-group-header-corner-bottom, 0); }
|
12882 | .next-table-group .next-table-group-footer td {
|
12883 | background: #EBECF0;
|
12884 | background: var(--table-group-footer-bg, #EBECF0);
|
12885 | color: #333333;
|
12886 | color: var(--table-group-footer-color, #333333); }
|
12887 | .next-table-group .next-table-group-footer td:first-child {
|
12888 | border-top-left-radius: 0;
|
12889 | border-top-left-radius: var(--table-group-footer-corner-top, 0);
|
12890 | border-bottom-left-radius: 0;
|
12891 | border-bottom-left-radius: var(--table-group-footer-corner-bottom, 0); }
|
12892 | .next-table-group .next-table-group-footer td:last-child {
|
12893 | border-top-right-radius: 0;
|
12894 | border-top-right-radius: var(--table-group-footer-corner-top, 0);
|
12895 | border-bottom-right-radius: 0;
|
12896 | border-bottom-right-radius: var(--table-group-footer-corner-bottom, 0); }
|
12897 | .next-table-group .next-table-row.hovered,
|
12898 | .next-table-group .next-table-row.selected {
|
12899 | background: #FFFFFF;
|
12900 | background: var(--table-row-bg, #FFFFFF);
|
12901 | color: #333333;
|
12902 | color: var(--table-row-color, #333333); }
|
12903 |
|
12904 | .next-table-lock {
|
12905 | position: relative; }
|
12906 | .next-table-lock table {
|
12907 | table-layout: fixed; }
|
12908 |
|
12909 | .next-table-header-inner {
|
12910 | overflow: unset; }
|
12911 |
|
12912 | .next-table-header-fixer {
|
12913 | content: " ";
|
12914 | border-top-right-radius: 0;
|
12915 | border-top-right-radius: var(--table-header-corner-top, 0);
|
12916 | border-bottom-right-radius: 0;
|
12917 | border-bottom-right-radius: var(--table-header-corner-bottom, 0);
|
12918 | width: 15px;
|
12919 | background: inherit;
|
12920 | position: absolute;
|
12921 | right: 0;
|
12922 | height: 100%;
|
12923 | top: 0; }
|
12924 |
|
12925 | .next-table-wrap-empty .next-table-lock-left td,
|
12926 | .next-table-wrap-empty .next-table-lock-right td {
|
12927 | border: none; }
|
12928 |
|
12929 | .next-table-wrap-empty .next-table-lock-left .next-table-empty,
|
12930 | .next-table-wrap-empty .next-table-lock-right .next-table-empty {
|
12931 | display: none; }
|
12932 |
|
12933 | .next-table-wrap-empty > .next-table-inner > .next-table-body > table {
|
12934 | table-layout: fixed; }
|
12935 |
|
12936 | .next-table-lock-left,
|
12937 | .next-table-lock-right {
|
12938 | position: absolute;
|
12939 | left: 0;
|
12940 | top: 0;
|
12941 | z-index: 1;
|
12942 | border: 0;
|
12943 | transition: box-shadow .3s ease;
|
12944 | overflow: hidden; }
|
12945 | .next-table-lock-left table,
|
12946 | .next-table-lock-right table {
|
12947 | width: auto; }
|
12948 | .next-table-lock-left .next-table-body,
|
12949 | .next-table-lock-right .next-table-body {
|
12950 | overflow-y: scroll;
|
12951 | overflow-x: hidden;
|
12952 | margin-right: -20px;
|
12953 | padding-right: 0; }
|
12954 | .next-table-lock-left.shadow .next-table-header tr th:last-child,
|
12955 | .next-table-lock-right.shadow .next-table-header tr th:last-child {
|
12956 | border-right-width: 0; }
|
12957 | .next-table-lock-left.shadow .next-table-body tr td:last-child,
|
12958 | .next-table-lock-right.shadow .next-table-body tr td:last-child {
|
12959 | border-right-width: 0; }
|
12960 |
|
12961 | .next-table-lock-right {
|
12962 | right: 0;
|
12963 | left: auto; }
|
12964 | .next-table-lock-right table tr td:first-child,
|
12965 | .next-table-lock-right table tr th:first-child {
|
12966 | border-left-width: 1px; }
|
12967 | .next-table-lock-right.shadow {
|
12968 | box-shadow: -2px 0 3px rgba(0, 0, 0, 0.12); }
|
12969 |
|
12970 | .next-table-lock-left.shadow {
|
12971 | box-shadow: 2px 0 3px rgba(0, 0, 0, 0.12); }
|
12972 |
|
12973 | .next-table-filter {
|
12974 | line-height: 1; }
|
12975 |
|
12976 | .next-table-sort {
|
12977 | cursor: pointer;
|
12978 | position: relative;
|
12979 | width: 16px;
|
12980 | display: inline-block;
|
12981 | line-height: 1; }
|
12982 | .next-table-sort:focus {
|
12983 | outline: 0; }
|
12984 | .next-table-sort > a::before {
|
12985 | content: ' ';
|
12986 | display: inline-block;
|
12987 | vertical-align: middle; }
|
12988 | .next-table-sort .next-icon {
|
12989 | position: absolute;
|
12990 | left: -2px;
|
12991 | color: #333333;
|
12992 | color: var(--table-sort-color, #333333); }
|
12993 | .next-table-sort .next-icon:before,
|
12994 | .next-table-sort .next-icon .next-icon-remote {
|
12995 | width: 12px;
|
12996 | width: var(--table-sort-icon-size, 12px);
|
12997 | font-size: 12px;
|
12998 | font-size: var(--table-sort-icon-size, 12px);
|
12999 | line-height: inherit; }
|
13000 | .next-table-sort .current .next-icon {
|
13001 | color: #5584FF;
|
13002 | color: var(--table-sort-color-current, #5584FF); }
|
13003 | .next-table-sort .next-icon-ascending {
|
13004 | left: 2px; }
|
13005 |
|
13006 | .next-table-filter {
|
13007 | cursor: pointer;
|
13008 | width: 20px;
|
13009 | display: inline-block; }
|
13010 | .next-table-filter:focus {
|
13011 | outline: 0; }
|
13012 | .next-table-filter .next-icon {
|
13013 | color: #333333;
|
13014 | color: var(--table-sort-color, #333333); }
|
13015 | .next-table-filter .next-icon:before,
|
13016 | .next-table-filter .next-icon .next-icon-remote {
|
13017 | width: 12px;
|
13018 | width: var(--table-filter-icon-size, 12px);
|
13019 | font-size: 12px;
|
13020 | font-size: var(--table-filter-icon-size, 12px);
|
13021 | line-height: inherit; }
|
13022 | .next-table-filter .next-table-filter-active {
|
13023 | color: #5584FF;
|
13024 | color: var(--color-brand1-6, #5584FF); }
|
13025 |
|
13026 | .next-table-filter-menu .next-menu-content {
|
13027 | max-height: 220px;
|
13028 | overflow: auto; }
|
13029 |
|
13030 | .next-table-header-icon {
|
13031 | margin-left: 8px;
|
13032 | margin-left: var(--table-header-icon-margin-left, 8px); }
|
13033 |
|
13034 | .next-table-expanded-ctrl {
|
13035 | cursor: pointer; }
|
13036 | .next-table-expanded-ctrl:focus {
|
13037 | outline: 0; }
|
13038 | .next-table-expanded-ctrl.disabled {
|
13039 | color: #999999;
|
13040 | color: var(--table-expanded-ctrl-disabled-color, #999999); }
|
13041 | .next-table-expanded-ctrl .next-table-expand-unfold:before,
|
13042 | .next-table-expanded-ctrl .next-table-expand-unfold .next-icon-remote {
|
13043 | width: 12px;
|
13044 | width: var(--table-expanded-icon-size, 12px);
|
13045 | font-size: 12px;
|
13046 | font-size: var(--table-expanded-icon-size, 12px);
|
13047 | line-height: inherit; }
|
13048 | .next-table-expanded-ctrl .next-table-expand-unfold::before {
|
13049 | content: "\E601";
|
13050 | content: var(--table-expand-unfold-icon-content, "\E601"); }
|
13051 | .next-table-expanded-ctrl .next-table-expand-fold:before,
|
13052 | .next-table-expanded-ctrl .next-table-expand-fold .next-icon-remote {
|
13053 | width: 12px;
|
13054 | width: var(--table-expanded-icon-size, 12px);
|
13055 | font-size: 12px;
|
13056 | font-size: var(--table-expanded-icon-size, 12px);
|
13057 | line-height: inherit; }
|
13058 | .next-table-expanded-ctrl .next-table-expand-fold::before {
|
13059 | content: "\E655";
|
13060 | content: var(--table-expand-fold-icon-content, "\E655"); }
|
13061 |
|
13062 | .next-table-fix-left, .next-table-fix-right {
|
13063 | background: inherit;
|
13064 | position: sticky;
|
13065 | z-index: 1;
|
13066 | background-clip: padding-box; }
|
13067 |
|
13068 | .next-table-ping-left .next-table-expanded-area .next-table-fix-left-last::after {
|
13069 | content: none; }
|
13070 |
|
13071 | .next-table-ping-left .next-table-expanded-area .next-table-ping-left .next-table-fix-left-last,
|
13072 | .next-table-ping-left .next-table-fix-left-last {
|
13073 | border-right-width: 0; }
|
13074 | .next-table-ping-left .next-table-expanded-area .next-table-ping-left .next-table-fix-left-last::after,
|
13075 | .next-table-ping-left .next-table-fix-left-last::after {
|
13076 | box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
|
13077 | position: absolute;
|
13078 | top: 0;
|
13079 | right: 0;
|
13080 | bottom: 0;
|
13081 | width: 30px;
|
13082 | content: '';
|
13083 | pointer-events: none;
|
13084 | transition: box-shadow .3s, -webkit-box-shadow .3s;
|
13085 | transform: translateX(100%); }
|
13086 |
|
13087 | .next-table-ping-right .next-table-expanded-area .next-table-fix-right-first::after {
|
13088 | content: none; }
|
13089 |
|
13090 | .next-table-ping-right .next-table-expanded-area .next-table-ping-right .next-table-fix-right-first:after,
|
13091 | .next-table-ping-right .next-table-fix-right-first:after {
|
13092 | box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
|
13093 | position: absolute;
|
13094 | top: 0;
|
13095 | left: 0;
|
13096 | bottom: 0;
|
13097 | width: 30px;
|
13098 | content: '';
|
13099 | pointer-events: none;
|
13100 | transition: box-shadow .3s, -webkit-box-shadow .3s;
|
13101 | transform: translateX(-100%); }
|
13102 |
|
13103 | .next-table-fixed.next-table-scrolling-to-right::after, .next-table-lock.next-table-scrolling-to-right::after {
|
13104 | box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
|
13105 | position: absolute;
|
13106 | top: 0;
|
13107 | right: -30px;
|
13108 | bottom: 0;
|
13109 | width: 30px;
|
13110 | content: '';
|
13111 | pointer-events: none;
|
13112 | transition: box-shadow .3s, -webkit-box-shadow .3s;
|
13113 | transform: translateX(-100%); }
|
13114 |
|
13115 | .next-table-fixed.only-bottom-border, .next-table-lock.only-bottom-border {
|
13116 | border-right: 0; }
|
13117 |
|
13118 | .next-table[dir="rtl"] th {
|
13119 | text-align: right; }
|
13120 |
|
13121 | .next-table[dir="rtl"] .next-table-header-resizable .next-table-resize-handler {
|
13122 | right: auto;
|
13123 | left: 0; }
|
13124 |
|
13125 | .next-table[dir="rtl"] td .next-table-cell-wrapper .next-icon-arrow-down.next-table-tree-arrow,
|
13126 | .next-table[dir="rtl"] td .next-table-cell-wrapper .next-icon-arrow-right.next-table-tree-arrow,
|
13127 | .next-table[dir="rtl"] td .next-table-cell-wrapper .next-table-tree-placeholder {
|
13128 | margin-left: 3px;
|
13129 | margin-right: 0;
|
13130 | float: right; }
|
13131 |
|
13132 | .next-table[dir="rtl"] .next-table-expanded-row td:first-child {
|
13133 | border-left-width: 0;
|
13134 | border-right-width: 1px; }
|
13135 |
|
13136 | .next-table[dir="rtl"] .next-table-expanded-row td:last-child {
|
13137 | border-left-width: 1px;
|
13138 | border-right-width: 0; }
|
13139 |
|
13140 | .next-table[dir="rtl"].only-bottom-border .next-table-expanded-row th {
|
13141 | border-width: 0 0 1px 0;
|
13142 | border-width: 0 0 var(--table-normal-border-width, 1px) 0; }
|
13143 |
|
13144 | .next-table[dir="rtl"].only-bottom-border .next-table-expanded-row td {
|
13145 | border-width: 0 0 1px 0;
|
13146 | border-width: 0 0 var(--table-normal-border-width, 1px) 0; }
|
13147 |
|
13148 | .next-table[dir="rtl"] .next-table-filter-footer button {
|
13149 | margin-left: 5px;
|
13150 | margin-right: 0; }
|
13151 |
|
13152 | .next-table[dir="rtl"] .next-table-lock-left,
|
13153 | .next-table[dir="rtl"] .next-table-lock-right {
|
13154 | left: auto;
|
13155 | right: 0; }
|
13156 |
|
13157 | .next-table[dir="rtl"] .next-table-lock-right {
|
13158 | right: auto;
|
13159 | left: 0; }
|
13160 | .next-table[dir="rtl"] .next-table-lock-right table tr td:first-child,
|
13161 | .next-table[dir="rtl"] .next-table-lock-right table tr th:first-child {
|
13162 | border-right-width: 1px; }
|
13163 | .next-table[dir="rtl"] .next-table-lock-right.shadow {
|
13164 | box-shadow: 2px 0 3px rgba(0, 0, 0, 0.12); }
|
13165 |
|
13166 | .next-table[dir="rtl"] .next-table-lock-left.shadow {
|
13167 | box-shadow: -2px 0 3px rgba(0, 0, 0, 0.12); }
|
13168 |
|
13169 | .next-table[dir="rtl"] .next-table-sort .next-icon {
|
13170 | right: 0;
|
13171 | left: auto; }
|
13172 |
|
13173 | .next-table[dir="rtl"] .next-table-sort .next-icon-ascending {
|
13174 | right: 4px;
|
13175 | left: auto; }
|
13176 |
|
13177 | .next-table[dir="rtl"] .next-table-filter {
|
13178 | margin-right: 5px;
|
13179 | margin-left: 0; }
|
13180 |
|
13181 | .next-table-fixed[dir="rtl"] table tr td:first-child,
|
13182 | .next-table-fixed[dir="rtl"] table tr th:first-child {
|
13183 | border-left-width: 1px;
|
13184 | border-left-width: var(--table-normal-border-width, 1px);
|
13185 | border-right-width: 0; }
|
13186 |
|
13187 | .next-table-fixed[dir="rtl"] .next-table-header tr th:last-child {
|
13188 | border-left-width: 1px;
|
13189 | border-left-width: var(--table-normal-border-width, 1px); }
|
13190 |
|
13191 | .next-table-fixed[dir="rtl"] .next-table-body tr td:last-child {
|
13192 | border-left-width: 1px;
|
13193 | border-left-width: var(--table-normal-border-width, 1px); }
|
13194 | .next-sr-only {
|
13195 | position: absolute;
|
13196 | width: 1px;
|
13197 | height: 1px;
|
13198 | padding: 0;
|
13199 | overflow: hidden;
|
13200 | clip: rect(0, 0, 0, 0);
|
13201 | white-space: nowrap;
|
13202 | border: 0;
|
13203 | top: 0;
|
13204 | margin: -1px; }
|
13205 |
|
13206 | .next-calendar2 {
|
13207 | box-sizing: border-box; }
|
13208 | .next-calendar2 *,
|
13209 | .next-calendar2 *:before,
|
13210 | .next-calendar2 *:after {
|
13211 | box-sizing: border-box; }
|
13212 | .next-calendar2 table {
|
13213 | border-collapse: collapse;
|
13214 | border-spacing: 0; }
|
13215 | .next-calendar2 td,
|
13216 | .next-calendar2 th {
|
13217 | padding: 0; }
|
13218 |
|
13219 | div[dir="rtl"].next-calendar2-fullscreen .next-calendar2-header-actions, div[dir="rtl"].next-calendar2-panel .next-calendar2-header-actions, div[dir="rtl"].next-calendar2-card .next-calendar2-header-actions {
|
13220 | margin-right: auto;
|
13221 | margin-left: 0; }
|
13222 |
|
13223 | div[dir="rtl"].next-calendar2-fullscreen .next-calendar2-header-ranges > *:not(:first-child), div[dir="rtl"].next-calendar2-fullscreen .next-calendar2-header-actions > *:not(:first-child), div[dir="rtl"].next-calendar2-panel .next-calendar2-header-ranges > *:not(:first-child), div[dir="rtl"].next-calendar2-panel .next-calendar2-header-actions > *:not(:first-child), div[dir="rtl"].next-calendar2-card .next-calendar2-header-ranges > *:not(:first-child), div[dir="rtl"].next-calendar2-card .next-calendar2-header-actions > *:not(:first-child) {
|
13224 | margin-right: 8px;
|
13225 | margin-left: 0; }
|
13226 |
|
13227 | div[dir="rtl"].next-calendar2-fullscreen .next-calendar2-cell-value,
|
13228 | div[dir="rtl"].next-calendar2-fullscreen .next-calendar2-table th {
|
13229 | text-align: left; }
|
13230 |
|
13231 | div[dir="rtl"].next-calendar2-fullscreen .next-calendar2-table th {
|
13232 | padding: 0 0 5px 12px; }
|
13233 |
|
13234 | .next-calendar2 {
|
13235 | font-size: 12px;
|
13236 | user-select: none;
|
13237 | background: #FFFFFF; }
|
13238 | .next-calendar2-header {
|
13239 | display: flex; }
|
13240 | .next-calendar2-table {
|
13241 | width: 100%;
|
13242 | table-layout: fixed; }
|
13243 | .next-calendar2-cell {
|
13244 | cursor: pointer;
|
13245 | position: relative;
|
13246 | transition: background-color .2s, border .2s; }
|
13247 | .next-calendar2 .next-calendar2-cell-inner {
|
13248 | color: #CCCCCC;
|
13249 | color: var(--color-text1-1, #CCCCCC);
|
13250 | outline: none;
|
13251 | min-width: 24px;
|
13252 | position: relative;
|
13253 | border: 1px solid transparent; }
|
13254 | .next-calendar2-cell-disabled::before {
|
13255 | color: #CCCCCC;
|
13256 | color: var(--color-text1-1, #CCCCCC);
|
13257 | background: #F7F8FA;
|
13258 | background: var(--color-fill1-1, #F7F8FA); }
|
13259 | .next-calendar2-fullscreen .next-calendar2-header-actions, .next-calendar2-panel .next-calendar2-header-actions, .next-calendar2-card .next-calendar2-header-actions {
|
13260 | margin-left: auto; }
|
13261 | .next-calendar2-fullscreen .next-calendar2-header-ranges > *:not(:first-child), .next-calendar2-fullscreen .next-calendar2-header-actions > *:not(:first-child), .next-calendar2-panel .next-calendar2-header-ranges > *:not(:first-child), .next-calendar2-panel .next-calendar2-header-actions > *:not(:first-child), .next-calendar2-card .next-calendar2-header-ranges > *:not(:first-child), .next-calendar2-card .next-calendar2-header-actions > *:not(:first-child) {
|
13262 | margin-left: 8px; }
|
13263 | .next-calendar2-fullscreen .next-calendar2-header-select-year, .next-calendar2-fullscreen .next-calendar2-header-select-month, .next-calendar2-panel .next-calendar2-header-select-year, .next-calendar2-panel .next-calendar2-header-select-month, .next-calendar2-card .next-calendar2-header-select-year, .next-calendar2-card .next-calendar2-header-select-month {
|
13264 | min-width: 88px; }
|
13265 | .next-calendar2-fullscreen .next-calendar2-header-select-year .next-input, .next-calendar2-fullscreen .next-calendar2-header-select-month .next-input, .next-calendar2-panel .next-calendar2-header-select-year .next-input, .next-calendar2-panel .next-calendar2-header-select-month .next-input, .next-calendar2-card .next-calendar2-header-select-year .next-input, .next-calendar2-card .next-calendar2-header-select-month .next-input {
|
13266 | min-width: auto; }
|
13267 | .next-calendar2-fullscreen .next-calendar2-body, .next-calendar2-panel .next-calendar2-body, .next-calendar2-card .next-calendar2-body {
|
13268 | padding: 8px 0; }
|
13269 | .next-calendar2-card .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-cell-inner {
|
13270 | z-index: 2;
|
13271 | height: 24px;
|
13272 | line-height: 22px;
|
13273 | border-radius: 2px;
|
13274 | display: inline-block; }
|
13275 | .next-calendar2-card .next-calendar2, .next-calendar2-panel .next-calendar2 {
|
13276 | min-height: 150px; }
|
13277 | .next-calendar2-card .next-calendar2-table thead > tr, .next-calendar2-panel .next-calendar2-table thead > tr {
|
13278 | height: 24px;
|
13279 | color: #999999;
|
13280 | color: var(--color-text1-2, #999999); }
|
13281 | .next-calendar2-card .next-calendar2-table th,
|
13282 | .next-calendar2-card .next-calendar2-table td, .next-calendar2-panel .next-calendar2-table th,
|
13283 | .next-calendar2-panel .next-calendar2-table td {
|
13284 | font-weight: 400;
|
13285 | text-align: center;
|
13286 | padding: 4px 0; }
|
13287 | .next-calendar2-card .next-calendar2-table th, .next-calendar2-panel .next-calendar2-table th {
|
13288 | height: 32px; }
|
13289 | .next-calendar2-card .next-calendar2-table-month, .next-calendar2-card .next-calendar2-table-year, .next-calendar2-card .next-calendar2-table-decade, .next-calendar2-panel .next-calendar2-table-month, .next-calendar2-panel .next-calendar2-table-year, .next-calendar2-panel .next-calendar2-table-decade {
|
13290 | height: 145px; }
|
13291 | .next-calendar2-card .next-calendar2-table-month .next-calendar2-cell-inner, .next-calendar2-card .next-calendar2-table-year .next-calendar2-cell-inner, .next-calendar2-card .next-calendar2-table-decade .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-table-month .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-table-year .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-table-decade .next-calendar2-cell-inner {
|
13292 | min-width: 56px; }
|
13293 | .next-calendar2-card .next-calendar2-table-quarter, .next-calendar2-panel .next-calendar2-table-quarter {
|
13294 | height: 50px; }
|
13295 | .next-calendar2-card .next-calendar2-table-quarter .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-table-quarter .next-calendar2-cell-inner {
|
13296 | min-width: 56px; }
|
13297 | .next-calendar2-card .next-calendar2-table-decade .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-table-decade .next-calendar2-cell-inner {
|
13298 | min-width: 80px; }
|
13299 | .next-calendar2-card .next-calendar2-cell-current:not(.next-calendar2-cell-disabled):not(.next-calendar2-cell-selected):not(.next-calendar2-cell-today) .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-cell-current:not(.next-calendar2-cell-disabled):not(.next-calendar2-cell-selected):not(.next-calendar2-cell-today) .next-calendar2-cell-inner {
|
13300 | color: #666666;
|
13301 | color: var(--color-text1-3, #666666); }
|
13302 | .next-calendar2-card .next-calendar2-cell-current:not(.next-calendar2-cell-disabled):not(.next-calendar2-cell-selected):not(.next-calendar2-cell-today):hover:not(.next-calendar2-cell-hover) .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-cell-current:not(.next-calendar2-cell-disabled):not(.next-calendar2-cell-selected):not(.next-calendar2-cell-today):hover:not(.next-calendar2-cell-hover) .next-calendar2-cell-inner {
|
13303 | background: #F2F3F7;
|
13304 | background: var(--color-fill1-2, #F2F3F7); }
|
13305 | .next-calendar2-card .next-calendar2-cell-current.next-calendar2-cell-today:not(.next-calendar2-cell-disabled) .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-cell-current.next-calendar2-cell-today:not(.next-calendar2-cell-disabled) .next-calendar2-cell-inner {
|
13306 | color: #5584FF;
|
13307 | color: var(--color-brand1-6, #5584FF); }
|
13308 | .next-calendar2-card .next-calendar2-cell-current.next-calendar2-cell-selected:not(.next-calendar2-cell-disabled) .next-calendar2-cell-inner, .next-calendar2-panel .next-calendar2-cell-current.next-calendar2-cell-selected:not(.next-calendar2-cell-disabled) .next-calendar2-cell-inner {
|
13309 | color: #FFFFFF;
|
13310 | background: #5584FF;
|
13311 | background: var(--color-brand1-6, #5584FF); }
|
13312 | .next-calendar2-fullscreen .next-calendar2-cell-value,
|
13313 | .next-calendar2-fullscreen .next-calendar2-table th {
|
13314 | text-align: right; }
|
13315 | .next-calendar2-fullscreen .next-calendar2-table th {
|
13316 | padding: 0 12px 5px 0; }
|
13317 | .next-calendar2-fullscreen .next-calendar2-cell-inner {
|
13318 | height: 80px;
|
13319 | border-top: 2px solid #E6E7EB;
|
13320 | border-top: 2px solid var(--color-line1-1, #E6E7EB);
|
13321 | margin: 0 4px;
|
13322 | padding: 4px 8px 0; }
|
13323 | .next-calendar2-fullscreen td .next-calendar2-cell-inner {
|
13324 | height: 80px;
|
13325 | border-top: 2px solid #E6E7EB;
|
13326 | border-top: 2px solid var(--color-line1-1, #E6E7EB); }
|
13327 | .next-calendar2-fullscreen .next-calendar2-cell-disabled .next-calendar2-cell-inner {
|
13328 | color: #CCCCCC;
|
13329 | color: var(--color-text1-1, #CCCCCC);
|
13330 | background: #F7F8FA;
|
13331 | background: var(--color-fill1-1, #F7F8FA); }
|
13332 | .next-calendar2-fullscreen .next-calendar2-cell-current:not(.next-calendar2-cell-disabled):not(.next-calendar2-cell-selected):not(.next-calendar2-cell-today) .next-calendar2-cell-inner {
|
13333 | color: #666666;
|
13334 | color: var(--color-text1-3, #666666); }
|
13335 | .next-calendar2-fullscreen .next-calendar2-cell-current:not(.next-calendar2-cell-disabled):not(.next-calendar2-cell-selected):not(.next-calendar2-cell-today):hover .next-calendar2-cell-inner {
|
13336 | background-color: #F2F3F7;
|
13337 | background-color: var(--color-fill1-2, #F2F3F7); }
|
13338 | .next-calendar2-fullscreen .next-calendar2-cell-current.next-calendar2-cell-today .next-calendar2-cell-inner {
|
13339 | color: #5584FF;
|
13340 | color: var(--color-brand1-6, #5584FF); }
|
13341 | .next-calendar2-fullscreen .next-calendar2-cell-current .next-calendar2-cell-inner {
|
13342 | background-color: #FFFFFF; }
|
13343 | .next-calendar2-fullscreen .next-calendar2-cell-current.next-calendar2-cell-selected:not(.next-calendar2-cell-disabled) .next-calendar2-cell-inner {
|
13344 | border-top-color: #5584FF;
|
13345 | border-top-color: var(--color-brand1-6, #5584FF);
|
13346 | font-weight: bold;
|
13347 | color: #5584FF;
|
13348 | color: var(--color-brand1-6, #5584FF);
|
13349 | background: #DEE8FF;
|
13350 | background: var(--color-brand1-1, #DEE8FF); }
|
13351 | .next-calendar2-card .next-calendar2-header {
|
13352 | padding: 8px 8px;
|
13353 | border-bottom: 1px solid #E6E7EB;
|
13354 | border-bottom: 1px solid var(--color-line1-1, #E6E7EB); }
|
13355 | .next-calendar2-panel .next-calendar2-header {
|
13356 | padding: 0 8px;
|
13357 | display: flex;
|
13358 | align-items: center;
|
13359 | border-bottom: 1px solid #E6E7EB;
|
13360 | border-bottom: 1px solid var(--color-line1-1, #E6E7EB); }
|
13361 | .next-calendar2-panel .next-calendar2-header-btn {
|
13362 | min-width: 20px;
|
13363 | line-height: 20px;
|
13364 | color: #666666;
|
13365 | color: var(--color-text1-3, #666666);
|
13366 | font-family: inherit;
|
13367 | vertical-align: initial;
|
13368 | border-radius: 2px; }
|
13369 | .next-calendar2-panel .next-calendar2-header-btn > span, .next-calendar2-panel .next-calendar2-header-text-field {
|
13370 | text-align: center;
|
13371 | font-size: 14px;
|
13372 | color: #333333;
|
13373 | color: var(--color-text1-4, #333333);
|
13374 | font-weight: bolder;
|
13375 | vertical-align: initial; }
|
13376 | .next-calendar2-panel .next-calendar2-header-btn:hover,
|
13377 | .next-calendar2-panel .next-calendar2-header-btn:hover > span {
|
13378 | color: #5584FF;
|
13379 | color: var(--color-brand1-6, #5584FF); }
|
13380 | .next-calendar2-panel .next-calendar2-header-right-btn:hover, .next-calendar2-panel .next-calendar2-header-left-btn:hover {
|
13381 | background: #F2F3F7;
|
13382 | background: var(--color-fill1-2, #F2F3F7); }
|
13383 | .next-calendar2-panel .next-calendar2-header-text-field {
|
13384 | flex: 1;
|
13385 | height: 38px;
|
13386 | line-height: 38px; }
|
13387 | .next-calendar2-panel .next-calendar2-header-text-field .next-calendar2-header-btn:not(:first-child) {
|
13388 | margin-left: 6px; }
|
13389 |
|
13390 | .next-calendar2-header-select-month-popup,
|
13391 | .next-calendar2-header-select-year-popup {
|
13392 | min-width: auto; }
|
13393 |
|
13394 | .next-sr-only {
|
13395 | position: absolute;
|
13396 | width: 1px;
|
13397 | height: 1px;
|
13398 | padding: 0;
|
13399 | overflow: hidden;
|
13400 | clip: rect(0, 0, 0, 0);
|
13401 | white-space: nowrap;
|
13402 | border: 0;
|
13403 | top: 0;
|
13404 | margin: -1px; }
|
13405 |
|
13406 | .next-date-picker2-footer {
|
13407 | width: min-content;
|
13408 | min-width: 100%;
|
13409 | box-sizing: border-box;
|
13410 | text-align: center;
|
13411 | border-top: 1px solid #E6E7EB;
|
13412 | border-top: 1px solid var(--color-line1-1, #E6E7EB);
|
13413 | padding: 4px 12px;
|
13414 | display: flex;
|
13415 | min-height: 40px;
|
13416 | align-items: center;
|
13417 | flex-wrap: wrap;
|
13418 | position: relative; }
|
13419 | .next-date-picker2-footer-preset > .next-btn {
|
13420 | margin-right: 8px;
|
13421 | margin-right: var(--s-2, 8px); }
|
13422 | .next-date-picker2-footer-actions {
|
13423 | margin-left: auto; }
|
13424 | .next-date-picker2-footer-preset-only {
|
13425 | width: 100%; }
|
13426 |
|
13427 | .next-time-picker2-menu {
|
13428 | float: left;
|
13429 | text-align: center;
|
13430 | padding: 8px 0;
|
13431 | padding: var(--s-2, 8px) 0; }
|
13432 | .next-time-picker2-menu:not(:last-child) {
|
13433 | border-right: 1px solid #DCDEE3;
|
13434 | border-right: var(--line-1, 1px) var(--line-solid, solid) var(--color-line1-2, #DCDEE3); }
|
13435 | .next-time-picker2-menu-title {
|
13436 | cursor: default;
|
13437 | height: 28px;
|
13438 | height: var(--s-7, 28px);
|
13439 | line-height: 28px;
|
13440 | line-height: var(--s-7, 28px);
|
13441 | font-size: 12px;
|
13442 | font-size: var(--font-size-caption, 12px);
|
13443 | font-weight: normal;
|
13444 | font-weight: var(--font-weight-2, normal);
|
13445 | color: #999999;
|
13446 | color: var(--color-text1-2, #999999);
|
13447 | background: #FFFFFF; }
|
13448 | .next-time-picker2-menu ul {
|
13449 | position: relative;
|
13450 | overflow-y: hidden;
|
13451 | overflow-x: auto;
|
13452 | list-style: none;
|
13453 | margin: 0;
|
13454 | width: 54px;
|
13455 | padding: 0;
|
13456 | font-size: 12px;
|
13457 | font-size: var(--font-size-caption, 12px);
|
13458 | height: 224px;
|
13459 | height: calc(var(--s-8, 32px)*7);
|
13460 | scrollbar-width: none;
|
13461 | -ms-overflow-style: none; }
|
13462 | .next-time-picker2-menu ul::-webkit-scrollbar {
|
13463 | width: 0; }
|
13464 | .next-time-picker2-menu ul:hover {
|
13465 | overflow-y: auto; }
|
13466 | .next-time-picker2-menu ul:after {
|
13467 | display: block;
|
13468 | height: 192px;
|
13469 | height: calc(var(--s-8, 32px)*6);
|
13470 | content: ""; }
|
13471 | .next-time-picker2-menu-item {
|
13472 | cursor: pointer;
|
13473 | height: 32px;
|
13474 | height: var(--s-8, 32px);
|
13475 | line-height: 32px;
|
13476 | line-height: var(--s-8, 32px);
|
13477 | transition: background 100ms linear;
|
13478 | transition: background var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
13479 | color: #666666;
|
13480 | color: var(--color-text1-3, #666666);
|
13481 | background: #FFFFFF;
|
13482 | outline: none;
|
13483 | -webkit-touch-callout: none;
|
13484 | -webkit-user-select: none;
|
13485 | -khtml-user-select: none;
|
13486 | -moz-user-select: none;
|
13487 | -ms-user-select: none;
|
13488 | user-select: none; }
|
13489 | .next-time-picker2-menu-item:hover {
|
13490 | color: #333333;
|
13491 | color: var(--color-text1-4, #333333);
|
13492 | background: #F2F3F7;
|
13493 | background: var(--color-fill1-2, #F2F3F7); }
|
13494 | .next-time-picker2-menu-item.next-selected {
|
13495 | color: #666666;
|
13496 | color: var(--color-text1-3, #666666);
|
13497 | background: #DEE8FF;
|
13498 | background: var(--color-brand1-1, #DEE8FF); }
|
13499 | .next-time-picker2-menu-item.next-disabled {
|
13500 | cursor: not-allowed;
|
13501 | color: #CCCCCC;
|
13502 | color: var(--color-text1-1, #CCCCCC);
|
13503 | background: #F7F8FA;
|
13504 | background: var(--color-fill1-1, #F7F8FA); }
|
13505 |
|
13506 | .next-time-picker2-panel {
|
13507 | box-sizing: border-box;
|
13508 | display: flex; }
|
13509 | .next-time-picker2-panel *,
|
13510 | .next-time-picker2-panel *:before,
|
13511 | .next-time-picker2-panel *:after {
|
13512 | box-sizing: border-box; }
|
13513 | .next-time-picker2-panel:after {
|
13514 | visibility: hidden;
|
13515 | display: block;
|
13516 | height: 0;
|
13517 | font-size: 0;
|
13518 | content: ' ';
|
13519 | clear: both; }
|
13520 | .next-time-picker2-panel-header {
|
13521 | border-bottom: 1px solid #DCDEE3;
|
13522 | border-bottom: var(--line-1, 1px) var(--line-solid, solid) var(--popup-local-border-color, #DCDEE3); }
|
13523 | .next-time-picker2-panel-input.next-input {
|
13524 | width: 100%;
|
13525 | padding: 6px;
|
13526 | border-color: transparent;
|
13527 | vertical-align: middle; }
|
13528 | .next-time-picker2-panel .next-time-picker2-menu {
|
13529 | flex: 1; }
|
13530 | .next-time-picker2-panel-range .next-time-picker2-panel-list:last-of-type {
|
13531 | margin-left: 20px;
|
13532 | margin-left: var(--s-5, 20px); }
|
13533 |
|
13534 | .next-time-picker2-footer {
|
13535 | width: min-content;
|
13536 | min-width: 100%;
|
13537 | box-sizing: border-box;
|
13538 | text-align: center;
|
13539 | border-top: 1px solid #F0F0F0;
|
13540 | padding: 4px 12px;
|
13541 | display: flex;
|
13542 | min-height: 40px;
|
13543 | align-items: center;
|
13544 | flex-wrap: wrap; }
|
13545 | .next-time-picker2-footer-actions {
|
13546 | margin-left: auto; }
|
13547 |
|
13548 | .next-time-picker2-wrapper[dir="rtl"] .next-time-picker2-menu {
|
13549 | float: right; }
|
13550 | .next-time-picker2-wrapper[dir="rtl"] .next-time-picker2-menu:not(:last-child) {
|
13551 | border-right: none;
|
13552 | border-left: 1px solid #DCDEE3;
|
13553 | border-left: var(--line-1, 1px) var(--line-solid, solid) var(--color-line1-2, #DCDEE3); }
|
13554 |
|
13555 | .next-time-picker2 {
|
13556 | box-sizing: border-box;
|
13557 | display: inline-block; }
|
13558 | .next-time-picker2 *,
|
13559 | .next-time-picker2 *:before,
|
13560 | .next-time-picker2 *:after {
|
13561 | box-sizing: border-box; }
|
13562 | .next-time-picker2-trigger .next-input {
|
13563 | width: 100%; }
|
13564 | .next-time-picker2-wrapper {
|
13565 | padding: 4px 0;
|
13566 | padding: var(--s-1, 4px) 0; }
|
13567 | .next-time-picker2-body {
|
13568 | display: block;
|
13569 | overflow: hidden;
|
13570 | border: 1px solid #DCDEE3;
|
13571 | border: var(--popup-local-border-width, 1px) var(--popup-local-border-style, solid) var(--popup-local-border-color, #DCDEE3);
|
13572 | border-radius: 3px;
|
13573 | border-radius: var(--popup-local-corner, 3px);
|
13574 | background: #FFFFFF;
|
13575 | box-shadow: none;
|
13576 | box-shadow: var(--popup-local-shadow, none); }
|
13577 | .next-time-picker2-symbol-clock-icon::before {
|
13578 | content: "\E621";
|
13579 | content: var(--icon-content-clock, "\E621"); }
|
13580 | .next-time-picker2-input {
|
13581 | display: inline-flex;
|
13582 | align-items: center;
|
13583 | outline: none;
|
13584 | box-sizing: border-box;
|
13585 | border: 1px solid #C4C6CF;
|
13586 | border: var(--input-border-width, 1px) solid var(--input-border-color, #C4C6CF);
|
13587 | vertical-align: middle;
|
13588 | width: inherit; }
|
13589 | .next-time-picker2-input .next-input {
|
13590 | border: none;
|
13591 | width: 100%;
|
13592 | height: 100%; }
|
13593 | .next-time-picker2-input .next-input input {
|
13594 | height: 100%; }
|
13595 | .next-time-picker2-input.next-time-picker2-input-small {
|
13596 | height: 20px;
|
13597 | height: var(--form-element-small-height, 20px);
|
13598 | border-radius: 3px;
|
13599 | border-radius: var(--form-element-small-corner, 3px); }
|
13600 | .next-time-picker2-input.next-time-picker2-input-small .next-input-label {
|
13601 | padding-left: 8px;
|
13602 | padding-left: var(--input-s-label-padding-left, 8px);
|
13603 | font-size: 12px;
|
13604 | font-size: var(--form-element-small-font-size, 12px); }
|
13605 | .next-time-picker2-input.next-time-picker2-input-small .next-input-inner {
|
13606 | font-size: 12px;
|
13607 | font-size: var(--form-element-small-font-size, 12px); }
|
13608 | .next-time-picker2-input.next-time-picker2-input-small .next-input-control {
|
13609 | padding-right: 4px;
|
13610 | padding-right: var(--input-s-icon-padding-right, 4px); }
|
13611 | .next-time-picker2-input.next-time-picker2-input-small .next-input-inner-text {
|
13612 | padding-right: 4px;
|
13613 | padding-right: var(--input-s-icon-padding-right, 4px); }
|
13614 | .next-time-picker2-input.next-time-picker2-input-small input {
|
13615 | height: 18px;
|
13616 | height: calc(var(--form-element-small-height, 20px) - var(--input-border-width, 1px)*2);
|
13617 | line-height: 18px \0;
|
13618 | line-height: calc(var(--form-element-small-height, 20px) - var(--input-border-width, 1px)*2) \0;
|
13619 | padding: 0 4px;
|
13620 | padding: 0 var(--input-s-padding, 4px);
|
13621 | font-size: 12px;
|
13622 | font-size: var(--form-element-small-font-size, 12px); }
|
13623 | .next-time-picker2-input.next-time-picker2-input-small input::placeholder {
|
13624 | font-size: 12px;
|
13625 | font-size: var(--form-element-small-font-size, 12px); }
|
13626 | .next-time-picker2-input.next-time-picker2-input-small .next-input-text-field {
|
13627 | padding: 0 4px;
|
13628 | padding: 0 var(--input-s-padding, 4px);
|
13629 | font-size: 12px;
|
13630 | font-size: var(--form-element-small-font-size, 12px);
|
13631 | height: 18px;
|
13632 | height: calc(var(--form-element-small-height, 20px) - var(--input-border-width, 1px)*2);
|
13633 | line-height: 18px;
|
13634 | line-height: calc(var(--form-element-small-height, 20px) - var(--input-border-width, 1px)*2); }
|
13635 | .next-time-picker2-input.next-time-picker2-input-small .next-icon:before,
|
13636 | .next-time-picker2-input.next-time-picker2-input-small .next-icon .next-icon-remote {
|
13637 | width: 12px;
|
13638 | width: var(--form-element-small-icon-size, 12px);
|
13639 | font-size: 12px;
|
13640 | font-size: var(--form-element-small-icon-size, 12px);
|
13641 | line-height: inherit; }
|
13642 | .next-time-picker2-input.next-time-picker2-input-small .next-input-control {
|
13643 | border-radius: 0 3px 3px 0;
|
13644 | border-radius: 0 var(--form-element-small-corner, 3px) var(--form-element-small-corner, 3px) 0; }
|
13645 | .next-time-picker2-input.next-time-picker2-input-medium {
|
13646 | height: 28px;
|
13647 | height: var(--form-element-medium-height, 28px);
|
13648 | border-radius: 3px;
|
13649 | border-radius: var(--form-element-medium-corner, 3px); }
|
13650 | .next-time-picker2-input.next-time-picker2-input-medium .next-input-label {
|
13651 | padding-left: 8px;
|
13652 | padding-left: var(--input-m-label-padding-left, 8px);
|
13653 | font-size: 12px;
|
13654 | font-size: var(--form-element-medium-font-size, 12px); }
|
13655 | .next-time-picker2-input.next-time-picker2-input-medium .next-input-inner {
|
13656 | font-size: 12px;
|
13657 | font-size: var(--form-element-medium-font-size, 12px); }
|
13658 | .next-time-picker2-input.next-time-picker2-input-medium .next-input-control {
|
13659 | padding-right: 8px;
|
13660 | padding-right: var(--input-m-icon-padding-right, 8px); }
|
13661 | .next-time-picker2-input.next-time-picker2-input-medium .next-input-inner-text {
|
13662 | padding-right: 8px;
|
13663 | padding-right: var(--input-m-icon-padding-right, 8px); }
|
13664 | .next-time-picker2-input.next-time-picker2-input-medium input {
|
13665 | height: 26px;
|
13666 | height: calc(var(--form-element-medium-height, 28px) - var(--input-border-width, 1px)*2);
|
13667 | line-height: 26px \0;
|
13668 | line-height: calc(var(--form-element-medium-height, 28px) - var(--input-border-width, 1px)*2) \0;
|
13669 | padding: 0 8px;
|
13670 | padding: 0 var(--input-m-padding, 8px);
|
13671 | font-size: 12px;
|
13672 | font-size: var(--form-element-medium-font-size, 12px); }
|
13673 | .next-time-picker2-input.next-time-picker2-input-medium input::placeholder {
|
13674 | font-size: 12px;
|
13675 | font-size: var(--form-element-medium-font-size, 12px); }
|
13676 | .next-time-picker2-input.next-time-picker2-input-medium .next-input-text-field {
|
13677 | padding: 0 8px;
|
13678 | padding: 0 var(--input-m-padding, 8px);
|
13679 | font-size: 12px;
|
13680 | font-size: var(--form-element-medium-font-size, 12px);
|
13681 | height: 26px;
|
13682 | height: calc(var(--form-element-medium-height, 28px) - var(--input-border-width, 1px)*2);
|
13683 | line-height: 26px;
|
13684 | line-height: calc(var(--form-element-medium-height, 28px) - var(--input-border-width, 1px)*2); }
|
13685 | .next-time-picker2-input.next-time-picker2-input-medium .next-icon:before,
|
13686 | .next-time-picker2-input.next-time-picker2-input-medium .next-icon .next-icon-remote {
|
13687 | width: 12px;
|
13688 | width: var(--form-element-medium-icon-size, 12px);
|
13689 | font-size: 12px;
|
13690 | font-size: var(--form-element-medium-icon-size, 12px);
|
13691 | line-height: inherit; }
|
13692 | .next-time-picker2-input.next-time-picker2-input-medium .next-input-control {
|
13693 | border-radius: 0 3px 3px 0;
|
13694 | border-radius: 0 var(--form-element-medium-corner, 3px) var(--form-element-medium-corner, 3px) 0; }
|
13695 | .next-time-picker2-input.next-time-picker2-input-large {
|
13696 | height: 40px;
|
13697 | height: var(--form-element-large-height, 40px);
|
13698 | border-radius: 3px;
|
13699 | border-radius: var(--form-element-large-corner, 3px); }
|
13700 | .next-time-picker2-input.next-time-picker2-input-large .next-input-label {
|
13701 | padding-left: 12px;
|
13702 | padding-left: var(--input-l-label-padding-left, 12px);
|
13703 | font-size: 16px;
|
13704 | font-size: var(--form-element-large-font-size, 16px); }
|
13705 | .next-time-picker2-input.next-time-picker2-input-large .next-input-inner {
|
13706 | font-size: 16px;
|
13707 | font-size: var(--form-element-large-font-size, 16px); }
|
13708 | .next-time-picker2-input.next-time-picker2-input-large .next-input-control {
|
13709 | padding-right: 8px;
|
13710 | padding-right: var(--input-l-icon-padding-right, 8px); }
|
13711 | .next-time-picker2-input.next-time-picker2-input-large .next-input-inner-text {
|
13712 | padding-right: 8px;
|
13713 | padding-right: var(--input-l-icon-padding-right, 8px); }
|
13714 | .next-time-picker2-input.next-time-picker2-input-large input {
|
13715 | height: 38px;
|
13716 | height: calc(var(--form-element-large-height, 40px) - var(--input-border-width, 1px)*2);
|
13717 | line-height: 38px \0;
|
13718 | line-height: calc(var(--form-element-large-height, 40px) - var(--input-border-width, 1px)*2) \0;
|
13719 | padding: 0 12px;
|
13720 | padding: 0 var(--input-l-padding, 12px);
|
13721 | font-size: 16px;
|
13722 | font-size: var(--form-element-large-font-size, 16px); }
|
13723 | .next-time-picker2-input.next-time-picker2-input-large input::placeholder {
|
13724 | font-size: 16px;
|
13725 | font-size: var(--form-element-large-font-size, 16px); }
|
13726 | .next-time-picker2-input.next-time-picker2-input-large .next-input-text-field {
|
13727 | padding: 0 12px;
|
13728 | padding: 0 var(--input-l-padding, 12px);
|
13729 | font-size: 16px;
|
13730 | font-size: var(--form-element-large-font-size, 16px);
|
13731 | height: 38px;
|
13732 | height: calc(var(--form-element-large-height, 40px) - var(--input-border-width, 1px)*2);
|
13733 | line-height: 38px;
|
13734 | line-height: calc(var(--form-element-large-height, 40px) - var(--input-border-width, 1px)*2); }
|
13735 | .next-time-picker2-input.next-time-picker2-input-large .next-icon:before,
|
13736 | .next-time-picker2-input.next-time-picker2-input-large .next-icon .next-icon-remote {
|
13737 | width: 16px;
|
13738 | width: var(--form-element-large-icon-size, 16px);
|
13739 | font-size: 16px;
|
13740 | font-size: var(--form-element-large-icon-size, 16px);
|
13741 | line-height: inherit; }
|
13742 | .next-time-picker2-input.next-time-picker2-input-large .next-input-control {
|
13743 | border-radius: 0 3px 3px 0;
|
13744 | border-radius: 0 var(--form-element-large-corner, 3px) var(--form-element-large-corner, 3px) 0; }
|
13745 | .next-time-picker2-input:hover {
|
13746 | border-color: #A0A2AD;
|
13747 | border-color: var(--input-hover-border-color, #A0A2AD);
|
13748 | background-color: #FFFFFF;
|
13749 | background-color: var(--input-hover-bg-color, #FFFFFF); }
|
13750 | .next-time-picker2-input.next-time-picker2-input-focus {
|
13751 | border-color: #5584FF;
|
13752 | border-color: var(--input-focus-border-color, #5584FF);
|
13753 | background-color: #FFFFFF;
|
13754 | background-color: var(--input-focus-bg-color, #FFFFFF);
|
13755 | box-shadow: 0 0 0 2px rgba(85, 132, 255, 0.2);
|
13756 | box-shadow: 0 0 0 var(--input-focus-shadow-spread, 2px) var(--color-calculate-input-focus-shadow, rgba(85, 132, 255, 0.2)); }
|
13757 | .next-time-picker2-input.next-time-picker2-input-noborder {
|
13758 | border-color: transparent !important;
|
13759 | box-shadow: none !important; }
|
13760 | .next-time-picker2-input.next-time-picker2-input-disabled {
|
13761 | color: #CCCCCC;
|
13762 | color: var(--input-disabled-color, #CCCCCC);
|
13763 | border-color: #E6E7EB;
|
13764 | border-color: var(--input-disabled-border-color, #E6E7EB);
|
13765 | background-color: #F7F8FA;
|
13766 | background-color: var(--input-disabled-bg-color, #F7F8FA);
|
13767 | cursor: not-allowed; }
|
13768 | .next-time-picker2-input.next-time-picker2-input-disabled:hover {
|
13769 | border-color: #E6E7EB;
|
13770 | border-color: var(--input-disabled-border-color, #E6E7EB);
|
13771 | background-color: #F7F8FA;
|
13772 | background-color: var(--input-disabled-bg-color, #F7F8FA); }
|
13773 | .next-time-picker2-input-separator {
|
13774 | color: #C4C6CF;
|
13775 | color: var(--input-border-color, #C4C6CF);
|
13776 | font-size: 12px;
|
13777 | display: inline-block;
|
13778 | min-width: 16px;
|
13779 | text-align: center; }
|
13780 | .next-sr-only {
|
13781 | position: absolute;
|
13782 | width: 1px;
|
13783 | height: 1px;
|
13784 | padding: 0;
|
13785 | overflow: hidden;
|
13786 | clip: rect(0, 0, 0, 0);
|
13787 | white-space: nowrap;
|
13788 | border: 0;
|
13789 | top: 0;
|
13790 | margin: -1px; }
|
13791 |
|
13792 | .next-date-picker2-footer {
|
13793 | width: min-content;
|
13794 | min-width: 100%;
|
13795 | box-sizing: border-box;
|
13796 | text-align: center;
|
13797 | border-top: 1px solid #E6E7EB;
|
13798 | border-top: 1px solid var(--color-line1-1, #E6E7EB);
|
13799 | padding: 4px 12px;
|
13800 | display: flex;
|
13801 | min-height: 40px;
|
13802 | align-items: center;
|
13803 | flex-wrap: wrap;
|
13804 | position: relative; }
|
13805 | .next-date-picker2-footer-preset > .next-btn {
|
13806 | margin-right: 8px;
|
13807 | margin-right: var(--s-2, 8px); }
|
13808 | .next-date-picker2-footer-actions {
|
13809 | margin-left: auto; }
|
13810 | .next-date-picker2-footer-preset-only {
|
13811 | width: 100%; }
|
13812 |
|
13813 | div[dir="rtl"] .next-date-picker2-footer-preset > .next-btn {
|
13814 | margin-left: 8px;
|
13815 | margin-left: var(--s-2, 8px);
|
13816 | margin-right: 0; }
|
13817 |
|
13818 | div[dir="rtl"] .next-date-picker2-footer-actions {
|
13819 | margin-left: 0;
|
13820 | margin-right: auto; }
|
13821 |
|
13822 | div[dir="rtl"] .next-date-picker2-wrapper .next-calendar2-cell:last-child::before {
|
13823 | border-top-right-radius: 0;
|
13824 | border-bottom-right-radius: 0;
|
13825 | right: 0;
|
13826 | border-top-left-radius: 2px;
|
13827 | border-bottom-left-radius: 2px;
|
13828 | left: 8px; }
|
13829 |
|
13830 | div[dir="rtl"] .next-date-picker2-wrapper .next-calendar2-cell:first-child::before {
|
13831 | border-top-left-radius: 0;
|
13832 | border-bottom-left-radius: 0;
|
13833 | left: 0;
|
13834 | border-top-right-radius: 2px;
|
13835 | border-bottom-right-radius: 2px;
|
13836 | right: 8px; }
|
13837 |
|
13838 | div[dir="rtl"] .next-date-time-picker-wrapper {
|
13839 | border-right: 1px solid #E6E7EB;
|
13840 | border-right: 1px solid var(--color-line1-1, #E6E7EB);
|
13841 | border-left: node; }
|
13842 | div[dir="rtl"] .next-date-time-picker-wrapper .next-time-picker2-menu:not(:last-child) {
|
13843 | border-left: 1px solid #DCDEE3;
|
13844 | border-right: none; }
|
13845 |
|
13846 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-selected.next-calendar2-cell-range-begin::before {
|
13847 | right: 50%;
|
13848 | left: 0; }
|
13849 |
|
13850 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-selected.next-calendar2-cell-range-end::before {
|
13851 | left: 50%;
|
13852 | right: 0; }
|
13853 |
|
13854 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover.next-calendar2-cell-hover-begin::after, div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover:first-child::after {
|
13855 | right: 8px; }
|
13856 |
|
13857 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover.next-calendar2-cell-hover-begin:not(:last-child)::after, div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover:first-child:not(.next-calendar2-cell-hover-end)::after {
|
13858 | left: 0; }
|
13859 |
|
13860 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover.next-calendar2-cell-hover-end::after, div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover:last-child::after {
|
13861 | left: 8px; }
|
13862 |
|
13863 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover.next-calendar2-cell-hover-end:not(:first-child)::after, div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover:last-child:not(.next-calendar2-cell-hover-begin)::after {
|
13864 | right: 0; }
|
13865 |
|
13866 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover.next-calendar2-cell-selected.next-calendar2-cell-hover-begin::after {
|
13867 | left: 0;
|
13868 | right: 7px; }
|
13869 |
|
13870 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover.next-calendar2-cell-selected.next-calendar2-cell-hover-end::after {
|
13871 | right: 0;
|
13872 | left: 7px; }
|
13873 |
|
13874 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover:first-of-type::after {
|
13875 | border-top-left-radius: 0;
|
13876 | border-bottom-left-radius: 0;
|
13877 | border-left: none;
|
13878 | border-top-right-radius: 2px;
|
13879 | border-bottom-right-radius: 2px;
|
13880 | border-right: 1px dashed #3E71F7;
|
13881 | border-right: 1px dashed var(--color-brand1-9, #3E71F7); }
|
13882 |
|
13883 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover:last-of-type::after {
|
13884 | border-top-right-radius: 0;
|
13885 | border-bottom-right-radius: 0;
|
13886 | border-right: none;
|
13887 | border-top-left-radius: 2px;
|
13888 | border-bottom-left-radius: 2px;
|
13889 | border-left: 1px dashed #3E71F7;
|
13890 | border-left: 1px dashed var(--color-brand1-9, #3E71F7); }
|
13891 |
|
13892 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-edge-end::before, div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-edge-end::after {
|
13893 | right: 0;
|
13894 | left: 8px; }
|
13895 |
|
13896 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-edge-end.next-calendar2-cell-hover::after {
|
13897 | border-top-right-radius: 0;
|
13898 | border-bottom-right-radius: 0;
|
13899 | border-right: none;
|
13900 | border-top-left-radius: 2px;
|
13901 | border-bottom-left-radius: 2px;
|
13902 | border-left: 1px dashed #3E71F7;
|
13903 | border-left: 1px dashed var(--color-brand1-9, #3E71F7); }
|
13904 |
|
13905 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover-begin::after {
|
13906 | border-left: none;
|
13907 | border-top-left-radius: 0;
|
13908 | border-bottom-left-radius: 0;
|
13909 | border-right: 1px dashed #3E71F7;
|
13910 | border-right: 1px dashed var(--color-brand1-9, #3E71F7);
|
13911 | border-top-right-radius: 2px;
|
13912 | border-bottom-right-radius: 2px; }
|
13913 |
|
13914 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover-end::after {
|
13915 | border-right: none;
|
13916 | border-top-right-radius: 0;
|
13917 | border-bottom-right-radius: 0;
|
13918 | border-left: 1px dashed #3E71F7;
|
13919 | border-left: 1px dashed var(--color-brand1-9, #3E71F7);
|
13920 | border-top-left-radius: 2px;
|
13921 | border-bottom-left-radius: 2px; }
|
13922 |
|
13923 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-edge-end + .next-calendar2-cell-current:not(.next-calendar2-cell-disabled)::before, div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-edge-end + .next-calendar2-cell-current:not(.next-calendar2-cell-disabled)::after {
|
13924 | right: 8px;
|
13925 | left: 0; }
|
13926 |
|
13927 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-edge-end + .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover::after {
|
13928 | right: 8px;
|
13929 | border-top-right-radius: 2px;
|
13930 | border-bottom-right-radius: 2px;
|
13931 | border-right: 1px dashed #3E71F7;
|
13932 | border-right: 1px dashed var(--color-brand1-9, #3E71F7); }
|
13933 |
|
13934 | div[dir="rtl"] .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-edge-end + .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover:not(.next-calendar2-cell-hover-end):not(.next-calendar2-cell-hover-begin)::after {
|
13935 | border-top-left-radius: 0;
|
13936 | border-bottom-left-radius: 0;
|
13937 | border-left: none; }
|
13938 |
|
13939 | div[dir="rtl"] .next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected:nth-child(2)::before {
|
13940 | right: 50%;
|
13941 | left: 0; }
|
13942 |
|
13943 | div[dir="rtl"] .next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected:last-child::before {
|
13944 | left: 50%;
|
13945 | right: 0; }
|
13946 |
|
13947 | .next-date-picker2 {
|
13948 | outline: none;
|
13949 | display: inline-table;
|
13950 | position: relative;
|
13951 | width: inherit; }
|
13952 | .next-date-picker2-overlay {
|
13953 | vertical-align: top;
|
13954 | padding: 4px 0px; }
|
13955 | .next-date-picker2-overlay-range {
|
13956 | padding: 12px 0px; }
|
13957 | .next-date-picker2-wrapper {
|
13958 | box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
|
13959 | background-color: #FFFFFF;
|
13960 | border: 1px solid #E6E7EB;
|
13961 | border: 1px solid var(--color-line1-1, #E6E7EB);
|
13962 | border-radius: 3px;
|
13963 | border-radius: var(--corner-1, 3px); }
|
13964 | .next-date-picker2-wrapper .next-calendar2-panel {
|
13965 | border-radius: 3px;
|
13966 | border-radius: var(--corner-1, 3px); }
|
13967 | .next-date-picker2-wrapper .next-calendar2-body {
|
13968 | width: 272px; }
|
13969 | .next-date-picker2-wrapper .next-calendar2-cell::before {
|
13970 | content: "";
|
13971 | position: absolute;
|
13972 | top: 50%;
|
13973 | right: 0px;
|
13974 | left: 0px;
|
13975 | z-index: 1;
|
13976 | height: 24px;
|
13977 | transform: translateY(-50%); }
|
13978 | .next-date-picker2-wrapper .next-calendar2-cell:last-child::before {
|
13979 | border-top-right-radius: 2px;
|
13980 | border-bottom-right-radius: 2px;
|
13981 | right: 8px; }
|
13982 | .next-date-picker2-wrapper .next-calendar2-cell:first-child::before {
|
13983 | border-top-left-radius: 2px;
|
13984 | border-bottom-left-radius: 2px;
|
13985 | left: 8px; }
|
13986 | .next-date-picker2-input {
|
13987 | display: inline-flex;
|
13988 | align-items: center;
|
13989 | outline: none;
|
13990 | box-sizing: border-box;
|
13991 | border: 1px solid #C4C6CF;
|
13992 | border: var(--input-border-width, 1px) solid var(--input-border-color, #C4C6CF);
|
13993 | vertical-align: middle;
|
13994 | width: inherit;
|
13995 | background-color: #FFFFFF;
|
13996 | background-color: var(--input-bg-color, #FFFFFF); }
|
13997 | .next-date-picker2-input .next-input {
|
13998 | border: none;
|
13999 | flex-basis: 100%;
|
14000 | height: 100%;
|
14001 | width: 100%; }
|
14002 | .next-date-picker2-input .next-input input {
|
14003 | height: 100%;
|
14004 | width: auto; }
|
14005 | .next-date-picker2-input.next-date-picker2-input-small {
|
14006 | height: 20px;
|
14007 | height: var(--form-element-small-height, 20px);
|
14008 | border-radius: 3px;
|
14009 | border-radius: var(--form-element-small-corner, 3px); }
|
14010 | .next-date-picker2-input.next-date-picker2-input-small .next-input-label {
|
14011 | padding-left: 8px;
|
14012 | padding-left: var(--input-s-label-padding-left, 8px);
|
14013 | font-size: 12px;
|
14014 | font-size: var(--form-element-small-font-size, 12px); }
|
14015 | .next-date-picker2-input.next-date-picker2-input-small .next-input-inner {
|
14016 | font-size: 12px;
|
14017 | font-size: var(--form-element-small-font-size, 12px); }
|
14018 | .next-date-picker2-input.next-date-picker2-input-small .next-input-control {
|
14019 | padding-right: 4px;
|
14020 | padding-right: var(--input-s-icon-padding-right, 4px); }
|
14021 | .next-date-picker2-input.next-date-picker2-input-small .next-input-inner-text {
|
14022 | padding-right: 4px;
|
14023 | padding-right: var(--input-s-icon-padding-right, 4px); }
|
14024 | .next-date-picker2-input.next-date-picker2-input-small input {
|
14025 | height: 18px;
|
14026 | height: calc(var(--form-element-small-height, 20px) - var(--input-border-width, 1px)*2);
|
14027 | line-height: 18px \0;
|
14028 | line-height: calc(var(--form-element-small-height, 20px) - var(--input-border-width, 1px)*2) \0;
|
14029 | padding: 0 4px;
|
14030 | padding: 0 var(--input-s-padding, 4px);
|
14031 | font-size: 12px;
|
14032 | font-size: var(--form-element-small-font-size, 12px); }
|
14033 | .next-date-picker2-input.next-date-picker2-input-small input::placeholder {
|
14034 | font-size: 12px;
|
14035 | font-size: var(--form-element-small-font-size, 12px); }
|
14036 | .next-date-picker2-input.next-date-picker2-input-small .next-input-text-field {
|
14037 | padding: 0 4px;
|
14038 | padding: 0 var(--input-s-padding, 4px);
|
14039 | font-size: 12px;
|
14040 | font-size: var(--form-element-small-font-size, 12px);
|
14041 | height: 18px;
|
14042 | height: calc(var(--form-element-small-height, 20px) - var(--input-border-width, 1px)*2);
|
14043 | line-height: 18px;
|
14044 | line-height: calc(var(--form-element-small-height, 20px) - var(--input-border-width, 1px)*2); }
|
14045 | .next-date-picker2-input.next-date-picker2-input-small .next-icon:before,
|
14046 | .next-date-picker2-input.next-date-picker2-input-small .next-icon .next-icon-remote {
|
14047 | width: 12px;
|
14048 | width: var(--form-element-small-icon-size, 12px);
|
14049 | font-size: 12px;
|
14050 | font-size: var(--form-element-small-icon-size, 12px);
|
14051 | line-height: inherit; }
|
14052 | .next-date-picker2-input.next-date-picker2-input-small .next-input-control {
|
14053 | border-radius: 0 3px 3px 0;
|
14054 | border-radius: 0 var(--form-element-small-corner, 3px) var(--form-element-small-corner, 3px) 0; }
|
14055 | .next-date-picker2-input.next-date-picker2-input-medium {
|
14056 | height: 28px;
|
14057 | height: var(--form-element-medium-height, 28px);
|
14058 | border-radius: 3px;
|
14059 | border-radius: var(--form-element-medium-corner, 3px); }
|
14060 | .next-date-picker2-input.next-date-picker2-input-medium .next-input-label {
|
14061 | padding-left: 8px;
|
14062 | padding-left: var(--input-m-label-padding-left, 8px);
|
14063 | font-size: 12px;
|
14064 | font-size: var(--form-element-medium-font-size, 12px); }
|
14065 | .next-date-picker2-input.next-date-picker2-input-medium .next-input-inner {
|
14066 | font-size: 12px;
|
14067 | font-size: var(--form-element-medium-font-size, 12px); }
|
14068 | .next-date-picker2-input.next-date-picker2-input-medium .next-input-control {
|
14069 | padding-right: 8px;
|
14070 | padding-right: var(--input-m-icon-padding-right, 8px); }
|
14071 | .next-date-picker2-input.next-date-picker2-input-medium .next-input-inner-text {
|
14072 | padding-right: 8px;
|
14073 | padding-right: var(--input-m-icon-padding-right, 8px); }
|
14074 | .next-date-picker2-input.next-date-picker2-input-medium input {
|
14075 | height: 26px;
|
14076 | height: calc(var(--form-element-medium-height, 28px) - var(--input-border-width, 1px)*2);
|
14077 | line-height: 26px \0;
|
14078 | line-height: calc(var(--form-element-medium-height, 28px) - var(--input-border-width, 1px)*2) \0;
|
14079 | padding: 0 8px;
|
14080 | padding: 0 var(--input-m-padding, 8px);
|
14081 | font-size: 12px;
|
14082 | font-size: var(--form-element-medium-font-size, 12px); }
|
14083 | .next-date-picker2-input.next-date-picker2-input-medium input::placeholder {
|
14084 | font-size: 12px;
|
14085 | font-size: var(--form-element-medium-font-size, 12px); }
|
14086 | .next-date-picker2-input.next-date-picker2-input-medium .next-input-text-field {
|
14087 | padding: 0 8px;
|
14088 | padding: 0 var(--input-m-padding, 8px);
|
14089 | font-size: 12px;
|
14090 | font-size: var(--form-element-medium-font-size, 12px);
|
14091 | height: 26px;
|
14092 | height: calc(var(--form-element-medium-height, 28px) - var(--input-border-width, 1px)*2);
|
14093 | line-height: 26px;
|
14094 | line-height: calc(var(--form-element-medium-height, 28px) - var(--input-border-width, 1px)*2); }
|
14095 | .next-date-picker2-input.next-date-picker2-input-medium .next-icon:before,
|
14096 | .next-date-picker2-input.next-date-picker2-input-medium .next-icon .next-icon-remote {
|
14097 | width: 12px;
|
14098 | width: var(--form-element-medium-icon-size, 12px);
|
14099 | font-size: 12px;
|
14100 | font-size: var(--form-element-medium-icon-size, 12px);
|
14101 | line-height: inherit; }
|
14102 | .next-date-picker2-input.next-date-picker2-input-medium .next-input-control {
|
14103 | border-radius: 0 3px 3px 0;
|
14104 | border-radius: 0 var(--form-element-medium-corner, 3px) var(--form-element-medium-corner, 3px) 0; }
|
14105 | .next-date-picker2-input.next-date-picker2-input-large {
|
14106 | height: 40px;
|
14107 | height: var(--form-element-large-height, 40px);
|
14108 | border-radius: 3px;
|
14109 | border-radius: var(--form-element-large-corner, 3px); }
|
14110 | .next-date-picker2-input.next-date-picker2-input-large .next-input-label {
|
14111 | padding-left: 12px;
|
14112 | padding-left: var(--input-l-label-padding-left, 12px);
|
14113 | font-size: 16px;
|
14114 | font-size: var(--form-element-large-font-size, 16px); }
|
14115 | .next-date-picker2-input.next-date-picker2-input-large .next-input-inner {
|
14116 | font-size: 16px;
|
14117 | font-size: var(--form-element-large-font-size, 16px); }
|
14118 | .next-date-picker2-input.next-date-picker2-input-large .next-input-control {
|
14119 | padding-right: 8px;
|
14120 | padding-right: var(--input-l-icon-padding-right, 8px); }
|
14121 | .next-date-picker2-input.next-date-picker2-input-large .next-input-inner-text {
|
14122 | padding-right: 8px;
|
14123 | padding-right: var(--input-l-icon-padding-right, 8px); }
|
14124 | .next-date-picker2-input.next-date-picker2-input-large input {
|
14125 | height: 38px;
|
14126 | height: calc(var(--form-element-large-height, 40px) - var(--input-border-width, 1px)*2);
|
14127 | line-height: 38px \0;
|
14128 | line-height: calc(var(--form-element-large-height, 40px) - var(--input-border-width, 1px)*2) \0;
|
14129 | padding: 0 12px;
|
14130 | padding: 0 var(--input-l-padding, 12px);
|
14131 | font-size: 16px;
|
14132 | font-size: var(--form-element-large-font-size, 16px); }
|
14133 | .next-date-picker2-input.next-date-picker2-input-large input::placeholder {
|
14134 | font-size: 16px;
|
14135 | font-size: var(--form-element-large-font-size, 16px); }
|
14136 | .next-date-picker2-input.next-date-picker2-input-large .next-input-text-field {
|
14137 | padding: 0 12px;
|
14138 | padding: 0 var(--input-l-padding, 12px);
|
14139 | font-size: 16px;
|
14140 | font-size: var(--form-element-large-font-size, 16px);
|
14141 | height: 38px;
|
14142 | height: calc(var(--form-element-large-height, 40px) - var(--input-border-width, 1px)*2);
|
14143 | line-height: 38px;
|
14144 | line-height: calc(var(--form-element-large-height, 40px) - var(--input-border-width, 1px)*2); }
|
14145 | .next-date-picker2-input.next-date-picker2-input-large .next-icon:before,
|
14146 | .next-date-picker2-input.next-date-picker2-input-large .next-icon .next-icon-remote {
|
14147 | width: 16px;
|
14148 | width: var(--form-element-large-icon-size, 16px);
|
14149 | font-size: 16px;
|
14150 | font-size: var(--form-element-large-icon-size, 16px);
|
14151 | line-height: inherit; }
|
14152 | .next-date-picker2-input.next-date-picker2-input-large .next-input-control {
|
14153 | border-radius: 0 3px 3px 0;
|
14154 | border-radius: 0 var(--form-element-large-corner, 3px) var(--form-element-large-corner, 3px) 0; }
|
14155 | .next-date-picker2-input:hover {
|
14156 | border-color: #A0A2AD;
|
14157 | border-color: var(--input-hover-border-color, #A0A2AD);
|
14158 | background-color: #FFFFFF;
|
14159 | background-color: var(--input-hover-bg-color, #FFFFFF); }
|
14160 | .next-date-picker2-input.next-date-picker2-input-focus {
|
14161 | border-color: #5584FF;
|
14162 | border-color: var(--input-focus-border-color, #5584FF);
|
14163 | background-color: #FFFFFF;
|
14164 | background-color: var(--input-focus-bg-color, #FFFFFF);
|
14165 | box-shadow: 0 0 0 2px rgba(85, 132, 255, 0.2);
|
14166 | box-shadow: 0 0 0 var(--input-focus-shadow-spread, 2px) var(--color-calculate-input-focus-shadow, rgba(85, 132, 255, 0.2)); }
|
14167 | .next-date-picker2-input.next-date-picker2-input-noborder {
|
14168 | border-color: transparent !important;
|
14169 | box-shadow: none !important; }
|
14170 | .next-date-picker2-input.next-date-picker2-input-disabled {
|
14171 | color: #CCCCCC;
|
14172 | color: var(--input-disabled-color, #CCCCCC);
|
14173 | border-color: #E6E7EB;
|
14174 | border-color: var(--input-disabled-border-color, #E6E7EB);
|
14175 | background-color: #F7F8FA;
|
14176 | background-color: var(--input-disabled-bg-color, #F7F8FA);
|
14177 | cursor: not-allowed; }
|
14178 | .next-date-picker2-input.next-date-picker2-input-disabled:hover {
|
14179 | border-color: #E6E7EB;
|
14180 | border-color: var(--input-disabled-border-color, #E6E7EB);
|
14181 | background-color: #F7F8FA;
|
14182 | background-color: var(--input-disabled-bg-color, #F7F8FA); }
|
14183 | .next-date-picker2-input-separator {
|
14184 | color: #C4C6CF;
|
14185 | color: var(--input-border-color, #C4C6CF);
|
14186 | font-size: 12px;
|
14187 | line-height: 12px;
|
14188 | display: inline-block;
|
14189 | min-width: 16px;
|
14190 | text-align: center; }
|
14191 |
|
14192 | .next-range-picker2-panel, .next-date-picker2-panel {
|
14193 | display: inline-flex; }
|
14194 |
|
14195 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-range-picker-right .next-calendar2-header-left-btn,
|
14196 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-range-picker-left .next-calendar2-header-right-btn {
|
14197 | visibility: hidden; }
|
14198 |
|
14199 | .next-range-picker2-arrow {
|
14200 | display: block;
|
14201 | transform: translate(0, -50%) rotate(-45deg);
|
14202 | position: absolute;
|
14203 | z-index: 1;
|
14204 | width: 10px;
|
14205 | height: 10px;
|
14206 | margin-left: 16.5px;
|
14207 | border-color: #E6E7EB #E6E7EB transparent transparent;
|
14208 | border-color: var(--color-line1-1, #E6E7EB) var(--color-line1-1, #E6E7EB) transparent transparent;
|
14209 | border-style: solid;
|
14210 | border-width: 1px;
|
14211 | transition: left .3s ease-out;
|
14212 | background: #FFFFFF; }
|
14213 |
|
14214 | .next-date-picker2-tl-bl .next-range-picker2-arrow {
|
14215 | top: 12.5px; }
|
14216 |
|
14217 | .next-date-picker2-bl-tl .next-range-picker2-arrow {
|
14218 | bottom: 13px;
|
14219 | transform: translate(0, 50%) rotate(135deg); }
|
14220 |
|
14221 | .next-date-time-picker-wrapper {
|
14222 | border-left: 1px solid #E6E7EB;
|
14223 | border-left: 1px solid var(--color-line1-1, #E6E7EB); }
|
14224 | .next-date-time-picker-wrapper .next-calendar2-body {
|
14225 | padding-right: 0px;
|
14226 | padding-left: 0px; }
|
14227 |
|
14228 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-disabled .next-calendar2-cell-inner {
|
14229 | color: #CCCCCC;
|
14230 | color: var(--color-text1-1, #CCCCCC);
|
14231 | background: #F7F8FA;
|
14232 | background: var(--color-fill1-1, #F7F8FA); }
|
14233 |
|
14234 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected::before {
|
14235 | color: #666666;
|
14236 | color: var(--color-text1-3, #666666);
|
14237 | background: #DEE8FF;
|
14238 | background: var(--color-brand1-1, #DEE8FF); }
|
14239 |
|
14240 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected .next-calendar2-cell-inner {
|
14241 | color: #666666;
|
14242 | color: var(--color-text1-3, #666666);
|
14243 | background: transparent; }
|
14244 |
|
14245 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected.next-calendar2-cell-range-begin .next-calendar2-cell-inner, .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected.next-calendar2-cell-range-end .next-calendar2-cell-inner {
|
14246 | z-index: 10;
|
14247 | color: #FFFFFF;
|
14248 | background: #5584FF;
|
14249 | background: var(--color-brand1-6, #5584FF); }
|
14250 |
|
14251 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected.next-calendar2-cell-range-begin::before {
|
14252 | left: 50%; }
|
14253 |
|
14254 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected.next-calendar2-cell-range-end::before {
|
14255 | right: 50%; }
|
14256 |
|
14257 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected.next-calendar2-cell-range-begin-single::before, .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-selected.next-calendar2-cell-range-end-single::before {
|
14258 | display: none; }
|
14259 |
|
14260 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover::after {
|
14261 | content: "";
|
14262 | position: absolute;
|
14263 | top: 50%;
|
14264 | right: 0;
|
14265 | left: 0;
|
14266 | z-index: 2;
|
14267 | height: 24px;
|
14268 | transform: translateY(-50%);
|
14269 | border-color: #3E71F7 transparent;
|
14270 | border-color: var(--color-brand1-9, #3E71F7) transparent;
|
14271 | border-style: dashed;
|
14272 | border-width: 1px; }
|
14273 |
|
14274 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover.next-calendar2-cell-hover-begin::after, .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover:first-child::after {
|
14275 | left: 8px; }
|
14276 |
|
14277 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover.next-calendar2-cell-hover-end::after, .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover:last-child::after {
|
14278 | right: 8px; }
|
14279 |
|
14280 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover.next-calendar2-cell-selected.next-calendar2-cell-hover-begin::after {
|
14281 | left: 8px; }
|
14282 |
|
14283 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover.next-calendar2-cell-selected.next-calendar2-cell-hover-end::after {
|
14284 | right: 8px; }
|
14285 |
|
14286 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover:first-of-type::after {
|
14287 | border-top-left-radius: 2px;
|
14288 | border-bottom-left-radius: 2px;
|
14289 | border-left: 1px dashed #3E71F7;
|
14290 | border-left: 1px dashed var(--color-brand1-9, #3E71F7); }
|
14291 |
|
14292 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover:last-of-type::after {
|
14293 | border-top-right-radius: 2px;
|
14294 | border-bottom-right-radius: 2px;
|
14295 | border-right: 1px dashed #3E71F7;
|
14296 | border-right: 1px dashed var(--color-brand1-9, #3E71F7); }
|
14297 |
|
14298 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-edge-end::before {
|
14299 | right: 8px; }
|
14300 |
|
14301 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-edge-end::after {
|
14302 | right: 8px; }
|
14303 |
|
14304 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-edge-end.next-calendar2-cell-hover::after {
|
14305 | border-top-right-radius: 2px;
|
14306 | border-bottom-right-radius: 2px;
|
14307 | border-right: 1px dashed #3E71F7;
|
14308 | border-right: 1px dashed var(--color-brand1-9, #3E71F7); }
|
14309 |
|
14310 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover-begin::after {
|
14311 | border-top: 1px dashed #3E71F7;
|
14312 | border-top: 1px dashed var(--color-brand1-9, #3E71F7);
|
14313 | border-left: 1px dashed #3E71F7;
|
14314 | border-left: 1px dashed var(--color-brand1-9, #3E71F7);
|
14315 | border-top-left-radius: 2px;
|
14316 | border-bottom-left-radius: 2px; }
|
14317 |
|
14318 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-current.next-calendar2-cell-hover-end::after {
|
14319 | border-top: 1px dashed #3E71F7;
|
14320 | border-top: 1px dashed var(--color-brand1-9, #3E71F7);
|
14321 | border-right: 1px dashed #3E71F7;
|
14322 | border-right: 1px dashed var(--color-brand1-9, #3E71F7);
|
14323 | border-top-right-radius: 2px;
|
14324 | border-bottom-right-radius: 2px; }
|
14325 |
|
14326 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-edge-end + .next-calendar2-cell-current:not(.next-calendar2-cell-disabled)::before, .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-edge-end + .next-calendar2-cell-current:not(.next-calendar2-cell-disabled)::after {
|
14327 | left: 8px; }
|
14328 |
|
14329 | .next-range-picker2-panel:not(.next-range-picker2-panel-single) .next-calendar2-cell-edge-end + .next-calendar2-cell-current:not(.next-calendar2-cell-disabled).next-calendar2-cell-hover::after {
|
14330 | border-top-left-radius: 2px;
|
14331 | border-bottom-left-radius: 2px;
|
14332 | border-left: 1px dashed #3E71F7;
|
14333 | border-left: 1px dashed var(--color-brand1-9, #3E71F7); }
|
14334 |
|
14335 | .next-calendar2-table-week .next-calendar2-cell-hover::after {
|
14336 | display: none; }
|
14337 |
|
14338 | .next-calendar2-table-week tr:hover .next-calendar2-cell:not(.next-calendar2-cell-disabled):not(.next-calendar2-cell-selected)::before {
|
14339 | background: #F2F3F7;
|
14340 | background: var(--color-fill1-2, #F2F3F7); }
|
14341 |
|
14342 | .next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected::before,
|
14343 | .next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected .next-calendar2-cell-inner {
|
14344 | color: #666666;
|
14345 | color: var(--color-text1-3, #666666);
|
14346 | background-color: #DEE8FF;
|
14347 | background-color: var(--color-brand1-1, #DEE8FF); }
|
14348 |
|
14349 | .next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected:last-child .next-calendar2-cell-inner, .next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected:nth-child(2) .next-calendar2-cell-inner {
|
14350 | color: #FFFFFF;
|
14351 | background: #5584FF;
|
14352 | background: var(--color-brand1-6, #5584FF); }
|
14353 |
|
14354 | .next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected:nth-child(2)::before {
|
14355 | left: 50%; }
|
14356 |
|
14357 | .next-calendar2-table-week .next-calendar2-week-current .next-calendar2-cell.next-calendar2-cell-selected:last-child::before {
|
14358 | right: 50%; }
|
14359 |
|
14360 | .next-calendar2-table-week tr:not(.next-calendar2-week-current) td.next-calendar2-cell.next-calendar2-cell-selected:not(.next-calendar2-cell-disabled)::before,
|
14361 | .next-calendar2-table-week tr:not(.next-calendar2-week-current) td.next-calendar2-cell.next-calendar2-cell-selected:not(.next-calendar2-cell-disabled) .next-calendar2-cell-inner {
|
14362 | background-color: transparent;
|
14363 | color: #CCCCCC;
|
14364 | color: var(--color-text1-1, #CCCCCC); }
|
14365 |
|
14366 | .next-range-picker2-panel .next-calendar2-week-current .next-calendar2-cell-selected:not(.next-calendar2-cell-disabled):last-child .next-calendar2-cell-inner, .next-range-picker2-panel .next-calendar2-week-current .next-calendar2-cell-selected:not(.next-calendar2-cell-disabled):nth-child(2) .next-calendar2-cell-inner {
|
14367 | background-color: #DEE8FF;
|
14368 | background-color: var(--color-brand1-1, #DEE8FF);
|
14369 | color: #666666;
|
14370 | color: var(--color-text1-3, #666666); }
|
14371 |
|
14372 | .next-range-picker2-panel .next-calendar2-week-current .next-calendar2-cell-selected:not(.next-calendar2-cell-disabled).next-calendar2-cell-week-range-begin:last-child .next-calendar2-cell-inner, .next-range-picker2-panel .next-calendar2-week-current .next-calendar2-cell-selected:not(.next-calendar2-cell-disabled).next-calendar2-cell-week-range-begin:nth-child(2) .next-calendar2-cell-inner, .next-range-picker2-panel .next-calendar2-week-current .next-calendar2-cell-selected:not(.next-calendar2-cell-disabled).next-calendar2-cell-week-range-end:last-child .next-calendar2-cell-inner, .next-range-picker2-panel .next-calendar2-week-current .next-calendar2-cell-selected:not(.next-calendar2-cell-disabled).next-calendar2-cell-week-range-end:nth-child(2) .next-calendar2-cell-inner {
|
14373 | color: #FFFFFF;
|
14374 | background: #5584FF;
|
14375 | background: var(--color-brand1-6, #5584FF); }
|
14376 |
|