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