1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 | @-webkit-keyframes mdc-ripple-fg-radius-in {
|
9 | from {
|
10 | -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
11 | animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
12 | -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
|
13 | transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
|
14 | }
|
15 | to {
|
16 | -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
|
17 | transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
|
18 | }
|
19 | }
|
20 | @keyframes mdc-ripple-fg-radius-in {
|
21 | from {
|
22 | -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
23 | animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
24 | -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
|
25 | transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
|
26 | }
|
27 | to {
|
28 | -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
|
29 | transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
|
30 | }
|
31 | }
|
32 | @-webkit-keyframes mdc-ripple-fg-opacity-in {
|
33 | from {
|
34 | -webkit-animation-timing-function: linear;
|
35 | animation-timing-function: linear;
|
36 | opacity: 0;
|
37 | }
|
38 | to {
|
39 | opacity: var(--mdc-ripple-fg-opacity, 0);
|
40 | }
|
41 | }
|
42 | @keyframes mdc-ripple-fg-opacity-in {
|
43 | from {
|
44 | -webkit-animation-timing-function: linear;
|
45 | animation-timing-function: linear;
|
46 | opacity: 0;
|
47 | }
|
48 | to {
|
49 | opacity: var(--mdc-ripple-fg-opacity, 0);
|
50 | }
|
51 | }
|
52 | @-webkit-keyframes mdc-ripple-fg-opacity-out {
|
53 | from {
|
54 | -webkit-animation-timing-function: linear;
|
55 | animation-timing-function: linear;
|
56 | opacity: var(--mdc-ripple-fg-opacity, 0);
|
57 | }
|
58 | to {
|
59 | opacity: 0;
|
60 | }
|
61 | }
|
62 | @keyframes mdc-ripple-fg-opacity-out {
|
63 | from {
|
64 | -webkit-animation-timing-function: linear;
|
65 | animation-timing-function: linear;
|
66 | opacity: var(--mdc-ripple-fg-opacity, 0);
|
67 | }
|
68 | to {
|
69 | opacity: 0;
|
70 | }
|
71 | }
|
72 | .mdc-slider__thumb {
|
73 | --mdc-ripple-fg-size: 0;
|
74 | --mdc-ripple-left: 0;
|
75 | --mdc-ripple-top: 0;
|
76 | --mdc-ripple-fg-scale: 1;
|
77 | --mdc-ripple-fg-translate-end: 0;
|
78 | --mdc-ripple-fg-translate-start: 0;
|
79 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
80 | will-change: transform, opacity;
|
81 | }
|
82 | .mdc-slider__thumb::before, .mdc-slider__thumb::after {
|
83 | position: absolute;
|
84 | border-radius: 50%;
|
85 | opacity: 0;
|
86 | pointer-events: none;
|
87 | content: "";
|
88 | }
|
89 | .mdc-slider__thumb::before {
|
90 | transition: opacity 15ms linear, background-color 15ms linear;
|
91 | z-index: 1;
|
92 |
|
93 | z-index: var(--mdc-ripple-z-index, 1);
|
94 | }
|
95 | .mdc-slider__thumb::after {
|
96 | z-index: 0;
|
97 |
|
98 | z-index: var(--mdc-ripple-z-index, 0);
|
99 | }
|
100 | .mdc-slider__thumb.mdc-ripple-upgraded::before {
|
101 | -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
|
102 | transform: scale(var(--mdc-ripple-fg-scale, 1));
|
103 | }
|
104 | .mdc-slider__thumb.mdc-ripple-upgraded::after {
|
105 | top: 0;
|
106 |
|
107 |
|
108 | left: 0;
|
109 | -webkit-transform: scale(0);
|
110 | transform: scale(0);
|
111 | -webkit-transform-origin: center center;
|
112 | transform-origin: center center;
|
113 | }
|
114 | .mdc-slider__thumb.mdc-ripple-upgraded--unbounded::after {
|
115 | top: var(--mdc-ripple-top, 0);
|
116 |
|
117 |
|
118 | left: var(--mdc-ripple-left, 0);
|
119 | }
|
120 | .mdc-slider__thumb.mdc-ripple-upgraded--foreground-activation::after {
|
121 | -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
|
122 | animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
|
123 | }
|
124 | .mdc-slider__thumb.mdc-ripple-upgraded--foreground-deactivation::after {
|
125 | -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
|
126 | animation: mdc-ripple-fg-opacity-out 150ms;
|
127 | -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
|
128 | transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
|
129 | }
|
130 | .mdc-slider__thumb::before, .mdc-slider__thumb::after {
|
131 | top: calc(50% - 50%);
|
132 |
|
133 |
|
134 | left: calc(50% - 50%);
|
135 | width: 100%;
|
136 | height: 100%;
|
137 | }
|
138 | .mdc-slider__thumb.mdc-ripple-upgraded::before, .mdc-slider__thumb.mdc-ripple-upgraded::after {
|
139 | top: var(--mdc-ripple-top, calc(50% - 50%));
|
140 |
|
141 |
|
142 | left: var(--mdc-ripple-left, calc(50% - 50%));
|
143 | width: var(--mdc-ripple-fg-size, 100%);
|
144 | height: var(--mdc-ripple-fg-size, 100%);
|
145 | }
|
146 | .mdc-slider__thumb.mdc-ripple-upgraded::after {
|
147 | width: var(--mdc-ripple-fg-size, 100%);
|
148 | height: var(--mdc-ripple-fg-size, 100%);
|
149 | }
|
150 | .mdc-slider__thumb::before, .mdc-slider__thumb::after {
|
151 | background-color: #6200ee;
|
152 |
|
153 | background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
|
154 | }
|
155 | .mdc-slider__thumb:hover::before, .mdc-slider__thumb.mdc-ripple-surface--hover::before {
|
156 | opacity: 0.04;
|
157 |
|
158 | opacity: var(--mdc-ripple-hover-opacity, 0.04);
|
159 | }
|
160 | .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before, .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before {
|
161 | transition-duration: 75ms;
|
162 | opacity: 0.12;
|
163 |
|
164 | opacity: var(--mdc-ripple-focus-opacity, 0.12);
|
165 | }
|
166 | .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after {
|
167 | transition: opacity 150ms linear;
|
168 | }
|
169 | .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after {
|
170 | transition-duration: 75ms;
|
171 | opacity: 0.12;
|
172 |
|
173 | opacity: var(--mdc-ripple-press-opacity, 0.12);
|
174 | }
|
175 | .mdc-slider__thumb.mdc-ripple-upgraded {
|
176 | --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
|
177 | }
|
178 |
|
179 | .mdc-slider {
|
180 | cursor: pointer;
|
181 | height: 48px;
|
182 | margin: 0 24px;
|
183 | position: relative;
|
184 | touch-action: pan-y;
|
185 | }
|
186 | .mdc-slider .mdc-slider__track {
|
187 | height: 4px;
|
188 | position: absolute;
|
189 | top: 50%;
|
190 | -webkit-transform: translateY(-50%);
|
191 | transform: translateY(-50%);
|
192 | width: 100%;
|
193 | }
|
194 | .mdc-slider .mdc-slider__track--active,
|
195 | .mdc-slider .mdc-slider__track--inactive {
|
196 | display: flex;
|
197 | height: 100%;
|
198 | position: absolute;
|
199 | width: 100%;
|
200 | }
|
201 | .mdc-slider .mdc-slider__track--active {
|
202 | border-radius: 3px;
|
203 | height: 6px;
|
204 | overflow: hidden;
|
205 | top: -1px;
|
206 | }
|
207 | .mdc-slider .mdc-slider__track--active_fill {
|
208 | border-top: 6px solid;
|
209 | box-sizing: border-box;
|
210 | height: 100%;
|
211 | width: 100%;
|
212 | position: relative;
|
213 |
|
214 |
|
215 | -webkit-transform-origin: left;
|
216 |
|
217 |
|
218 | transform-origin: left;
|
219 | }
|
220 | [dir=rtl] .mdc-slider .mdc-slider__track--active_fill, .mdc-slider .mdc-slider__track--active_fill[dir=rtl] {
|
221 |
|
222 |
|
223 |
|
224 | -webkit-transform-origin: right;
|
225 |
|
226 |
|
227 | transform-origin: right;
|
228 |
|
229 | }
|
230 |
|
231 | .mdc-slider .mdc-slider__track--inactive {
|
232 | border-radius: 2px;
|
233 | height: 4px;
|
234 | left: 0;
|
235 | top: 0;
|
236 | }
|
237 | .mdc-slider .mdc-slider__track--inactive::before {
|
238 | position: absolute;
|
239 | box-sizing: border-box;
|
240 | width: 100%;
|
241 | height: 100%;
|
242 | top: 0;
|
243 | left: 0;
|
244 | border: 1px solid transparent;
|
245 | border-radius: inherit;
|
246 | content: "";
|
247 | pointer-events: none;
|
248 | }
|
249 | @media screen and (forced-colors: active) {
|
250 | .mdc-slider .mdc-slider__track--inactive::before {
|
251 | border-color: CanvasText;
|
252 | }
|
253 | }
|
254 | .mdc-slider .mdc-slider__track--active_fill {
|
255 | border-color: #6200ee;
|
256 |
|
257 | border-color: var(--mdc-theme-primary, #6200ee);
|
258 | }
|
259 | .mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill {
|
260 | border-color: #000;
|
261 |
|
262 | border-color: var(--mdc-theme-on-surface, #000);
|
263 | }
|
264 | .mdc-slider .mdc-slider__track--inactive {
|
265 | background-color: #6200ee;
|
266 |
|
267 | background-color: var(--mdc-theme-primary, #6200ee);
|
268 | opacity: 0.24;
|
269 | }
|
270 | .mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive {
|
271 | background-color: #000;
|
272 |
|
273 | background-color: var(--mdc-theme-on-surface, #000);
|
274 | opacity: 0.24;
|
275 | }
|
276 | .mdc-slider .mdc-slider__value-indicator-container {
|
277 | bottom: 44px;
|
278 |
|
279 |
|
280 | left: 50%;
|
281 |
|
282 |
|
283 |
|
284 | left: var(--slider-value-indicator-container-left, 50%);
|
285 | pointer-events: none;
|
286 | position: absolute;
|
287 |
|
288 |
|
289 | right: var(--slider-value-indicator-container-right);
|
290 | -webkit-transform: translateX(-50%);
|
291 | transform: translateX(-50%);
|
292 |
|
293 | -webkit-transform: var(--slider-value-indicator-container-transform, translateX(-50%));
|
294 | transform: var(--slider-value-indicator-container-transform, translateX(-50%));
|
295 | }
|
296 | .mdc-slider .mdc-slider__value-indicator {
|
297 | transition: -webkit-transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);
|
298 | transition: transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);
|
299 | transition: transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);
|
300 | align-items: center;
|
301 | border-radius: 4px;
|
302 | display: flex;
|
303 | height: 32px;
|
304 | padding: 0 12px;
|
305 | -webkit-transform: scale(0);
|
306 | transform: scale(0);
|
307 | -webkit-transform-origin: bottom;
|
308 | transform-origin: bottom;
|
309 | }
|
310 | .mdc-slider .mdc-slider__value-indicator::before {
|
311 | border-left: 6px solid transparent;
|
312 | border-right: 6px solid transparent;
|
313 | border-top: 6px solid;
|
314 | bottom: -5px;
|
315 | content: "";
|
316 | height: 0;
|
317 |
|
318 |
|
319 | left: 50%;
|
320 |
|
321 |
|
322 |
|
323 | left: var(--slider-value-indicator-caret-left, 50%);
|
324 | position: absolute;
|
325 |
|
326 |
|
327 | right: var(--slider-value-indicator-caret-right);
|
328 | -webkit-transform: translateX(-50%);
|
329 | transform: translateX(-50%);
|
330 |
|
331 | -webkit-transform: var(--slider-value-indicator-caret-transform, translateX(-50%));
|
332 | transform: var(--slider-value-indicator-caret-transform, translateX(-50%));
|
333 | width: 0;
|
334 | }
|
335 | .mdc-slider .mdc-slider__value-indicator::after {
|
336 | position: absolute;
|
337 | box-sizing: border-box;
|
338 | width: 100%;
|
339 | height: 100%;
|
340 | top: 0;
|
341 | left: 0;
|
342 | border: 1px solid transparent;
|
343 | border-radius: inherit;
|
344 | content: "";
|
345 | pointer-events: none;
|
346 | }
|
347 | @media screen and (forced-colors: active) {
|
348 | .mdc-slider .mdc-slider__value-indicator::after {
|
349 | border-color: CanvasText;
|
350 | }
|
351 | }
|
352 | .mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator-container {
|
353 | pointer-events: auto;
|
354 | }
|
355 | .mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator {
|
356 | transition: -webkit-transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);
|
357 | transition: transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);
|
358 | transition: transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);
|
359 | -webkit-transform: scale(1);
|
360 | transform: scale(1);
|
361 | }
|
362 | @media (prefers-reduced-motion) {
|
363 | .mdc-slider .mdc-slider__value-indicator,
|
364 | .mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator {
|
365 | transition: none;
|
366 | }
|
367 | }
|
368 | .mdc-slider .mdc-slider__value-indicator-text {
|
369 | -moz-osx-font-smoothing: grayscale;
|
370 | -webkit-font-smoothing: antialiased;
|
371 | font-family: Roboto, sans-serif;
|
372 |
|
373 | font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
|
374 | font-size: 0.875rem;
|
375 |
|
376 | font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
|
377 | line-height: 1.375rem;
|
378 |
|
379 | line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);
|
380 | font-weight: 500;
|
381 |
|
382 | font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
|
383 | letter-spacing: 0.0071428571em;
|
384 |
|
385 | letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
|
386 | text-decoration: inherit;
|
387 |
|
388 | -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
|
389 | text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
|
390 | text-transform: inherit;
|
391 |
|
392 | text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
|
393 | }
|
394 | .mdc-slider .mdc-slider__value-indicator {
|
395 | background-color: #000;
|
396 | opacity: 0.6;
|
397 | }
|
398 | .mdc-slider .mdc-slider__value-indicator::before {
|
399 | border-top-color: #000;
|
400 | }
|
401 | .mdc-slider .mdc-slider__value-indicator {
|
402 | color: #fff;
|
403 |
|
404 | color: var(--mdc-theme-on-primary, #fff);
|
405 | }
|
406 | .mdc-slider .mdc-slider__thumb {
|
407 | display: flex;
|
408 | height: 48px;
|
409 |
|
410 |
|
411 | left: -24px;
|
412 | outline: none;
|
413 | position: absolute;
|
414 | -webkit-user-select: none;
|
415 | -moz-user-select: none;
|
416 | -ms-user-select: none;
|
417 | user-select: none;
|
418 | width: 48px;
|
419 | }
|
420 | .mdc-slider .mdc-slider__thumb--top {
|
421 | z-index: 1;
|
422 | }
|
423 | .mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob, .mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob, .mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
|
424 | border-style: solid;
|
425 | border-width: 1px;
|
426 | box-sizing: content-box;
|
427 | }
|
428 | .mdc-slider .mdc-slider__thumb-knob {
|
429 |
|
430 | box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
|
431 | border: 10px solid;
|
432 | border-radius: 50%;
|
433 | box-sizing: border-box;
|
434 | height: 20px;
|
435 |
|
436 |
|
437 | left: 50%;
|
438 | position: absolute;
|
439 | top: 50%;
|
440 | -webkit-transform: translate(-50%, -50%);
|
441 | transform: translate(-50%, -50%);
|
442 | width: 20px;
|
443 | }
|
444 | .mdc-slider .mdc-slider__thumb-knob {
|
445 | background-color: #6200ee;
|
446 |
|
447 | background-color: var(--mdc-theme-primary, #6200ee);
|
448 | border-color: #6200ee;
|
449 |
|
450 | border-color: var(--mdc-theme-primary, #6200ee);
|
451 | }
|
452 | .mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob, .mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob, .mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
|
453 | border-color: #fff;
|
454 | }
|
455 | .mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob {
|
456 | background-color: #000;
|
457 |
|
458 | background-color: var(--mdc-theme-on-surface, #000);
|
459 | border-color: #000;
|
460 |
|
461 | border-color: var(--mdc-theme-on-surface, #000);
|
462 | }
|
463 | .mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top .mdc-slider__thumb-knob, .mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob, .mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob {
|
464 | border-color: #fff;
|
465 | }
|
466 | .mdc-slider .mdc-slider__thumb::before, .mdc-slider .mdc-slider__thumb::after {
|
467 | background-color: #6200ee;
|
468 |
|
469 | background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
|
470 | }
|
471 | .mdc-slider .mdc-slider__thumb:hover::before, .mdc-slider .mdc-slider__thumb.mdc-ripple-surface--hover::before {
|
472 | opacity: 0.04;
|
473 |
|
474 | opacity: var(--mdc-ripple-hover-opacity, 0.04);
|
475 | }
|
476 | .mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before, .mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before {
|
477 | transition-duration: 75ms;
|
478 | opacity: 0.12;
|
479 |
|
480 | opacity: var(--mdc-ripple-focus-opacity, 0.12);
|
481 | }
|
482 | .mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after {
|
483 | transition: opacity 150ms linear;
|
484 | }
|
485 | .mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after {
|
486 | transition-duration: 75ms;
|
487 | opacity: 0.12;
|
488 |
|
489 | opacity: var(--mdc-ripple-press-opacity, 0.12);
|
490 | }
|
491 | .mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded {
|
492 | --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
|
493 | }
|
494 | .mdc-slider .mdc-slider__tick-marks {
|
495 | align-items: center;
|
496 | box-sizing: border-box;
|
497 | display: flex;
|
498 | height: 100%;
|
499 | justify-content: space-between;
|
500 | padding: 0 1px;
|
501 | position: absolute;
|
502 | width: 100%;
|
503 | }
|
504 | .mdc-slider .mdc-slider__tick-mark--active,
|
505 | .mdc-slider .mdc-slider__tick-mark--inactive {
|
506 | border-radius: 50%;
|
507 | height: 2px;
|
508 | width: 2px;
|
509 | }
|
510 | .mdc-slider .mdc-slider__tick-mark--active {
|
511 | background-color: #fff;
|
512 |
|
513 | background-color: var(--mdc-theme-on-primary, #fff);
|
514 | opacity: 0.6;
|
515 | }
|
516 | .mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--active {
|
517 | background-color: #fff;
|
518 |
|
519 | background-color: var(--mdc-theme-on-primary, #fff);
|
520 | opacity: 0.6;
|
521 | }
|
522 | .mdc-slider .mdc-slider__tick-mark--inactive {
|
523 | background-color: #6200ee;
|
524 |
|
525 | background-color: var(--mdc-theme-primary, #6200ee);
|
526 | opacity: 0.6;
|
527 | }
|
528 | .mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--inactive {
|
529 | background-color: #000;
|
530 |
|
531 | background-color: var(--mdc-theme-on-surface, #000);
|
532 | opacity: 0.6;
|
533 | }
|
534 | .mdc-slider--discrete .mdc-slider__thumb,
|
535 | .mdc-slider--discrete .mdc-slider__track--active_fill {
|
536 | transition: -webkit-transform 80ms ease;
|
537 | transition: transform 80ms ease;
|
538 | transition: transform 80ms ease, -webkit-transform 80ms ease;
|
539 | }
|
540 | @media (prefers-reduced-motion) {
|
541 | .mdc-slider--discrete .mdc-slider__thumb,
|
542 | .mdc-slider--discrete .mdc-slider__track--active_fill {
|
543 | transition: none;
|
544 | }
|
545 | }
|
546 |
|
547 | .mdc-slider--disabled {
|
548 | opacity: 0.38;
|
549 | cursor: auto;
|
550 | }
|
551 | .mdc-slider--disabled .mdc-slider__thumb {
|
552 | pointer-events: none;
|
553 | }
|
554 |
|
555 | .mdc-slider__input {
|
556 | cursor: pointer;
|
557 | left: 0;
|
558 | margin: 0;
|
559 | height: 100%;
|
560 | opacity: 0;
|
561 | pointer-events: none;
|
562 | position: absolute;
|
563 | top: 0;
|
564 | width: 100%;
|
565 | }
|
566 |
|
567 |
|
\ | No newline at end of file |