1 | [data-simplebar] {
|
2 | position: relative;
|
3 | flex-direction: column;
|
4 | flex-wrap: wrap;
|
5 | justify-content: flex-start;
|
6 | align-content: flex-start;
|
7 | align-items: flex-start;
|
8 | }
|
9 |
|
10 | .simplebar-wrapper {
|
11 | overflow: hidden;
|
12 | width: inherit;
|
13 | height: inherit;
|
14 | max-width: inherit;
|
15 | max-height: inherit;
|
16 | }
|
17 |
|
18 | .simplebar-mask {
|
19 | direction: inherit;
|
20 | position: absolute;
|
21 | overflow: hidden;
|
22 | padding: 0;
|
23 | margin: 0;
|
24 | left: 0;
|
25 | top: 0;
|
26 | bottom: 0;
|
27 | right: 0;
|
28 | width: auto !important;
|
29 | height: auto !important;
|
30 | z-index: 0;
|
31 | }
|
32 |
|
33 | .simplebar-offset {
|
34 | direction: inherit !important;
|
35 | box-sizing: inherit !important;
|
36 | resize: none !important;
|
37 | position: absolute;
|
38 | top: 0;
|
39 | left: 0;
|
40 | bottom: 0;
|
41 | right: 0;
|
42 | padding: 0;
|
43 | margin: 0;
|
44 | -webkit-overflow-scrolling: touch;
|
45 | }
|
46 |
|
47 | .simplebar-content-wrapper {
|
48 | direction: inherit;
|
49 | box-sizing: border-box !important;
|
50 | position: relative;
|
51 | display: block;
|
52 | height: 100%;
|
53 | width: auto;
|
54 | max-width: 100%;
|
55 | max-height: 100%;
|
56 | scrollbar-width: none;
|
57 | -ms-overflow-style: none;
|
58 | }
|
59 |
|
60 | .simplebar-content-wrapper::-webkit-scrollbar,
|
61 | .simplebar-hide-scrollbar::-webkit-scrollbar {
|
62 | width: 0;
|
63 | height: 0;
|
64 | }
|
65 |
|
66 | .simplebar-content:before,
|
67 | .simplebar-content:after {
|
68 | content: ' ';
|
69 | display: table;
|
70 | }
|
71 |
|
72 | .simplebar-placeholder {
|
73 | max-height: 100%;
|
74 | max-width: 100%;
|
75 | width: 100%;
|
76 | pointer-events: none;
|
77 | }
|
78 |
|
79 | .simplebar-height-auto-observer-wrapper {
|
80 | box-sizing: inherit !important;
|
81 | height: 100%;
|
82 | width: 100%;
|
83 | max-width: 1px;
|
84 | position: relative;
|
85 | float: left;
|
86 | max-height: 1px;
|
87 | overflow: hidden;
|
88 | z-index: -1;
|
89 | padding: 0;
|
90 | margin: 0;
|
91 | pointer-events: none;
|
92 | flex-grow: inherit;
|
93 | flex-shrink: 0;
|
94 | flex-basis: 0;
|
95 | }
|
96 |
|
97 | .simplebar-height-auto-observer {
|
98 | box-sizing: inherit;
|
99 | display: block;
|
100 | opacity: 0;
|
101 | position: absolute;
|
102 | top: 0;
|
103 | left: 0;
|
104 | height: 1000%;
|
105 | width: 1000%;
|
106 | min-height: 1px;
|
107 | min-width: 1px;
|
108 | overflow: hidden;
|
109 | pointer-events: none;
|
110 | z-index: -1;
|
111 | }
|
112 |
|
113 | .simplebar-track {
|
114 | z-index: 1;
|
115 | position: absolute;
|
116 | right: 0;
|
117 | bottom: 0;
|
118 | pointer-events: none;
|
119 | overflow: hidden;
|
120 | }
|
121 |
|
122 | [data-simplebar].simplebar-dragging .simplebar-content {
|
123 | pointer-events: none;
|
124 | user-select: none;
|
125 | -webkit-user-select: none;
|
126 | }
|
127 |
|
128 | [data-simplebar].simplebar-dragging .simplebar-track {
|
129 | pointer-events: all;
|
130 | }
|
131 |
|
132 | .simplebar-scrollbar {
|
133 | position: absolute;
|
134 | left: 0;
|
135 | right: 0;
|
136 | min-height: 10px;
|
137 | }
|
138 |
|
139 | .simplebar-scrollbar:before {
|
140 | position: absolute;
|
141 | content: '';
|
142 | background: black;
|
143 | border-radius: 7px;
|
144 | left: 2px;
|
145 | right: 2px;
|
146 | opacity: 0;
|
147 | transition: opacity 0.2s linear;
|
148 | }
|
149 |
|
150 | .simplebar-scrollbar.simplebar-visible:before {
|
151 |
|
152 | opacity: 0.5;
|
153 | transition: opacity 0s linear;
|
154 | }
|
155 |
|
156 | .simplebar-track.simplebar-vertical {
|
157 | top: 0;
|
158 | width: 11px;
|
159 | }
|
160 |
|
161 | .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
|
162 | top: 2px;
|
163 | bottom: 2px;
|
164 | }
|
165 |
|
166 | .simplebar-track.simplebar-horizontal {
|
167 | left: 0;
|
168 | height: 11px;
|
169 | }
|
170 |
|
171 | .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
|
172 | height: 100%;
|
173 | left: 2px;
|
174 | right: 2px;
|
175 | }
|
176 |
|
177 | .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
|
178 | right: auto;
|
179 | left: 0;
|
180 | top: 2px;
|
181 | height: 7px;
|
182 | min-height: 0;
|
183 | min-width: 10px;
|
184 | width: auto;
|
185 | }
|
186 |
|
187 |
|
188 | [data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
|
189 | right: auto;
|
190 | left: 0;
|
191 | }
|
192 |
|
193 | .hs-dummy-scrollbar-size {
|
194 | direction: rtl;
|
195 | position: fixed;
|
196 | opacity: 0;
|
197 | visibility: hidden;
|
198 | height: 500px;
|
199 | width: 500px;
|
200 | overflow-y: hidden;
|
201 | overflow-x: scroll;
|
202 | }
|
203 |
|
204 | .simplebar-hide-scrollbar {
|
205 | position: fixed;
|
206 | left: 0;
|
207 | visibility: hidden;
|
208 | overflow-y: scroll;
|
209 | scrollbar-width: none;
|
210 | -ms-overflow-style: none;
|
211 | }
|