@limetech/lime-elements 33.14.0-next.8 → 34.0.0-next.3

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