UNPKG

126 kBCSSView Raw
1/**
2 * @license
3 * Copyright Google LLC All Rights Reserved.
4 *
5 * Use of this source code is governed by an MIT-style license that can be
6 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
7 */
8.mdc-deprecated-list {
9 -moz-osx-font-smoothing: grayscale;
10 -webkit-font-smoothing: antialiased;
11 font-family: Roboto, sans-serif;
12 /* @alternate */
13 font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
14 font-size: 1rem;
15 /* @alternate */
16 font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
17 line-height: 1.75rem;
18 /* @alternate */
19 line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
20 font-weight: 400;
21 /* @alternate */
22 font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
23 letter-spacing: 0.009375em;
24 /* @alternate */
25 letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
26 text-decoration: inherit;
27 /* @alternate */
28 -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
29 text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
30 text-transform: inherit;
31 /* @alternate */
32 text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
33 /* @alternate */
34 line-height: 1.5rem;
35 margin: 0;
36 padding: 8px 0;
37 list-style-type: none;
38 color: rgba(0, 0, 0, 0.87);
39 /* @alternate */
40 color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
41}
42.mdc-deprecated-list:focus {
43 outline: none;
44}
45
46.mdc-deprecated-list-item {
47 height: 48px;
48}
49
50.mdc-deprecated-list-item__secondary-text {
51 color: rgba(0, 0, 0, 0.54);
52 /* @alternate */
53 color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
54}
55
56.mdc-deprecated-list-item__graphic {
57 background-color: transparent;
58}
59
60.mdc-deprecated-list-item__graphic {
61 color: rgba(0, 0, 0, 0.38);
62 /* @alternate */
63 color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
64}
65
66.mdc-deprecated-list-item__meta {
67 color: rgba(0, 0, 0, 0.38);
68 /* @alternate */
69 color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
70}
71
72.mdc-deprecated-list-group__subheader {
73 color: rgba(0, 0, 0, 0.87);
74 /* @alternate */
75 color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
76}
77
78.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__text {
79 opacity: 0.38;
80}
81
82.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__text,
83.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__primary-text,
84.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__secondary-text {
85 color: #000;
86 /* @alternate */
87 color: var(--mdc-theme-on-surface, #000);
88}
89
90.mdc-deprecated-list-item--selected,
91.mdc-deprecated-list-item--activated {
92 color: #6200ee;
93 /* @alternate */
94 color: var(--mdc-theme-primary, #6200ee);
95}
96.mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,
97.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic {
98 color: #6200ee;
99 /* @alternate */
100 color: var(--mdc-theme-primary, #6200ee);
101}
102
103.mdc-deprecated-list--dense {
104 padding-top: 4px;
105 padding-bottom: 4px;
106 font-size: 0.812rem;
107}
108
109.mdc-deprecated-list-item {
110 display: flex;
111 position: relative;
112 align-items: center;
113 justify-content: flex-start;
114 overflow: hidden;
115 padding: 0;
116 /* @noflip */
117 /*rtl:ignore*/
118 padding-left: 16px;
119 /* @noflip */
120 /*rtl:ignore*/
121 padding-right: 16px;
122 height: 48px;
123}
124.mdc-deprecated-list-item:focus {
125 outline: none;
126}
127.mdc-deprecated-list-item:not(.mdc-deprecated-list-item--selected):focus::before, .mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused::before {
128 position: absolute;
129 box-sizing: border-box;
130 width: 100%;
131 height: 100%;
132 top: 0;
133 left: 0;
134 border: 1px solid transparent;
135 border-radius: inherit;
136 content: "";
137 pointer-events: none;
138}
139.mdc-deprecated-list-item.mdc-deprecated-list-item--selected::before {
140 position: absolute;
141 box-sizing: border-box;
142 width: 100%;
143 height: 100%;
144 top: 0;
145 left: 0;
146 border: 3px double transparent;
147 border-radius: inherit;
148 content: "";
149 pointer-events: none;
150}
151[dir=rtl] .mdc-deprecated-list-item, .mdc-deprecated-list-item[dir=rtl] {
152 /*rtl:begin:ignore*/
153 /* @noflip */
154 /*rtl:ignore*/
155 padding-left: 16px;
156 /* @noflip */
157 /*rtl:ignore*/
158 padding-right: 16px;
159 /*rtl:end:ignore*/
160}
161
162.mdc-deprecated-list--icon-list .mdc-deprecated-list-item {
163 /* @noflip */
164 /*rtl:ignore*/
165 padding-left: 16px;
166 /* @noflip */
167 /*rtl:ignore*/
168 padding-right: 16px;
169 height: 56px;
170}
171[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-item, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item[dir=rtl] {
172 /*rtl:begin:ignore*/
173 /* @noflip */
174 /*rtl:ignore*/
175 padding-left: 16px;
176 /* @noflip */
177 /*rtl:ignore*/
178 padding-right: 16px;
179 /*rtl:end:ignore*/
180}
181
182.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item {
183 /* @noflip */
184 /*rtl:ignore*/
185 padding-left: 16px;
186 /* @noflip */
187 /*rtl:ignore*/
188 padding-right: 16px;
189 height: 56px;
190}
191[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item[dir=rtl] {
192 /*rtl:begin:ignore*/
193 /* @noflip */
194 /*rtl:ignore*/
195 padding-left: 16px;
196 /* @noflip */
197 /*rtl:ignore*/
198 padding-right: 16px;
199 /*rtl:end:ignore*/
200}
201
202.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item {
203 /* @noflip */
204 /*rtl:ignore*/
205 padding-left: 16px;
206 /* @noflip */
207 /*rtl:ignore*/
208 padding-right: 16px;
209 height: 56px;
210}
211[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item[dir=rtl] {
212 /*rtl:begin:ignore*/
213 /* @noflip */
214 /*rtl:ignore*/
215 padding-left: 16px;
216 /* @noflip */
217 /*rtl:ignore*/
218 padding-right: 16px;
219 /*rtl:end:ignore*/
220}
221
222.mdc-deprecated-list--image-list .mdc-deprecated-list-item {
223 /* @noflip */
224 /*rtl:ignore*/
225 padding-left: 16px;
226 /* @noflip */
227 /*rtl:ignore*/
228 padding-right: 16px;
229 height: 72px;
230}
231[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-item, .mdc-deprecated-list--image-list .mdc-deprecated-list-item[dir=rtl] {
232 /*rtl:begin:ignore*/
233 /* @noflip */
234 /*rtl:ignore*/
235 padding-left: 16px;
236 /* @noflip */
237 /*rtl:ignore*/
238 padding-right: 16px;
239 /*rtl:end:ignore*/
240}
241
242.mdc-deprecated-list--video-list .mdc-deprecated-list-item {
243 /* @noflip */
244 /*rtl:ignore*/
245 padding-left: 0px;
246 /* @noflip */
247 /*rtl:ignore*/
248 padding-right: 16px;
249 height: 72px;
250}
251[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-item, .mdc-deprecated-list--video-list .mdc-deprecated-list-item[dir=rtl] {
252 /*rtl:begin:ignore*/
253 /* @noflip */
254 /*rtl:ignore*/
255 padding-left: 16px;
256 /* @noflip */
257 /*rtl:ignore*/
258 padding-right: 0px;
259 /*rtl:end:ignore*/
260}
261
262.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic {
263 /* @noflip */
264 /*rtl:ignore*/
265 margin-left: 0;
266 /* @noflip */
267 /*rtl:ignore*/
268 margin-right: 16px;
269 width: 20px;
270 height: 20px;
271}
272[dir=rtl] .mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic[dir=rtl] {
273 /*rtl:begin:ignore*/
274 /* @noflip */
275 /*rtl:ignore*/
276 margin-left: 16px;
277 /* @noflip */
278 /*rtl:ignore*/
279 margin-right: 0;
280 /*rtl:end:ignore*/
281}
282
283.mdc-deprecated-list-item__graphic {
284 flex-shrink: 0;
285 align-items: center;
286 justify-content: center;
287 fill: currentColor;
288 -o-object-fit: cover;
289 object-fit: cover;
290 /* @noflip */
291 /*rtl:ignore*/
292 margin-left: 0;
293 /* @noflip */
294 /*rtl:ignore*/
295 margin-right: 32px;
296 width: 24px;
297 height: 24px;
298}
299[dir=rtl] .mdc-deprecated-list-item__graphic, .mdc-deprecated-list-item__graphic[dir=rtl] {
300 /*rtl:begin:ignore*/
301 /* @noflip */
302 /*rtl:ignore*/
303 margin-left: 32px;
304 /* @noflip */
305 /*rtl:ignore*/
306 margin-right: 0;
307 /*rtl:end:ignore*/
308}
309
310.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic {
311 /* @noflip */
312 /*rtl:ignore*/
313 margin-left: 0;
314 /* @noflip */
315 /*rtl:ignore*/
316 margin-right: 32px;
317 width: 24px;
318 height: 24px;
319}
320[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic[dir=rtl] {
321 /*rtl:begin:ignore*/
322 /* @noflip */
323 /*rtl:ignore*/
324 margin-left: 32px;
325 /* @noflip */
326 /*rtl:ignore*/
327 margin-right: 0;
328 /*rtl:end:ignore*/
329}
330
331.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic {
332 /* @noflip */
333 /*rtl:ignore*/
334 margin-left: 0;
335 /* @noflip */
336 /*rtl:ignore*/
337 margin-right: 16px;
338 width: 40px;
339 height: 40px;
340 border-radius: 50%;
341}
342[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic[dir=rtl] {
343 /*rtl:begin:ignore*/
344 /* @noflip */
345 /*rtl:ignore*/
346 margin-left: 16px;
347 /* @noflip */
348 /*rtl:ignore*/
349 margin-right: 0;
350 /*rtl:end:ignore*/
351}
352
353.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic {
354 /* @noflip */
355 /*rtl:ignore*/
356 margin-left: 0;
357 /* @noflip */
358 /*rtl:ignore*/
359 margin-right: 16px;
360 width: 40px;
361 height: 40px;
362}
363[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic[dir=rtl] {
364 /*rtl:begin:ignore*/
365 /* @noflip */
366 /*rtl:ignore*/
367 margin-left: 16px;
368 /* @noflip */
369 /*rtl:ignore*/
370 margin-right: 0;
371 /*rtl:end:ignore*/
372}
373
374.mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic {
375 /* @noflip */
376 /*rtl:ignore*/
377 margin-left: 0;
378 /* @noflip */
379 /*rtl:ignore*/
380 margin-right: 16px;
381 width: 56px;
382 height: 56px;
383}
384[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic[dir=rtl] {
385 /*rtl:begin:ignore*/
386 /* @noflip */
387 /*rtl:ignore*/
388 margin-left: 16px;
389 /* @noflip */
390 /*rtl:ignore*/
391 margin-right: 0;
392 /*rtl:end:ignore*/
393}
394
395.mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic {
396 /* @noflip */
397 /*rtl:ignore*/
398 margin-left: 0;
399 /* @noflip */
400 /*rtl:ignore*/
401 margin-right: 16px;
402 width: 100px;
403 height: 56px;
404}
405[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic[dir=rtl] {
406 /*rtl:begin:ignore*/
407 /* @noflip */
408 /*rtl:ignore*/
409 margin-left: 16px;
410 /* @noflip */
411 /*rtl:ignore*/
412 margin-right: 0;
413 /*rtl:end:ignore*/
414}
415
416.mdc-deprecated-list .mdc-deprecated-list-item__graphic {
417 display: inline-flex;
418}
419
420.mdc-deprecated-list-item__meta {
421 /* @noflip */
422 /*rtl:ignore*/
423 margin-left: auto;
424 /* @noflip */
425 /*rtl:ignore*/
426 margin-right: 0;
427}
428.mdc-deprecated-list-item__meta:not(.material-icons) {
429 -moz-osx-font-smoothing: grayscale;
430 -webkit-font-smoothing: antialiased;
431 font-family: Roboto, sans-serif;
432 /* @alternate */
433 font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
434 font-size: 0.75rem;
435 /* @alternate */
436 font-size: var(--mdc-typography-caption-font-size, 0.75rem);
437 line-height: 1.25rem;
438 /* @alternate */
439 line-height: var(--mdc-typography-caption-line-height, 1.25rem);
440 font-weight: 400;
441 /* @alternate */
442 font-weight: var(--mdc-typography-caption-font-weight, 400);
443 letter-spacing: 0.0333333333em;
444 /* @alternate */
445 letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
446 text-decoration: inherit;
447 /* @alternate */
448 -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
449 text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
450 text-transform: inherit;
451 /* @alternate */
452 text-transform: var(--mdc-typography-caption-text-transform, inherit);
453}
454.mdc-deprecated-list-item[dir=rtl] .mdc-deprecated-list-item__meta, [dir=rtl] .mdc-deprecated-list-item .mdc-deprecated-list-item__meta {
455 /* @noflip */
456 /*rtl:ignore*/
457 margin-left: 0;
458 /* @noflip */
459 /*rtl:ignore*/
460 margin-right: auto;
461}
462
463.mdc-deprecated-list-item__text {
464 text-overflow: ellipsis;
465 white-space: nowrap;
466 overflow: hidden;
467}
468
469.mdc-deprecated-list-item__text[for] {
470 pointer-events: none;
471}
472
473.mdc-deprecated-list-item__primary-text {
474 text-overflow: ellipsis;
475 white-space: nowrap;
476 overflow: hidden;
477 display: block;
478 margin-top: 0;
479 /* @alternate */
480 line-height: normal;
481 margin-bottom: -20px;
482}
483.mdc-deprecated-list-item__primary-text::before {
484 display: inline-block;
485 width: 0;
486 height: 28px;
487 content: "";
488 vertical-align: 0;
489}
490.mdc-deprecated-list-item__primary-text::after {
491 display: inline-block;
492 width: 0;
493 height: 20px;
494 content: "";
495 vertical-align: -20px;
496}
497.mdc-deprecated-list--video-list .mdc-deprecated-list-item__primary-text, .mdc-deprecated-list--image-list .mdc-deprecated-list-item__primary-text, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__primary-text, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__primary-text, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__primary-text {
498 display: block;
499 margin-top: 0;
500 /* @alternate */
501 line-height: normal;
502 margin-bottom: -20px;
503}
504.mdc-deprecated-list--video-list .mdc-deprecated-list-item__primary-text::before, .mdc-deprecated-list--image-list .mdc-deprecated-list-item__primary-text::before, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__primary-text::before, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__primary-text::before, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__primary-text::before {
505 display: inline-block;
506 width: 0;
507 height: 32px;
508 content: "";
509 vertical-align: 0;
510}
511.mdc-deprecated-list--video-list .mdc-deprecated-list-item__primary-text::after, .mdc-deprecated-list--image-list .mdc-deprecated-list-item__primary-text::after, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__primary-text::after, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__primary-text::after, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__primary-text::after {
512 display: inline-block;
513 width: 0;
514 height: 20px;
515 content: "";
516 vertical-align: -20px;
517}
518.mdc-deprecated-list--dense .mdc-deprecated-list-item__primary-text {
519 display: block;
520 margin-top: 0;
521 /* @alternate */
522 line-height: normal;
523 margin-bottom: -20px;
524}
525.mdc-deprecated-list--dense .mdc-deprecated-list-item__primary-text::before {
526 display: inline-block;
527 width: 0;
528 height: 24px;
529 content: "";
530 vertical-align: 0;
531}
532.mdc-deprecated-list--dense .mdc-deprecated-list-item__primary-text::after {
533 display: inline-block;
534 width: 0;
535 height: 20px;
536 content: "";
537 vertical-align: -20px;
538}
539
540.mdc-deprecated-list-item__secondary-text {
541 -moz-osx-font-smoothing: grayscale;
542 -webkit-font-smoothing: antialiased;
543 font-family: Roboto, sans-serif;
544 /* @alternate */
545 font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
546 font-size: 0.875rem;
547 /* @alternate */
548 font-size: var(--mdc-typography-body2-font-size, 0.875rem);
549 line-height: 1.25rem;
550 /* @alternate */
551 line-height: var(--mdc-typography-body2-line-height, 1.25rem);
552 font-weight: 400;
553 /* @alternate */
554 font-weight: var(--mdc-typography-body2-font-weight, 400);
555 letter-spacing: 0.0178571429em;
556 /* @alternate */
557 letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
558 text-decoration: inherit;
559 /* @alternate */
560 -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
561 text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
562 text-transform: inherit;
563 /* @alternate */
564 text-transform: var(--mdc-typography-body2-text-transform, inherit);
565 text-overflow: ellipsis;
566 white-space: nowrap;
567 overflow: hidden;
568 display: block;
569 margin-top: 0;
570 /* @alternate */
571 line-height: normal;
572}
573.mdc-deprecated-list-item__secondary-text::before {
574 display: inline-block;
575 width: 0;
576 height: 20px;
577 content: "";
578 vertical-align: 0;
579}
580.mdc-deprecated-list--dense .mdc-deprecated-list-item__secondary-text {
581 font-size: inherit;
582}
583
584.mdc-deprecated-list--dense .mdc-deprecated-list-item {
585 height: 40px;
586}
587
588.mdc-deprecated-list--two-line .mdc-deprecated-list-item__text {
589 align-self: flex-start;
590}
591
592.mdc-deprecated-list--two-line .mdc-deprecated-list-item {
593 height: 64px;
594}
595.mdc-deprecated-list--two-line.mdc-deprecated-list--video-list .mdc-deprecated-list-item, .mdc-deprecated-list--two-line.mdc-deprecated-list--image-list .mdc-deprecated-list-item, .mdc-deprecated-list--two-line.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item, .mdc-deprecated-list--two-line.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item, .mdc-deprecated-list--two-line.mdc-deprecated-list--icon-list .mdc-deprecated-list-item {
596 height: 72px;
597}
598.mdc-deprecated-list--two-line.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic {
599 align-self: flex-start;
600 margin-top: 16px;
601}
602
603.mdc-deprecated-list--two-line.mdc-deprecated-list--dense .mdc-deprecated-list-item,
604.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item {
605 height: 60px;
606}
607
608.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic {
609 /* @noflip */
610 /*rtl:ignore*/
611 margin-left: 0;
612 /* @noflip */
613 /*rtl:ignore*/
614 margin-right: 16px;
615 width: 36px;
616 height: 36px;
617}
618[dir=rtl] .mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic[dir=rtl] {
619 /*rtl:begin:ignore*/
620 /* @noflip */
621 /*rtl:ignore*/
622 margin-left: 16px;
623 /* @noflip */
624 /*rtl:ignore*/
625 margin-right: 0;
626 /*rtl:end:ignore*/
627}
628
629:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item {
630 cursor: pointer;
631}
632
633a.mdc-deprecated-list-item {
634 color: inherit;
635 text-decoration: none;
636}
637
638.mdc-deprecated-list-divider {
639 height: 0;
640 margin: 0;
641 border: none;
642 border-bottom-width: 1px;
643 border-bottom-style: solid;
644}
645
646.mdc-deprecated-list-divider {
647 border-bottom-color: rgba(0, 0, 0, 0.12);
648}
649
650.mdc-deprecated-list-divider--padded {
651 /* @noflip */
652 /*rtl:ignore*/
653 margin-left: 16px;
654 /* @noflip */
655 /*rtl:ignore*/
656 margin-right: 0;
657 width: calc(100% - 32px);
658}
659[dir=rtl] .mdc-deprecated-list-divider--padded, .mdc-deprecated-list-divider--padded[dir=rtl] {
660 /*rtl:begin:ignore*/
661 /* @noflip */
662 /*rtl:ignore*/
663 margin-left: 0;
664 /* @noflip */
665 /*rtl:ignore*/
666 margin-right: 16px;
667 /*rtl:end:ignore*/
668}
669
670.mdc-deprecated-list-divider--inset {
671 /* @noflip */
672 /*rtl:ignore*/
673 margin-left: 72px;
674 /* @noflip */
675 /*rtl:ignore*/
676 margin-right: 0;
677 width: calc(100% - 72px);
678}
679[dir=rtl] .mdc-deprecated-list-divider--inset, .mdc-deprecated-list-divider--inset[dir=rtl] {
680 /*rtl:begin:ignore*/
681 /* @noflip */
682 /*rtl:ignore*/
683 margin-left: 0;
684 /* @noflip */
685 /*rtl:ignore*/
686 margin-right: 72px;
687 /*rtl:end:ignore*/
688}
689
690.mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded {
691 /* @noflip */
692 /*rtl:ignore*/
693 margin-left: 72px;
694 /* @noflip */
695 /*rtl:ignore*/
696 margin-right: 0;
697 width: calc(100% - 88px);
698}
699[dir=rtl] .mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded, .mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded[dir=rtl] {
700 /*rtl:begin:ignore*/
701 /* @noflip */
702 /*rtl:ignore*/
703 margin-left: 0;
704 /* @noflip */
705 /*rtl:ignore*/
706 margin-right: 72px;
707 /*rtl:end:ignore*/
708}
709
710.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading {
711 /* @noflip */
712 /*rtl:ignore*/
713 margin-left: 16px;
714 /* @noflip */
715 /*rtl:ignore*/
716 margin-right: 0;
717 width: calc(100% - 16px);
718}
719[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] {
720 /*rtl:begin:ignore*/
721 /* @noflip */
722 /*rtl:ignore*/
723 margin-left: 0;
724 /* @noflip */
725 /*rtl:ignore*/
726 margin-right: 16px;
727 /*rtl:end:ignore*/
728}
729
730.mdc-deprecated-list .mdc-deprecated-list-divider--inset-trailing {
731 width: calc(100% - 16px);
732}
733.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
734 /* @noflip */
735 /*rtl:ignore*/
736 margin-left: 16px;
737 /* @noflip */
738 /*rtl:ignore*/
739 margin-right: 0;
740 width: calc(100% - 32px);
741}
742[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] {
743 /*rtl:begin:ignore*/
744 /* @noflip */
745 /*rtl:ignore*/
746 margin-left: 0;
747 /* @noflip */
748 /*rtl:ignore*/
749 margin-right: 16px;
750 /*rtl:end:ignore*/
751}
752
753.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
754 /* @noflip */
755 /*rtl:ignore*/
756 margin-left: 16px;
757 /* @noflip */
758 /*rtl:ignore*/
759 margin-right: 0;
760 width: calc(100% - 16px);
761}
762[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] {
763 /*rtl:begin:ignore*/
764 /* @noflip */
765 /*rtl:ignore*/
766 margin-left: 0;
767 /* @noflip */
768 /*rtl:ignore*/
769 margin-right: 16px;
770 /*rtl:end:ignore*/
771}
772
773.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
774 /* @noflip */
775 /*rtl:ignore*/
776 margin-left: 16px;
777 /* @noflip */
778 /*rtl:ignore*/
779 margin-right: 0;
780 width: calc(100% - 32px);
781}
782[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] {
783 /*rtl:begin:ignore*/
784 /* @noflip */
785 /*rtl:ignore*/
786 margin-left: 0;
787 /* @noflip */
788 /*rtl:ignore*/
789 margin-right: 16px;
790 /*rtl:end:ignore*/
791}
792
793.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading {
794 /* @noflip */
795 /*rtl:ignore*/
796 margin-left: 72px;
797 /* @noflip */
798 /*rtl:ignore*/
799 margin-right: 0;
800 width: calc(100% - 72px);
801}
802[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] {
803 /*rtl:begin:ignore*/
804 /* @noflip */
805 /*rtl:ignore*/
806 margin-left: 0;
807 /* @noflip */
808 /*rtl:ignore*/
809 margin-right: 72px;
810 /*rtl:end:ignore*/
811}
812
813.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-trailing {
814 width: calc(100% - 16px);
815}
816.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
817 /* @noflip */
818 /*rtl:ignore*/
819 margin-left: 72px;
820 /* @noflip */
821 /*rtl:ignore*/
822 margin-right: 0;
823 width: calc(100% - 88px);
824}
825[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] {
826 /*rtl:begin:ignore*/
827 /* @noflip */
828 /*rtl:ignore*/
829 margin-left: 0;
830 /* @noflip */
831 /*rtl:ignore*/
832 margin-right: 72px;
833 /*rtl:end:ignore*/
834}
835
836.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
837 /* @noflip */
838 /*rtl:ignore*/
839 margin-left: 16px;
840 /* @noflip */
841 /*rtl:ignore*/
842 margin-right: 0;
843 width: calc(100% - 16px);
844}
845[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] {
846 /*rtl:begin:ignore*/
847 /* @noflip */
848 /*rtl:ignore*/
849 margin-left: 0;
850 /* @noflip */
851 /*rtl:ignore*/
852 margin-right: 16px;
853 /*rtl:end:ignore*/
854}
855
856.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
857 /* @noflip */
858 /*rtl:ignore*/
859 margin-left: 16px;
860 /* @noflip */
861 /*rtl:ignore*/
862 margin-right: 0;
863 width: calc(100% - 32px);
864}
865[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] {
866 /*rtl:begin:ignore*/
867 /* @noflip */
868 /*rtl:ignore*/
869 margin-left: 0;
870 /* @noflip */
871 /*rtl:ignore*/
872 margin-right: 16px;
873 /*rtl:end:ignore*/
874}
875
876.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading {
877 /* @noflip */
878 /*rtl:ignore*/
879 margin-left: 72px;
880 /* @noflip */
881 /*rtl:ignore*/
882 margin-right: 0;
883 width: calc(100% - 72px);
884}
885[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] {
886 /*rtl:begin:ignore*/
887 /* @noflip */
888 /*rtl:ignore*/
889 margin-left: 0;
890 /* @noflip */
891 /*rtl:ignore*/
892 margin-right: 72px;
893 /*rtl:end:ignore*/
894}
895
896.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-trailing {
897 width: calc(100% - 16px);
898}
899.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
900 /* @noflip */
901 /*rtl:ignore*/
902 margin-left: 72px;
903 /* @noflip */
904 /*rtl:ignore*/
905 margin-right: 0;
906 width: calc(100% - 88px);
907}
908[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] {
909 /*rtl:begin:ignore*/
910 /* @noflip */
911 /*rtl:ignore*/
912 margin-left: 0;
913 /* @noflip */
914 /*rtl:ignore*/
915 margin-right: 72px;
916 /*rtl:end:ignore*/
917}
918
919.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
920 /* @noflip */
921 /*rtl:ignore*/
922 margin-left: 16px;
923 /* @noflip */
924 /*rtl:ignore*/
925 margin-right: 0;
926 width: calc(100% - 16px);
927}
928[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] {
929 /*rtl:begin:ignore*/
930 /* @noflip */
931 /*rtl:ignore*/
932 margin-left: 0;
933 /* @noflip */
934 /*rtl:ignore*/
935 margin-right: 16px;
936 /*rtl:end:ignore*/
937}
938
939.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
940 /* @noflip */
941 /*rtl:ignore*/
942 margin-left: 16px;
943 /* @noflip */
944 /*rtl:ignore*/
945 margin-right: 0;
946 width: calc(100% - 32px);
947}
948[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] {
949 /*rtl:begin:ignore*/
950 /* @noflip */
951 /*rtl:ignore*/
952 margin-left: 0;
953 /* @noflip */
954 /*rtl:ignore*/
955 margin-right: 16px;
956 /*rtl:end:ignore*/
957}
958
959.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading {
960 /* @noflip */
961 /*rtl:ignore*/
962 margin-left: 72px;
963 /* @noflip */
964 /*rtl:ignore*/
965 margin-right: 0;
966 width: calc(100% - 72px);
967}
968[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] {
969 /*rtl:begin:ignore*/
970 /* @noflip */
971 /*rtl:ignore*/
972 margin-left: 0;
973 /* @noflip */
974 /*rtl:ignore*/
975 margin-right: 72px;
976 /*rtl:end:ignore*/
977}
978
979.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-trailing {
980 width: calc(100% - 16px);
981}
982.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
983 /* @noflip */
984 /*rtl:ignore*/
985 margin-left: 72px;
986 /* @noflip */
987 /*rtl:ignore*/
988 margin-right: 0;
989 width: calc(100% - 88px);
990}
991[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] {
992 /*rtl:begin:ignore*/
993 /* @noflip */
994 /*rtl:ignore*/
995 margin-left: 0;
996 /* @noflip */
997 /*rtl:ignore*/
998 margin-right: 72px;
999 /*rtl:end:ignore*/
1000}
1001
1002.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
1003 /* @noflip */
1004 /*rtl:ignore*/
1005 margin-left: 16px;
1006 /* @noflip */
1007 /*rtl:ignore*/
1008 margin-right: 0;
1009 width: calc(100% - 16px);
1010}
1011[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] {
1012 /*rtl:begin:ignore*/
1013 /* @noflip */
1014 /*rtl:ignore*/
1015 margin-left: 0;
1016 /* @noflip */
1017 /*rtl:ignore*/
1018 margin-right: 16px;
1019 /*rtl:end:ignore*/
1020}
1021
1022.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
1023 /* @noflip */
1024 /*rtl:ignore*/
1025 margin-left: 16px;
1026 /* @noflip */
1027 /*rtl:ignore*/
1028 margin-right: 0;
1029 width: calc(100% - 32px);
1030}
1031[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] {
1032 /*rtl:begin:ignore*/
1033 /* @noflip */
1034 /*rtl:ignore*/
1035 margin-left: 0;
1036 /* @noflip */
1037 /*rtl:ignore*/
1038 margin-right: 16px;
1039 /*rtl:end:ignore*/
1040}
1041
1042.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading {
1043 /* @noflip */
1044 /*rtl:ignore*/
1045 margin-left: 88px;
1046 /* @noflip */
1047 /*rtl:ignore*/
1048 margin-right: 0;
1049 width: calc(100% - 88px);
1050}
1051[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] {
1052 /*rtl:begin:ignore*/
1053 /* @noflip */
1054 /*rtl:ignore*/
1055 margin-left: 0;
1056 /* @noflip */
1057 /*rtl:ignore*/
1058 margin-right: 88px;
1059 /*rtl:end:ignore*/
1060}
1061
1062.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-trailing {
1063 width: calc(100% - 16px);
1064}
1065.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
1066 /* @noflip */
1067 /*rtl:ignore*/
1068 margin-left: 88px;
1069 /* @noflip */
1070 /*rtl:ignore*/
1071 margin-right: 0;
1072 width: calc(100% - 104px);
1073}
1074[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] {
1075 /*rtl:begin:ignore*/
1076 /* @noflip */
1077 /*rtl:ignore*/
1078 margin-left: 0;
1079 /* @noflip */
1080 /*rtl:ignore*/
1081 margin-right: 88px;
1082 /*rtl:end:ignore*/
1083}
1084
1085.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
1086 /* @noflip */
1087 /*rtl:ignore*/
1088 margin-left: 16px;
1089 /* @noflip */
1090 /*rtl:ignore*/
1091 margin-right: 0;
1092 width: calc(100% - 16px);
1093}
1094[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] {
1095 /*rtl:begin:ignore*/
1096 /* @noflip */
1097 /*rtl:ignore*/
1098 margin-left: 0;
1099 /* @noflip */
1100 /*rtl:ignore*/
1101 margin-right: 16px;
1102 /*rtl:end:ignore*/
1103}
1104
1105.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
1106 /* @noflip */
1107 /*rtl:ignore*/
1108 margin-left: 16px;
1109 /* @noflip */
1110 /*rtl:ignore*/
1111 margin-right: 0;
1112 width: calc(100% - 32px);
1113}
1114[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] {
1115 /*rtl:begin:ignore*/
1116 /* @noflip */
1117 /*rtl:ignore*/
1118 margin-left: 0;
1119 /* @noflip */
1120 /*rtl:ignore*/
1121 margin-right: 16px;
1122 /*rtl:end:ignore*/
1123}
1124
1125.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading {
1126 /* @noflip */
1127 /*rtl:ignore*/
1128 margin-left: 116px;
1129 /* @noflip */
1130 /*rtl:ignore*/
1131 margin-right: 0;
1132 width: calc(100% - 116px);
1133}
1134[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] {
1135 /*rtl:begin:ignore*/
1136 /* @noflip */
1137 /*rtl:ignore*/
1138 margin-left: 0;
1139 /* @noflip */
1140 /*rtl:ignore*/
1141 margin-right: 116px;
1142 /*rtl:end:ignore*/
1143}
1144
1145.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-trailing {
1146 width: calc(100% - 16px);
1147}
1148.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
1149 /* @noflip */
1150 /*rtl:ignore*/
1151 margin-left: 116px;
1152 /* @noflip */
1153 /*rtl:ignore*/
1154 margin-right: 0;
1155 width: calc(100% - 132px);
1156}
1157[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing, .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl] {
1158 /*rtl:begin:ignore*/
1159 /* @noflip */
1160 /*rtl:ignore*/
1161 margin-left: 0;
1162 /* @noflip */
1163 /*rtl:ignore*/
1164 margin-right: 116px;
1165 /*rtl:end:ignore*/
1166}
1167
1168.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
1169 /* @noflip */
1170 /*rtl:ignore*/
1171 margin-left: 0px;
1172 /* @noflip */
1173 /*rtl:ignore*/
1174 margin-right: 0;
1175 width: calc(100% - 0px);
1176}
1177[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding, .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl] {
1178 /*rtl:begin:ignore*/
1179 /* @noflip */
1180 /*rtl:ignore*/
1181 margin-left: 0;
1182 /* @noflip */
1183 /*rtl:ignore*/
1184 margin-right: 0px;
1185 /*rtl:end:ignore*/
1186}
1187
1188.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
1189 /* @noflip */
1190 /*rtl:ignore*/
1191 margin-left: 0px;
1192 /* @noflip */
1193 /*rtl:ignore*/
1194 margin-right: 0;
1195 width: calc(100% - 16px);
1196}
1197[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding, .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl] {
1198 /*rtl:begin:ignore*/
1199 /* @noflip */
1200 /*rtl:ignore*/
1201 margin-left: 0;
1202 /* @noflip */
1203 /*rtl:ignore*/
1204 margin-right: 0px;
1205 /*rtl:end:ignore*/
1206}
1207
1208.mdc-deprecated-list-group .mdc-deprecated-list {
1209 padding: 0;
1210}
1211
1212.mdc-deprecated-list-group__subheader {
1213 -moz-osx-font-smoothing: grayscale;
1214 -webkit-font-smoothing: antialiased;
1215 font-family: Roboto, sans-serif;
1216 /* @alternate */
1217 font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
1218 font-size: 1rem;
1219 /* @alternate */
1220 font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
1221 line-height: 1.75rem;
1222 /* @alternate */
1223 line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
1224 font-weight: 400;
1225 /* @alternate */
1226 font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
1227 letter-spacing: 0.009375em;
1228 /* @alternate */
1229 letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
1230 text-decoration: inherit;
1231 /* @alternate */
1232 -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
1233 text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
1234 text-transform: inherit;
1235 /* @alternate */
1236 text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
1237 margin: calc((3rem - 1.5rem) / 2) 16px;
1238}
1239
1240.mdc-list-item__primary-text {
1241 color: rgba(0, 0, 0, 0.87);
1242 /* @alternate */
1243 color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
1244}
1245
1246.mdc-list-item__secondary-text {
1247 color: rgba(0, 0, 0, 0.54);
1248 /* @alternate */
1249 color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
1250}
1251
1252.mdc-list-item__overline-text {
1253 color: rgba(0, 0, 0, 0.38);
1254 /* @alternate */
1255 color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
1256}
1257
1258.mdc-list-item--with-leading-icon .mdc-list-item__start,
1259.mdc-list-item--with-trailing-icon .mdc-list-item__end {
1260 background-color: transparent;
1261}
1262
1263.mdc-list-item--with-leading-icon .mdc-list-item__start,
1264.mdc-list-item--with-trailing-icon .mdc-list-item__end {
1265 color: rgba(0, 0, 0, 0.38);
1266 /* @alternate */
1267 color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
1268}
1269
1270.mdc-list-item__end {
1271 color: rgba(0, 0, 0, 0.38);
1272 /* @alternate */
1273 color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
1274}
1275
1276.mdc-list-item--disabled .mdc-list-item__start,
1277.mdc-list-item--disabled .mdc-list-item__content,
1278.mdc-list-item--disabled .mdc-list-item__end {
1279 opacity: 0.38;
1280}
1281
1282.mdc-list-item--disabled .mdc-list-item__primary-text {
1283 color: #000;
1284 /* @alternate */
1285 color: var(--mdc-theme-on-surface, #000);
1286}
1287.mdc-list-item--disabled .mdc-list-item__secondary-text {
1288 color: #000;
1289 /* @alternate */
1290 color: var(--mdc-theme-on-surface, #000);
1291}
1292.mdc-list-item--disabled .mdc-list-item__overline-text {
1293 color: #000;
1294 /* @alternate */
1295 color: var(--mdc-theme-on-surface, #000);
1296}
1297.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start {
1298 color: #000;
1299 /* @alternate */
1300 color: var(--mdc-theme-on-surface, #000);
1301}
1302.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end {
1303 color: #000;
1304 /* @alternate */
1305 color: var(--mdc-theme-on-surface, #000);
1306}
1307.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end {
1308 color: #000;
1309 /* @alternate */
1310 color: var(--mdc-theme-on-surface, #000);
1311}
1312
1313.mdc-list-item--selected .mdc-list-item__primary-text,
1314.mdc-list-item--activated .mdc-list-item__primary-text {
1315 color: #6200ee;
1316 /* @alternate */
1317 color: var(--mdc-theme-primary, #6200ee);
1318}
1319.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
1320.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
1321 color: #6200ee;
1322 /* @alternate */
1323 color: var(--mdc-theme-primary, #6200ee);
1324}
1325
1326.mdc-deprecated-list-group__subheader {
1327 color: rgba(0, 0, 0, 0.87);
1328 /* @alternate */
1329 color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
1330}
1331
1332@media screen and (forced-colors: active), (-ms-high-contrast: active) {
1333 .mdc-list-divider::after {
1334 content: "";
1335 display: block;
1336 border-bottom-width: 1px;
1337 border-bottom-style: solid;
1338 border-bottom-color: white;
1339 }
1340}
1341.mdc-list {
1342 -moz-osx-font-smoothing: grayscale;
1343 -webkit-font-smoothing: antialiased;
1344 font-family: Roboto, sans-serif;
1345 /* @alternate */
1346 font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
1347 font-size: 1rem;
1348 /* @alternate */
1349 font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
1350 line-height: 1.75rem;
1351 /* @alternate */
1352 line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
1353 font-weight: 400;
1354 /* @alternate */
1355 font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
1356 letter-spacing: 0.009375em;
1357 /* @alternate */
1358 letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
1359 text-decoration: inherit;
1360 /* @alternate */
1361 -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
1362 text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
1363 text-transform: inherit;
1364 /* @alternate */
1365 text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
1366 /* @alternate */
1367 line-height: 1.5rem;
1368 margin: 0;
1369 padding: 8px 0;
1370 list-style-type: none;
1371}
1372.mdc-list:focus {
1373 outline: none;
1374}
1375
1376.mdc-list-item {
1377 display: flex;
1378 position: relative;
1379 align-items: center;
1380 justify-content: flex-start;
1381 overflow: hidden;
1382 padding: 0;
1383 align-items: stretch;
1384 cursor: pointer;
1385}
1386.mdc-list-item:focus {
1387 outline: none;
1388}
1389.mdc-list-item.mdc-list-item--with-one-line {
1390 height: 48px;
1391}
1392.mdc-list-item.mdc-list-item--with-two-lines {
1393 height: 64px;
1394}
1395.mdc-list-item.mdc-list-item--with-three-lines {
1396 height: 88px;
1397}
1398.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__start {
1399 align-self: center;
1400 margin-top: 0;
1401}
1402.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__start {
1403 align-self: flex-start;
1404 margin-top: 16px;
1405}
1406.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__start {
1407 align-self: flex-start;
1408 margin-top: 16px;
1409}
1410.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end {
1411 align-self: center;
1412 margin-top: 0;
1413}
1414.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__end {
1415 align-self: center;
1416 margin-top: 0;
1417}
1418.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__end {
1419 align-self: flex-start;
1420 margin-top: 16px;
1421}
1422.mdc-list-item.mdc-list-item--disabled, .mdc-list-item.mdc-list-item--non-interactive {
1423 cursor: auto;
1424}
1425.mdc-list-item:not(.mdc-list-item--selected):focus::before, .mdc-list-item.mdc-ripple-upgraded--background-focused::before {
1426 position: absolute;
1427 box-sizing: border-box;
1428 width: 100%;
1429 height: 100%;
1430 top: 0;
1431 left: 0;
1432 border: 1px solid transparent;
1433 border-radius: inherit;
1434 content: "";
1435 pointer-events: none;
1436}
1437.mdc-list-item.mdc-list-item--selected::before {
1438 position: absolute;
1439 box-sizing: border-box;
1440 width: 100%;
1441 height: 100%;
1442 top: 0;
1443 left: 0;
1444 border: 3px double transparent;
1445 border-radius: inherit;
1446 content: "";
1447 pointer-events: none;
1448}
1449.mdc-list-item.mdc-list-item--selected:focus::before {
1450 position: absolute;
1451 box-sizing: border-box;
1452 width: 100%;
1453 height: 100%;
1454 top: 0;
1455 left: 0;
1456 border: 3px solid transparent;
1457 border-radius: inherit;
1458 content: "";
1459 pointer-events: none;
1460}
1461
1462a.mdc-list-item {
1463 color: inherit;
1464 text-decoration: none;
1465}
1466
1467.mdc-list-item__start {
1468 fill: currentColor;
1469 flex-shrink: 0;
1470 pointer-events: none;
1471}
1472
1473.mdc-list-item__end {
1474 flex-shrink: 0;
1475 pointer-events: none;
1476}
1477
1478.mdc-list-item__content {
1479 text-overflow: ellipsis;
1480 white-space: nowrap;
1481 overflow: hidden;
1482 align-self: center;
1483 flex: 1;
1484 pointer-events: none;
1485}
1486.mdc-list-item--with-two-lines .mdc-list-item__content, .mdc-list-item--with-three-lines .mdc-list-item__content {
1487 align-self: stretch;
1488}
1489.mdc-list-item__content[for] {
1490 pointer-events: none;
1491}
1492
1493.mdc-list-item__primary-text {
1494 -moz-osx-font-smoothing: grayscale;
1495 -webkit-font-smoothing: antialiased;
1496 font-family: Roboto, sans-serif;
1497 /* @alternate */
1498 font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
1499 font-size: 1rem;
1500 /* @alternate */
1501 font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
1502 line-height: 1.75rem;
1503 /* @alternate */
1504 line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
1505 font-weight: 400;
1506 /* @alternate */
1507 font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
1508 letter-spacing: 0.009375em;
1509 /* @alternate */
1510 letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
1511 text-decoration: inherit;
1512 /* @alternate */
1513 -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
1514 text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
1515 text-transform: inherit;
1516 /* @alternate */
1517 text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
1518 text-overflow: ellipsis;
1519 white-space: nowrap;
1520 overflow: hidden;
1521}
1522.mdc-list-item--with-two-lines .mdc-list-item__primary-text, .mdc-list-item--with-three-lines .mdc-list-item__primary-text {
1523 display: block;
1524 margin-top: 0;
1525 /* @alternate */
1526 line-height: normal;
1527 margin-bottom: -20px;
1528}
1529.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::before {
1530 display: inline-block;
1531 width: 0;
1532 height: 28px;
1533 content: "";
1534 vertical-align: 0;
1535}
1536.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::after {
1537 display: inline-block;
1538 width: 0;
1539 height: 20px;
1540 content: "";
1541 vertical-align: -20px;
1542}
1543
1544.mdc-list-item__secondary-text {
1545 -moz-osx-font-smoothing: grayscale;
1546 -webkit-font-smoothing: antialiased;
1547 font-family: Roboto, sans-serif;
1548 /* @alternate */
1549 font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
1550 font-size: 0.875rem;
1551 /* @alternate */
1552 font-size: var(--mdc-typography-body2-font-size, 0.875rem);
1553 line-height: 1.25rem;
1554 /* @alternate */
1555 line-height: var(--mdc-typography-body2-line-height, 1.25rem);
1556 font-weight: 400;
1557 /* @alternate */
1558 font-weight: var(--mdc-typography-body2-font-weight, 400);
1559 letter-spacing: 0.0178571429em;
1560 /* @alternate */
1561 letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
1562 text-decoration: inherit;
1563 /* @alternate */
1564 -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
1565 text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
1566 text-transform: inherit;
1567 /* @alternate */
1568 text-transform: var(--mdc-typography-body2-text-transform, inherit);
1569 text-overflow: ellipsis;
1570 white-space: nowrap;
1571 overflow: hidden;
1572 display: block;
1573 margin-top: 0;
1574 /* @alternate */
1575 line-height: normal;
1576}
1577.mdc-list-item__secondary-text::before {
1578 display: inline-block;
1579 width: 0;
1580 height: 20px;
1581 content: "";
1582 vertical-align: 0;
1583}
1584.mdc-list-item--with-three-lines .mdc-list-item__secondary-text {
1585 white-space: normal;
1586 line-height: 20px;
1587}
1588.mdc-list-item--with-overline .mdc-list-item__secondary-text {
1589 white-space: nowrap;
1590 line-height: auto;
1591}
1592
1593.mdc-list-item__overline-text {
1594 -moz-osx-font-smoothing: grayscale;
1595 -webkit-font-smoothing: antialiased;
1596 font-family: Roboto, sans-serif;
1597 /* @alternate */
1598 font-family: var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
1599 font-size: 0.75rem;
1600 /* @alternate */
1601 font-size: var(--mdc-typography-overline-font-size, 0.75rem);
1602 line-height: 2rem;
1603 /* @alternate */
1604 line-height: var(--mdc-typography-overline-line-height, 2rem);
1605 font-weight: 500;
1606 /* @alternate */
1607 font-weight: var(--mdc-typography-overline-font-weight, 500);
1608 letter-spacing: 0.1666666667em;
1609 /* @alternate */
1610 letter-spacing: var(--mdc-typography-overline-letter-spacing, 0.1666666667em);
1611 text-decoration: none;
1612 /* @alternate */
1613 -webkit-text-decoration: var(--mdc-typography-overline-text-decoration, none);
1614 text-decoration: var(--mdc-typography-overline-text-decoration, none);
1615 text-transform: uppercase;
1616 /* @alternate */
1617 text-transform: var(--mdc-typography-overline-text-transform, uppercase);
1618 text-overflow: ellipsis;
1619 white-space: nowrap;
1620 overflow: hidden;
1621}
1622.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
1623 display: block;
1624 margin-top: 0;
1625 /* @alternate */
1626 line-height: normal;
1627 margin-bottom: -20px;
1628}
1629.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
1630 display: inline-block;
1631 width: 0;
1632 height: 24px;
1633 content: "";
1634 vertical-align: 0;
1635}
1636.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
1637 display: inline-block;
1638 width: 0;
1639 height: 20px;
1640 content: "";
1641 vertical-align: -20px;
1642}
1643.mdc-list-item--with-three-lines .mdc-list-item__overline-text {
1644 display: block;
1645 margin-top: 0;
1646 /* @alternate */
1647 line-height: normal;
1648 margin-bottom: -20px;
1649}
1650.mdc-list-item--with-three-lines .mdc-list-item__overline-text::before {
1651 display: inline-block;
1652 width: 0;
1653 height: 28px;
1654 content: "";
1655 vertical-align: 0;
1656}
1657.mdc-list-item--with-three-lines .mdc-list-item__overline-text::after {
1658 display: inline-block;
1659 width: 0;
1660 height: 20px;
1661 content: "";
1662 vertical-align: -20px;
1663}
1664
1665.mdc-list-item--with-leading-avatar.mdc-list-item {
1666 /* @noflip */
1667 /*rtl:ignore*/
1668 padding-left: 0;
1669 /* @noflip */
1670 /*rtl:ignore*/
1671 padding-right: auto;
1672}
1673[dir=rtl] .mdc-list-item--with-leading-avatar.mdc-list-item, .mdc-list-item--with-leading-avatar.mdc-list-item[dir=rtl] {
1674 /*rtl:begin:ignore*/
1675 /* @noflip */
1676 /*rtl:ignore*/
1677 padding-left: auto;
1678 /* @noflip */
1679 /*rtl:ignore*/
1680 padding-right: 0;
1681 /*rtl:end:ignore*/
1682}
1683
1684.mdc-list-item--with-leading-avatar .mdc-list-item__start {
1685 /* @noflip */
1686 /*rtl:ignore*/
1687 margin-left: 16px;
1688 /* @noflip */
1689 /*rtl:ignore*/
1690 margin-right: 16px;
1691}
1692[dir=rtl] .mdc-list-item--with-leading-avatar .mdc-list-item__start, .mdc-list-item--with-leading-avatar .mdc-list-item__start[dir=rtl] {
1693 /*rtl:begin:ignore*/
1694 /* @noflip */
1695 /*rtl:ignore*/
1696 margin-left: 16px;
1697 /* @noflip */
1698 /*rtl:ignore*/
1699 margin-right: 16px;
1700 /*rtl:end:ignore*/
1701}
1702
1703.mdc-list-item--with-leading-avatar .mdc-list-item__start {
1704 width: 40px;
1705 height: 40px;
1706}
1707.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
1708 display: block;
1709 margin-top: 0;
1710 /* @alternate */
1711 line-height: normal;
1712 margin-bottom: -20px;
1713}
1714.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
1715 display: inline-block;
1716 width: 0;
1717 height: 32px;
1718 content: "";
1719 vertical-align: 0;
1720}
1721.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
1722 display: inline-block;
1723 width: 0;
1724 height: 20px;
1725 content: "";
1726 vertical-align: -20px;
1727}
1728.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
1729 display: block;
1730 margin-top: 0;
1731 /* @alternate */
1732 line-height: normal;
1733 margin-bottom: -20px;
1734}
1735.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
1736 display: inline-block;
1737 width: 0;
1738 height: 28px;
1739 content: "";
1740 vertical-align: 0;
1741}
1742.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
1743 display: inline-block;
1744 width: 0;
1745 height: 20px;
1746 content: "";
1747 vertical-align: -20px;
1748}
1749.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
1750 display: block;
1751 margin-top: 0;
1752 /* @alternate */
1753 line-height: normal;
1754}
1755.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
1756 display: inline-block;
1757 width: 0;
1758 height: 32px;
1759 content: "";
1760 vertical-align: 0;
1761}
1762.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line {
1763 height: 56px;
1764}
1765.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines {
1766 height: 72px;
1767}
1768.mdc-list-item--with-leading-avatar .mdc-list-item__start {
1769 border-radius: 50%;
1770}
1771
1772.mdc-list-item--with-leading-icon .mdc-list-item__start {
1773 width: 24px;
1774 height: 24px;
1775}
1776.mdc-list-item--with-leading-icon.mdc-list-item {
1777 /* @noflip */
1778 /*rtl:ignore*/
1779 padding-left: 0;
1780 /* @noflip */
1781 /*rtl:ignore*/
1782 padding-right: auto;
1783}
1784[dir=rtl] .mdc-list-item--with-leading-icon.mdc-list-item, .mdc-list-item--with-leading-icon.mdc-list-item[dir=rtl] {
1785 /*rtl:begin:ignore*/
1786 /* @noflip */
1787 /*rtl:ignore*/
1788 padding-left: auto;
1789 /* @noflip */
1790 /*rtl:ignore*/
1791 padding-right: 0;
1792 /*rtl:end:ignore*/
1793}
1794
1795.mdc-list-item--with-leading-icon .mdc-list-item__start {
1796 /* @noflip */
1797 /*rtl:ignore*/
1798 margin-left: 16px;
1799 /* @noflip */
1800 /*rtl:ignore*/
1801 margin-right: 32px;
1802}
1803[dir=rtl] .mdc-list-item--with-leading-icon .mdc-list-item__start, .mdc-list-item--with-leading-icon .mdc-list-item__start[dir=rtl] {
1804 /*rtl:begin:ignore*/
1805 /* @noflip */
1806 /*rtl:ignore*/
1807 margin-left: 32px;
1808 /* @noflip */
1809 /*rtl:ignore*/
1810 margin-right: 16px;
1811 /*rtl:end:ignore*/
1812}
1813
1814.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
1815 display: block;
1816 margin-top: 0;
1817 /* @alternate */
1818 line-height: normal;
1819 margin-bottom: -20px;
1820}
1821.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
1822 display: inline-block;
1823 width: 0;
1824 height: 32px;
1825 content: "";
1826 vertical-align: 0;
1827}
1828.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
1829 display: inline-block;
1830 width: 0;
1831 height: 20px;
1832 content: "";
1833 vertical-align: -20px;
1834}
1835.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
1836 display: block;
1837 margin-top: 0;
1838 /* @alternate */
1839 line-height: normal;
1840 margin-bottom: -20px;
1841}
1842.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
1843 display: inline-block;
1844 width: 0;
1845 height: 28px;
1846 content: "";
1847 vertical-align: 0;
1848}
1849.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
1850 display: inline-block;
1851 width: 0;
1852 height: 20px;
1853 content: "";
1854 vertical-align: -20px;
1855}
1856.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
1857 display: block;
1858 margin-top: 0;
1859 /* @alternate */
1860 line-height: normal;
1861}
1862.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
1863 display: inline-block;
1864 width: 0;
1865 height: 32px;
1866 content: "";
1867 vertical-align: 0;
1868}
1869.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
1870 height: 56px;
1871}
1872.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
1873 height: 72px;
1874}
1875
1876.mdc-list-item--with-leading-thumbnail.mdc-list-item {
1877 /* @noflip */
1878 /*rtl:ignore*/
1879 padding-left: 0;
1880 /* @noflip */
1881 /*rtl:ignore*/
1882 padding-right: auto;
1883}
1884[dir=rtl] .mdc-list-item--with-leading-thumbnail.mdc-list-item, .mdc-list-item--with-leading-thumbnail.mdc-list-item[dir=rtl] {
1885 /*rtl:begin:ignore*/
1886 /* @noflip */
1887 /*rtl:ignore*/
1888 padding-left: auto;
1889 /* @noflip */
1890 /*rtl:ignore*/
1891 padding-right: 0;
1892 /*rtl:end:ignore*/
1893}
1894
1895.mdc-list-item--with-leading-thumbnail .mdc-list-item__start {
1896 /* @noflip */
1897 /*rtl:ignore*/
1898 margin-left: 16px;
1899 /* @noflip */
1900 /*rtl:ignore*/
1901 margin-right: 16px;
1902}
1903[dir=rtl] .mdc-list-item--with-leading-thumbnail .mdc-list-item__start, .mdc-list-item--with-leading-thumbnail .mdc-list-item__start[dir=rtl] {
1904 /*rtl:begin:ignore*/
1905 /* @noflip */
1906 /*rtl:ignore*/
1907 margin-left: 16px;
1908 /* @noflip */
1909 /*rtl:ignore*/
1910 margin-right: 16px;
1911 /*rtl:end:ignore*/
1912}
1913
1914.mdc-list-item--with-leading-thumbnail .mdc-list-item__start {
1915 width: 40px;
1916 height: 40px;
1917}
1918.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
1919 display: block;
1920 margin-top: 0;
1921 /* @alternate */
1922 line-height: normal;
1923 margin-bottom: -20px;
1924}
1925.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
1926 display: inline-block;
1927 width: 0;
1928 height: 32px;
1929 content: "";
1930 vertical-align: 0;
1931}
1932.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
1933 display: inline-block;
1934 width: 0;
1935 height: 20px;
1936 content: "";
1937 vertical-align: -20px;
1938}
1939.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
1940 display: block;
1941 margin-top: 0;
1942 /* @alternate */
1943 line-height: normal;
1944 margin-bottom: -20px;
1945}
1946.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
1947 display: inline-block;
1948 width: 0;
1949 height: 28px;
1950 content: "";
1951 vertical-align: 0;
1952}
1953.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
1954 display: inline-block;
1955 width: 0;
1956 height: 20px;
1957 content: "";
1958 vertical-align: -20px;
1959}
1960.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
1961 display: block;
1962 margin-top: 0;
1963 /* @alternate */
1964 line-height: normal;
1965}
1966.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
1967 display: inline-block;
1968 width: 0;
1969 height: 32px;
1970 content: "";
1971 vertical-align: 0;
1972}
1973.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-one-line {
1974 height: 56px;
1975}
1976.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines {
1977 height: 72px;
1978}
1979
1980.mdc-list-item--with-leading-image.mdc-list-item {
1981 /* @noflip */
1982 /*rtl:ignore*/
1983 padding-left: 0;
1984 /* @noflip */
1985 /*rtl:ignore*/
1986 padding-right: auto;
1987}
1988[dir=rtl] .mdc-list-item--with-leading-image.mdc-list-item, .mdc-list-item--with-leading-image.mdc-list-item[dir=rtl] {
1989 /*rtl:begin:ignore*/
1990 /* @noflip */
1991 /*rtl:ignore*/
1992 padding-left: auto;
1993 /* @noflip */
1994 /*rtl:ignore*/
1995 padding-right: 0;
1996 /*rtl:end:ignore*/
1997}
1998
1999.mdc-list-item--with-leading-image .mdc-list-item__start {
2000 /* @noflip */
2001 /*rtl:ignore*/
2002 margin-left: 16px;
2003 /* @noflip */
2004 /*rtl:ignore*/
2005 margin-right: 16px;
2006}
2007[dir=rtl] .mdc-list-item--with-leading-image .mdc-list-item__start, .mdc-list-item--with-leading-image .mdc-list-item__start[dir=rtl] {
2008 /*rtl:begin:ignore*/
2009 /* @noflip */
2010 /*rtl:ignore*/
2011 margin-left: 16px;
2012 /* @noflip */
2013 /*rtl:ignore*/
2014 margin-right: 16px;
2015 /*rtl:end:ignore*/
2016}
2017
2018.mdc-list-item--with-leading-image .mdc-list-item__start {
2019 width: 56px;
2020 height: 56px;
2021}
2022.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
2023 display: block;
2024 margin-top: 0;
2025 /* @alternate */
2026 line-height: normal;
2027 margin-bottom: -20px;
2028}
2029.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
2030 display: inline-block;
2031 width: 0;
2032 height: 32px;
2033 content: "";
2034 vertical-align: 0;
2035}
2036.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
2037 display: inline-block;
2038 width: 0;
2039 height: 20px;
2040 content: "";
2041 vertical-align: -20px;
2042}
2043.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
2044 display: block;
2045 margin-top: 0;
2046 /* @alternate */
2047 line-height: normal;
2048 margin-bottom: -20px;
2049}
2050.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
2051 display: inline-block;
2052 width: 0;
2053 height: 28px;
2054 content: "";
2055 vertical-align: 0;
2056}
2057.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
2058 display: inline-block;
2059 width: 0;
2060 height: 20px;
2061 content: "";
2062 vertical-align: -20px;
2063}
2064.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
2065 display: block;
2066 margin-top: 0;
2067 /* @alternate */
2068 line-height: normal;
2069}
2070.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
2071 display: inline-block;
2072 width: 0;
2073 height: 32px;
2074 content: "";
2075 vertical-align: 0;
2076}
2077.mdc-list-item--with-leading-image.mdc-list-item--with-one-line {
2078 height: 72px;
2079}
2080.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines {
2081 height: 72px;
2082}
2083
2084.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__start {
2085 align-self: flex-start;
2086 margin-top: 8px;
2087}
2088.mdc-list-item--with-leading-video.mdc-list-item {
2089 /* @noflip */
2090 /*rtl:ignore*/
2091 padding-left: 0;
2092 /* @noflip */
2093 /*rtl:ignore*/
2094 padding-right: auto;
2095}
2096[dir=rtl] .mdc-list-item--with-leading-video.mdc-list-item, .mdc-list-item--with-leading-video.mdc-list-item[dir=rtl] {
2097 /*rtl:begin:ignore*/
2098 /* @noflip */
2099 /*rtl:ignore*/
2100 padding-left: auto;
2101 /* @noflip */
2102 /*rtl:ignore*/
2103 padding-right: 0;
2104 /*rtl:end:ignore*/
2105}
2106
2107.mdc-list-item--with-leading-video .mdc-list-item__start {
2108 /* @noflip */
2109 /*rtl:ignore*/
2110 margin-left: 0;
2111 /* @noflip */
2112 /*rtl:ignore*/
2113 margin-right: 16px;
2114}
2115[dir=rtl] .mdc-list-item--with-leading-video .mdc-list-item__start, .mdc-list-item--with-leading-video .mdc-list-item__start[dir=rtl] {
2116 /*rtl:begin:ignore*/
2117 /* @noflip */
2118 /*rtl:ignore*/
2119 margin-left: 16px;
2120 /* @noflip */
2121 /*rtl:ignore*/
2122 margin-right: 0;
2123 /*rtl:end:ignore*/
2124}
2125
2126.mdc-list-item--with-leading-video .mdc-list-item__start {
2127 width: 100px;
2128 height: 56px;
2129}
2130.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
2131 display: block;
2132 margin-top: 0;
2133 /* @alternate */
2134 line-height: normal;
2135 margin-bottom: -20px;
2136}
2137.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
2138 display: inline-block;
2139 width: 0;
2140 height: 32px;
2141 content: "";
2142 vertical-align: 0;
2143}
2144.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
2145 display: inline-block;
2146 width: 0;
2147 height: 20px;
2148 content: "";
2149 vertical-align: -20px;
2150}
2151.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
2152 display: block;
2153 margin-top: 0;
2154 /* @alternate */
2155 line-height: normal;
2156 margin-bottom: -20px;
2157}
2158.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
2159 display: inline-block;
2160 width: 0;
2161 height: 28px;
2162 content: "";
2163 vertical-align: 0;
2164}
2165.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
2166 display: inline-block;
2167 width: 0;
2168 height: 20px;
2169 content: "";
2170 vertical-align: -20px;
2171}
2172.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
2173 display: block;
2174 margin-top: 0;
2175 /* @alternate */
2176 line-height: normal;
2177}
2178.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
2179 display: inline-block;
2180 width: 0;
2181 height: 32px;
2182 content: "";
2183 vertical-align: 0;
2184}
2185.mdc-list-item--with-leading-video.mdc-list-item--with-one-line {
2186 height: 72px;
2187}
2188.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines {
2189 height: 72px;
2190}
2191
2192.mdc-list-item--with-leading-checkbox.mdc-list-item {
2193 /* @noflip */
2194 /*rtl:ignore*/
2195 padding-left: 0;
2196 /* @noflip */
2197 /*rtl:ignore*/
2198 padding-right: auto;
2199}
2200[dir=rtl] .mdc-list-item--with-leading-checkbox.mdc-list-item, .mdc-list-item--with-leading-checkbox.mdc-list-item[dir=rtl] {
2201 /*rtl:begin:ignore*/
2202 /* @noflip */
2203 /*rtl:ignore*/
2204 padding-left: auto;
2205 /* @noflip */
2206 /*rtl:ignore*/
2207 padding-right: 0;
2208 /*rtl:end:ignore*/
2209}
2210
2211.mdc-list-item--with-leading-checkbox .mdc-list-item__start {
2212 /* @noflip */
2213 /*rtl:ignore*/
2214 margin-left: 8px;
2215 /* @noflip */
2216 /*rtl:ignore*/
2217 margin-right: 24px;
2218}
2219[dir=rtl] .mdc-list-item--with-leading-checkbox .mdc-list-item__start, .mdc-list-item--with-leading-checkbox .mdc-list-item__start[dir=rtl] {
2220 /*rtl:begin:ignore*/
2221 /* @noflip */
2222 /*rtl:ignore*/
2223 margin-left: 24px;
2224 /* @noflip */
2225 /*rtl:ignore*/
2226 margin-right: 8px;
2227 /*rtl:end:ignore*/
2228}
2229
2230.mdc-list-item--with-leading-checkbox .mdc-list-item__start {
2231 width: 40px;
2232 height: 40px;
2233}
2234.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__start {
2235 align-self: flex-start;
2236 margin-top: 8px;
2237}
2238.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
2239 display: block;
2240 margin-top: 0;
2241 /* @alternate */
2242 line-height: normal;
2243 margin-bottom: -20px;
2244}
2245.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
2246 display: inline-block;
2247 width: 0;
2248 height: 32px;
2249 content: "";
2250 vertical-align: 0;
2251}
2252.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
2253 display: inline-block;
2254 width: 0;
2255 height: 20px;
2256 content: "";
2257 vertical-align: -20px;
2258}
2259.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
2260 display: block;
2261 margin-top: 0;
2262 /* @alternate */
2263 line-height: normal;
2264 margin-bottom: -20px;
2265}
2266.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
2267 display: inline-block;
2268 width: 0;
2269 height: 28px;
2270 content: "";
2271 vertical-align: 0;
2272}
2273.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
2274 display: inline-block;
2275 width: 0;
2276 height: 20px;
2277 content: "";
2278 vertical-align: -20px;
2279}
2280.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
2281 display: block;
2282 margin-top: 0;
2283 /* @alternate */
2284 line-height: normal;
2285}
2286.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
2287 display: inline-block;
2288 width: 0;
2289 height: 32px;
2290 content: "";
2291 vertical-align: 0;
2292}
2293.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line {
2294 height: 56px;
2295}
2296.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines {
2297 height: 72px;
2298}
2299
2300.mdc-list-item--with-leading-radio.mdc-list-item {
2301 /* @noflip */
2302 /*rtl:ignore*/
2303 padding-left: 0;
2304 /* @noflip */
2305 /*rtl:ignore*/
2306 padding-right: auto;
2307}
2308[dir=rtl] .mdc-list-item--with-leading-radio.mdc-list-item, .mdc-list-item--with-leading-radio.mdc-list-item[dir=rtl] {
2309 /*rtl:begin:ignore*/
2310 /* @noflip */
2311 /*rtl:ignore*/
2312 padding-left: auto;
2313 /* @noflip */
2314 /*rtl:ignore*/
2315 padding-right: 0;
2316 /*rtl:end:ignore*/
2317}
2318
2319.mdc-list-item--with-leading-radio .mdc-list-item__start {
2320 /* @noflip */
2321 /*rtl:ignore*/
2322 margin-left: 8px;
2323 /* @noflip */
2324 /*rtl:ignore*/
2325 margin-right: 24px;
2326}
2327[dir=rtl] .mdc-list-item--with-leading-radio .mdc-list-item__start, .mdc-list-item--with-leading-radio .mdc-list-item__start[dir=rtl] {
2328 /*rtl:begin:ignore*/
2329 /* @noflip */
2330 /*rtl:ignore*/
2331 margin-left: 24px;
2332 /* @noflip */
2333 /*rtl:ignore*/
2334 margin-right: 8px;
2335 /*rtl:end:ignore*/
2336}
2337
2338.mdc-list-item--with-leading-radio .mdc-list-item__start {
2339 width: 40px;
2340 height: 40px;
2341}
2342.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__start {
2343 align-self: flex-start;
2344 margin-top: 8px;
2345}
2346.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
2347 display: block;
2348 margin-top: 0;
2349 /* @alternate */
2350 line-height: normal;
2351 margin-bottom: -20px;
2352}
2353.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
2354 display: inline-block;
2355 width: 0;
2356 height: 32px;
2357 content: "";
2358 vertical-align: 0;
2359}
2360.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
2361 display: inline-block;
2362 width: 0;
2363 height: 20px;
2364 content: "";
2365 vertical-align: -20px;
2366}
2367.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
2368 display: block;
2369 margin-top: 0;
2370 /* @alternate */
2371 line-height: normal;
2372 margin-bottom: -20px;
2373}
2374.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
2375 display: inline-block;
2376 width: 0;
2377 height: 28px;
2378 content: "";
2379 vertical-align: 0;
2380}
2381.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
2382 display: inline-block;
2383 width: 0;
2384 height: 20px;
2385 content: "";
2386 vertical-align: -20px;
2387}
2388.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
2389 display: block;
2390 margin-top: 0;
2391 /* @alternate */
2392 line-height: normal;
2393}
2394.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
2395 display: inline-block;
2396 width: 0;
2397 height: 32px;
2398 content: "";
2399 vertical-align: 0;
2400}
2401.mdc-list-item--with-leading-radio.mdc-list-item--with-one-line {
2402 height: 56px;
2403}
2404.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines {
2405 height: 72px;
2406}
2407
2408.mdc-list-item--with-leading-switch.mdc-list-item {
2409 /* @noflip */
2410 /*rtl:ignore*/
2411 padding-left: 0;
2412 /* @noflip */
2413 /*rtl:ignore*/
2414 padding-right: auto;
2415}
2416[dir=rtl] .mdc-list-item--with-leading-switch.mdc-list-item, .mdc-list-item--with-leading-switch.mdc-list-item[dir=rtl] {
2417 /*rtl:begin:ignore*/
2418 /* @noflip */
2419 /*rtl:ignore*/
2420 padding-left: auto;
2421 /* @noflip */
2422 /*rtl:ignore*/
2423 padding-right: 0;
2424 /*rtl:end:ignore*/
2425}
2426
2427.mdc-list-item--with-leading-switch .mdc-list-item__start {
2428 /* @noflip */
2429 /*rtl:ignore*/
2430 margin-left: 16px;
2431 /* @noflip */
2432 /*rtl:ignore*/
2433 margin-right: 16px;
2434}
2435[dir=rtl] .mdc-list-item--with-leading-switch .mdc-list-item__start, .mdc-list-item--with-leading-switch .mdc-list-item__start[dir=rtl] {
2436 /*rtl:begin:ignore*/
2437 /* @noflip */
2438 /*rtl:ignore*/
2439 margin-left: 16px;
2440 /* @noflip */
2441 /*rtl:ignore*/
2442 margin-right: 16px;
2443 /*rtl:end:ignore*/
2444}
2445
2446.mdc-list-item--with-leading-switch .mdc-list-item__start {
2447 width: 36px;
2448 height: 20px;
2449}
2450.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__start {
2451 align-self: flex-start;
2452 margin-top: 16px;
2453}
2454.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
2455 display: block;
2456 margin-top: 0;
2457 /* @alternate */
2458 line-height: normal;
2459 margin-bottom: -20px;
2460}
2461.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
2462 display: inline-block;
2463 width: 0;
2464 height: 32px;
2465 content: "";
2466 vertical-align: 0;
2467}
2468.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
2469 display: inline-block;
2470 width: 0;
2471 height: 20px;
2472 content: "";
2473 vertical-align: -20px;
2474}
2475.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
2476 display: block;
2477 margin-top: 0;
2478 /* @alternate */
2479 line-height: normal;
2480 margin-bottom: -20px;
2481}
2482.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
2483 display: inline-block;
2484 width: 0;
2485 height: 28px;
2486 content: "";
2487 vertical-align: 0;
2488}
2489.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
2490 display: inline-block;
2491 width: 0;
2492 height: 20px;
2493 content: "";
2494 vertical-align: -20px;
2495}
2496.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
2497 display: block;
2498 margin-top: 0;
2499 /* @alternate */
2500 line-height: normal;
2501}
2502.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
2503 display: inline-block;
2504 width: 0;
2505 height: 32px;
2506 content: "";
2507 vertical-align: 0;
2508}
2509.mdc-list-item--with-leading-switch.mdc-list-item--with-one-line {
2510 height: 56px;
2511}
2512.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines {
2513 height: 72px;
2514}
2515
2516.mdc-list-item--with-trailing-icon.mdc-list-item {
2517 /* @noflip */
2518 /*rtl:ignore*/
2519 padding-left: auto;
2520 /* @noflip */
2521 /*rtl:ignore*/
2522 padding-right: 0;
2523}
2524[dir=rtl] .mdc-list-item--with-trailing-icon.mdc-list-item, .mdc-list-item--with-trailing-icon.mdc-list-item[dir=rtl] {
2525 /*rtl:begin:ignore*/
2526 /* @noflip */
2527 /*rtl:ignore*/
2528 padding-left: 0;
2529 /* @noflip */
2530 /*rtl:ignore*/
2531 padding-right: auto;
2532 /*rtl:end:ignore*/
2533}
2534
2535.mdc-list-item--with-trailing-icon .mdc-list-item__end {
2536 /* @noflip */
2537 /*rtl:ignore*/
2538 margin-left: 16px;
2539 /* @noflip */
2540 /*rtl:ignore*/
2541 margin-right: 16px;
2542}
2543[dir=rtl] .mdc-list-item--with-trailing-icon .mdc-list-item__end, .mdc-list-item--with-trailing-icon .mdc-list-item__end[dir=rtl] {
2544 /*rtl:begin:ignore*/
2545 /* @noflip */
2546 /*rtl:ignore*/
2547 margin-left: 16px;
2548 /* @noflip */
2549 /*rtl:ignore*/
2550 margin-right: 16px;
2551 /*rtl:end:ignore*/
2552}
2553
2554.mdc-list-item--with-trailing-icon .mdc-list-item__end {
2555 width: 24px;
2556 height: 24px;
2557}
2558
2559.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {
2560 align-self: flex-start;
2561 margin-top: 0;
2562}
2563.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end {
2564 align-self: flex-start;
2565 margin-top: 0;
2566}
2567.mdc-list-item--with-trailing-meta.mdc-list-item {
2568 /* @noflip */
2569 /*rtl:ignore*/
2570 padding-left: auto;
2571 /* @noflip */
2572 /*rtl:ignore*/
2573 padding-right: 0;
2574}
2575[dir=rtl] .mdc-list-item--with-trailing-meta.mdc-list-item, .mdc-list-item--with-trailing-meta.mdc-list-item[dir=rtl] {
2576 /*rtl:begin:ignore*/
2577 /* @noflip */
2578 /*rtl:ignore*/
2579 padding-left: 0;
2580 /* @noflip */
2581 /*rtl:ignore*/
2582 padding-right: auto;
2583 /*rtl:end:ignore*/
2584}
2585
2586.mdc-list-item--with-trailing-meta .mdc-list-item__end {
2587 /* @noflip */
2588 /*rtl:ignore*/
2589 margin-left: 28px;
2590 /* @noflip */
2591 /*rtl:ignore*/
2592 margin-right: 16px;
2593}
2594[dir=rtl] .mdc-list-item--with-trailing-meta .mdc-list-item__end, .mdc-list-item--with-trailing-meta .mdc-list-item__end[dir=rtl] {
2595 /*rtl:begin:ignore*/
2596 /* @noflip */
2597 /*rtl:ignore*/
2598 margin-left: 16px;
2599 /* @noflip */
2600 /*rtl:ignore*/
2601 margin-right: 28px;
2602 /*rtl:end:ignore*/
2603}
2604
2605.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {
2606 display: block;
2607 margin-top: 0;
2608 /* @alternate */
2609 line-height: normal;
2610}
2611.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end::before {
2612 display: inline-block;
2613 width: 0;
2614 height: 28px;
2615 content: "";
2616 vertical-align: 0;
2617}
2618.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end {
2619 display: block;
2620 margin-top: 0;
2621 /* @alternate */
2622 line-height: normal;
2623}
2624.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end::before {
2625 display: inline-block;
2626 width: 0;
2627 height: 28px;
2628 content: "";
2629 vertical-align: 0;
2630}
2631.mdc-list-item--with-trailing-meta .mdc-list-item__end {
2632 -moz-osx-font-smoothing: grayscale;
2633 -webkit-font-smoothing: antialiased;
2634 font-family: Roboto, sans-serif;
2635 /* @alternate */
2636 font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
2637 font-size: 0.75rem;
2638 /* @alternate */
2639 font-size: var(--mdc-typography-caption-font-size, 0.75rem);
2640 line-height: 1.25rem;
2641 /* @alternate */
2642 line-height: var(--mdc-typography-caption-line-height, 1.25rem);
2643 font-weight: 400;
2644 /* @alternate */
2645 font-weight: var(--mdc-typography-caption-font-weight, 400);
2646 letter-spacing: 0.0333333333em;
2647 /* @alternate */
2648 letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
2649 text-decoration: inherit;
2650 /* @alternate */
2651 -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
2652 text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
2653 text-transform: inherit;
2654 /* @alternate */
2655 text-transform: var(--mdc-typography-caption-text-transform, inherit);
2656}
2657
2658.mdc-list-item--with-trailing-checkbox.mdc-list-item {
2659 /* @noflip */
2660 /*rtl:ignore*/
2661 padding-left: auto;
2662 /* @noflip */
2663 /*rtl:ignore*/
2664 padding-right: 0;
2665}
2666[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item, .mdc-list-item--with-trailing-checkbox.mdc-list-item[dir=rtl] {
2667 /*rtl:begin:ignore*/
2668 /* @noflip */
2669 /*rtl:ignore*/
2670 padding-left: 0;
2671 /* @noflip */
2672 /*rtl:ignore*/
2673 padding-right: auto;
2674 /*rtl:end:ignore*/
2675}
2676
2677.mdc-list-item--with-trailing-checkbox .mdc-list-item__end {
2678 /* @noflip */
2679 /*rtl:ignore*/
2680 margin-left: 24px;
2681 /* @noflip */
2682 /*rtl:ignore*/
2683 margin-right: 8px;
2684}
2685[dir=rtl] .mdc-list-item--with-trailing-checkbox .mdc-list-item__end, .mdc-list-item--with-trailing-checkbox .mdc-list-item__end[dir=rtl] {
2686 /*rtl:begin:ignore*/
2687 /* @noflip */
2688 /*rtl:ignore*/
2689 margin-left: 8px;
2690 /* @noflip */
2691 /*rtl:ignore*/
2692 margin-right: 24px;
2693 /*rtl:end:ignore*/
2694}
2695
2696.mdc-list-item--with-trailing-checkbox .mdc-list-item__end {
2697 width: 40px;
2698 height: 40px;
2699}
2700.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-three-lines .mdc-list-item__end {
2701 align-self: flex-start;
2702 margin-top: 8px;
2703}
2704
2705.mdc-list-item--with-trailing-radio.mdc-list-item {
2706 /* @noflip */
2707 /*rtl:ignore*/
2708 padding-left: auto;
2709 /* @noflip */
2710 /*rtl:ignore*/
2711 padding-right: 0;
2712}
2713[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item, .mdc-list-item--with-trailing-radio.mdc-list-item[dir=rtl] {
2714 /*rtl:begin:ignore*/
2715 /* @noflip */
2716 /*rtl:ignore*/
2717 padding-left: 0;
2718 /* @noflip */
2719 /*rtl:ignore*/
2720 padding-right: auto;
2721 /*rtl:end:ignore*/
2722}
2723
2724.mdc-list-item--with-trailing-radio .mdc-list-item__end {
2725 /* @noflip */
2726 /*rtl:ignore*/
2727 margin-left: 24px;
2728 /* @noflip */
2729 /*rtl:ignore*/
2730 margin-right: 8px;
2731}
2732[dir=rtl] .mdc-list-item--with-trailing-radio .mdc-list-item__end, .mdc-list-item--with-trailing-radio .mdc-list-item__end[dir=rtl] {
2733 /*rtl:begin:ignore*/
2734 /* @noflip */
2735 /*rtl:ignore*/
2736 margin-left: 8px;
2737 /* @noflip */
2738 /*rtl:ignore*/
2739 margin-right: 24px;
2740 /*rtl:end:ignore*/
2741}
2742
2743.mdc-list-item--with-trailing-radio .mdc-list-item__end {
2744 width: 40px;
2745 height: 40px;
2746}
2747.mdc-list-item--with-trailing-radio.mdc-list-item--with-three-lines .mdc-list-item__end {
2748 align-self: flex-start;
2749 margin-top: 8px;
2750}
2751
2752.mdc-list-item--with-trailing-switch.mdc-list-item {
2753 /* @noflip */
2754 /*rtl:ignore*/
2755 padding-left: auto;
2756 /* @noflip */
2757 /*rtl:ignore*/
2758 padding-right: 0;
2759}
2760[dir=rtl] .mdc-list-item--with-trailing-switch.mdc-list-item, .mdc-list-item--with-trailing-switch.mdc-list-item[dir=rtl] {
2761 /*rtl:begin:ignore*/
2762 /* @noflip */
2763 /*rtl:ignore*/
2764 padding-left: 0;
2765 /* @noflip */
2766 /*rtl:ignore*/
2767 padding-right: auto;
2768 /*rtl:end:ignore*/
2769}
2770
2771.mdc-list-item--with-trailing-switch .mdc-list-item__end {
2772 /* @noflip */
2773 /*rtl:ignore*/
2774 margin-left: 16px;
2775 /* @noflip */
2776 /*rtl:ignore*/
2777 margin-right: 16px;
2778}
2779[dir=rtl] .mdc-list-item--with-trailing-switch .mdc-list-item__end, .mdc-list-item--with-trailing-switch .mdc-list-item__end[dir=rtl] {
2780 /*rtl:begin:ignore*/
2781 /* @noflip */
2782 /*rtl:ignore*/
2783 margin-left: 16px;
2784 /* @noflip */
2785 /*rtl:ignore*/
2786 margin-right: 16px;
2787 /*rtl:end:ignore*/
2788}
2789
2790.mdc-list-item--with-trailing-switch .mdc-list-item__end {
2791 width: 36px;
2792 height: 20px;
2793}
2794.mdc-list-item--with-trailing-switch.mdc-list-item--with-three-lines .mdc-list-item__end {
2795 align-self: flex-start;
2796 margin-top: 16px;
2797}
2798
2799.mdc-list-item--with-overline.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
2800 display: block;
2801 margin-top: 0;
2802 /* @alternate */
2803 line-height: normal;
2804}
2805.mdc-list-item--with-overline.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
2806 display: inline-block;
2807 width: 0;
2808 height: 20px;
2809 content: "";
2810 vertical-align: 0;
2811}
2812.mdc-list-item--with-overline.mdc-list-item--with-three-lines .mdc-list-item__primary-text {
2813 display: block;
2814 margin-top: 0;
2815 /* @alternate */
2816 line-height: normal;
2817}
2818.mdc-list-item--with-overline.mdc-list-item--with-three-lines .mdc-list-item__primary-text::before {
2819 display: inline-block;
2820 width: 0;
2821 height: 20px;
2822 content: "";
2823 vertical-align: 0;
2824}
2825
2826.mdc-list-item {
2827 /* @noflip */
2828 /*rtl:ignore*/
2829 padding-left: 16px;
2830 /* @noflip */
2831 /*rtl:ignore*/
2832 padding-right: 16px;
2833}
2834[dir=rtl] .mdc-list-item, .mdc-list-item[dir=rtl] {
2835 /*rtl:begin:ignore*/
2836 /* @noflip */
2837 /*rtl:ignore*/
2838 padding-left: 16px;
2839 /* @noflip */
2840 /*rtl:ignore*/
2841 padding-right: 16px;
2842 /*rtl:end:ignore*/
2843}
2844
2845.mdc-list-group .mdc-deprecated-list {
2846 padding: 0;
2847}
2848
2849.mdc-list-group__subheader {
2850 -moz-osx-font-smoothing: grayscale;
2851 -webkit-font-smoothing: antialiased;
2852 font-family: Roboto, sans-serif;
2853 /* @alternate */
2854 font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
2855 font-size: 1rem;
2856 /* @alternate */
2857 font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
2858 line-height: 1.75rem;
2859 /* @alternate */
2860 line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
2861 font-weight: 400;
2862 /* @alternate */
2863 font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
2864 letter-spacing: 0.009375em;
2865 /* @alternate */
2866 letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
2867 text-decoration: inherit;
2868 /* @alternate */
2869 -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
2870 text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
2871 text-transform: inherit;
2872 /* @alternate */
2873 text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
2874 margin: calc((3rem - 1.5rem) / 2) 16px;
2875}
2876
2877.mdc-list-divider {
2878 background-color: rgba(0, 0, 0, 0.12);
2879}
2880
2881.mdc-list-divider {
2882 height: 1px;
2883 padding: 0;
2884 background-clip: content-box;
2885}
2886
2887.mdc-list-divider.mdc-list-divider--with-leading-inset,
2888.mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset,
2889.mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset,
2890.mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset,
2891.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset,
2892.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset,
2893.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset,
2894.mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset,
2895.mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset {
2896 /* @noflip */
2897 /*rtl:ignore*/
2898 padding-left: 16px;
2899 /* @noflip */
2900 /*rtl:ignore*/
2901 padding-right: auto;
2902}
2903[dir=rtl] .mdc-list-divider.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset, .mdc-list-divider.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset[dir=rtl] {
2904 /*rtl:begin:ignore*/
2905 /* @noflip */
2906 /*rtl:ignore*/
2907 padding-left: auto;
2908 /* @noflip */
2909 /*rtl:ignore*/
2910 padding-right: 16px;
2911 /*rtl:end:ignore*/
2912}
2913
2914.mdc-list-divider.mdc-list-divider--with-trailing-inset,
2915.mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset,
2916.mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset,
2917.mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset,
2918.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset,
2919.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset,
2920.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset,
2921.mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset,
2922.mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset {
2923 /* @noflip */
2924 /*rtl:ignore*/
2925 padding-left: auto;
2926 /* @noflip */
2927 /*rtl:ignore*/
2928 padding-right: 16px;
2929}
2930[dir=rtl] .mdc-list-divider.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset, .mdc-list-divider.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset[dir=rtl] {
2931 /*rtl:begin:ignore*/
2932 /* @noflip */
2933 /*rtl:ignore*/
2934 padding-left: 16px;
2935 /* @noflip */
2936 /*rtl:ignore*/
2937 padding-right: auto;
2938 /*rtl:end:ignore*/
2939}
2940
2941.mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset {
2942 /* @noflip */
2943 /*rtl:ignore*/
2944 padding-left: 0px;
2945 /* @noflip */
2946 /*rtl:ignore*/
2947 padding-right: auto;
2948}
2949[dir=rtl] .mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset, .mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset[dir=rtl] {
2950 /*rtl:begin:ignore*/
2951 /* @noflip */
2952 /*rtl:ignore*/
2953 padding-left: auto;
2954 /* @noflip */
2955 /*rtl:ignore*/
2956 padding-right: 0px;
2957 /*rtl:end:ignore*/
2958}
2959
2960[dir=rtl] .mdc-list-divider, .mdc-list-divider[dir=rtl] {
2961 /*rtl:begin:ignore*/
2962 padding: 0;
2963 /*rtl:end:ignore*/
2964}
2965
2966@-webkit-keyframes mdc-ripple-fg-radius-in {
2967 from {
2968 -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2969 animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2970 -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
2971 transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
2972 }
2973 to {
2974 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
2975 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
2976 }
2977}
2978
2979@keyframes mdc-ripple-fg-radius-in {
2980 from {
2981 -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2982 animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2983 -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
2984 transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
2985 }
2986 to {
2987 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
2988 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
2989 }
2990}
2991@-webkit-keyframes mdc-ripple-fg-opacity-in {
2992 from {
2993 -webkit-animation-timing-function: linear;
2994 animation-timing-function: linear;
2995 opacity: 0;
2996 }
2997 to {
2998 opacity: var(--mdc-ripple-fg-opacity, 0);
2999 }
3000}
3001@keyframes mdc-ripple-fg-opacity-in {
3002 from {
3003 -webkit-animation-timing-function: linear;
3004 animation-timing-function: linear;
3005 opacity: 0;
3006 }
3007 to {
3008 opacity: var(--mdc-ripple-fg-opacity, 0);
3009 }
3010}
3011@-webkit-keyframes mdc-ripple-fg-opacity-out {
3012 from {
3013 -webkit-animation-timing-function: linear;
3014 animation-timing-function: linear;
3015 opacity: var(--mdc-ripple-fg-opacity, 0);
3016 }
3017 to {
3018 opacity: 0;
3019 }
3020}
3021@keyframes mdc-ripple-fg-opacity-out {
3022 from {
3023 -webkit-animation-timing-function: linear;
3024 animation-timing-function: linear;
3025 opacity: var(--mdc-ripple-fg-opacity, 0);
3026 }
3027 to {
3028 opacity: 0;
3029 }
3030}
3031:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item {
3032 --mdc-ripple-fg-size: 0;
3033 --mdc-ripple-left: 0;
3034 --mdc-ripple-top: 0;
3035 --mdc-ripple-fg-scale: 1;
3036 --mdc-ripple-fg-translate-end: 0;
3037 --mdc-ripple-fg-translate-start: 0;
3038 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
3039 will-change: transform, opacity;
3040 --mdc-ripple-fg-size: 0;
3041 --mdc-ripple-left: 0;
3042 --mdc-ripple-top: 0;
3043 --mdc-ripple-fg-scale: 1;
3044 --mdc-ripple-fg-translate-end: 0;
3045 --mdc-ripple-fg-translate-start: 0;
3046 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
3047 will-change: transform, opacity;
3048}
3049:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before,
3050:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after {
3051 position: absolute;
3052 border-radius: 50%;
3053 opacity: 0;
3054 pointer-events: none;
3055 content: "";
3056}
3057:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before {
3058 transition: opacity 15ms linear, background-color 15ms linear;
3059 z-index: 1;
3060 /* @alternate */
3061 z-index: var(--mdc-ripple-z-index, 1);
3062}
3063:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after {
3064 z-index: 0;
3065 /* @alternate */
3066 z-index: var(--mdc-ripple-z-index, 0);
3067}
3068:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::before {
3069 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
3070 transform: scale(var(--mdc-ripple-fg-scale, 1));
3071}
3072:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after {
3073 top: 0;
3074 /* @noflip */
3075 /*rtl:ignore*/
3076 left: 0;
3077 -webkit-transform: scale(0);
3078 transform: scale(0);
3079 -webkit-transform-origin: center center;
3080 transform-origin: center center;
3081}
3082:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--unbounded .mdc-deprecated-list-item__ripple::after {
3083 top: var(--mdc-ripple-top, 0);
3084 /* @noflip */
3085 /*rtl:ignore*/
3086 left: var(--mdc-ripple-left, 0);
3087}
3088:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-list-item__ripple::after {
3089 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
3090 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
3091}
3092:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-deprecated-list-item__ripple::after {
3093 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
3094 animation: mdc-ripple-fg-opacity-out 150ms;
3095 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
3096 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
3097}
3098:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before,
3099:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after {
3100 position: absolute;
3101 border-radius: 50%;
3102 opacity: 0;
3103 pointer-events: none;
3104 content: "";
3105}
3106:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before {
3107 transition: opacity 15ms linear, background-color 15ms linear;
3108 z-index: 1;
3109 /* @alternate */
3110 z-index: var(--mdc-ripple-z-index, 1);
3111}
3112:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after {
3113 z-index: 0;
3114 /* @alternate */
3115 z-index: var(--mdc-ripple-z-index, 0);
3116}
3117:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before {
3118 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
3119 transform: scale(var(--mdc-ripple-fg-scale, 1));
3120}
3121:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
3122 top: 0;
3123 /* @noflip */
3124 /*rtl:ignore*/
3125 left: 0;
3126 -webkit-transform: scale(0);
3127 transform: scale(0);
3128 -webkit-transform-origin: center center;
3129 transform-origin: center center;
3130}
3131:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
3132 top: var(--mdc-ripple-top, 0);
3133 /* @noflip */
3134 /*rtl:ignore*/
3135 left: var(--mdc-ripple-left, 0);
3136}
3137:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
3138 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
3139 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
3140}
3141:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after {
3142 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
3143 animation: mdc-ripple-fg-opacity-out 150ms;
3144 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
3145 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
3146}
3147:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before,
3148:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after {
3149 top: calc(50% - 100%);
3150 /* @noflip */
3151 /*rtl:ignore*/
3152 left: calc(50% - 100%);
3153 width: 200%;
3154 height: 200%;
3155}
3156:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after {
3157 width: var(--mdc-ripple-fg-size, 100%);
3158 height: var(--mdc-ripple-fg-size, 100%);
3159}
3160:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before,
3161:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after {
3162 top: calc(50% - 100%);
3163 /* @noflip */
3164 /*rtl:ignore*/
3165 left: calc(50% - 100%);
3166 width: 200%;
3167 height: 200%;
3168}
3169:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
3170 width: var(--mdc-ripple-fg-size, 100%);
3171 height: var(--mdc-ripple-fg-size, 100%);
3172}
3173:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after {
3174 background-color: #000;
3175 /* @alternate */
3176 background-color: var(--mdc-ripple-color, #000);
3177}
3178:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:hover .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before {
3179 opacity: 0.04;
3180 /* @alternate */
3181 opacity: var(--mdc-ripple-hover-opacity, 0.04);
3182}
3183:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before {
3184 transition-duration: 75ms;
3185 opacity: 0.12;
3186 /* @alternate */
3187 opacity: var(--mdc-ripple-focus-opacity, 0.12);
3188}
3189:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after {
3190 transition: opacity 150ms linear;
3191}
3192:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after {
3193 transition-duration: 75ms;
3194 opacity: 0.12;
3195 /* @alternate */
3196 opacity: var(--mdc-ripple-press-opacity, 0.12);
3197}
3198:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded {
3199 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
3200}
3201:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after {
3202 background-color: #000;
3203 /* @alternate */
3204 background-color: var(--mdc-ripple-color, #000);
3205}
3206:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:hover .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
3207 opacity: 0.04;
3208 /* @alternate */
3209 opacity: var(--mdc-ripple-hover-opacity, 0.04);
3210}
3211:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
3212 transition-duration: 75ms;
3213 opacity: 0.12;
3214 /* @alternate */
3215 opacity: var(--mdc-ripple-focus-opacity, 0.12);
3216}
3217:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
3218 transition: opacity 150ms linear;
3219}
3220:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
3221 transition-duration: 75ms;
3222 opacity: 0.12;
3223 /* @alternate */
3224 opacity: var(--mdc-ripple-press-opacity, 0.12);
3225}
3226:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded {
3227 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
3228}
3229:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple::before {
3230 opacity: 0.12;
3231 /* @alternate */
3232 opacity: var(--mdc-ripple-activated-opacity, 0.12);
3233}
3234:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple::after {
3235 background-color: #6200ee;
3236 /* @alternate */
3237 background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
3238}
3239:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:hover .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before {
3240 opacity: 0.16;
3241 /* @alternate */
3242 opacity: var(--mdc-ripple-hover-opacity, 0.16);
3243}
3244:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before {
3245 transition-duration: 75ms;
3246 opacity: 0.24;
3247 /* @alternate */
3248 opacity: var(--mdc-ripple-focus-opacity, 0.24);
3249}
3250:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after {
3251 transition: opacity 150ms linear;
3252}
3253:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after {
3254 transition-duration: 75ms;
3255 opacity: 0.24;
3256 /* @alternate */
3257 opacity: var(--mdc-ripple-press-opacity, 0.24);
3258}
3259:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded {
3260 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
3261}
3262:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple::before {
3263 opacity: 0.12;
3264 /* @alternate */
3265 opacity: var(--mdc-ripple-activated-opacity, 0.12);
3266}
3267:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple::after {
3268 background-color: #6200ee;
3269 /* @alternate */
3270 background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
3271}
3272:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:hover .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
3273 opacity: 0.16;
3274 /* @alternate */
3275 opacity: var(--mdc-ripple-hover-opacity, 0.16);
3276}
3277:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
3278 transition-duration: 75ms;
3279 opacity: 0.24;
3280 /* @alternate */
3281 opacity: var(--mdc-ripple-focus-opacity, 0.24);
3282}
3283:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
3284 transition: opacity 150ms linear;
3285}
3286:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
3287 transition-duration: 75ms;
3288 opacity: 0.24;
3289 /* @alternate */
3290 opacity: var(--mdc-ripple-press-opacity, 0.24);
3291}
3292:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded {
3293 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
3294}
3295:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::before {
3296 opacity: 0.08;
3297 /* @alternate */
3298 opacity: var(--mdc-ripple-selected-opacity, 0.08);
3299}
3300:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::after {
3301 background-color: #6200ee;
3302 /* @alternate */
3303 background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
3304}
3305:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:hover .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before {
3306 opacity: 0.12;
3307 /* @alternate */
3308 opacity: var(--mdc-ripple-hover-opacity, 0.12);
3309}
3310:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before {
3311 transition-duration: 75ms;
3312 opacity: 0.2;
3313 /* @alternate */
3314 opacity: var(--mdc-ripple-focus-opacity, 0.2);
3315}
3316:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after {
3317 transition: opacity 150ms linear;
3318}
3319:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after {
3320 transition-duration: 75ms;
3321 opacity: 0.2;
3322 /* @alternate */
3323 opacity: var(--mdc-ripple-press-opacity, 0.2);
3324}
3325:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded {
3326 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2);
3327}
3328:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple::before {
3329 opacity: 0.08;
3330 /* @alternate */
3331 opacity: var(--mdc-ripple-selected-opacity, 0.08);
3332}
3333:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple::after {
3334 background-color: #6200ee;
3335 /* @alternate */
3336 background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
3337}
3338:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:hover .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
3339 opacity: 0.12;
3340 /* @alternate */
3341 opacity: var(--mdc-ripple-hover-opacity, 0.12);
3342}
3343:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
3344 transition-duration: 75ms;
3345 opacity: 0.2;
3346 /* @alternate */
3347 opacity: var(--mdc-ripple-focus-opacity, 0.2);
3348}
3349:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
3350 transition: opacity 150ms linear;
3351}
3352:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
3353 transition-duration: 75ms;
3354 opacity: 0.2;
3355 /* @alternate */
3356 opacity: var(--mdc-ripple-press-opacity, 0.2);
3357}
3358:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded {
3359 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2);
3360}
3361:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple,
3362:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple {
3363 position: absolute;
3364 top: 0;
3365 left: 0;
3366 width: 100%;
3367 height: 100%;
3368 pointer-events: none;
3369}
3370
3371.mdc-deprecated-list-item--disabled {
3372 --mdc-ripple-fg-size: 0;
3373 --mdc-ripple-left: 0;
3374 --mdc-ripple-top: 0;
3375 --mdc-ripple-fg-scale: 1;
3376 --mdc-ripple-fg-translate-end: 0;
3377 --mdc-ripple-fg-translate-start: 0;
3378 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
3379 will-change: transform, opacity;
3380 --mdc-ripple-fg-size: 0;
3381 --mdc-ripple-left: 0;
3382 --mdc-ripple-top: 0;
3383 --mdc-ripple-fg-scale: 1;
3384 --mdc-ripple-fg-translate-end: 0;
3385 --mdc-ripple-fg-translate-start: 0;
3386 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
3387 will-change: transform, opacity;
3388}
3389.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before,
3390.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after {
3391 position: absolute;
3392 border-radius: 50%;
3393 opacity: 0;
3394 pointer-events: none;
3395 content: "";
3396}
3397.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before {
3398 transition: opacity 15ms linear, background-color 15ms linear;
3399 z-index: 1;
3400 /* @alternate */
3401 z-index: var(--mdc-ripple-z-index, 1);
3402}
3403.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after {
3404 z-index: 0;
3405 /* @alternate */
3406 z-index: var(--mdc-ripple-z-index, 0);
3407}
3408.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::before {
3409 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
3410 transform: scale(var(--mdc-ripple-fg-scale, 1));
3411}
3412.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after {
3413 top: 0;
3414 /* @noflip */
3415 /*rtl:ignore*/
3416 left: 0;
3417 -webkit-transform: scale(0);
3418 transform: scale(0);
3419 -webkit-transform-origin: center center;
3420 transform-origin: center center;
3421}
3422.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-deprecated-list-item__ripple::after {
3423 top: var(--mdc-ripple-top, 0);
3424 /* @noflip */
3425 /*rtl:ignore*/
3426 left: var(--mdc-ripple-left, 0);
3427}
3428.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-list-item__ripple::after {
3429 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
3430 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
3431}
3432.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-deprecated-list-item__ripple::after {
3433 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
3434 animation: mdc-ripple-fg-opacity-out 150ms;
3435 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
3436 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
3437}
3438.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before,
3439.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after {
3440 position: absolute;
3441 border-radius: 50%;
3442 opacity: 0;
3443 pointer-events: none;
3444 content: "";
3445}
3446.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before {
3447 transition: opacity 15ms linear, background-color 15ms linear;
3448 z-index: 1;
3449 /* @alternate */
3450 z-index: var(--mdc-ripple-z-index, 1);
3451}
3452.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after {
3453 z-index: 0;
3454 /* @alternate */
3455 z-index: var(--mdc-ripple-z-index, 0);
3456}
3457.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before {
3458 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
3459 transform: scale(var(--mdc-ripple-fg-scale, 1));
3460}
3461.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
3462 top: 0;
3463 /* @noflip */
3464 /*rtl:ignore*/
3465 left: 0;
3466 -webkit-transform: scale(0);
3467 transform: scale(0);
3468 -webkit-transform-origin: center center;
3469 transform-origin: center center;
3470}
3471.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
3472 top: var(--mdc-ripple-top, 0);
3473 /* @noflip */
3474 /*rtl:ignore*/
3475 left: var(--mdc-ripple-left, 0);
3476}
3477.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
3478 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
3479 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
3480}
3481.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after {
3482 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
3483 animation: mdc-ripple-fg-opacity-out 150ms;
3484 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
3485 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
3486}
3487.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before,
3488.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after {
3489 top: calc(50% - 100%);
3490 /* @noflip */
3491 /*rtl:ignore*/
3492 left: calc(50% - 100%);
3493 width: 200%;
3494 height: 200%;
3495}
3496.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after {
3497 width: var(--mdc-ripple-fg-size, 100%);
3498 height: var(--mdc-ripple-fg-size, 100%);
3499}
3500.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before,
3501.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after {
3502 top: calc(50% - 100%);
3503 /* @noflip */
3504 /*rtl:ignore*/
3505 left: calc(50% - 100%);
3506 width: 200%;
3507 height: 200%;
3508}
3509.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
3510 width: var(--mdc-ripple-fg-size, 100%);
3511 height: var(--mdc-ripple-fg-size, 100%);
3512}
3513.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before,
3514.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after {
3515 background-color: #000;
3516 /* @alternate */
3517 background-color: var(--mdc-ripple-color, #000);
3518}
3519.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before,
3520.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after {
3521 background-color: #000;
3522 /* @alternate */
3523 background-color: var(--mdc-ripple-color, #000);
3524}
3525.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before, .mdc-deprecated-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before {
3526 transition-duration: 75ms;
3527 opacity: 0.12;
3528 /* @alternate */
3529 opacity: var(--mdc-ripple-focus-opacity, 0.12);
3530}
3531.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-deprecated-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
3532 transition-duration: 75ms;
3533 opacity: 0.12;
3534 /* @alternate */
3535 opacity: var(--mdc-ripple-focus-opacity, 0.12);
3536}
3537.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple,
3538.mdc-deprecated-list-item--disabled .mdc-list-item__ripple {
3539 position: absolute;
3540 top: 0;
3541 left: 0;
3542 width: 100%;
3543 height: 100%;
3544 pointer-events: none;
3545}
3546
3547:not(.mdc-list-item--disabled).mdc-list-item {
3548 --mdc-ripple-fg-size: 0;
3549 --mdc-ripple-left: 0;
3550 --mdc-ripple-top: 0;
3551 --mdc-ripple-fg-scale: 1;
3552 --mdc-ripple-fg-translate-end: 0;
3553 --mdc-ripple-fg-translate-start: 0;
3554 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
3555 will-change: transform, opacity;
3556}
3557:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,
3558:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
3559 position: absolute;
3560 border-radius: 50%;
3561 opacity: 0;
3562 pointer-events: none;
3563 content: "";
3564}
3565:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before {
3566 transition: opacity 15ms linear, background-color 15ms linear;
3567 z-index: 1;
3568 /* @alternate */
3569 z-index: var(--mdc-ripple-z-index, 1);
3570}
3571:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
3572 z-index: 0;
3573 /* @alternate */
3574 z-index: var(--mdc-ripple-z-index, 0);
3575}
3576:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before {
3577 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
3578 transform: scale(var(--mdc-ripple-fg-scale, 1));
3579}
3580:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
3581 top: 0;
3582 /* @noflip */
3583 /*rtl:ignore*/
3584 left: 0;
3585 -webkit-transform: scale(0);
3586 transform: scale(0);
3587 -webkit-transform-origin: center center;
3588 transform-origin: center center;
3589}
3590:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
3591 top: var(--mdc-ripple-top, 0);
3592 /* @noflip */
3593 /*rtl:ignore*/
3594 left: var(--mdc-ripple-left, 0);
3595}
3596:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
3597 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
3598 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
3599}
3600:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after {
3601 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
3602 animation: mdc-ripple-fg-opacity-out 150ms;
3603 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
3604 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
3605}
3606:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,
3607:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
3608 top: calc(50% - 100%);
3609 /* @noflip */
3610 /*rtl:ignore*/
3611 left: calc(50% - 100%);
3612 width: 200%;
3613 height: 200%;
3614}
3615:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
3616 width: var(--mdc-ripple-fg-size, 100%);
3617 height: var(--mdc-ripple-fg-size, 100%);
3618}
3619:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
3620 background-color: #000;
3621 /* @alternate */
3622 background-color: var(--mdc-ripple-color, #000);
3623}
3624:not(.mdc-list-item--disabled).mdc-list-item:hover .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
3625 opacity: 0.04;
3626 /* @alternate */
3627 opacity: var(--mdc-ripple-hover-opacity, 0.04);
3628}
3629:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
3630 transition-duration: 75ms;
3631 opacity: 0.12;
3632 /* @alternate */
3633 opacity: var(--mdc-ripple-focus-opacity, 0.12);
3634}
3635:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
3636 transition: opacity 150ms linear;
3637}
3638:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
3639 transition-duration: 75ms;
3640 opacity: 0.12;
3641 /* @alternate */
3642 opacity: var(--mdc-ripple-press-opacity, 0.12);
3643}
3644:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {
3645 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
3646}
3647:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before {
3648 opacity: 0.12;
3649 /* @alternate */
3650 opacity: var(--mdc-ripple-activated-opacity, 0.12);
3651}
3652:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::after {
3653 background-color: #6200ee;
3654 /* @alternate */
3655 background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
3656}
3657:not(.mdc-list-item--disabled).mdc-list-item--activated:hover .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
3658 opacity: 0.16;
3659 /* @alternate */
3660 opacity: var(--mdc-ripple-hover-opacity, 0.16);
3661}
3662:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
3663 transition-duration: 75ms;
3664 opacity: 0.24;
3665 /* @alternate */
3666 opacity: var(--mdc-ripple-focus-opacity, 0.24);
3667}
3668:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
3669 transition: opacity 150ms linear;
3670}
3671:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
3672 transition-duration: 75ms;
3673 opacity: 0.24;
3674 /* @alternate */
3675 opacity: var(--mdc-ripple-press-opacity, 0.24);
3676}
3677:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {
3678 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
3679}
3680:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before {
3681 opacity: 0.08;
3682 /* @alternate */
3683 opacity: var(--mdc-ripple-selected-opacity, 0.08);
3684}
3685:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::after {
3686 background-color: #6200ee;
3687 /* @alternate */
3688 background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
3689}
3690:not(.mdc-list-item--disabled).mdc-list-item--selected:hover .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
3691 opacity: 0.12;
3692 /* @alternate */
3693 opacity: var(--mdc-ripple-hover-opacity, 0.12);
3694}
3695:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
3696 transition-duration: 75ms;
3697 opacity: 0.2;
3698 /* @alternate */
3699 opacity: var(--mdc-ripple-focus-opacity, 0.2);
3700}
3701:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
3702 transition: opacity 150ms linear;
3703}
3704:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
3705 transition-duration: 75ms;
3706 opacity: 0.2;
3707 /* @alternate */
3708 opacity: var(--mdc-ripple-press-opacity, 0.2);
3709}
3710:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
3711 --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2);
3712}
3713:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple {
3714 position: absolute;
3715 top: 0;
3716 left: 0;
3717 width: 100%;
3718 height: 100%;
3719 pointer-events: none;
3720}
3721
3722.mdc-list-item--disabled {
3723 --mdc-ripple-fg-size: 0;
3724 --mdc-ripple-left: 0;
3725 --mdc-ripple-top: 0;
3726 --mdc-ripple-fg-scale: 1;
3727 --mdc-ripple-fg-translate-end: 0;
3728 --mdc-ripple-fg-translate-start: 0;
3729 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
3730 will-change: transform, opacity;
3731}
3732.mdc-list-item--disabled .mdc-list-item__ripple::before,
3733.mdc-list-item--disabled .mdc-list-item__ripple::after {
3734 position: absolute;
3735 border-radius: 50%;
3736 opacity: 0;
3737 pointer-events: none;
3738 content: "";
3739}
3740.mdc-list-item--disabled .mdc-list-item__ripple::before {
3741 transition: opacity 15ms linear, background-color 15ms linear;
3742 z-index: 1;
3743 /* @alternate */
3744 z-index: var(--mdc-ripple-z-index, 1);
3745}
3746.mdc-list-item--disabled .mdc-list-item__ripple::after {
3747 z-index: 0;
3748 /* @alternate */
3749 z-index: var(--mdc-ripple-z-index, 0);
3750}
3751.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before {
3752 -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
3753 transform: scale(var(--mdc-ripple-fg-scale, 1));
3754}
3755.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
3756 top: 0;
3757 /* @noflip */
3758 /*rtl:ignore*/
3759 left: 0;
3760 -webkit-transform: scale(0);
3761 transform: scale(0);
3762 -webkit-transform-origin: center center;
3763 transform-origin: center center;
3764}
3765.mdc-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
3766 top: var(--mdc-ripple-top, 0);
3767 /* @noflip */
3768 /*rtl:ignore*/
3769 left: var(--mdc-ripple-left, 0);
3770}
3771.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
3772 -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
3773 animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
3774}
3775.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after {
3776 -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
3777 animation: mdc-ripple-fg-opacity-out 150ms;
3778 -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
3779 transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
3780}
3781.mdc-list-item--disabled .mdc-list-item__ripple::before,
3782.mdc-list-item--disabled .mdc-list-item__ripple::after {
3783 top: calc(50% - 100%);
3784 /* @noflip */
3785 /*rtl:ignore*/
3786 left: calc(50% - 100%);
3787 width: 200%;
3788 height: 200%;
3789}
3790.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
3791 width: var(--mdc-ripple-fg-size, 100%);
3792 height: var(--mdc-ripple-fg-size, 100%);
3793}
3794.mdc-list-item--disabled .mdc-list-item__ripple::before,
3795.mdc-list-item--disabled .mdc-list-item__ripple::after {
3796 background-color: #000;
3797 /* @alternate */
3798 background-color: var(--mdc-ripple-color, #000);
3799}
3800.mdc-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
3801 transition-duration: 75ms;
3802 opacity: 0.12;
3803 /* @alternate */
3804 opacity: var(--mdc-ripple-focus-opacity, 0.12);
3805}
3806.mdc-list-item--disabled .mdc-list-item__ripple {
3807 position: absolute;
3808 top: 0;
3809 left: 0;
3810 width: 100%;
3811 height: 100%;
3812 pointer-events: none;
3813}
3814
3815/*# sourceMappingURL=mdc.list.css.map*/
\No newline at end of file