app.2140a8c30b31337d834f.css (2429B)
1 .with-load-more-footer {
2 padding: 10px;
3 text-align: center;
4 border-top: 1px solid;
5 border-top-color: #222;
6 border-top-color: var(--border, #222);
7 }
8 .with-load-more-footer .error {
9 font-size: 14px;
10 }
11 .with-load-more-footer a {
12 cursor: pointer;
13 }
14 .tab-switcher {
15 display: -ms-flexbox;
16 display: flex;
17 -ms-flex-direction: column;
18 flex-direction: column;
19 }
20 .tab-switcher .contents {
21 -ms-flex: 1 0 auto;
22 flex: 1 0 auto;
23 min-height: 0px;
24 }
25 .tab-switcher .contents .hidden {
26 display: none;
27 }
28 .tab-switcher .contents.scrollable-tabs {
29 -ms-flex-preferred-size: 0;
30 flex-basis: 0;
31 overflow-y: auto;
32 }
33 .tab-switcher .tabs {
34 display: -ms-flexbox;
35 display: flex;
36 position: relative;
37 width: 100%;
38 overflow-y: hidden;
39 overflow-x: auto;
40 padding-top: 5px;
41 box-sizing: border-box;
42 }
43 .tab-switcher .tabs::after, .tab-switcher .tabs::before {
44 display: block;
45 content: "";
46 -ms-flex: 1 1 auto;
47 flex: 1 1 auto;
48 border-bottom: 1px solid;
49 border-bottom-color: #222;
50 border-bottom-color: var(--border, #222);
51 }
52 .tab-switcher .tabs .tab-wrapper {
53 height: 28px;
54 position: relative;
55 display: -ms-flexbox;
56 display: flex;
57 -ms-flex: 0 0 auto;
58 flex: 0 0 auto;
59 }
60 .tab-switcher .tabs .tab-wrapper .tab {
61 width: 100%;
62 min-width: 1px;
63 position: relative;
64 border-bottom-left-radius: 0;
65 border-bottom-right-radius: 0;
66 padding: 6px 1em;
67 padding-bottom: 99px;
68 margin-bottom: -93px;
69 white-space: nowrap;
70 color: #b9b9ba;
71 color: var(--tabText, #b9b9ba);
72 background-color: #182230;
73 background-color: var(--tab, #182230);
74 }
75 .tab-switcher .tabs .tab-wrapper .tab:not(.active) {
76 z-index: 4;
77 }
78 .tab-switcher .tabs .tab-wrapper .tab:not(.active):hover {
79 z-index: 6;
80 }
81 .tab-switcher .tabs .tab-wrapper .tab.active {
82 background: transparent;
83 z-index: 5;
84 color: #b9b9ba;
85 color: var(--tabActiveText, #b9b9ba);
86 }
87 .tab-switcher .tabs .tab-wrapper .tab img {
88 max-height: 26px;
89 vertical-align: top;
90 margin-top: -5px;
91 }
92 .tab-switcher .tabs .tab-wrapper:not(.active)::after {
93 content: "";
94 position: absolute;
95 left: 0;
96 right: 0;
97 bottom: 0;
98 z-index: 7;
99 border-bottom: 1px solid;
100 border-bottom-color: #222;
101 border-bottom-color: var(--border, #222);
102 }
103 .with-subscription-loading {
104 padding: 10px;
105 text-align: center;
106 }
107 .with-subscription-loading .error {
108 font-size: 14px;
109 }
110
111 /*# sourceMappingURL=app.2140a8c30b31337d834f.css.map*/