UNPKG

19 kBCSSView Raw
1/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
2/* stylelint-disable no-duplicate-selectors */
3/* stylelint-disable */
4/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
5.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
6 padding: 8px 0;
7 font-size: 14px;
8}
9.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
10 padding: 16px 0;
11 font-size: 16px;
12}
13.ant-tabs-card.ant-tabs-small > .ant-tabs-nav .ant-tabs-tab {
14 padding: 6px 16px;
15}
16.ant-tabs-card.ant-tabs-large > .ant-tabs-nav .ant-tabs-tab {
17 padding: 7px 16px 6px;
18}
19.ant-tabs-rtl {
20 direction: rtl;
21}
22.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
23 margin: 0 0 0 32px;
24}
25.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
26 margin-left: 0;
27}
28.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
29 margin-right: 0;
30 margin-left: 12px;
31}
32.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
33 margin-right: 8px;
34 margin-left: -4px;
35}
36.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
37 margin: 0;
38}
39.ant-tabs-rtl.ant-tabs-left > .ant-tabs-nav {
40 order: 1;
41}
42.ant-tabs-rtl.ant-tabs-left > .ant-tabs-content-holder {
43 order: 0;
44}
45.ant-tabs-rtl.ant-tabs-right > .ant-tabs-nav {
46 order: 0;
47}
48.ant-tabs-rtl.ant-tabs-right > .ant-tabs-content-holder {
49 order: 1;
50}
51.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
52.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
53.ant-tabs-rtl.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
54.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
55 margin-right: 0;
56 margin-left: 2px;
57}
58.ant-tabs-dropdown-rtl {
59 direction: rtl;
60}
61.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
62 text-align: right;
63}
64.ant-tabs-top,
65.ant-tabs-bottom {
66 flex-direction: column;
67}
68.ant-tabs-top > .ant-tabs-nav,
69.ant-tabs-bottom > .ant-tabs-nav,
70.ant-tabs-top > div > .ant-tabs-nav,
71.ant-tabs-bottom > div > .ant-tabs-nav {
72 margin: 0 0 16px 0;
73}
74.ant-tabs-top > .ant-tabs-nav::before,
75.ant-tabs-bottom > .ant-tabs-nav::before,
76.ant-tabs-top > div > .ant-tabs-nav::before,
77.ant-tabs-bottom > div > .ant-tabs-nav::before {
78 position: absolute;
79 right: 0;
80 left: 0;
81 border-bottom: 1px solid #f0f0f0;
82 content: '';
83}
84.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
85.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
86.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar,
87.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
88 height: 2px;
89}
90.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar-animated,
91.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar-animated,
92.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
93.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
94 transition: width 0.3s, left 0.3s, right 0.3s;
95}
96.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
97.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
98.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
99.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
100.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
101.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
102.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
103.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
104 top: 0;
105 bottom: 0;
106 width: 30px;
107}
108.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::before,
109.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::before,
110.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
111.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
112 left: 0;
113 box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
114}
115.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap::after,
116.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap::after,
117.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
118.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
119 right: 0;
120 box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
121}
122.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
123.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
124.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before,
125.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left::before {
126 opacity: 1;
127}
128.ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
129.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
130.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after,
131.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right::after {
132 opacity: 1;
133}
134.ant-tabs-top > .ant-tabs-nav::before,
135.ant-tabs-top > div > .ant-tabs-nav::before {
136 bottom: 0;
137}
138.ant-tabs-top > .ant-tabs-nav .ant-tabs-ink-bar,
139.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-ink-bar {
140 bottom: 0;
141}
142.ant-tabs-bottom > .ant-tabs-nav,
143.ant-tabs-bottom > div > .ant-tabs-nav {
144 order: 1;
145 margin-top: 16px;
146 margin-bottom: 0;
147}
148.ant-tabs-bottom > .ant-tabs-nav::before,
149.ant-tabs-bottom > div > .ant-tabs-nav::before {
150 top: 0;
151}
152.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-ink-bar,
153.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-ink-bar {
154 top: 0;
155}
156.ant-tabs-bottom > .ant-tabs-content-holder,
157.ant-tabs-bottom > div > .ant-tabs-content-holder {
158 order: 0;
159}
160.ant-tabs-left > .ant-tabs-nav,
161.ant-tabs-right > .ant-tabs-nav,
162.ant-tabs-left > div > .ant-tabs-nav,
163.ant-tabs-right > div > .ant-tabs-nav {
164 flex-direction: column;
165 min-width: 50px;
166}
167.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
168.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
169.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab,
170.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
171 padding: 8px 24px;
172 text-align: center;
173}
174.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
175.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
176.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
177.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
178 margin: 16px 0 0 0;
179}
180.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap,
181.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap,
182.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap,
183.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap {
184 flex-direction: column;
185}
186.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
187.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
188.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
189.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
190.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
191.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
192.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
193.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
194 right: 0;
195 left: 0;
196 height: 30px;
197}
198.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::before,
199.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::before,
200.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
201.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::before {
202 top: 0;
203 box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
204}
205.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap::after,
206.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap::after,
207.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap::after,
208.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
209 bottom: 0;
210 box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);
211}
212.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
213.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
214.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before,
215.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top::before {
216 opacity: 1;
217}
218.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
219.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
220.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after,
221.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom::after {
222 opacity: 1;
223}
224.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
225.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
226.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar,
227.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
228 width: 2px;
229}
230.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar-animated,
231.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar-animated,
232.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar-animated,
233.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar-animated {
234 transition: height 0.3s, top 0.3s;
235}
236.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-list,
237.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-list,
238.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-list,
239.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-list,
240.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-operations,
241.ant-tabs-right > .ant-tabs-nav .ant-tabs-nav-operations,
242.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-nav-operations,
243.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-nav-operations {
244 flex: 1 0 auto;
245 flex-direction: column;
246}
247.ant-tabs-left > .ant-tabs-nav .ant-tabs-ink-bar,
248.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-ink-bar {
249 right: 0;
250}
251.ant-tabs-left > .ant-tabs-content-holder,
252.ant-tabs-left > div > .ant-tabs-content-holder {
253 margin-left: -1px;
254 border-left: 1px solid #f0f0f0;
255}
256.ant-tabs-left > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
257.ant-tabs-left > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
258 padding-left: 24px;
259}
260.ant-tabs-right > .ant-tabs-nav,
261.ant-tabs-right > div > .ant-tabs-nav {
262 order: 1;
263}
264.ant-tabs-right > .ant-tabs-nav .ant-tabs-ink-bar,
265.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-ink-bar {
266 left: 0;
267}
268.ant-tabs-right > .ant-tabs-content-holder,
269.ant-tabs-right > div > .ant-tabs-content-holder {
270 order: 0;
271 margin-right: -1px;
272 border-right: 1px solid #f0f0f0;
273}
274.ant-tabs-right > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane,
275.ant-tabs-right > div > .ant-tabs-content-holder > .ant-tabs-content > .ant-tabs-tabpane {
276 padding-right: 24px;
277}
278.ant-tabs-dropdown {
279 box-sizing: border-box;
280 margin: 0;
281 padding: 0;
282 color: rgba(0, 0, 0, 0.85);
283 font-size: 14px;
284 font-variant: tabular-nums;
285 line-height: 1.5715;
286 list-style: none;
287 font-feature-settings: 'tnum';
288 position: absolute;
289 top: -9999px;
290 left: -9999px;
291 z-index: 1050;
292 display: block;
293}
294.ant-tabs-dropdown-hidden {
295 display: none;
296}
297.ant-tabs-dropdown-menu {
298 max-height: 200px;
299 margin: 0;
300 padding: 4px 0;
301 overflow-x: hidden;
302 overflow-y: auto;
303 text-align: left;
304 list-style-type: none;
305 background-color: #fff;
306 background-clip: padding-box;
307 border-radius: 2px;
308 outline: none;
309 box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
310}
311.ant-tabs-dropdown-menu-item {
312 min-width: 120px;
313 margin: 0;
314 padding: 5px 12px;
315 overflow: hidden;
316 color: rgba(0, 0, 0, 0.85);
317 font-weight: normal;
318 font-size: 14px;
319 line-height: 22px;
320 white-space: nowrap;
321 text-overflow: ellipsis;
322 cursor: pointer;
323 transition: all 0.3s;
324}
325.ant-tabs-dropdown-menu-item:hover {
326 background: #f5f5f5;
327}
328.ant-tabs-dropdown-menu-item-disabled,
329.ant-tabs-dropdown-menu-item-disabled:hover {
330 color: rgba(0, 0, 0, 0.25);
331 background: transparent;
332 cursor: not-allowed;
333}
334.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab,
335.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab {
336 margin: 0;
337 padding: 8px 16px;
338 background: #fafafa;
339 border: 1px solid #f0f0f0;
340 transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
341}
342.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active,
343.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-tab-active {
344 color: #1890ff;
345 background: #fff;
346}
347.ant-tabs-card > .ant-tabs-nav .ant-tabs-ink-bar,
348.ant-tabs-card > div > .ant-tabs-nav .ant-tabs-ink-bar {
349 visibility: hidden;
350}
351.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
352.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
353.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
354.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
355 margin-left: 2px;
356}
357.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
358.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
359 border-radius: 2px 2px 0 0;
360}
361.ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab-active,
362.ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab-active {
363 border-bottom-color: #fff;
364}
365.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab,
366.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab {
367 border-radius: 0 0 2px 2px;
368}
369.ant-tabs-card.ant-tabs-bottom > .ant-tabs-nav .ant-tabs-tab-active,
370.ant-tabs-card.ant-tabs-bottom > div > .ant-tabs-nav .ant-tabs-tab-active {
371 border-top-color: #fff;
372}
373.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
374.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
375.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab,
376.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
377 margin-top: 2px;
378}
379.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab,
380.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab {
381 border-radius: 2px 0 0 2px;
382}
383.ant-tabs-card.ant-tabs-left > .ant-tabs-nav .ant-tabs-tab-active,
384.ant-tabs-card.ant-tabs-left > div > .ant-tabs-nav .ant-tabs-tab-active {
385 border-right-color: #fff;
386}
387.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab,
388.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab {
389 border-radius: 0 2px 2px 0;
390}
391.ant-tabs-card.ant-tabs-right > .ant-tabs-nav .ant-tabs-tab-active,
392.ant-tabs-card.ant-tabs-right > div > .ant-tabs-nav .ant-tabs-tab-active {
393 border-left-color: #fff;
394}
395.ant-tabs {
396 box-sizing: border-box;
397 margin: 0;
398 padding: 0;
399 color: rgba(0, 0, 0, 0.85);
400 font-size: 14px;
401 font-variant: tabular-nums;
402 line-height: 1.5715;
403 list-style: none;
404 font-feature-settings: 'tnum';
405 display: flex;
406 overflow: hidden;
407}
408.ant-tabs > .ant-tabs-nav,
409.ant-tabs > div > .ant-tabs-nav {
410 position: relative;
411 display: flex;
412 flex: none;
413 align-items: center;
414}
415.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap,
416.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
417 position: relative;
418 display: inline-block;
419 display: flex;
420 flex: auto;
421 align-self: stretch;
422 overflow: hidden;
423 white-space: nowrap;
424 transform: translate(0);
425}
426.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::before,
427.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::before,
428.ant-tabs > .ant-tabs-nav .ant-tabs-nav-wrap::after,
429.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap::after {
430 position: absolute;
431 z-index: 1;
432 opacity: 0;
433 transition: opacity 0.3s;
434 content: '';
435 pointer-events: none;
436}
437.ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
438.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
439 position: relative;
440 display: flex;
441 transition: transform 0.3s;
442}
443.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations,
444.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations {
445 display: flex;
446 align-self: stretch;
447}
448.ant-tabs > .ant-tabs-nav .ant-tabs-nav-operations-hidden,
449.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-operations-hidden {
450 position: absolute;
451 visibility: hidden;
452 pointer-events: none;
453}
454.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more,
455.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more {
456 position: relative;
457 padding: 8px 16px;
458 background: transparent;
459 border: 0;
460}
461.ant-tabs > .ant-tabs-nav .ant-tabs-nav-more::after,
462.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-more::after {
463 position: absolute;
464 right: 0;
465 bottom: 0;
466 left: 0;
467 height: 5px;
468 transform: translateY(100%);
469 content: '';
470}
471.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add,
472.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add {
473 min-width: 40px;
474 padding: 0 8px;
475 background: #fafafa;
476 border: 1px solid #f0f0f0;
477 border-radius: 2px 2px 0 0;
478 outline: none;
479 cursor: pointer;
480 transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
481}
482.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:hover,
483.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:hover {
484 color: #40a9ff;
485}
486.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:active,
487.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:active,
488.ant-tabs > .ant-tabs-nav .ant-tabs-nav-add:focus,
489.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-add:focus {
490 color: #096dd9;
491}
492.ant-tabs-extra-content {
493 flex: none;
494}
495.ant-tabs-centered > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']),
496.ant-tabs-centered > div > .ant-tabs-nav .ant-tabs-nav-wrap:not([class*='ant-tabs-nav-wrap-ping']) {
497 justify-content: center;
498}
499.ant-tabs-ink-bar {
500 position: absolute;
501 background: #1890ff;
502 pointer-events: none;
503}
504.ant-tabs-tab {
505 position: relative;
506 display: inline-flex;
507 align-items: center;
508 padding: 12px 0;
509 font-size: 14px;
510 background: transparent;
511 border: 0;
512 outline: none;
513 cursor: pointer;
514}
515.ant-tabs-tab-btn:focus,
516.ant-tabs-tab-remove:focus,
517.ant-tabs-tab-btn:active,
518.ant-tabs-tab-remove:active {
519 color: #096dd9;
520}
521.ant-tabs-tab-btn {
522 outline: none;
523 transition: all 0.3s;
524}
525.ant-tabs-tab-remove {
526 flex: none;
527 margin-right: -4px;
528 margin-left: 8px;
529 color: rgba(0, 0, 0, 0.45);
530 font-size: 12px;
531 background: transparent;
532 border: none;
533 outline: none;
534 cursor: pointer;
535 transition: all 0.3s;
536}
537.ant-tabs-tab-remove:hover {
538 color: rgba(0, 0, 0, 0.85);
539}
540.ant-tabs-tab:hover {
541 color: #40a9ff;
542}
543.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
544 color: #1890ff;
545 text-shadow: 0 0 0.25px currentColor;
546}
547.ant-tabs-tab.ant-tabs-tab-disabled {
548 color: rgba(0, 0, 0, 0.25);
549 cursor: not-allowed;
550}
551.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
552.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus,
553.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
554.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active {
555 color: rgba(0, 0, 0, 0.25);
556}
557.ant-tabs-tab .ant-tabs-tab-remove .anticon {
558 margin: 0;
559}
560.ant-tabs-tab .anticon {
561 margin-right: 12px;
562}
563.ant-tabs-tab + .ant-tabs-tab {
564 margin: 0 0 0 32px;
565}
566.ant-tabs-content {
567 display: flex;
568 width: 100%;
569}
570.ant-tabs-content-holder {
571 flex: auto;
572 min-width: 0;
573 min-height: 0;
574}
575.ant-tabs-content-animated {
576 transition: margin 0.3s;
577}
578.ant-tabs-tabpane {
579 flex: none;
580 width: 100%;
581 outline: none;
582}