@limetech/lime-elements 35.0.0-next.2 → 35.0.0-next.20

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 (230) hide show
  1. package/dist/cjs/checkbox.template-7f83d0b4.js +41 -0
  2. package/dist/cjs/{component-f7ef9087.js → component-66df95e7.js} +190 -132
  3. package/dist/cjs/{component-f532119f.js → component-67144c1c.js} +47 -3
  4. package/dist/cjs/{component-ed21410d.js → component-ae3bfacf.js} +367 -235
  5. package/dist/cjs/{component-2faaa141.js → component-cf490570.js} +213 -143
  6. package/dist/cjs/{component-10dbdd60.js → component-dd795ff0.js} +7 -5
  7. package/dist/cjs/{index-e63a89d7.js → index-43283636.js} +23 -0
  8. package/dist/cjs/lime-elements.cjs.js +3 -3
  9. package/dist/cjs/limel-badge.cjs.entry.js +3 -3
  10. package/dist/cjs/limel-banner.cjs.entry.js +1 -1
  11. package/dist/cjs/limel-button-group.cjs.entry.js +2 -2
  12. package/dist/cjs/limel-button.cjs.entry.js +2 -2
  13. package/dist/cjs/limel-checkbox.cjs.entry.js +131 -86
  14. package/dist/cjs/limel-chip-set.cjs.entry.js +234 -190
  15. package/dist/cjs/limel-circular-progress.cjs.entry.js +2 -2
  16. package/dist/cjs/limel-code-editor.cjs.entry.js +49 -22
  17. package/dist/cjs/limel-collapsible-section.cjs.entry.js +1 -1
  18. package/dist/cjs/limel-color-picker-palette_2.cjs.entry.js +1 -1
  19. package/dist/cjs/limel-color-picker.cjs.entry.js +1 -1
  20. package/dist/cjs/limel-config.cjs.entry.js +1 -1
  21. package/dist/cjs/limel-date-picker.cjs.entry.js +5 -5
  22. package/dist/cjs/limel-dialog.cjs.entry.js +8 -9
  23. package/dist/cjs/limel-file.cjs.entry.js +5 -5
  24. package/dist/cjs/limel-flatpickr-adapter.cjs.entry.js +1 -1
  25. package/dist/cjs/limel-flex-container.cjs.entry.js +5 -1
  26. package/dist/cjs/limel-form.cjs.entry.js +7547 -8994
  27. package/dist/cjs/limel-grid.cjs.entry.js +1 -1
  28. package/dist/cjs/limel-header.cjs.entry.js +1 -1
  29. package/dist/cjs/limel-icon-button.cjs.entry.js +5 -5
  30. package/dist/cjs/limel-icon.cjs.entry.js +1 -1
  31. package/dist/cjs/limel-input-field.cjs.entry.js +6 -6
  32. package/dist/cjs/limel-linear-progress.cjs.entry.js +3 -3
  33. package/dist/cjs/limel-list_3.cjs.entry.js +133 -78
  34. package/dist/cjs/limel-menu-list.cjs.entry.js +85 -69
  35. package/dist/cjs/limel-menu.cjs.entry.js +1 -1
  36. package/dist/cjs/limel-picker.cjs.entry.js +2 -2
  37. package/dist/cjs/limel-popover-surface.cjs.entry.js +2 -2
  38. package/dist/cjs/limel-progress-flow-item.cjs.entry.js +1 -1
  39. package/dist/cjs/limel-progress-flow.cjs.entry.js +1 -1
  40. package/dist/cjs/limel-select.cjs.entry.js +5 -5
  41. package/dist/cjs/limel-slider.cjs.entry.js +33 -6
  42. package/dist/cjs/limel-snackbar.cjs.entry.js +78 -72
  43. package/dist/cjs/limel-spinner.cjs.entry.js +1 -1
  44. package/dist/cjs/limel-switch.cjs.entry.js +497 -201
  45. package/dist/cjs/limel-tab-bar.cjs.entry.js +262 -185
  46. package/dist/cjs/limel-tab-panel.cjs.entry.js +1 -1
  47. package/dist/cjs/limel-table.cjs.entry.js +363 -11
  48. package/dist/cjs/limel-tooltip_2.cjs.entry.js +1 -1
  49. package/dist/cjs/loader.cjs.js +3 -3
  50. package/dist/collection/collection-manifest.json +2 -2
  51. package/dist/collection/components/badge/badge.css +9 -15
  52. package/dist/collection/components/badge/badge.js +2 -2
  53. package/dist/collection/components/button/button.css +333 -145
  54. package/dist/collection/components/button-group/button-group.css +30 -5
  55. package/dist/collection/components/checkbox/checkbox.css +46 -16
  56. package/dist/collection/components/checkbox/checkbox.template.js +22 -20
  57. package/dist/collection/components/chip-set/chip-set.css +367 -34
  58. package/dist/collection/components/circular-progress/circular-progress.css +2 -2
  59. package/dist/collection/components/code-editor/code-editor.css +8 -13
  60. package/dist/collection/components/dialog/dialog.css +153 -109
  61. package/dist/collection/components/flex-container/flex-container.js +10 -0
  62. package/dist/collection/components/form/form.css +3 -1
  63. package/dist/collection/components/form/templates/common.js +4 -1
  64. package/dist/collection/components/icon-button/icon-button.css +116 -59
  65. package/dist/collection/components/icon-button/icon-button.js +1 -0
  66. package/dist/collection/components/input-field/input-field.css +351 -29
  67. package/dist/collection/components/linear-progress/linear-progress.css +14 -2
  68. package/dist/collection/components/list/list.css +912 -89
  69. package/dist/collection/components/menu-list/menu-list.css +912 -89
  70. package/dist/collection/components/menu-surface/menu-surface.css +31 -7
  71. package/dist/collection/components/picker/picker.js +1 -1
  72. package/dist/collection/components/popover-surface/popover-surface.css +1 -0
  73. package/dist/collection/components/select/select.css +430 -20
  74. package/dist/collection/components/select/select.template.js +1 -1
  75. package/dist/collection/components/slider/slider.css +54 -2
  76. package/dist/collection/components/snackbar/snackbar.css +588 -301
  77. package/dist/collection/components/switch/switch.css +592 -222
  78. package/dist/collection/components/switch/switch.js +18 -12
  79. package/dist/collection/components/tab-bar/tab-bar.css +77 -48
  80. package/dist/collection/components/table/columns.js +1 -1
  81. package/dist/collection/components/table/selection.js +111 -0
  82. package/dist/collection/components/table/table-selection.js +125 -0
  83. package/dist/collection/components/table/table.css +125 -36
  84. package/dist/collection/components/table/table.js +212 -7
  85. package/dist/collection/style/functions.scss +3 -1
  86. package/dist/collection/style/internal/lime-theme.scss +30 -31
  87. package/dist/collection/style/internal/lime-typography.scss +55 -56
  88. package/dist/collection/style/internal/shared_input-select-picker.scss +1 -0
  89. package/dist/collection/style/internal/z-index.scss +2 -1
  90. package/dist/esm/checkbox.template-f429c5b6.js +39 -0
  91. package/dist/esm/{component-89e0ce26.js → component-19eb6e2b.js} +7 -5
  92. package/dist/esm/{component-2630c3d7.js → component-288691f3.js} +367 -235
  93. package/dist/esm/{component-d682c974.js → component-410aad5a.js} +44 -4
  94. package/dist/esm/{component-429e92ee.js → component-5b4ac85a.js} +213 -143
  95. package/dist/esm/{component-2eb4e07b.js → component-fffa3419.js} +191 -133
  96. package/dist/esm/{index-2316f345.js → index-4456d4ad.js} +23 -0
  97. package/dist/esm/lime-elements.js +3 -3
  98. package/dist/esm/limel-badge.entry.js +3 -3
  99. package/dist/esm/limel-banner.entry.js +1 -1
  100. package/dist/esm/limel-button-group.entry.js +2 -2
  101. package/dist/esm/limel-button.entry.js +2 -2
  102. package/dist/esm/limel-checkbox.entry.js +132 -87
  103. package/dist/esm/limel-chip-set.entry.js +234 -190
  104. package/dist/esm/limel-circular-progress.entry.js +2 -2
  105. package/dist/esm/limel-code-editor.entry.js +49 -22
  106. package/dist/esm/limel-collapsible-section.entry.js +1 -1
  107. package/dist/esm/limel-color-picker-palette_2.entry.js +1 -1
  108. package/dist/esm/limel-color-picker.entry.js +1 -1
  109. package/dist/esm/limel-config.entry.js +1 -1
  110. package/dist/esm/limel-date-picker.entry.js +5 -5
  111. package/dist/esm/limel-dialog.entry.js +8 -9
  112. package/dist/esm/limel-file.entry.js +5 -5
  113. package/dist/esm/limel-flatpickr-adapter.entry.js +1 -1
  114. package/dist/esm/limel-flex-container.entry.js +5 -1
  115. package/dist/esm/limel-form.entry.js +7550 -8997
  116. package/dist/esm/limel-grid.entry.js +1 -1
  117. package/dist/esm/limel-header.entry.js +1 -1
  118. package/dist/esm/limel-icon-button.entry.js +5 -5
  119. package/dist/esm/limel-icon.entry.js +1 -1
  120. package/dist/esm/limel-input-field.entry.js +6 -6
  121. package/dist/esm/limel-linear-progress.entry.js +4 -4
  122. package/dist/esm/limel-list_3.entry.js +134 -79
  123. package/dist/esm/limel-menu-list.entry.js +86 -70
  124. package/dist/esm/limel-menu.entry.js +1 -1
  125. package/dist/esm/limel-picker.entry.js +2 -2
  126. package/dist/esm/limel-popover-surface.entry.js +2 -2
  127. package/dist/esm/limel-progress-flow-item.entry.js +1 -1
  128. package/dist/esm/limel-progress-flow.entry.js +1 -1
  129. package/dist/esm/limel-select.entry.js +5 -5
  130. package/dist/esm/limel-slider.entry.js +34 -7
  131. package/dist/esm/limel-snackbar.entry.js +78 -72
  132. package/dist/esm/limel-spinner.entry.js +1 -1
  133. package/dist/esm/limel-switch.entry.js +497 -201
  134. package/dist/esm/limel-tab-bar.entry.js +262 -185
  135. package/dist/esm/limel-tab-panel.entry.js +1 -1
  136. package/dist/esm/limel-table.entry.js +363 -11
  137. package/dist/esm/limel-tooltip_2.entry.js +1 -1
  138. package/dist/esm/loader.js +3 -3
  139. package/dist/esm/polyfills/css-shim.js +1 -1
  140. package/dist/esm/{util-71a23335.js → util-f1bde91c.js} +1 -1
  141. package/dist/lime-elements/lime-elements.esm.js +1 -1
  142. package/dist/lime-elements/{p-a4c532a7.entry.js → p-00d485d8.entry.js} +1 -1
  143. package/dist/lime-elements/p-062a9599.entry.js +131 -0
  144. package/dist/lime-elements/{p-597cbe05.entry.js → p-0ea1cbf6.entry.js} +1 -1
  145. package/dist/lime-elements/p-1c284626.js +73 -0
  146. package/dist/lime-elements/{p-a2cf74c1.entry.js → p-255084bd.entry.js} +1 -1
  147. package/dist/lime-elements/{p-e881e98d.entry.js → p-2550ff27.entry.js} +1 -1
  148. package/dist/lime-elements/{p-31fecf5d.entry.js → p-3bef288b.entry.js} +1 -1
  149. package/dist/lime-elements/{p-58cbe99d.entry.js → p-3f440859.entry.js} +1 -1
  150. package/dist/lime-elements/{p-4b5af81b.entry.js → p-41ec08c9.entry.js} +1 -1
  151. package/dist/lime-elements/{p-92146da6.js → p-44f9b6d5.js} +0 -0
  152. package/dist/lime-elements/{p-1fb5340d.entry.js → p-45689f25.entry.js} +1 -1
  153. package/dist/lime-elements/p-47ef0ebb.entry.js +1 -0
  154. package/dist/lime-elements/{p-076bd4dc.js → p-48d4ef20.js} +3 -3
  155. package/dist/lime-elements/p-4e9869f4.entry.js +126 -0
  156. package/dist/lime-elements/{p-6003f817.entry.js → p-549190f6.entry.js} +1 -1
  157. package/dist/lime-elements/p-555f774c.entry.js +82 -0
  158. package/dist/lime-elements/p-63516991.entry.js +1 -0
  159. package/dist/lime-elements/{p-13f0e4f4.entry.js → p-687429fb.entry.js} +1 -1
  160. package/dist/lime-elements/p-6acee2e5.entry.js +73 -0
  161. package/dist/lime-elements/p-6fc9a0be.entry.js +59 -0
  162. package/dist/lime-elements/{p-64549ba6.entry.js → p-70a4d004.entry.js} +3 -3
  163. package/dist/lime-elements/{p-468e940e.entry.js → p-75846313.entry.js} +1 -1
  164. package/dist/lime-elements/p-779d1567.entry.js +1 -0
  165. package/dist/lime-elements/p-7d4eb67f.entry.js +1 -0
  166. package/dist/lime-elements/p-8777324f.entry.js +1 -0
  167. package/dist/lime-elements/{p-714fde78.entry.js → p-897a7f8a.entry.js} +1 -1
  168. package/dist/lime-elements/{p-fc30b8e3.entry.js → p-8a5ca741.entry.js} +1 -1
  169. package/dist/lime-elements/{p-8a2c1038.entry.js → p-9607b6f9.entry.js} +2 -2
  170. package/dist/lime-elements/p-9caf28bd.entry.js +1 -0
  171. package/dist/lime-elements/{p-152a6d5f.js → p-9faad6eb.js} +1 -1
  172. package/dist/lime-elements/{p-34c7872e.entry.js → p-a35e6b8a.entry.js} +1 -1
  173. package/dist/lime-elements/{p-041ae00c.entry.js → p-b808ba3d.entry.js} +1 -1
  174. package/dist/lime-elements/p-be2bd743.js +1 -0
  175. package/dist/lime-elements/p-be351178.entry.js +37 -0
  176. package/dist/lime-elements/p-c40f5030.entry.js +82 -0
  177. package/dist/lime-elements/p-c4e2eb42.entry.js +1 -0
  178. package/dist/lime-elements/{p-1876a96a.entry.js → p-c5168bda.entry.js} +1 -1
  179. package/dist/lime-elements/p-cbc43682.js +81 -0
  180. package/dist/lime-elements/{p-ace9affc.js → p-d0a7de87.js} +2 -2
  181. package/dist/lime-elements/{p-be56ffab.entry.js → p-d5f17adb.entry.js} +1 -1
  182. package/dist/lime-elements/p-d70f1c00.entry.js +59 -0
  183. package/dist/lime-elements/p-dbd61714.entry.js +1 -0
  184. package/dist/lime-elements/{p-8ad5e143.entry.js → p-dd62c71b.entry.js} +1 -1
  185. package/dist/lime-elements/p-dfba92de.js +126 -0
  186. package/dist/lime-elements/p-e55144ec.entry.js +1 -0
  187. package/dist/lime-elements/{p-dfe0a58b.entry.js → p-e6f39a71.entry.js} +1 -1
  188. package/dist/lime-elements/p-e8453bcb.entry.js +16 -0
  189. package/dist/lime-elements/p-f777d8a3.entry.js +82 -0
  190. package/dist/lime-elements/style/functions.scss +3 -1
  191. package/dist/lime-elements/style/internal/lime-theme.scss +30 -31
  192. package/dist/lime-elements/style/internal/lime-typography.scss +55 -56
  193. package/dist/lime-elements/style/internal/shared_input-select-picker.scss +1 -0
  194. package/dist/lime-elements/style/internal/z-index.scss +2 -1
  195. package/dist/types/components/badge/badge.d.ts +1 -1
  196. package/dist/types/components/flex-container/flex-container.d.ts +7 -0
  197. package/dist/types/components/switch/switch.d.ts +2 -2
  198. package/dist/types/components/table/columns.d.ts +7 -0
  199. package/dist/types/components/table/selection.d.ts +79 -0
  200. package/dist/types/components/table/table-selection.d.ts +57 -0
  201. package/dist/types/components/table/table.d.ts +39 -7
  202. package/dist/types/components/table/table.types.d.ts +13 -0
  203. package/dist/types/components.d.ts +33 -1
  204. package/dist/types/stencil-public-runtime.d.ts +6 -4
  205. package/package.json +19 -19
  206. package/dist/cjs/checkbox.template-50eb8b76.js +0 -39
  207. package/dist/esm/checkbox.template-50f7c07b.js +0 -37
  208. package/dist/lime-elements/p-0ce9165f.entry.js +0 -1
  209. package/dist/lime-elements/p-0fd208f3.entry.js +0 -82
  210. package/dist/lime-elements/p-143705b1.entry.js +0 -1
  211. package/dist/lime-elements/p-250f55be.js +0 -1
  212. package/dist/lime-elements/p-31299106.js +0 -126
  213. package/dist/lime-elements/p-4932c029.entry.js +0 -1
  214. package/dist/lime-elements/p-510bb5a4.entry.js +0 -1
  215. package/dist/lime-elements/p-6215e45e.entry.js +0 -37
  216. package/dist/lime-elements/p-668795a7.js +0 -73
  217. package/dist/lime-elements/p-6cfb45a1.entry.js +0 -1
  218. package/dist/lime-elements/p-7476efe0.entry.js +0 -1
  219. package/dist/lime-elements/p-902347b9.js +0 -81
  220. package/dist/lime-elements/p-90f3e17c.entry.js +0 -37
  221. package/dist/lime-elements/p-96e44a1e.entry.js +0 -82
  222. package/dist/lime-elements/p-a77cbb08.entry.js +0 -1
  223. package/dist/lime-elements/p-b5faa40d.entry.js +0 -59
  224. package/dist/lime-elements/p-bc0dcf01.entry.js +0 -73
  225. package/dist/lime-elements/p-c35874db.entry.js +0 -1
  226. package/dist/lime-elements/p-c8c8a946.entry.js +0 -59
  227. package/dist/lime-elements/p-d2c74396.entry.js +0 -1
  228. package/dist/lime-elements/p-d48ad9f7.entry.js +0 -126
  229. package/dist/lime-elements/p-d93a3b07.entry.js +0 -16
  230. package/dist/lime-elements/p-f2c706b8.entry.js +0 -131
package/dist/collection/components/menu-list/menu-list.css CHANGED
@@ -190,8 +190,10 @@
190
190
  overflow: hidden;
191
191
  padding: 0;
192
192
  /* @noflip */
193
+ /*rtl:ignore*/
193
194
  padding-left: 16px;
194
195
  /* @noflip */
196
+ /*rtl:ignore*/
195
197
  padding-right: 16px;
196
198
  height: 48px;
197
199
  }
@@ -223,90 +225,135 @@
223
225
  pointer-events: none;
224
226
  }
225
227
  [dir=rtl] .mdc-deprecated-list-item, .mdc-deprecated-list-item[dir=rtl] {
228
+ /*rtl:begin:ignore*/
226
229
  /* @noflip */
230
+ /*rtl:ignore*/
227
231
  padding-left: 16px;
228
232
  /* @noflip */
233
+ /*rtl:ignore*/
229
234
  padding-right: 16px;
235
+ /*rtl:end:ignore*/
230
236
  }
237
+
231
238
  .mdc-deprecated-list--icon-list .mdc-deprecated-list-item {
232
239
  /* @noflip */
240
+ /*rtl:ignore*/
233
241
  padding-left: 16px;
234
242
  /* @noflip */
243
+ /*rtl:ignore*/
235
244
  padding-right: 16px;
236
245
  height: 56px;
237
246
  }
238
247
  [dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-item, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item[dir=rtl] {
248
+ /*rtl:begin:ignore*/
239
249
  /* @noflip */
250
+ /*rtl:ignore*/
240
251
  padding-left: 16px;
241
252
  /* @noflip */
253
+ /*rtl:ignore*/
242
254
  padding-right: 16px;
255
+ /*rtl:end:ignore*/
243
256
  }
257
+
244
258
  .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item {
245
259
  /* @noflip */
260
+ /*rtl:ignore*/
246
261
  padding-left: 16px;
247
262
  /* @noflip */
263
+ /*rtl:ignore*/
248
264
  padding-right: 16px;
249
265
  height: 56px;
250
266
  }
251
267
  [dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item[dir=rtl] {
268
+ /*rtl:begin:ignore*/
252
269
  /* @noflip */
270
+ /*rtl:ignore*/
253
271
  padding-left: 16px;
254
272
  /* @noflip */
273
+ /*rtl:ignore*/
255
274
  padding-right: 16px;
275
+ /*rtl:end:ignore*/
256
276
  }
277
+
257
278
  .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item {
258
279
  /* @noflip */
280
+ /*rtl:ignore*/
259
281
  padding-left: 16px;
260
282
  /* @noflip */
283
+ /*rtl:ignore*/
261
284
  padding-right: 16px;
262
285
  height: 56px;
263
286
  }
264
287
  [dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item[dir=rtl] {
288
+ /*rtl:begin:ignore*/
265
289
  /* @noflip */
290
+ /*rtl:ignore*/
266
291
  padding-left: 16px;
267
292
  /* @noflip */
293
+ /*rtl:ignore*/
268
294
  padding-right: 16px;
295
+ /*rtl:end:ignore*/
269
296
  }
297
+
270
298
  .mdc-deprecated-list--image-list .mdc-deprecated-list-item {
271
299
  /* @noflip */
300
+ /*rtl:ignore*/
272
301
  padding-left: 16px;
273
302
  /* @noflip */
303
+ /*rtl:ignore*/
274
304
  padding-right: 16px;
275
305
  height: 72px;
276
306
  }
277
307
  [dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-item, .mdc-deprecated-list--image-list .mdc-deprecated-list-item[dir=rtl] {
308
+ /*rtl:begin:ignore*/
278
309
  /* @noflip */
310
+ /*rtl:ignore*/
279
311
  padding-left: 16px;
280
312
  /* @noflip */
313
+ /*rtl:ignore*/
281
314
  padding-right: 16px;
315
+ /*rtl:end:ignore*/
282
316
  }
317
+
283
318
  .mdc-deprecated-list--video-list .mdc-deprecated-list-item {
284
319
  /* @noflip */
320
+ /*rtl:ignore*/
285
321
  padding-left: 0px;
286
322
  /* @noflip */
323
+ /*rtl:ignore*/
287
324
  padding-right: 16px;
288
325
  height: 72px;
289
326
  }
290
327
  [dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-item, .mdc-deprecated-list--video-list .mdc-deprecated-list-item[dir=rtl] {
328
+ /*rtl:begin:ignore*/
291
329
  /* @noflip */
330
+ /*rtl:ignore*/
292
331
  padding-left: 16px;
293
332
  /* @noflip */
333
+ /*rtl:ignore*/
294
334
  padding-right: 0px;
335
+ /*rtl:end:ignore*/
295
336
  }
296
337
 
297
338
  .mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic {
298
339
  /* @noflip */
340
+ /*rtl:ignore*/
299
341
  margin-left: 0;
300
342
  /* @noflip */
343
+ /*rtl:ignore*/
301
344
  margin-right: 16px;
302
345
  width: 20px;
303
346
  height: 20px;
304
347
  }
305
348
  [dir=rtl] .mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic[dir=rtl] {
349
+ /*rtl:begin:ignore*/
306
350
  /* @noflip */
351
+ /*rtl:ignore*/
307
352
  margin-left: 16px;
308
353
  /* @noflip */
354
+ /*rtl:ignore*/
309
355
  margin-right: 0;
356
+ /*rtl:end:ignore*/
310
357
  }
311
358
 
312
359
  .mdc-deprecated-list-item__graphic {
@@ -316,88 +363,129 @@
316
363
  fill: currentColor;
317
364
  object-fit: cover;
318
365
  /* @noflip */
366
+ /*rtl:ignore*/
319
367
  margin-left: 0;
320
368
  /* @noflip */
369
+ /*rtl:ignore*/
321
370
  margin-right: 32px;
322
371
  width: 24px;
323
372
  height: 24px;
324
373
  }
325
374
  [dir=rtl] .mdc-deprecated-list-item__graphic, .mdc-deprecated-list-item__graphic[dir=rtl] {
375
+ /*rtl:begin:ignore*/
326
376
  /* @noflip */
377
+ /*rtl:ignore*/
327
378
  margin-left: 32px;
328
379
  /* @noflip */
380
+ /*rtl:ignore*/
329
381
  margin-right: 0;
382
+ /*rtl:end:ignore*/
330
383
  }
384
+
331
385
  .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic {
332
386
  /* @noflip */
387
+ /*rtl:ignore*/
333
388
  margin-left: 0;
334
389
  /* @noflip */
390
+ /*rtl:ignore*/
335
391
  margin-right: 32px;
336
392
  width: 24px;
337
393
  height: 24px;
338
394
  }
339
395
  [dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic[dir=rtl] {
396
+ /*rtl:begin:ignore*/
340
397
  /* @noflip */
398
+ /*rtl:ignore*/
341
399
  margin-left: 32px;
342
400
  /* @noflip */
401
+ /*rtl:ignore*/
343
402
  margin-right: 0;
403
+ /*rtl:end:ignore*/
344
404
  }
405
+
345
406
  .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic {
346
407
  /* @noflip */
408
+ /*rtl:ignore*/
347
409
  margin-left: 0;
348
410
  /* @noflip */
411
+ /*rtl:ignore*/
349
412
  margin-right: 16px;
350
413
  width: 40px;
351
414
  height: 40px;
352
415
  border-radius: 50%;
353
416
  }
354
417
  [dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic[dir=rtl] {
418
+ /*rtl:begin:ignore*/
355
419
  /* @noflip */
420
+ /*rtl:ignore*/
356
421
  margin-left: 16px;
357
422
  /* @noflip */
423
+ /*rtl:ignore*/
358
424
  margin-right: 0;
425
+ /*rtl:end:ignore*/
359
426
  }
427
+
360
428
  .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic {
361
429
  /* @noflip */
430
+ /*rtl:ignore*/
362
431
  margin-left: 0;
363
432
  /* @noflip */
433
+ /*rtl:ignore*/
364
434
  margin-right: 16px;
365
435
  width: 40px;
366
436
  height: 40px;
367
437
  }
368
438
  [dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic[dir=rtl] {
439
+ /*rtl:begin:ignore*/
369
440
  /* @noflip */
441
+ /*rtl:ignore*/
370
442
  margin-left: 16px;
371
443
  /* @noflip */
444
+ /*rtl:ignore*/
372
445
  margin-right: 0;
446
+ /*rtl:end:ignore*/
373
447
  }
448
+
374
449
  .mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic {
375
450
  /* @noflip */
451
+ /*rtl:ignore*/
376
452
  margin-left: 0;
377
453
  /* @noflip */
454
+ /*rtl:ignore*/
378
455
  margin-right: 16px;
379
456
  width: 56px;
380
457
  height: 56px;
381
458
  }
382
459
  [dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic[dir=rtl] {
460
+ /*rtl:begin:ignore*/
383
461
  /* @noflip */
462
+ /*rtl:ignore*/
384
463
  margin-left: 16px;
385
464
  /* @noflip */
465
+ /*rtl:ignore*/
386
466
  margin-right: 0;
467
+ /*rtl:end:ignore*/
387
468
  }
469
+
388
470
  .mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic {
389
471
  /* @noflip */
472
+ /*rtl:ignore*/
390
473
  margin-left: 0;
391
474
  /* @noflip */
475
+ /*rtl:ignore*/
392
476
  margin-right: 16px;
393
477
  width: 100px;
394
478
  height: 56px;
395
479
  }
396
480
  [dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic[dir=rtl] {
481
+ /*rtl:begin:ignore*/
397
482
  /* @noflip */
483
+ /*rtl:ignore*/
398
484
  margin-left: 16px;
399
485
  /* @noflip */
486
+ /*rtl:ignore*/
400
487
  margin-right: 0;
488
+ /*rtl:end:ignore*/
401
489
  }
402
490
 
403
491
  .mdc-deprecated-list .mdc-deprecated-list-item__graphic {
@@ -406,8 +494,10 @@
406
494
 
407
495
  .mdc-deprecated-list-item__meta {
408
496
  /* @noflip */
497
+ /*rtl:ignore*/
409
498
  margin-left: auto;
410
499
  /* @noflip */
500
+ /*rtl:ignore*/
411
501
  margin-right: 0;
412
502
  }
413
503
  .mdc-deprecated-list-item__meta:not(.material-icons) {
@@ -437,8 +527,10 @@
437
527
  }
438
528
  .mdc-deprecated-list-item[dir=rtl] .mdc-deprecated-list-item__meta, [dir=rtl] .mdc-deprecated-list-item .mdc-deprecated-list-item__meta {
439
529
  /* @noflip */
530
+ /*rtl:ignore*/
440
531
  margin-left: 0;
441
532
  /* @noflip */
533
+ /*rtl:ignore*/
442
534
  margin-right: auto;
443
535
  }
444
536
 
@@ -588,17 +680,23 @@
588
680
 
589
681
  .mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic {
590
682
  /* @noflip */
683
+ /*rtl:ignore*/
591
684
  margin-left: 0;
592
685
  /* @noflip */
686
+ /*rtl:ignore*/
593
687
  margin-right: 16px;
594
688
  width: 36px;
595
689
  height: 36px;
596
690
  }
597
691
  [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] {
692
+ /*rtl:begin:ignore*/
598
693
  /* @noflip */
694
+ /*rtl:ignore*/
599
695
  margin-left: 16px;
600
696
  /* @noflip */
697
+ /*rtl:ignore*/
601
698
  margin-right: 0;
699
+ /*rtl:end:ignore*/
602
700
  }
603
701
 
604
702
  :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item {
@@ -624,380 +722,560 @@ a.mdc-deprecated-list-item {
624
722
 
625
723
  .mdc-deprecated-list-divider--padded {
626
724
  /* @noflip */
725
+ /*rtl:ignore*/
627
726
  margin-left: 16px;
628
727
  /* @noflip */
728
+ /*rtl:ignore*/
629
729
  margin-right: 0;
630
730
  width: calc(100% - 32px);
631
731
  }
632
732
  [dir=rtl] .mdc-deprecated-list-divider--padded, .mdc-deprecated-list-divider--padded[dir=rtl] {
733
+ /*rtl:begin:ignore*/
633
734
  /* @noflip */
735
+ /*rtl:ignore*/
634
736
  margin-left: 0;
635
737
  /* @noflip */
738
+ /*rtl:ignore*/
636
739
  margin-right: 16px;
740
+ /*rtl:end:ignore*/
637
741
  }
638
742
 
639
743
  .mdc-deprecated-list-divider--inset {
640
744
  /* @noflip */
745
+ /*rtl:ignore*/
641
746
  margin-left: 72px;
642
747
  /* @noflip */
748
+ /*rtl:ignore*/
643
749
  margin-right: 0;
644
750
  width: calc(100% - 72px);
645
751
  }
646
752
  [dir=rtl] .mdc-deprecated-list-divider--inset, .mdc-deprecated-list-divider--inset[dir=rtl] {
753
+ /*rtl:begin:ignore*/
647
754
  /* @noflip */
755
+ /*rtl:ignore*/
648
756
  margin-left: 0;
649
757
  /* @noflip */
758
+ /*rtl:ignore*/
650
759
  margin-right: 72px;
760
+ /*rtl:end:ignore*/
651
761
  }
652
762
 
653
763
  .mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded {
654
764
  /* @noflip */
765
+ /*rtl:ignore*/
655
766
  margin-left: 72px;
656
767
  /* @noflip */
768
+ /*rtl:ignore*/
657
769
  margin-right: 0;
658
770
  width: calc(100% - 88px);
659
771
  }
660
772
  [dir=rtl] .mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded, .mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded[dir=rtl] {
773
+ /*rtl:begin:ignore*/
661
774
  /* @noflip */
775
+ /*rtl:ignore*/
662
776
  margin-left: 0;
663
777
  /* @noflip */
778
+ /*rtl:ignore*/
664
779
  margin-right: 72px;
780
+ /*rtl:end:ignore*/
665
781
  }
666
782
 
667
783
  .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading {
668
784
  /* @noflip */
785
+ /*rtl:ignore*/
669
786
  margin-left: 16px;
670
787
  /* @noflip */
788
+ /*rtl:ignore*/
671
789
  margin-right: 0;
672
790
  width: calc(100% - 16px);
673
791
  }
674
792
  [dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] {
793
+ /*rtl:begin:ignore*/
675
794
  /* @noflip */
795
+ /*rtl:ignore*/
676
796
  margin-left: 0;
677
797
  /* @noflip */
798
+ /*rtl:ignore*/
678
799
  margin-right: 16px;
800
+ /*rtl:end:ignore*/
679
801
  }
802
+
680
803
  .mdc-deprecated-list .mdc-deprecated-list-divider--inset-trailing {
681
804
  width: calc(100% - 16px);
682
805
  }
683
806
  .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
684
807
  /* @noflip */
808
+ /*rtl:ignore*/
685
809
  margin-left: 16px;
686
810
  /* @noflip */
811
+ /*rtl:ignore*/
687
812
  margin-right: 0;
688
813
  width: calc(100% - 32px);
689
814
  }
690
815
  [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] {
816
+ /*rtl:begin:ignore*/
691
817
  /* @noflip */
818
+ /*rtl:ignore*/
692
819
  margin-left: 0;
693
820
  /* @noflip */
821
+ /*rtl:ignore*/
694
822
  margin-right: 16px;
823
+ /*rtl:end:ignore*/
695
824
  }
825
+
696
826
  .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
697
827
  /* @noflip */
828
+ /*rtl:ignore*/
698
829
  margin-left: 16px;
699
830
  /* @noflip */
831
+ /*rtl:ignore*/
700
832
  margin-right: 0;
701
833
  width: calc(100% - 16px);
702
834
  }
703
835
  [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] {
836
+ /*rtl:begin:ignore*/
704
837
  /* @noflip */
838
+ /*rtl:ignore*/
705
839
  margin-left: 0;
706
840
  /* @noflip */
841
+ /*rtl:ignore*/
707
842
  margin-right: 16px;
843
+ /*rtl:end:ignore*/
708
844
  }
845
+
709
846
  .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
710
847
  /* @noflip */
848
+ /*rtl:ignore*/
711
849
  margin-left: 16px;
712
850
  /* @noflip */
851
+ /*rtl:ignore*/
713
852
  margin-right: 0;
714
853
  width: calc(100% - 32px);
715
854
  }
716
855
  [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] {
856
+ /*rtl:begin:ignore*/
717
857
  /* @noflip */
858
+ /*rtl:ignore*/
718
859
  margin-left: 0;
719
860
  /* @noflip */
861
+ /*rtl:ignore*/
720
862
  margin-right: 16px;
863
+ /*rtl:end:ignore*/
721
864
  }
722
865
 
723
866
  .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading {
724
867
  /* @noflip */
868
+ /*rtl:ignore*/
725
869
  margin-left: 72px;
726
870
  /* @noflip */
871
+ /*rtl:ignore*/
727
872
  margin-right: 0;
728
873
  width: calc(100% - 72px);
729
874
  }
730
875
  [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] {
876
+ /*rtl:begin:ignore*/
731
877
  /* @noflip */
878
+ /*rtl:ignore*/
732
879
  margin-left: 0;
733
880
  /* @noflip */
881
+ /*rtl:ignore*/
734
882
  margin-right: 72px;
883
+ /*rtl:end:ignore*/
735
884
  }
885
+
736
886
  .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-trailing {
737
887
  width: calc(100% - 16px);
738
888
  }
739
889
  .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
740
890
  /* @noflip */
891
+ /*rtl:ignore*/
741
892
  margin-left: 72px;
742
893
  /* @noflip */
894
+ /*rtl:ignore*/
743
895
  margin-right: 0;
744
896
  width: calc(100% - 88px);
745
897
  }
746
898
  [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] {
899
+ /*rtl:begin:ignore*/
747
900
  /* @noflip */
901
+ /*rtl:ignore*/
748
902
  margin-left: 0;
749
903
  /* @noflip */
904
+ /*rtl:ignore*/
750
905
  margin-right: 72px;
906
+ /*rtl:end:ignore*/
751
907
  }
908
+
752
909
  .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
753
910
  /* @noflip */
911
+ /*rtl:ignore*/
754
912
  margin-left: 16px;
755
913
  /* @noflip */
914
+ /*rtl:ignore*/
756
915
  margin-right: 0;
757
916
  width: calc(100% - 16px);
758
917
  }
759
918
  [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] {
919
+ /*rtl:begin:ignore*/
760
920
  /* @noflip */
921
+ /*rtl:ignore*/
761
922
  margin-left: 0;
762
923
  /* @noflip */
924
+ /*rtl:ignore*/
763
925
  margin-right: 16px;
926
+ /*rtl:end:ignore*/
764
927
  }
928
+
765
929
  .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
766
930
  /* @noflip */
931
+ /*rtl:ignore*/
767
932
  margin-left: 16px;
768
933
  /* @noflip */
934
+ /*rtl:ignore*/
769
935
  margin-right: 0;
770
936
  width: calc(100% - 32px);
771
937
  }
772
938
  [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] {
939
+ /*rtl:begin:ignore*/
773
940
  /* @noflip */
941
+ /*rtl:ignore*/
774
942
  margin-left: 0;
775
943
  /* @noflip */
944
+ /*rtl:ignore*/
776
945
  margin-right: 16px;
946
+ /*rtl:end:ignore*/
777
947
  }
778
948
 
779
949
  .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading {
780
950
  /* @noflip */
951
+ /*rtl:ignore*/
781
952
  margin-left: 72px;
782
953
  /* @noflip */
954
+ /*rtl:ignore*/
783
955
  margin-right: 0;
784
956
  width: calc(100% - 72px);
785
957
  }
786
958
  [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] {
959
+ /*rtl:begin:ignore*/
787
960
  /* @noflip */
961
+ /*rtl:ignore*/
788
962
  margin-left: 0;
789
963
  /* @noflip */
964
+ /*rtl:ignore*/
790
965
  margin-right: 72px;
966
+ /*rtl:end:ignore*/
791
967
  }
968
+
792
969
  .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-trailing {
793
970
  width: calc(100% - 16px);
794
971
  }
795
972
  .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
796
973
  /* @noflip */
974
+ /*rtl:ignore*/
797
975
  margin-left: 72px;
798
976
  /* @noflip */
977
+ /*rtl:ignore*/
799
978
  margin-right: 0;
800
979
  width: calc(100% - 88px);
801
980
  }
802
981
  [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] {
982
+ /*rtl:begin:ignore*/
803
983
  /* @noflip */
984
+ /*rtl:ignore*/
804
985
  margin-left: 0;
805
986
  /* @noflip */
987
+ /*rtl:ignore*/
806
988
  margin-right: 72px;
989
+ /*rtl:end:ignore*/
807
990
  }
991
+
808
992
  .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
809
993
  /* @noflip */
994
+ /*rtl:ignore*/
810
995
  margin-left: 16px;
811
996
  /* @noflip */
997
+ /*rtl:ignore*/
812
998
  margin-right: 0;
813
999
  width: calc(100% - 16px);
814
1000
  }
815
1001
  [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] {
1002
+ /*rtl:begin:ignore*/
816
1003
  /* @noflip */
1004
+ /*rtl:ignore*/
817
1005
  margin-left: 0;
818
1006
  /* @noflip */
1007
+ /*rtl:ignore*/
819
1008
  margin-right: 16px;
1009
+ /*rtl:end:ignore*/
820
1010
  }
1011
+
821
1012
  .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
822
1013
  /* @noflip */
1014
+ /*rtl:ignore*/
823
1015
  margin-left: 16px;
824
1016
  /* @noflip */
1017
+ /*rtl:ignore*/
825
1018
  margin-right: 0;
826
1019
  width: calc(100% - 32px);
827
1020
  }
828
1021
  [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] {
1022
+ /*rtl:begin:ignore*/
829
1023
  /* @noflip */
1024
+ /*rtl:ignore*/
830
1025
  margin-left: 0;
831
1026
  /* @noflip */
1027
+ /*rtl:ignore*/
832
1028
  margin-right: 16px;
1029
+ /*rtl:end:ignore*/
833
1030
  }
834
1031
 
835
1032
  .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading {
836
1033
  /* @noflip */
1034
+ /*rtl:ignore*/
837
1035
  margin-left: 72px;
838
1036
  /* @noflip */
1037
+ /*rtl:ignore*/
839
1038
  margin-right: 0;
840
1039
  width: calc(100% - 72px);
841
1040
  }
842
1041
  [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] {
1042
+ /*rtl:begin:ignore*/
843
1043
  /* @noflip */
1044
+ /*rtl:ignore*/
844
1045
  margin-left: 0;
845
1046
  /* @noflip */
1047
+ /*rtl:ignore*/
846
1048
  margin-right: 72px;
1049
+ /*rtl:end:ignore*/
847
1050
  }
1051
+
848
1052
  .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-trailing {
849
1053
  width: calc(100% - 16px);
850
1054
  }
851
1055
  .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
852
1056
  /* @noflip */
1057
+ /*rtl:ignore*/
853
1058
  margin-left: 72px;
854
1059
  /* @noflip */
1060
+ /*rtl:ignore*/
855
1061
  margin-right: 0;
856
1062
  width: calc(100% - 88px);
857
1063
  }
858
1064
  [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] {
1065
+ /*rtl:begin:ignore*/
859
1066
  /* @noflip */
1067
+ /*rtl:ignore*/
860
1068
  margin-left: 0;
861
1069
  /* @noflip */
1070
+ /*rtl:ignore*/
862
1071
  margin-right: 72px;
1072
+ /*rtl:end:ignore*/
863
1073
  }
1074
+
864
1075
  .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
865
1076
  /* @noflip */
1077
+ /*rtl:ignore*/
866
1078
  margin-left: 16px;
867
1079
  /* @noflip */
1080
+ /*rtl:ignore*/
868
1081
  margin-right: 0;
869
1082
  width: calc(100% - 16px);
870
1083
  }
871
1084
  [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] {
1085
+ /*rtl:begin:ignore*/
872
1086
  /* @noflip */
1087
+ /*rtl:ignore*/
873
1088
  margin-left: 0;
874
1089
  /* @noflip */
1090
+ /*rtl:ignore*/
875
1091
  margin-right: 16px;
1092
+ /*rtl:end:ignore*/
876
1093
  }
1094
+
877
1095
  .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
878
1096
  /* @noflip */
1097
+ /*rtl:ignore*/
879
1098
  margin-left: 16px;
880
1099
  /* @noflip */
1100
+ /*rtl:ignore*/
881
1101
  margin-right: 0;
882
1102
  width: calc(100% - 32px);
883
1103
  }
884
1104
  [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] {
1105
+ /*rtl:begin:ignore*/
885
1106
  /* @noflip */
1107
+ /*rtl:ignore*/
886
1108
  margin-left: 0;
887
1109
  /* @noflip */
1110
+ /*rtl:ignore*/
888
1111
  margin-right: 16px;
1112
+ /*rtl:end:ignore*/
889
1113
  }
890
1114
 
891
1115
  .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading {
892
1116
  /* @noflip */
1117
+ /*rtl:ignore*/
893
1118
  margin-left: 88px;
894
1119
  /* @noflip */
1120
+ /*rtl:ignore*/
895
1121
  margin-right: 0;
896
1122
  width: calc(100% - 88px);
897
1123
  }
898
1124
  [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] {
1125
+ /*rtl:begin:ignore*/
899
1126
  /* @noflip */
1127
+ /*rtl:ignore*/
900
1128
  margin-left: 0;
901
1129
  /* @noflip */
1130
+ /*rtl:ignore*/
902
1131
  margin-right: 88px;
1132
+ /*rtl:end:ignore*/
903
1133
  }
1134
+
904
1135
  .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-trailing {
905
1136
  width: calc(100% - 16px);
906
1137
  }
907
1138
  .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
908
1139
  /* @noflip */
1140
+ /*rtl:ignore*/
909
1141
  margin-left: 88px;
910
1142
  /* @noflip */
1143
+ /*rtl:ignore*/
911
1144
  margin-right: 0;
912
1145
  width: calc(100% - 104px);
913
1146
  }
914
1147
  [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] {
1148
+ /*rtl:begin:ignore*/
915
1149
  /* @noflip */
1150
+ /*rtl:ignore*/
916
1151
  margin-left: 0;
917
1152
  /* @noflip */
1153
+ /*rtl:ignore*/
918
1154
  margin-right: 88px;
1155
+ /*rtl:end:ignore*/
919
1156
  }
1157
+
920
1158
  .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
921
1159
  /* @noflip */
1160
+ /*rtl:ignore*/
922
1161
  margin-left: 16px;
923
1162
  /* @noflip */
1163
+ /*rtl:ignore*/
924
1164
  margin-right: 0;
925
1165
  width: calc(100% - 16px);
926
1166
  }
927
1167
  [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] {
1168
+ /*rtl:begin:ignore*/
928
1169
  /* @noflip */
1170
+ /*rtl:ignore*/
929
1171
  margin-left: 0;
930
1172
  /* @noflip */
1173
+ /*rtl:ignore*/
931
1174
  margin-right: 16px;
1175
+ /*rtl:end:ignore*/
932
1176
  }
1177
+
933
1178
  .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
934
1179
  /* @noflip */
1180
+ /*rtl:ignore*/
935
1181
  margin-left: 16px;
936
1182
  /* @noflip */
1183
+ /*rtl:ignore*/
937
1184
  margin-right: 0;
938
1185
  width: calc(100% - 32px);
939
1186
  }
940
1187
  [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] {
1188
+ /*rtl:begin:ignore*/
941
1189
  /* @noflip */
1190
+ /*rtl:ignore*/
942
1191
  margin-left: 0;
943
1192
  /* @noflip */
1193
+ /*rtl:ignore*/
944
1194
  margin-right: 16px;
1195
+ /*rtl:end:ignore*/
945
1196
  }
946
1197
 
947
1198
  .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading {
948
1199
  /* @noflip */
1200
+ /*rtl:ignore*/
949
1201
  margin-left: 116px;
950
1202
  /* @noflip */
1203
+ /*rtl:ignore*/
951
1204
  margin-right: 0;
952
1205
  width: calc(100% - 116px);
953
1206
  }
954
1207
  [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] {
1208
+ /*rtl:begin:ignore*/
955
1209
  /* @noflip */
1210
+ /*rtl:ignore*/
956
1211
  margin-left: 0;
957
1212
  /* @noflip */
1213
+ /*rtl:ignore*/
958
1214
  margin-right: 116px;
1215
+ /*rtl:end:ignore*/
959
1216
  }
1217
+
960
1218
  .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-trailing {
961
1219
  width: calc(100% - 16px);
962
1220
  }
963
1221
  .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
964
1222
  /* @noflip */
1223
+ /*rtl:ignore*/
965
1224
  margin-left: 116px;
966
1225
  /* @noflip */
1226
+ /*rtl:ignore*/
967
1227
  margin-right: 0;
968
1228
  width: calc(100% - 132px);
969
1229
  }
970
1230
  [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] {
1231
+ /*rtl:begin:ignore*/
971
1232
  /* @noflip */
1233
+ /*rtl:ignore*/
972
1234
  margin-left: 0;
973
1235
  /* @noflip */
1236
+ /*rtl:ignore*/
974
1237
  margin-right: 116px;
1238
+ /*rtl:end:ignore*/
975
1239
  }
1240
+
976
1241
  .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
977
1242
  /* @noflip */
1243
+ /*rtl:ignore*/
978
1244
  margin-left: 0px;
979
1245
  /* @noflip */
1246
+ /*rtl:ignore*/
980
1247
  margin-right: 0;
981
1248
  width: calc(100% - 0px);
982
1249
  }
983
1250
  [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] {
1251
+ /*rtl:begin:ignore*/
984
1252
  /* @noflip */
1253
+ /*rtl:ignore*/
985
1254
  margin-left: 0;
986
1255
  /* @noflip */
1256
+ /*rtl:ignore*/
987
1257
  margin-right: 0px;
1258
+ /*rtl:end:ignore*/
988
1259
  }
1260
+
989
1261
  .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
990
1262
  /* @noflip */
1263
+ /*rtl:ignore*/
991
1264
  margin-left: 0px;
992
1265
  /* @noflip */
1266
+ /*rtl:ignore*/
993
1267
  margin-right: 0;
994
1268
  width: calc(100% - 16px);
995
1269
  }
996
1270
  [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] {
1271
+ /*rtl:begin:ignore*/
997
1272
  /* @noflip */
1273
+ /*rtl:ignore*/
998
1274
  margin-left: 0;
999
1275
  /* @noflip */
1276
+ /*rtl:ignore*/
1000
1277
  margin-right: 0px;
1278
+ /*rtl:end:ignore*/
1001
1279
  }
1002
1280
 
1003
1281
  .mdc-deprecated-list-group .mdc-deprecated-list {
@@ -1028,7 +1306,7 @@ a.mdc-deprecated-list-item {
1028
1306
  text-transform: inherit;
1029
1307
  /* @alternate */
1030
1308
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
1031
- margin: calc( (3rem - 1.5rem) / 2 ) 16px;
1309
+ margin: calc((3rem - 1.5rem) / 2) 16px;
1032
1310
  }
1033
1311
 
1034
1312
  .mdc-list-item__primary-text {
@@ -1043,6 +1321,12 @@ a.mdc-deprecated-list-item {
1043
1321
  color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
1044
1322
  }
1045
1323
 
1324
+ .mdc-list-item__overline-text {
1325
+ color: rgba(0, 0, 0, 0.38);
1326
+ /* @alternate */
1327
+ color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
1328
+ }
1329
+
1046
1330
  .mdc-list-item--with-leading-icon .mdc-list-item__start,
1047
1331
  .mdc-list-item--with-trailing-icon .mdc-list-item__end {
1048
1332
  background-color: transparent;
@@ -1055,7 +1339,7 @@ a.mdc-deprecated-list-item {
1055
1339
  color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
1056
1340
  }
1057
1341
 
1058
- .mdc-list-item--with-trailing-meta .mdc-list-item__end {
1342
+ .mdc-list-item__end {
1059
1343
  color: rgba(0, 0, 0, 0.38);
1060
1344
  /* @alternate */
1061
1345
  color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
@@ -1077,6 +1361,11 @@ a.mdc-deprecated-list-item {
1077
1361
  /* @alternate */
1078
1362
  color: var(--mdc-theme-on-surface, #000);
1079
1363
  }
1364
+ .mdc-list-item--disabled .mdc-list-item__overline-text {
1365
+ color: #000;
1366
+ /* @alternate */
1367
+ color: var(--mdc-theme-on-surface, #000);
1368
+ }
1080
1369
  .mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start {
1081
1370
  color: #000;
1082
1371
  /* @alternate */
@@ -1112,7 +1401,7 @@ a.mdc-deprecated-list-item {
1112
1401
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
1113
1402
  }
1114
1403
 
1115
- @media screen and (-ms-high-contrast: active) {
1404
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1116
1405
  .mdc-list-divider::after {
1117
1406
  content: "";
1118
1407
  display: block;
@@ -1162,22 +1451,12 @@ a.mdc-deprecated-list-item {
1162
1451
  justify-content: flex-start;
1163
1452
  overflow: hidden;
1164
1453
  padding: 0;
1165
- /* @noflip */
1166
- padding-left: 16px;
1167
- /* @noflip */
1168
- padding-right: 16px;
1169
1454
  align-items: stretch;
1170
1455
  cursor: pointer;
1171
1456
  }
1172
1457
  .mdc-list-item:focus {
1173
1458
  outline: none;
1174
1459
  }
1175
- [dir=rtl] .mdc-list-item, .mdc-list-item[dir=rtl] {
1176
- /* @noflip */
1177
- padding-left: 16px;
1178
- /* @noflip */
1179
- padding-right: 16px;
1180
- }
1181
1460
  .mdc-list-item.mdc-list-item--with-one-line {
1182
1461
  height: 48px;
1183
1462
  }
@@ -1238,6 +1517,18 @@ a.mdc-deprecated-list-item {
1238
1517
  content: "";
1239
1518
  pointer-events: none;
1240
1519
  }
1520
+ .mdc-list-item.mdc-list-item--selected:focus::before {
1521
+ position: absolute;
1522
+ box-sizing: border-box;
1523
+ width: 100%;
1524
+ height: 100%;
1525
+ top: 0;
1526
+ left: 0;
1527
+ border: 3px solid transparent;
1528
+ border-radius: inherit;
1529
+ content: "";
1530
+ pointer-events: none;
1531
+ }
1241
1532
 
1242
1533
  a.mdc-list-item {
1243
1534
  color: inherit;
@@ -1359,27 +1650,79 @@ a.mdc-list-item {
1359
1650
  content: "";
1360
1651
  vertical-align: 0;
1361
1652
  }
1653
+ .mdc-list-item--with-three-lines .mdc-list-item__secondary-text {
1654
+ white-space: normal;
1655
+ line-height: 20px;
1656
+ }
1657
+ .mdc-list-item--with-overline .mdc-list-item__secondary-text {
1658
+ white-space: nowrap;
1659
+ line-height: auto;
1660
+ }
1362
1661
 
1363
1662
  .mdc-list-item__overline-text {
1663
+ -moz-osx-font-smoothing: grayscale;
1664
+ -webkit-font-smoothing: antialiased;
1665
+ font-family: Roboto, sans-serif;
1666
+ /* @alternate */
1667
+ font-family: var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
1668
+ font-size: 0.6875rem;
1669
+ /* @alternate */
1670
+ font-size: var(--mdc-typography-overline-font-size, 0.6875rem);
1671
+ line-height: 0.875rem;
1672
+ /* @alternate */
1673
+ line-height: var(--mdc-typography-overline-line-height, 0.875rem);
1674
+ font-weight: 500;
1675
+ /* @alternate */
1676
+ font-weight: var(--mdc-typography-overline-font-weight, 500);
1677
+ letter-spacing: 0.1666666667em;
1678
+ /* @alternate */
1679
+ letter-spacing: var(--mdc-typography-overline-letter-spacing, 0.1666666667em);
1680
+ text-decoration: none;
1681
+ /* @alternate */
1682
+ text-decoration: var(--mdc-typography-overline-text-decoration, none);
1683
+ text-transform: uppercase;
1684
+ /* @alternate */
1685
+ text-transform: var(--mdc-typography-overline-text-transform, uppercase);
1364
1686
  text-overflow: ellipsis;
1365
1687
  white-space: nowrap;
1366
1688
  overflow: hidden;
1367
1689
  }
1368
- .mdc-list-item--with-two-lines .mdc-list-item__overline-text, .mdc-list-item--with-three-lines .mdc-list-item__overline-text {
1690
+ .mdc-list-item--with-two-lines .mdc-list-item__overline-text {
1369
1691
  display: block;
1370
1692
  margin-top: 0;
1371
1693
  /* @alternate */
1372
1694
  line-height: normal;
1373
1695
  margin-bottom: -20px;
1374
1696
  }
1375
- .mdc-list-item--with-two-lines .mdc-list-item__overline-text::before, .mdc-list-item--with-three-lines .mdc-list-item__overline-text::before {
1697
+ .mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
1376
1698
  display: inline-block;
1377
1699
  width: 0;
1378
1700
  height: 24px;
1379
1701
  content: "";
1380
1702
  vertical-align: 0;
1381
1703
  }
1382
- .mdc-list-item--with-two-lines .mdc-list-item__overline-text::after, .mdc-list-item--with-three-lines .mdc-list-item__overline-text::after {
1704
+ .mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
1705
+ display: inline-block;
1706
+ width: 0;
1707
+ height: 20px;
1708
+ content: "";
1709
+ vertical-align: -20px;
1710
+ }
1711
+ .mdc-list-item--with-three-lines .mdc-list-item__overline-text {
1712
+ display: block;
1713
+ margin-top: 0;
1714
+ /* @alternate */
1715
+ line-height: normal;
1716
+ margin-bottom: -20px;
1717
+ }
1718
+ .mdc-list-item--with-three-lines .mdc-list-item__overline-text::before {
1719
+ display: inline-block;
1720
+ width: 0;
1721
+ height: 28px;
1722
+ content: "";
1723
+ vertical-align: 0;
1724
+ }
1725
+ .mdc-list-item--with-three-lines .mdc-list-item__overline-text::after {
1383
1726
  display: inline-block;
1384
1727
  width: 0;
1385
1728
  height: 20px;
@@ -1389,28 +1732,42 @@ a.mdc-list-item {
1389
1732
 
1390
1733
  .mdc-list-item--with-leading-avatar.mdc-list-item {
1391
1734
  /* @noflip */
1735
+ /*rtl:ignore*/
1392
1736
  padding-left: 0;
1393
1737
  /* @noflip */
1738
+ /*rtl:ignore*/
1394
1739
  padding-right: auto;
1395
1740
  }
1396
1741
  [dir=rtl] .mdc-list-item--with-leading-avatar.mdc-list-item, .mdc-list-item--with-leading-avatar.mdc-list-item[dir=rtl] {
1742
+ /*rtl:begin:ignore*/
1397
1743
  /* @noflip */
1744
+ /*rtl:ignore*/
1398
1745
  padding-left: auto;
1399
1746
  /* @noflip */
1747
+ /*rtl:ignore*/
1400
1748
  padding-right: 0;
1749
+ /*rtl:end:ignore*/
1401
1750
  }
1751
+
1402
1752
  .mdc-list-item--with-leading-avatar .mdc-list-item__start {
1403
1753
  /* @noflip */
1754
+ /*rtl:ignore*/
1404
1755
  margin-left: 16px;
1405
1756
  /* @noflip */
1757
+ /*rtl:ignore*/
1406
1758
  margin-right: 16px;
1407
1759
  }
1408
1760
  [dir=rtl] .mdc-list-item--with-leading-avatar .mdc-list-item__start, .mdc-list-item--with-leading-avatar .mdc-list-item__start[dir=rtl] {
1761
+ /*rtl:begin:ignore*/
1409
1762
  /* @noflip */
1763
+ /*rtl:ignore*/
1410
1764
  margin-left: 16px;
1411
1765
  /* @noflip */
1766
+ /*rtl:ignore*/
1412
1767
  margin-right: 16px;
1768
+ /*rtl:end:ignore*/
1413
1769
  }
1770
+
1414
1771
  .mdc-list-item--with-leading-avatar .mdc-list-item__start {
1415
1772
  width: 40px;
1416
1773
  height: 40px;
@@ -1436,6 +1793,27 @@ a.mdc-list-item {
1436
1793
  content: "";
1437
1794
  vertical-align: -20px;
1438
1795
  }
1796
+ .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
1797
+ display: block;
1798
+ margin-top: 0;
1799
+ /* @alternate */
1800
+ line-height: normal;
1801
+ margin-bottom: -20px;
1802
+ }
1803
+ .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
1804
+ display: inline-block;
1805
+ width: 0;
1806
+ height: 28px;
1807
+ content: "";
1808
+ vertical-align: 0;
1809
+ }
1810
+ .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
1811
+ display: inline-block;
1812
+ width: 0;
1813
+ height: 20px;
1814
+ content: "";
1815
+ vertical-align: -20px;
1816
+ }
1439
1817
  .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
1440
1818
  display: block;
1441
1819
  margin-top: 0;
@@ -1465,28 +1843,42 @@ a.mdc-list-item {
1465
1843
  }
1466
1844
  .mdc-list-item--with-leading-icon.mdc-list-item {
1467
1845
  /* @noflip */
1846
+ /*rtl:ignore*/
1468
1847
  padding-left: 0;
1469
1848
  /* @noflip */
1849
+ /*rtl:ignore*/
1470
1850
  padding-right: auto;
1471
1851
  }
1472
1852
  [dir=rtl] .mdc-list-item--with-leading-icon.mdc-list-item, .mdc-list-item--with-leading-icon.mdc-list-item[dir=rtl] {
1853
+ /*rtl:begin:ignore*/
1473
1854
  /* @noflip */
1855
+ /*rtl:ignore*/
1474
1856
  padding-left: auto;
1475
1857
  /* @noflip */
1858
+ /*rtl:ignore*/
1476
1859
  padding-right: 0;
1860
+ /*rtl:end:ignore*/
1477
1861
  }
1862
+
1478
1863
  .mdc-list-item--with-leading-icon .mdc-list-item__start {
1479
1864
  /* @noflip */
1865
+ /*rtl:ignore*/
1480
1866
  margin-left: 16px;
1481
1867
  /* @noflip */
1868
+ /*rtl:ignore*/
1482
1869
  margin-right: 32px;
1483
1870
  }
1484
1871
  [dir=rtl] .mdc-list-item--with-leading-icon .mdc-list-item__start, .mdc-list-item--with-leading-icon .mdc-list-item__start[dir=rtl] {
1872
+ /*rtl:begin:ignore*/
1485
1873
  /* @noflip */
1874
+ /*rtl:ignore*/
1486
1875
  margin-left: 32px;
1487
1876
  /* @noflip */
1877
+ /*rtl:ignore*/
1488
1878
  margin-right: 16px;
1879
+ /*rtl:end:ignore*/
1489
1880
  }
1881
+
1490
1882
  .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
1491
1883
  display: block;
1492
1884
  margin-top: 0;
@@ -1508,6 +1900,27 @@ a.mdc-list-item {
1508
1900
  content: "";
1509
1901
  vertical-align: -20px;
1510
1902
  }
1903
+ .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
1904
+ display: block;
1905
+ margin-top: 0;
1906
+ /* @alternate */
1907
+ line-height: normal;
1908
+ margin-bottom: -20px;
1909
+ }
1910
+ .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
1911
+ display: inline-block;
1912
+ width: 0;
1913
+ height: 28px;
1914
+ content: "";
1915
+ vertical-align: 0;
1916
+ }
1917
+ .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
1918
+ display: inline-block;
1919
+ width: 0;
1920
+ height: 20px;
1921
+ content: "";
1922
+ vertical-align: -20px;
1923
+ }
1511
1924
  .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
1512
1925
  display: block;
1513
1926
  margin-top: 0;
@@ -1530,28 +1943,42 @@ a.mdc-list-item {
1530
1943
 
1531
1944
  .mdc-list-item--with-leading-thumbnail.mdc-list-item {
1532
1945
  /* @noflip */
1946
+ /*rtl:ignore*/
1533
1947
  padding-left: 0;
1534
1948
  /* @noflip */
1949
+ /*rtl:ignore*/
1535
1950
  padding-right: auto;
1536
1951
  }
1537
1952
  [dir=rtl] .mdc-list-item--with-leading-thumbnail.mdc-list-item, .mdc-list-item--with-leading-thumbnail.mdc-list-item[dir=rtl] {
1953
+ /*rtl:begin:ignore*/
1538
1954
  /* @noflip */
1955
+ /*rtl:ignore*/
1539
1956
  padding-left: auto;
1540
1957
  /* @noflip */
1958
+ /*rtl:ignore*/
1541
1959
  padding-right: 0;
1960
+ /*rtl:end:ignore*/
1542
1961
  }
1962
+
1543
1963
  .mdc-list-item--with-leading-thumbnail .mdc-list-item__start {
1544
1964
  /* @noflip */
1965
+ /*rtl:ignore*/
1545
1966
  margin-left: 16px;
1546
1967
  /* @noflip */
1968
+ /*rtl:ignore*/
1547
1969
  margin-right: 16px;
1548
1970
  }
1549
1971
  [dir=rtl] .mdc-list-item--with-leading-thumbnail .mdc-list-item__start, .mdc-list-item--with-leading-thumbnail .mdc-list-item__start[dir=rtl] {
1972
+ /*rtl:begin:ignore*/
1550
1973
  /* @noflip */
1974
+ /*rtl:ignore*/
1551
1975
  margin-left: 16px;
1552
1976
  /* @noflip */
1977
+ /*rtl:ignore*/
1553
1978
  margin-right: 16px;
1979
+ /*rtl:end:ignore*/
1554
1980
  }
1981
+
1555
1982
  .mdc-list-item--with-leading-thumbnail .mdc-list-item__start {
1556
1983
  width: 40px;
1557
1984
  height: 40px;
@@ -1577,6 +2004,27 @@ a.mdc-list-item {
1577
2004
  content: "";
1578
2005
  vertical-align: -20px;
1579
2006
  }
2007
+ .mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
2008
+ display: block;
2009
+ margin-top: 0;
2010
+ /* @alternate */
2011
+ line-height: normal;
2012
+ margin-bottom: -20px;
2013
+ }
2014
+ .mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
2015
+ display: inline-block;
2016
+ width: 0;
2017
+ height: 28px;
2018
+ content: "";
2019
+ vertical-align: 0;
2020
+ }
2021
+ .mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
2022
+ display: inline-block;
2023
+ width: 0;
2024
+ height: 20px;
2025
+ content: "";
2026
+ vertical-align: -20px;
2027
+ }
1580
2028
  .mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
1581
2029
  display: block;
1582
2030
  margin-top: 0;
@@ -1599,28 +2047,42 @@ a.mdc-list-item {
1599
2047
 
1600
2048
  .mdc-list-item--with-leading-image.mdc-list-item {
1601
2049
  /* @noflip */
2050
+ /*rtl:ignore*/
1602
2051
  padding-left: 0;
1603
2052
  /* @noflip */
2053
+ /*rtl:ignore*/
1604
2054
  padding-right: auto;
1605
2055
  }
1606
2056
  [dir=rtl] .mdc-list-item--with-leading-image.mdc-list-item, .mdc-list-item--with-leading-image.mdc-list-item[dir=rtl] {
2057
+ /*rtl:begin:ignore*/
1607
2058
  /* @noflip */
2059
+ /*rtl:ignore*/
1608
2060
  padding-left: auto;
1609
2061
  /* @noflip */
2062
+ /*rtl:ignore*/
1610
2063
  padding-right: 0;
2064
+ /*rtl:end:ignore*/
1611
2065
  }
2066
+
1612
2067
  .mdc-list-item--with-leading-image .mdc-list-item__start {
1613
2068
  /* @noflip */
2069
+ /*rtl:ignore*/
1614
2070
  margin-left: 16px;
1615
2071
  /* @noflip */
2072
+ /*rtl:ignore*/
1616
2073
  margin-right: 16px;
1617
2074
  }
1618
2075
  [dir=rtl] .mdc-list-item--with-leading-image .mdc-list-item__start, .mdc-list-item--with-leading-image .mdc-list-item__start[dir=rtl] {
2076
+ /*rtl:begin:ignore*/
1619
2077
  /* @noflip */
2078
+ /*rtl:ignore*/
1620
2079
  margin-left: 16px;
1621
2080
  /* @noflip */
2081
+ /*rtl:ignore*/
1622
2082
  margin-right: 16px;
2083
+ /*rtl:end:ignore*/
1623
2084
  }
2085
+
1624
2086
  .mdc-list-item--with-leading-image .mdc-list-item__start {
1625
2087
  width: 56px;
1626
2088
  height: 56px;
@@ -1646,6 +2108,27 @@ a.mdc-list-item {
1646
2108
  content: "";
1647
2109
  vertical-align: -20px;
1648
2110
  }
2111
+ .mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
2112
+ display: block;
2113
+ margin-top: 0;
2114
+ /* @alternate */
2115
+ line-height: normal;
2116
+ margin-bottom: -20px;
2117
+ }
2118
+ .mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
2119
+ display: inline-block;
2120
+ width: 0;
2121
+ height: 28px;
2122
+ content: "";
2123
+ vertical-align: 0;
2124
+ }
2125
+ .mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
2126
+ display: inline-block;
2127
+ width: 0;
2128
+ height: 20px;
2129
+ content: "";
2130
+ vertical-align: -20px;
2131
+ }
1649
2132
  .mdc-list-item--with-leading-image.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
1650
2133
  display: block;
1651
2134
  margin-top: 0;
@@ -1672,28 +2155,42 @@ a.mdc-list-item {
1672
2155
  }
1673
2156
  .mdc-list-item--with-leading-video.mdc-list-item {
1674
2157
  /* @noflip */
2158
+ /*rtl:ignore*/
1675
2159
  padding-left: 0;
1676
2160
  /* @noflip */
2161
+ /*rtl:ignore*/
1677
2162
  padding-right: auto;
1678
2163
  }
1679
2164
  [dir=rtl] .mdc-list-item--with-leading-video.mdc-list-item, .mdc-list-item--with-leading-video.mdc-list-item[dir=rtl] {
2165
+ /*rtl:begin:ignore*/
1680
2166
  /* @noflip */
2167
+ /*rtl:ignore*/
1681
2168
  padding-left: auto;
1682
2169
  /* @noflip */
2170
+ /*rtl:ignore*/
1683
2171
  padding-right: 0;
2172
+ /*rtl:end:ignore*/
1684
2173
  }
2174
+
1685
2175
  .mdc-list-item--with-leading-video .mdc-list-item__start {
1686
2176
  /* @noflip */
2177
+ /*rtl:ignore*/
1687
2178
  margin-left: 0;
1688
2179
  /* @noflip */
2180
+ /*rtl:ignore*/
1689
2181
  margin-right: 16px;
1690
2182
  }
1691
2183
  [dir=rtl] .mdc-list-item--with-leading-video .mdc-list-item__start, .mdc-list-item--with-leading-video .mdc-list-item__start[dir=rtl] {
2184
+ /*rtl:begin:ignore*/
1692
2185
  /* @noflip */
2186
+ /*rtl:ignore*/
1693
2187
  margin-left: 16px;
1694
2188
  /* @noflip */
2189
+ /*rtl:ignore*/
1695
2190
  margin-right: 0;
2191
+ /*rtl:end:ignore*/
1696
2192
  }
2193
+
1697
2194
  .mdc-list-item--with-leading-video .mdc-list-item__start {
1698
2195
  width: 100px;
1699
2196
  height: 56px;
@@ -1719,6 +2216,27 @@ a.mdc-list-item {
1719
2216
  content: "";
1720
2217
  vertical-align: -20px;
1721
2218
  }
2219
+ .mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
2220
+ display: block;
2221
+ margin-top: 0;
2222
+ /* @alternate */
2223
+ line-height: normal;
2224
+ margin-bottom: -20px;
2225
+ }
2226
+ .mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
2227
+ display: inline-block;
2228
+ width: 0;
2229
+ height: 28px;
2230
+ content: "";
2231
+ vertical-align: 0;
2232
+ }
2233
+ .mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
2234
+ display: inline-block;
2235
+ width: 0;
2236
+ height: 20px;
2237
+ content: "";
2238
+ vertical-align: -20px;
2239
+ }
1722
2240
  .mdc-list-item--with-leading-video.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
1723
2241
  display: block;
1724
2242
  margin-top: 0;
@@ -1741,28 +2259,42 @@ a.mdc-list-item {
1741
2259
 
1742
2260
  .mdc-list-item--with-leading-checkbox.mdc-list-item {
1743
2261
  /* @noflip */
2262
+ /*rtl:ignore*/
1744
2263
  padding-left: 0;
1745
2264
  /* @noflip */
2265
+ /*rtl:ignore*/
1746
2266
  padding-right: auto;
1747
2267
  }
1748
2268
  [dir=rtl] .mdc-list-item--with-leading-checkbox.mdc-list-item, .mdc-list-item--with-leading-checkbox.mdc-list-item[dir=rtl] {
2269
+ /*rtl:begin:ignore*/
1749
2270
  /* @noflip */
2271
+ /*rtl:ignore*/
1750
2272
  padding-left: auto;
1751
2273
  /* @noflip */
2274
+ /*rtl:ignore*/
1752
2275
  padding-right: 0;
2276
+ /*rtl:end:ignore*/
1753
2277
  }
2278
+
1754
2279
  .mdc-list-item--with-leading-checkbox .mdc-list-item__start {
1755
2280
  /* @noflip */
2281
+ /*rtl:ignore*/
1756
2282
  margin-left: 8px;
1757
2283
  /* @noflip */
2284
+ /*rtl:ignore*/
1758
2285
  margin-right: 24px;
1759
2286
  }
1760
2287
  [dir=rtl] .mdc-list-item--with-leading-checkbox .mdc-list-item__start, .mdc-list-item--with-leading-checkbox .mdc-list-item__start[dir=rtl] {
2288
+ /*rtl:begin:ignore*/
1761
2289
  /* @noflip */
2290
+ /*rtl:ignore*/
1762
2291
  margin-left: 24px;
1763
2292
  /* @noflip */
2293
+ /*rtl:ignore*/
1764
2294
  margin-right: 8px;
2295
+ /*rtl:end:ignore*/
1765
2296
  }
2297
+
1766
2298
  .mdc-list-item--with-leading-checkbox .mdc-list-item__start {
1767
2299
  width: 40px;
1768
2300
  height: 40px;
@@ -1792,6 +2324,27 @@ a.mdc-list-item {
1792
2324
  content: "";
1793
2325
  vertical-align: -20px;
1794
2326
  }
2327
+ .mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
2328
+ display: block;
2329
+ margin-top: 0;
2330
+ /* @alternate */
2331
+ line-height: normal;
2332
+ margin-bottom: -20px;
2333
+ }
2334
+ .mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
2335
+ display: inline-block;
2336
+ width: 0;
2337
+ height: 28px;
2338
+ content: "";
2339
+ vertical-align: 0;
2340
+ }
2341
+ .mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
2342
+ display: inline-block;
2343
+ width: 0;
2344
+ height: 20px;
2345
+ content: "";
2346
+ vertical-align: -20px;
2347
+ }
1795
2348
  .mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
1796
2349
  display: block;
1797
2350
  margin-top: 0;
@@ -1814,28 +2367,42 @@ a.mdc-list-item {
1814
2367
 
1815
2368
  .mdc-list-item--with-leading-radio.mdc-list-item {
1816
2369
  /* @noflip */
2370
+ /*rtl:ignore*/
1817
2371
  padding-left: 0;
1818
2372
  /* @noflip */
2373
+ /*rtl:ignore*/
1819
2374
  padding-right: auto;
1820
2375
  }
1821
2376
  [dir=rtl] .mdc-list-item--with-leading-radio.mdc-list-item, .mdc-list-item--with-leading-radio.mdc-list-item[dir=rtl] {
2377
+ /*rtl:begin:ignore*/
1822
2378
  /* @noflip */
2379
+ /*rtl:ignore*/
1823
2380
  padding-left: auto;
1824
2381
  /* @noflip */
2382
+ /*rtl:ignore*/
1825
2383
  padding-right: 0;
2384
+ /*rtl:end:ignore*/
1826
2385
  }
2386
+
1827
2387
  .mdc-list-item--with-leading-radio .mdc-list-item__start {
1828
2388
  /* @noflip */
2389
+ /*rtl:ignore*/
1829
2390
  margin-left: 8px;
1830
2391
  /* @noflip */
2392
+ /*rtl:ignore*/
1831
2393
  margin-right: 24px;
1832
2394
  }
1833
2395
  [dir=rtl] .mdc-list-item--with-leading-radio .mdc-list-item__start, .mdc-list-item--with-leading-radio .mdc-list-item__start[dir=rtl] {
2396
+ /*rtl:begin:ignore*/
1834
2397
  /* @noflip */
2398
+ /*rtl:ignore*/
1835
2399
  margin-left: 24px;
1836
2400
  /* @noflip */
2401
+ /*rtl:ignore*/
1837
2402
  margin-right: 8px;
2403
+ /*rtl:end:ignore*/
1838
2404
  }
2405
+
1839
2406
  .mdc-list-item--with-leading-radio .mdc-list-item__start {
1840
2407
  width: 40px;
1841
2408
  height: 40px;
@@ -1865,6 +2432,27 @@ a.mdc-list-item {
1865
2432
  content: "";
1866
2433
  vertical-align: -20px;
1867
2434
  }
2435
+ .mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
2436
+ display: block;
2437
+ margin-top: 0;
2438
+ /* @alternate */
2439
+ line-height: normal;
2440
+ margin-bottom: -20px;
2441
+ }
2442
+ .mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
2443
+ display: inline-block;
2444
+ width: 0;
2445
+ height: 28px;
2446
+ content: "";
2447
+ vertical-align: 0;
2448
+ }
2449
+ .mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
2450
+ display: inline-block;
2451
+ width: 0;
2452
+ height: 20px;
2453
+ content: "";
2454
+ vertical-align: -20px;
2455
+ }
1868
2456
  .mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
1869
2457
  display: block;
1870
2458
  margin-top: 0;
@@ -1887,28 +2475,42 @@ a.mdc-list-item {
1887
2475
 
1888
2476
  .mdc-list-item--with-leading-switch.mdc-list-item {
1889
2477
  /* @noflip */
2478
+ /*rtl:ignore*/
1890
2479
  padding-left: 0;
1891
2480
  /* @noflip */
2481
+ /*rtl:ignore*/
1892
2482
  padding-right: auto;
1893
2483
  }
1894
2484
  [dir=rtl] .mdc-list-item--with-leading-switch.mdc-list-item, .mdc-list-item--with-leading-switch.mdc-list-item[dir=rtl] {
2485
+ /*rtl:begin:ignore*/
1895
2486
  /* @noflip */
2487
+ /*rtl:ignore*/
1896
2488
  padding-left: auto;
1897
2489
  /* @noflip */
2490
+ /*rtl:ignore*/
1898
2491
  padding-right: 0;
2492
+ /*rtl:end:ignore*/
1899
2493
  }
2494
+
1900
2495
  .mdc-list-item--with-leading-switch .mdc-list-item__start {
1901
2496
  /* @noflip */
2497
+ /*rtl:ignore*/
1902
2498
  margin-left: 16px;
1903
2499
  /* @noflip */
2500
+ /*rtl:ignore*/
1904
2501
  margin-right: 16px;
1905
2502
  }
1906
2503
  [dir=rtl] .mdc-list-item--with-leading-switch .mdc-list-item__start, .mdc-list-item--with-leading-switch .mdc-list-item__start[dir=rtl] {
2504
+ /*rtl:begin:ignore*/
1907
2505
  /* @noflip */
2506
+ /*rtl:ignore*/
1908
2507
  margin-left: 16px;
1909
2508
  /* @noflip */
2509
+ /*rtl:ignore*/
1910
2510
  margin-right: 16px;
2511
+ /*rtl:end:ignore*/
1911
2512
  }
2513
+
1912
2514
  .mdc-list-item--with-leading-switch .mdc-list-item__start {
1913
2515
  width: 36px;
1914
2516
  height: 20px;
@@ -1938,6 +2540,27 @@ a.mdc-list-item {
1938
2540
  content: "";
1939
2541
  vertical-align: -20px;
1940
2542
  }
2543
+ .mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
2544
+ display: block;
2545
+ margin-top: 0;
2546
+ /* @alternate */
2547
+ line-height: normal;
2548
+ margin-bottom: -20px;
2549
+ }
2550
+ .mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
2551
+ display: inline-block;
2552
+ width: 0;
2553
+ height: 28px;
2554
+ content: "";
2555
+ vertical-align: 0;
2556
+ }
2557
+ .mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
2558
+ display: inline-block;
2559
+ width: 0;
2560
+ height: 20px;
2561
+ content: "";
2562
+ vertical-align: -20px;
2563
+ }
1941
2564
  .mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
1942
2565
  display: block;
1943
2566
  margin-top: 0;
@@ -1960,28 +2583,42 @@ a.mdc-list-item {
1960
2583
 
1961
2584
  .mdc-list-item--with-trailing-icon.mdc-list-item {
1962
2585
  /* @noflip */
2586
+ /*rtl:ignore*/
1963
2587
  padding-left: auto;
1964
2588
  /* @noflip */
2589
+ /*rtl:ignore*/
1965
2590
  padding-right: 0;
1966
2591
  }
1967
2592
  [dir=rtl] .mdc-list-item--with-trailing-icon.mdc-list-item, .mdc-list-item--with-trailing-icon.mdc-list-item[dir=rtl] {
2593
+ /*rtl:begin:ignore*/
1968
2594
  /* @noflip */
2595
+ /*rtl:ignore*/
1969
2596
  padding-left: 0;
1970
2597
  /* @noflip */
2598
+ /*rtl:ignore*/
1971
2599
  padding-right: auto;
2600
+ /*rtl:end:ignore*/
1972
2601
  }
2602
+
1973
2603
  .mdc-list-item--with-trailing-icon .mdc-list-item__end {
1974
2604
  /* @noflip */
2605
+ /*rtl:ignore*/
1975
2606
  margin-left: 16px;
1976
2607
  /* @noflip */
2608
+ /*rtl:ignore*/
1977
2609
  margin-right: 16px;
1978
2610
  }
1979
2611
  [dir=rtl] .mdc-list-item--with-trailing-icon .mdc-list-item__end, .mdc-list-item--with-trailing-icon .mdc-list-item__end[dir=rtl] {
2612
+ /*rtl:begin:ignore*/
1980
2613
  /* @noflip */
2614
+ /*rtl:ignore*/
1981
2615
  margin-left: 16px;
1982
2616
  /* @noflip */
2617
+ /*rtl:ignore*/
1983
2618
  margin-right: 16px;
2619
+ /*rtl:end:ignore*/
1984
2620
  }
2621
+
1985
2622
  .mdc-list-item--with-trailing-icon .mdc-list-item__end {
1986
2623
  width: 24px;
1987
2624
  height: 24px;
@@ -1997,28 +2634,42 @@ a.mdc-list-item {
1997
2634
  }
1998
2635
  .mdc-list-item--with-trailing-meta.mdc-list-item {
1999
2636
  /* @noflip */
2637
+ /*rtl:ignore*/
2000
2638
  padding-left: auto;
2001
2639
  /* @noflip */
2640
+ /*rtl:ignore*/
2002
2641
  padding-right: 0;
2003
2642
  }
2004
2643
  [dir=rtl] .mdc-list-item--with-trailing-meta.mdc-list-item, .mdc-list-item--with-trailing-meta.mdc-list-item[dir=rtl] {
2644
+ /*rtl:begin:ignore*/
2005
2645
  /* @noflip */
2646
+ /*rtl:ignore*/
2006
2647
  padding-left: 0;
2007
2648
  /* @noflip */
2649
+ /*rtl:ignore*/
2008
2650
  padding-right: auto;
2651
+ /*rtl:end:ignore*/
2009
2652
  }
2653
+
2010
2654
  .mdc-list-item--with-trailing-meta .mdc-list-item__end {
2011
2655
  /* @noflip */
2656
+ /*rtl:ignore*/
2012
2657
  margin-left: 28px;
2013
2658
  /* @noflip */
2659
+ /*rtl:ignore*/
2014
2660
  margin-right: 16px;
2015
2661
  }
2016
2662
  [dir=rtl] .mdc-list-item--with-trailing-meta .mdc-list-item__end, .mdc-list-item--with-trailing-meta .mdc-list-item__end[dir=rtl] {
2663
+ /*rtl:begin:ignore*/
2017
2664
  /* @noflip */
2665
+ /*rtl:ignore*/
2018
2666
  margin-left: 16px;
2019
2667
  /* @noflip */
2668
+ /*rtl:ignore*/
2020
2669
  margin-right: 28px;
2670
+ /*rtl:end:ignore*/
2021
2671
  }
2672
+
2022
2673
  .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {
2023
2674
  display: block;
2024
2675
  margin-top: 0;
@@ -2073,28 +2724,42 @@ a.mdc-list-item {
2073
2724
 
2074
2725
  .mdc-list-item--with-trailing-checkbox.mdc-list-item {
2075
2726
  /* @noflip */
2727
+ /*rtl:ignore*/
2076
2728
  padding-left: auto;
2077
2729
  /* @noflip */
2730
+ /*rtl:ignore*/
2078
2731
  padding-right: 0;
2079
2732
  }
2080
2733
  [dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item, .mdc-list-item--with-trailing-checkbox.mdc-list-item[dir=rtl] {
2734
+ /*rtl:begin:ignore*/
2081
2735
  /* @noflip */
2736
+ /*rtl:ignore*/
2082
2737
  padding-left: 0;
2083
2738
  /* @noflip */
2739
+ /*rtl:ignore*/
2084
2740
  padding-right: auto;
2741
+ /*rtl:end:ignore*/
2085
2742
  }
2743
+
2086
2744
  .mdc-list-item--with-trailing-checkbox .mdc-list-item__end {
2087
2745
  /* @noflip */
2746
+ /*rtl:ignore*/
2088
2747
  margin-left: 24px;
2089
2748
  /* @noflip */
2749
+ /*rtl:ignore*/
2090
2750
  margin-right: 8px;
2091
2751
  }
2092
2752
  [dir=rtl] .mdc-list-item--with-trailing-checkbox .mdc-list-item__end, .mdc-list-item--with-trailing-checkbox .mdc-list-item__end[dir=rtl] {
2753
+ /*rtl:begin:ignore*/
2093
2754
  /* @noflip */
2755
+ /*rtl:ignore*/
2094
2756
  margin-left: 8px;
2095
2757
  /* @noflip */
2758
+ /*rtl:ignore*/
2096
2759
  margin-right: 24px;
2760
+ /*rtl:end:ignore*/
2097
2761
  }
2762
+
2098
2763
  .mdc-list-item--with-trailing-checkbox .mdc-list-item__end {
2099
2764
  width: 40px;
2100
2765
  height: 40px;
@@ -2106,28 +2771,42 @@ a.mdc-list-item {
2106
2771
 
2107
2772
  .mdc-list-item--with-trailing-radio.mdc-list-item {
2108
2773
  /* @noflip */
2774
+ /*rtl:ignore*/
2109
2775
  padding-left: auto;
2110
2776
  /* @noflip */
2777
+ /*rtl:ignore*/
2111
2778
  padding-right: 0;
2112
2779
  }
2113
2780
  [dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item, .mdc-list-item--with-trailing-radio.mdc-list-item[dir=rtl] {
2781
+ /*rtl:begin:ignore*/
2114
2782
  /* @noflip */
2783
+ /*rtl:ignore*/
2115
2784
  padding-left: 0;
2116
2785
  /* @noflip */
2786
+ /*rtl:ignore*/
2117
2787
  padding-right: auto;
2788
+ /*rtl:end:ignore*/
2118
2789
  }
2790
+
2119
2791
  .mdc-list-item--with-trailing-radio .mdc-list-item__end {
2120
2792
  /* @noflip */
2793
+ /*rtl:ignore*/
2121
2794
  margin-left: 24px;
2122
2795
  /* @noflip */
2796
+ /*rtl:ignore*/
2123
2797
  margin-right: 8px;
2124
2798
  }
2125
2799
  [dir=rtl] .mdc-list-item--with-trailing-radio .mdc-list-item__end, .mdc-list-item--with-trailing-radio .mdc-list-item__end[dir=rtl] {
2800
+ /*rtl:begin:ignore*/
2126
2801
  /* @noflip */
2802
+ /*rtl:ignore*/
2127
2803
  margin-left: 8px;
2128
2804
  /* @noflip */
2805
+ /*rtl:ignore*/
2129
2806
  margin-right: 24px;
2807
+ /*rtl:end:ignore*/
2130
2808
  }
2809
+
2131
2810
  .mdc-list-item--with-trailing-radio .mdc-list-item__end {
2132
2811
  width: 40px;
2133
2812
  height: 40px;
@@ -2139,28 +2818,42 @@ a.mdc-list-item {
2139
2818
 
2140
2819
  .mdc-list-item--with-trailing-switch.mdc-list-item {
2141
2820
  /* @noflip */
2821
+ /*rtl:ignore*/
2142
2822
  padding-left: auto;
2143
2823
  /* @noflip */
2824
+ /*rtl:ignore*/
2144
2825
  padding-right: 0;
2145
2826
  }
2146
2827
  [dir=rtl] .mdc-list-item--with-trailing-switch.mdc-list-item, .mdc-list-item--with-trailing-switch.mdc-list-item[dir=rtl] {
2828
+ /*rtl:begin:ignore*/
2147
2829
  /* @noflip */
2830
+ /*rtl:ignore*/
2148
2831
  padding-left: 0;
2149
2832
  /* @noflip */
2833
+ /*rtl:ignore*/
2150
2834
  padding-right: auto;
2835
+ /*rtl:end:ignore*/
2151
2836
  }
2837
+
2152
2838
  .mdc-list-item--with-trailing-switch .mdc-list-item__end {
2153
2839
  /* @noflip */
2840
+ /*rtl:ignore*/
2154
2841
  margin-left: 16px;
2155
2842
  /* @noflip */
2843
+ /*rtl:ignore*/
2156
2844
  margin-right: 16px;
2157
2845
  }
2158
2846
  [dir=rtl] .mdc-list-item--with-trailing-switch .mdc-list-item__end, .mdc-list-item--with-trailing-switch .mdc-list-item__end[dir=rtl] {
2847
+ /*rtl:begin:ignore*/
2159
2848
  /* @noflip */
2849
+ /*rtl:ignore*/
2160
2850
  margin-left: 16px;
2161
2851
  /* @noflip */
2852
+ /*rtl:ignore*/
2162
2853
  margin-right: 16px;
2854
+ /*rtl:end:ignore*/
2163
2855
  }
2856
+
2164
2857
  .mdc-list-item--with-trailing-switch .mdc-list-item__end {
2165
2858
  width: 36px;
2166
2859
  height: 20px;
@@ -2170,6 +2863,52 @@ a.mdc-list-item {
2170
2863
  margin-top: 16px;
2171
2864
  }
2172
2865
 
2866
+ .mdc-list-item--with-overline.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
2867
+ display: block;
2868
+ margin-top: 0;
2869
+ /* @alternate */
2870
+ line-height: normal;
2871
+ }
2872
+ .mdc-list-item--with-overline.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
2873
+ display: inline-block;
2874
+ width: 0;
2875
+ height: 20px;
2876
+ content: "";
2877
+ vertical-align: 0;
2878
+ }
2879
+ .mdc-list-item--with-overline.mdc-list-item--with-three-lines .mdc-list-item__primary-text {
2880
+ display: block;
2881
+ margin-top: 0;
2882
+ /* @alternate */
2883
+ line-height: normal;
2884
+ }
2885
+ .mdc-list-item--with-overline.mdc-list-item--with-three-lines .mdc-list-item__primary-text::before {
2886
+ display: inline-block;
2887
+ width: 0;
2888
+ height: 20px;
2889
+ content: "";
2890
+ vertical-align: 0;
2891
+ }
2892
+
2893
+ .mdc-list-item {
2894
+ /* @noflip */
2895
+ /*rtl:ignore*/
2896
+ padding-left: 16px;
2897
+ /* @noflip */
2898
+ /*rtl:ignore*/
2899
+ padding-right: 16px;
2900
+ }
2901
+ [dir=rtl] .mdc-list-item, .mdc-list-item[dir=rtl] {
2902
+ /*rtl:begin:ignore*/
2903
+ /* @noflip */
2904
+ /*rtl:ignore*/
2905
+ padding-left: 16px;
2906
+ /* @noflip */
2907
+ /*rtl:ignore*/
2908
+ padding-right: 16px;
2909
+ /*rtl:end:ignore*/
2910
+ }
2911
+
2173
2912
  .mdc-list-group .mdc-deprecated-list {
2174
2913
  padding: 0;
2175
2914
  }
@@ -2198,7 +2937,7 @@ a.mdc-list-item {
2198
2937
  text-transform: inherit;
2199
2938
  /* @alternate */
2200
2939
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
2201
- margin: calc( (3rem - 1.5rem) / 2 ) 16px;
2940
+ margin: calc((3rem - 1.5rem) / 2) 16px;
2202
2941
  }
2203
2942
 
2204
2943
  .mdc-list-divider {
@@ -2221,32 +2960,23 @@ a.mdc-list-item {
2221
2960
  .mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset,
2222
2961
  .mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset {
2223
2962
  /* @noflip */
2963
+ /*rtl:ignore*/
2224
2964
  padding-left: 16px;
2225
2965
  /* @noflip */
2966
+ /*rtl:ignore*/
2226
2967
  padding-right: auto;
2227
2968
  }
2228
- [dir=rtl] .mdc-list-divider.mdc-list-divider--with-leading-inset, .mdc-list-divider.mdc-list-divider--with-leading-inset[dir=rtl],
2229
- [dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset,
2230
- .mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset[dir=rtl],
2231
- [dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset,
2232
- .mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset[dir=rtl],
2233
- [dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset,
2234
- .mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset[dir=rtl],
2235
- [dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset,
2236
- .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset[dir=rtl],
2237
- [dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset,
2238
- .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset[dir=rtl],
2239
- [dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset,
2240
- .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset[dir=rtl],
2241
- [dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset,
2242
- .mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset[dir=rtl],
2243
- [dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset,
2244
- .mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset[dir=rtl] {
2969
+ [dir=rtl] .mdc-list-divider.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset, [dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset, .mdc-list-divider.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset[dir=rtl], .mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset[dir=rtl] {
2970
+ /*rtl:begin:ignore*/
2245
2971
  /* @noflip */
2972
+ /*rtl:ignore*/
2246
2973
  padding-left: auto;
2247
2974
  /* @noflip */
2975
+ /*rtl:ignore*/
2248
2976
  padding-right: 16px;
2977
+ /*rtl:end:ignore*/
2249
2978
  }
2979
+
2250
2980
  .mdc-list-divider.mdc-list-divider--with-trailing-inset,
2251
2981
  .mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset,
2252
2982
  .mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset,
@@ -2257,48 +2987,46 @@ a.mdc-list-item {
2257
2987
  .mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset,
2258
2988
  .mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset {
2259
2989
  /* @noflip */
2990
+ /*rtl:ignore*/
2260
2991
  padding-left: auto;
2261
2992
  /* @noflip */
2993
+ /*rtl:ignore*/
2262
2994
  padding-right: 16px;
2263
2995
  }
2264
- [dir=rtl] .mdc-list-divider.mdc-list-divider--with-trailing-inset, .mdc-list-divider.mdc-list-divider--with-trailing-inset[dir=rtl],
2265
- [dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset,
2266
- .mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset[dir=rtl],
2267
- [dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset,
2268
- .mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset[dir=rtl],
2269
- [dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset,
2270
- .mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset[dir=rtl],
2271
- [dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset,
2272
- .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset[dir=rtl],
2273
- [dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset,
2274
- .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset[dir=rtl],
2275
- [dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset,
2276
- .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset[dir=rtl],
2277
- [dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset,
2278
- .mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset[dir=rtl],
2279
- [dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset,
2280
- .mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset[dir=rtl] {
2996
+ [dir=rtl] .mdc-list-divider.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset, [dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset, .mdc-list-divider.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset[dir=rtl], .mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset[dir=rtl] {
2997
+ /*rtl:begin:ignore*/
2281
2998
  /* @noflip */
2999
+ /*rtl:ignore*/
2282
3000
  padding-left: 16px;
2283
3001
  /* @noflip */
3002
+ /*rtl:ignore*/
2284
3003
  padding-right: auto;
3004
+ /*rtl:end:ignore*/
2285
3005
  }
2286
3006
 
2287
3007
  .mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset {
2288
3008
  /* @noflip */
3009
+ /*rtl:ignore*/
2289
3010
  padding-left: 0px;
2290
3011
  /* @noflip */
3012
+ /*rtl:ignore*/
2291
3013
  padding-right: auto;
2292
3014
  }
2293
3015
  [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] {
3016
+ /*rtl:begin:ignore*/
2294
3017
  /* @noflip */
3018
+ /*rtl:ignore*/
2295
3019
  padding-left: auto;
2296
3020
  /* @noflip */
3021
+ /*rtl:ignore*/
2297
3022
  padding-right: 0px;
3023
+ /*rtl:end:ignore*/
2298
3024
  }
2299
3025
 
2300
3026
  [dir=rtl] .mdc-list-divider, .mdc-list-divider[dir=rtl] {
3027
+ /*rtl:begin:ignore*/
2301
3028
  padding: 0;
3029
+ /*rtl:end:ignore*/
2302
3030
  }
2303
3031
 
2304
3032
  @keyframes mdc-ripple-fg-radius-in {
@@ -2371,6 +3099,7 @@ a.mdc-list-item {
2371
3099
  :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after {
2372
3100
  top: 0;
2373
3101
  /* @noflip */
3102
+ /*rtl:ignore*/
2374
3103
  left: 0;
2375
3104
  transform: scale(0);
2376
3105
  transform-origin: center center;
@@ -2378,6 +3107,7 @@ a.mdc-list-item {
2378
3107
  :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--unbounded .mdc-deprecated-list-item__ripple::after {
2379
3108
  top: var(--mdc-ripple-top, 0);
2380
3109
  /* @noflip */
3110
+ /*rtl:ignore*/
2381
3111
  left: var(--mdc-ripple-left, 0);
2382
3112
  }
2383
3113
  :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-list-item__ripple::after {
@@ -2412,6 +3142,7 @@ a.mdc-list-item {
2412
3142
  :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
2413
3143
  top: 0;
2414
3144
  /* @noflip */
3145
+ /*rtl:ignore*/
2415
3146
  left: 0;
2416
3147
  transform: scale(0);
2417
3148
  transform-origin: center center;
@@ -2419,6 +3150,7 @@ a.mdc-list-item {
2419
3150
  :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
2420
3151
  top: var(--mdc-ripple-top, 0);
2421
3152
  /* @noflip */
3153
+ /*rtl:ignore*/
2422
3154
  left: var(--mdc-ripple-left, 0);
2423
3155
  }
2424
3156
  :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
@@ -2432,6 +3164,7 @@ a.mdc-list-item {
2432
3164
  :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after {
2433
3165
  top: calc(50% - 100%);
2434
3166
  /* @noflip */
3167
+ /*rtl:ignore*/
2435
3168
  left: calc(50% - 100%);
2436
3169
  width: 200%;
2437
3170
  height: 200%;
@@ -2444,6 +3177,7 @@ a.mdc-list-item {
2444
3177
  :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after {
2445
3178
  top: calc(50% - 100%);
2446
3179
  /* @noflip */
3180
+ /*rtl:ignore*/
2447
3181
  left: calc(50% - 100%);
2448
3182
  width: 200%;
2449
3183
  height: 200%;
@@ -2693,6 +3427,7 @@ a.mdc-list-item {
2693
3427
  .mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after {
2694
3428
  top: 0;
2695
3429
  /* @noflip */
3430
+ /*rtl:ignore*/
2696
3431
  left: 0;
2697
3432
  transform: scale(0);
2698
3433
  transform-origin: center center;
@@ -2700,6 +3435,7 @@ a.mdc-list-item {
2700
3435
  .mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-deprecated-list-item__ripple::after {
2701
3436
  top: var(--mdc-ripple-top, 0);
2702
3437
  /* @noflip */
3438
+ /*rtl:ignore*/
2703
3439
  left: var(--mdc-ripple-left, 0);
2704
3440
  }
2705
3441
  .mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-list-item__ripple::after {
@@ -2734,6 +3470,7 @@ a.mdc-list-item {
2734
3470
  .mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
2735
3471
  top: 0;
2736
3472
  /* @noflip */
3473
+ /*rtl:ignore*/
2737
3474
  left: 0;
2738
3475
  transform: scale(0);
2739
3476
  transform-origin: center center;
@@ -2741,6 +3478,7 @@ a.mdc-list-item {
2741
3478
  .mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
2742
3479
  top: var(--mdc-ripple-top, 0);
2743
3480
  /* @noflip */
3481
+ /*rtl:ignore*/
2744
3482
  left: var(--mdc-ripple-left, 0);
2745
3483
  }
2746
3484
  .mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
@@ -2754,6 +3492,7 @@ a.mdc-list-item {
2754
3492
  .mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after {
2755
3493
  top: calc(50% - 100%);
2756
3494
  /* @noflip */
3495
+ /*rtl:ignore*/
2757
3496
  left: calc(50% - 100%);
2758
3497
  width: 200%;
2759
3498
  height: 200%;
@@ -2766,6 +3505,7 @@ a.mdc-list-item {
2766
3505
  .mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after {
2767
3506
  top: calc(50% - 100%);
2768
3507
  /* @noflip */
3508
+ /*rtl:ignore*/
2769
3509
  left: calc(50% - 100%);
2770
3510
  width: 200%;
2771
3511
  height: 200%;
@@ -2843,6 +3583,7 @@ a.mdc-list-item {
2843
3583
  :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
2844
3584
  top: 0;
2845
3585
  /* @noflip */
3586
+ /*rtl:ignore*/
2846
3587
  left: 0;
2847
3588
  transform: scale(0);
2848
3589
  transform-origin: center center;
@@ -2850,6 +3591,7 @@ a.mdc-list-item {
2850
3591
  :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
2851
3592
  top: var(--mdc-ripple-top, 0);
2852
3593
  /* @noflip */
3594
+ /*rtl:ignore*/
2853
3595
  left: var(--mdc-ripple-left, 0);
2854
3596
  }
2855
3597
  :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
@@ -2863,6 +3605,7 @@ a.mdc-list-item {
2863
3605
  :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
2864
3606
  top: calc(50% - 100%);
2865
3607
  /* @noflip */
3608
+ /*rtl:ignore*/
2866
3609
  left: calc(50% - 100%);
2867
3610
  width: 200%;
2868
3611
  height: 200%;
@@ -3009,6 +3752,7 @@ a.mdc-list-item {
3009
3752
  .mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
3010
3753
  top: 0;
3011
3754
  /* @noflip */
3755
+ /*rtl:ignore*/
3012
3756
  left: 0;
3013
3757
  transform: scale(0);
3014
3758
  transform-origin: center center;
@@ -3016,6 +3760,7 @@ a.mdc-list-item {
3016
3760
  .mdc-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
3017
3761
  top: var(--mdc-ripple-top, 0);
3018
3762
  /* @noflip */
3763
+ /*rtl:ignore*/
3019
3764
  left: var(--mdc-ripple-left, 0);
3020
3765
  }
3021
3766
  .mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
@@ -3029,6 +3774,7 @@ a.mdc-list-item {
3029
3774
  .mdc-list-item--disabled .mdc-list-item__ripple::after {
3030
3775
  top: calc(50% - 100%);
3031
3776
  /* @noflip */
3777
+ /*rtl:ignore*/
3032
3778
  left: calc(50% - 100%);
3033
3779
  width: 200%;
3034
3780
  height: 200%;
@@ -3113,7 +3859,7 @@ a.mdc-list-item {
3113
3859
  --icon-right-padding: 0.75rem;
3114
3860
  --list-right-padding: 0.75rem;
3115
3861
  right: 0;
3116
- width: calc( 100% - var(--icon-width) - var(--icon-right-padding) - var(--list-right-padding) );
3862
+ width: calc(100% - var(--icon-width) - var(--icon-right-padding) - var(--list-right-padding));
3117
3863
  }
3118
3864
  .mdc-deprecated-list.mdc-deprecated-list--avatar-list hr.mdc-deprecated-list-divider.mdc-deprecated-list-divider--inset.x-small {
3119
3865
  --icon-width: 1.5rem;
@@ -3217,6 +3963,7 @@ a.mdc-list-item {
3217
3963
  .mdc-deprecated-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded::after {
3218
3964
  top: 0;
3219
3965
  /* @noflip */
3966
+ /*rtl:ignore*/
3220
3967
  left: 0;
3221
3968
  transform: scale(0);
3222
3969
  transform-origin: center center;
@@ -3224,6 +3971,7 @@ a.mdc-list-item {
3224
3971
  .mdc-deprecated-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--unbounded::after {
3225
3972
  top: var(--mdc-ripple-top, 0);
3226
3973
  /* @noflip */
3974
+ /*rtl:ignore*/
3227
3975
  left: var(--mdc-ripple-left, 0);
3228
3976
  }
3229
3977
  .mdc-deprecated-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-activation::after {
@@ -3236,6 +3984,7 @@ a.mdc-list-item {
3236
3984
  .mdc-deprecated-list-item.mdc-ripple-upgraded::before, .mdc-deprecated-list-item.mdc-ripple-upgraded::after {
3237
3985
  top: calc(50% - 100%);
3238
3986
  /* @noflip */
3987
+ /*rtl:ignore*/
3239
3988
  left: calc(50% - 100%);
3240
3989
  width: 200%;
3241
3990
  height: 200%;
@@ -3273,6 +4022,15 @@ a.mdc-list-item {
3273
4022
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
3274
4023
  }
3275
4024
 
4025
+ .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__text:before {
4026
+ content: "";
4027
+ background-color: var(--mdc-theme-primary);
4028
+ position: absolute;
4029
+ inset: 0;
4030
+ opacity: 0.15;
4031
+ pointer-events: none;
4032
+ }
4033
+
3276
4034
  @keyframes fade-out-focus-style {
3277
4035
  0% {
3278
4036
  opacity: 0.12;
@@ -3370,7 +4128,7 @@ a.mdc-list-item {
3370
4128
  padding: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
3371
4129
  margin: calc((40px - 40px) / 2);
3372
4130
  /* @alternate */
3373
- margin: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
4131
+ margin: calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2);
3374
4132
  }
3375
4133
  .mdc-checkbox .mdc-checkbox__ripple::before, .mdc-checkbox .mdc-checkbox__ripple::after {
3376
4134
  background-color: #000;
@@ -3445,19 +4203,19 @@ a.mdc-list-item {
3445
4203
  .mdc-checkbox .mdc-checkbox__native-control {
3446
4204
  top: calc((40px - 40px) / 2);
3447
4205
  /* @alternate */
3448
- top: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
4206
+ top: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
3449
4207
  right: calc((40px - 40px) / 2);
3450
4208
  /* @alternate */
3451
- right: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
4209
+ right: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
3452
4210
  left: calc((40px - 40px) / 2);
3453
4211
  /* @alternate */
3454
- left: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
4212
+ left: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
3455
4213
  width: 40px;
3456
4214
  /* @alternate */
3457
- width: var(--mdc-checkbox-ripple-size, 40px);
4215
+ width: var(--mdc-checkbox-touch-target-size, 40px);
3458
4216
  height: 40px;
3459
4217
  /* @alternate */
3460
- height: var(--mdc-checkbox-ripple-size, 40px);
4218
+ height: var(--mdc-checkbox-touch-target-size, 40px);
3461
4219
  }
3462
4220
  .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
3463
4221
  border-color: rgba(0, 0, 0, 0.54);
@@ -3653,7 +4411,7 @@ a.mdc-list-item {
3653
4411
  vertical-align: bottom;
3654
4412
  }
3655
4413
 
3656
- @media screen and (-ms-high-contrast: active) {
4414
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
3657
4415
  .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
3658
4416
  border-color: GrayText;
3659
4417
  /* @alternate */
@@ -3801,24 +4559,24 @@ a.mdc-list-item {
3801
4559
  .mdc-checkbox--touch {
3802
4560
  margin: calc((48px - 40px) / 2);
3803
4561
  /* @alternate */
3804
- margin: calc((var(--mdc-checkbox-touch-target-size, 48px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
4562
+ margin: calc((var(--mdc-checkbox-state-layer-size, 48px) - var(--mdc-checkbox-state-layer-size, 40px)) / 2);
3805
4563
  }
3806
4564
  .mdc-checkbox--touch .mdc-checkbox__native-control {
3807
4565
  top: calc((40px - 48px) / 2);
3808
4566
  /* @alternate */
3809
- top: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-touch-target-size, 48px)) / 2);
4567
+ top: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);
3810
4568
  right: calc((40px - 48px) / 2);
3811
4569
  /* @alternate */
3812
- right: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-touch-target-size, 48px)) / 2);
4570
+ right: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);
3813
4571
  left: calc((40px - 48px) / 2);
3814
4572
  /* @alternate */
3815
- left: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-touch-target-size, 48px)) / 2);
4573
+ left: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);
3816
4574
  width: 48px;
3817
4575
  /* @alternate */
3818
- width: var(--mdc-checkbox-touch-target-size, 48px);
4576
+ width: var(--mdc-checkbox-state-layer-size, 48px);
3819
4577
  height: 48px;
3820
4578
  /* @alternate */
3821
- height: var(--mdc-checkbox-touch-target-size, 48px);
4579
+ height: var(--mdc-checkbox-state-layer-size, 48px);
3822
4580
  }
3823
4581
 
3824
4582
  .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
@@ -3883,6 +4641,7 @@ a.mdc-list-item {
3883
4641
  .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
3884
4642
  top: 0;
3885
4643
  /* @noflip */
4644
+ /*rtl:ignore*/
3886
4645
  left: 0;
3887
4646
  transform: scale(0);
3888
4647
  transform-origin: center center;
@@ -3890,6 +4649,7 @@ a.mdc-list-item {
3890
4649
  .mdc-checkbox.mdc-ripple-upgraded--unbounded .mdc-checkbox__ripple::after {
3891
4650
  top: var(--mdc-ripple-top, 0);
3892
4651
  /* @noflip */
4652
+ /*rtl:ignore*/
3893
4653
  left: var(--mdc-ripple-left, 0);
3894
4654
  }
3895
4655
  .mdc-checkbox.mdc-ripple-upgraded--foreground-activation .mdc-checkbox__ripple::after {
@@ -3903,6 +4663,7 @@ a.mdc-list-item {
3903
4663
  .mdc-checkbox .mdc-checkbox__ripple::after {
3904
4664
  top: calc(50% - 50%);
3905
4665
  /* @noflip */
4666
+ /*rtl:ignore*/
3906
4667
  left: calc(50% - 50%);
3907
4668
  width: 100%;
3908
4669
  height: 100%;
@@ -3911,6 +4672,7 @@ a.mdc-list-item {
3911
4672
  .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
3912
4673
  top: var(--mdc-ripple-top, calc(50% - 50%));
3913
4674
  /* @noflip */
4675
+ /*rtl:ignore*/
3914
4676
  left: var(--mdc-ripple-left, calc(50% - 50%));
3915
4677
  width: var(--mdc-ripple-fg-size, 100%);
3916
4678
  height: var(--mdc-ripple-fg-size, 100%);
@@ -3971,26 +4733,39 @@ a.mdc-list-item {
3971
4733
  }
3972
4734
  .mdc-form-field > label {
3973
4735
  /* @noflip */
4736
+ /*rtl:ignore*/
3974
4737
  margin-left: 0;
3975
4738
  /* @noflip */
4739
+ /*rtl:ignore*/
3976
4740
  margin-right: auto;
3977
4741
  /* @noflip */
4742
+ /*rtl:ignore*/
3978
4743
  padding-left: 4px;
3979
4744
  /* @noflip */
4745
+ /*rtl:ignore*/
3980
4746
  padding-right: 0;
3981
4747
  order: 0;
3982
4748
  }
3983
4749
  [dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] {
4750
+ /*rtl:begin:ignore*/
3984
4751
  /* @noflip */
4752
+ /*rtl:ignore*/
3985
4753
  margin-left: auto;
3986
4754
  /* @noflip */
4755
+ /*rtl:ignore*/
3987
4756
  margin-right: 0;
4757
+ /*rtl:end:ignore*/
3988
4758
  }
4759
+
3989
4760
  [dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] {
4761
+ /*rtl:begin:ignore*/
3990
4762
  /* @noflip */
4763
+ /*rtl:ignore*/
3991
4764
  padding-left: 0;
3992
4765
  /* @noflip */
4766
+ /*rtl:ignore*/
3993
4767
  padding-right: 4px;
4768
+ /*rtl:end:ignore*/
3994
4769
  }
3995
4770
 
3996
4771
  .mdc-form-field--nowrap > label {
@@ -4001,26 +4776,39 @@ a.mdc-list-item {
4001
4776
 
4002
4777
  .mdc-form-field--align-end > label {
4003
4778
  /* @noflip */
4779
+ /*rtl:ignore*/
4004
4780
  margin-left: auto;
4005
4781
  /* @noflip */
4782
+ /*rtl:ignore*/
4006
4783
  margin-right: 0;
4007
4784
  /* @noflip */
4785
+ /*rtl:ignore*/
4008
4786
  padding-left: 0;
4009
4787
  /* @noflip */
4788
+ /*rtl:ignore*/
4010
4789
  padding-right: 4px;
4011
4790
  order: -1;
4012
4791
  }
4013
4792
  [dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] {
4793
+ /*rtl:begin:ignore*/
4014
4794
  /* @noflip */
4795
+ /*rtl:ignore*/
4015
4796
  margin-left: 0;
4016
4797
  /* @noflip */
4798
+ /*rtl:ignore*/
4017
4799
  margin-right: auto;
4800
+ /*rtl:end:ignore*/
4018
4801
  }
4802
+
4019
4803
  [dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] {
4804
+ /*rtl:begin:ignore*/
4020
4805
  /* @noflip */
4806
+ /*rtl:ignore*/
4021
4807
  padding-left: 4px;
4022
4808
  /* @noflip */
4809
+ /*rtl:ignore*/
4023
4810
  padding-right: 0;
4811
+ /*rtl:end:ignore*/
4024
4812
  }
4025
4813
 
4026
4814
  .mdc-form-field--space-between {
@@ -4030,12 +4818,13 @@ a.mdc-list-item {
4030
4818
  margin: 0;
4031
4819
  }
4032
4820
  [dir=rtl] .mdc-form-field--space-between > label, .mdc-form-field--space-between > label[dir=rtl] {
4821
+ /*rtl:begin:ignore*/
4033
4822
  margin: 0;
4823
+ /*rtl:end:ignore*/
4034
4824
  }
4035
4825
 
4036
4826
  .mdc-form-field {
4037
4827
  display: flex;
4038
- flex-wrap: wrap;
4039
4828
  }
4040
4829
  .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background, .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
4041
4830
  background-color: rgb(var(--contrast-300));
@@ -4153,8 +4942,7 @@ a.mdc-list-item {
4153
4942
  opacity: 0;
4154
4943
  color: rgba(var(--contrast-1200), 1);
4155
4944
  }
4156
-
4157
- .mdc-form-field:hover .limel-checkbox-helper-text, .mdc-form-field:focus .limel-checkbox-helper-text, .mdc-form-field:focus-visible .limel-checkbox-helper-text, .mdc-form-field:focus-within .limel-checkbox-helper-text {
4945
+ :host(:hover) .limel-checkbox-helper-text, :host(:focus) .limel-checkbox-helper-text, :host(:focus-within) .limel-checkbox-helper-text {
4158
4946
  opacity: 1;
4159
4947
  }
4160
4948
 
@@ -4164,16 +4952,7 @@ a.mdc-list-item {
4164
4952
  }
4165
4953
  }
4166
4954
  .mdc-radio {
4167
- padding: 10px;
4168
- display: inline-block;
4169
- position: relative;
4170
- flex: 0 0 auto;
4171
- box-sizing: content-box;
4172
- width: 20px;
4173
- height: 20px;
4174
- cursor: pointer;
4175
- /* @alternate */
4176
- will-change: opacity, transform, border-color, color;
4955
+ padding: calc((40px - 20px) / 2);
4177
4956
  }
4178
4957
 
4179
4958
  .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
@@ -4214,21 +4993,21 @@ a.mdc-list-item {
4214
4993
  }
4215
4994
 
4216
4995
  .mdc-radio .mdc-radio__background::before {
4217
- top: -10px;
4218
- left: -10px;
4996
+ top: calc(-1 * (40px - 20px) / 2);
4997
+ left: calc(-1 * (40px - 20px) / 2);
4219
4998
  width: 40px;
4220
4999
  height: 40px;
4221
5000
  }
4222
5001
 
4223
5002
  .mdc-radio .mdc-radio__native-control {
4224
- top: 0px;
4225
- right: 0px;
4226
- left: 0px;
5003
+ top: calc((40px - 40px) / 2);
5004
+ right: calc((40px - 40px) / 2);
5005
+ left: calc((40px - 40px) / 2);
4227
5006
  width: 40px;
4228
5007
  height: 40px;
4229
5008
  }
4230
5009
 
4231
- @media screen and (-ms-high-contrast: active) {
5010
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
4232
5011
  .mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle,
4233
5012
  .mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
4234
5013
  border-color: GrayText;
@@ -4244,6 +5023,18 @@ a.mdc-list-item {
4244
5023
  border-color: GrayText;
4245
5024
  }
4246
5025
  }
5026
+ .mdc-radio {
5027
+ display: inline-block;
5028
+ position: relative;
5029
+ flex: 0 0 auto;
5030
+ box-sizing: content-box;
5031
+ width: 20px;
5032
+ height: 20px;
5033
+ cursor: pointer;
5034
+ /* @alternate */
5035
+ will-change: opacity, transform, border-color, color;
5036
+ }
5037
+
4247
5038
  .mdc-radio__background {
4248
5039
  display: inline-block;
4249
5040
  position: relative;
@@ -4306,9 +5097,9 @@ a.mdc-list-item {
4306
5097
  }
4307
5098
 
4308
5099
  .mdc-radio--touch .mdc-radio__native-control {
4309
- top: -4px;
4310
- right: -4px;
4311
- left: -4px;
5100
+ top: calc((40px - 48px) / 2);
5101
+ right: calc((40px - 48px) / 2);
5102
+ left: calc((40px - 48px) / 2);
4312
5103
  width: 48px;
4313
5104
  height: 48px;
4314
5105
  }
@@ -4389,6 +5180,7 @@ a.mdc-list-item {
4389
5180
  .mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {
4390
5181
  top: 0;
4391
5182
  /* @noflip */
5183
+ /*rtl:ignore*/
4392
5184
  left: 0;
4393
5185
  transform: scale(0);
4394
5186
  transform-origin: center center;
@@ -4397,6 +5189,7 @@ a.mdc-list-item {
4397
5189
  .mdc-radio.mdc-ripple-upgraded--unbounded .mdc-radio__ripple::after {
4398
5190
  top: var(--mdc-ripple-top, 0);
4399
5191
  /* @noflip */
5192
+ /*rtl:ignore*/
4400
5193
  left: var(--mdc-ripple-left, 0);
4401
5194
  }
4402
5195
 
@@ -4413,6 +5206,7 @@ a.mdc-list-item {
4413
5206
  .mdc-radio .mdc-radio__ripple::after {
4414
5207
  top: calc(50% - 50%);
4415
5208
  /* @noflip */
5209
+ /*rtl:ignore*/
4416
5210
  left: calc(50% - 50%);
4417
5211
  width: 100%;
4418
5212
  height: 100%;
@@ -4422,6 +5216,7 @@ a.mdc-list-item {
4422
5216
  .mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {
4423
5217
  top: var(--mdc-ripple-top, calc(50% - 50%));
4424
5218
  /* @noflip */
5219
+ /*rtl:ignore*/
4425
5220
  left: var(--mdc-ripple-left, calc(50% - 50%));
4426
5221
  width: var(--mdc-ripple-fg-size, 100%);
4427
5222
  height: var(--mdc-ripple-fg-size, 100%);
@@ -4463,7 +5258,7 @@ a.mdc-list-item {
4463
5258
  }
4464
5259
 
4465
5260
  .mdc-radio.mdc-ripple-upgraded {
4466
- --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
5261
+ --mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12);
4467
5262
  }
4468
5263
 
4469
5264
  .mdc-radio.mdc-ripple-upgraded .mdc-radio__background::before, .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before {
@@ -4512,26 +5307,39 @@ a.mdc-list-item {
4512
5307
  }
4513
5308
  .mdc-form-field > label {
4514
5309
  /* @noflip */
5310
+ /*rtl:ignore*/
4515
5311
  margin-left: 0;
4516
5312
  /* @noflip */
5313
+ /*rtl:ignore*/
4517
5314
  margin-right: auto;
4518
5315
  /* @noflip */
5316
+ /*rtl:ignore*/
4519
5317
  padding-left: 4px;
4520
5318
  /* @noflip */
5319
+ /*rtl:ignore*/
4521
5320
  padding-right: 0;
4522
5321
  order: 0;
4523
5322
  }
4524
5323
  [dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] {
5324
+ /*rtl:begin:ignore*/
4525
5325
  /* @noflip */
5326
+ /*rtl:ignore*/
4526
5327
  margin-left: auto;
4527
5328
  /* @noflip */
5329
+ /*rtl:ignore*/
4528
5330
  margin-right: 0;
5331
+ /*rtl:end:ignore*/
4529
5332
  }
5333
+
4530
5334
  [dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] {
5335
+ /*rtl:begin:ignore*/
4531
5336
  /* @noflip */
5337
+ /*rtl:ignore*/
4532
5338
  padding-left: 0;
4533
5339
  /* @noflip */
5340
+ /*rtl:ignore*/
4534
5341
  padding-right: 4px;
5342
+ /*rtl:end:ignore*/
4535
5343
  }
4536
5344
 
4537
5345
  .mdc-form-field--nowrap > label {
@@ -4542,26 +5350,39 @@ a.mdc-list-item {
4542
5350
 
4543
5351
  .mdc-form-field--align-end > label {
4544
5352
  /* @noflip */
5353
+ /*rtl:ignore*/
4545
5354
  margin-left: auto;
4546
5355
  /* @noflip */
5356
+ /*rtl:ignore*/
4547
5357
  margin-right: 0;
4548
5358
  /* @noflip */
5359
+ /*rtl:ignore*/
4549
5360
  padding-left: 0;
4550
5361
  /* @noflip */
5362
+ /*rtl:ignore*/
4551
5363
  padding-right: 4px;
4552
5364
  order: -1;
4553
5365
  }
4554
5366
  [dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] {
5367
+ /*rtl:begin:ignore*/
4555
5368
  /* @noflip */
5369
+ /*rtl:ignore*/
4556
5370
  margin-left: 0;
4557
5371
  /* @noflip */
5372
+ /*rtl:ignore*/
4558
5373
  margin-right: auto;
5374
+ /*rtl:end:ignore*/
4559
5375
  }
5376
+
4560
5377
  [dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] {
5378
+ /*rtl:begin:ignore*/
4561
5379
  /* @noflip */
5380
+ /*rtl:ignore*/
4562
5381
  padding-left: 4px;
4563
5382
  /* @noflip */
5383
+ /*rtl:ignore*/
4564
5384
  padding-right: 0;
5385
+ /*rtl:end:ignore*/
4565
5386
  }
4566
5387
 
4567
5388
  .mdc-form-field--space-between {
@@ -4571,7 +5392,9 @@ a.mdc-list-item {
4571
5392
  margin: 0;
4572
5393
  }
4573
5394
  [dir=rtl] .mdc-form-field--space-between > label, .mdc-form-field--space-between > label[dir=rtl] {
5395
+ /*rtl:begin:ignore*/
4574
5396
  margin: 0;
5397
+ /*rtl:end:ignore*/
4575
5398
  }
4576
5399
 
4577
5400
  .mdc-form-field {
@@ -4641,7 +5464,7 @@ a.mdc-list-item {
4641
5464
  :host(.has-grid-layout) .mdc-deprecated-list {
4642
5465
  display: grid;
4643
5466
  gap: var(--gap);
4644
- 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));
5467
+ grid-template-columns: repeat(auto-fit, minmax(min(100%, max(var(--list-grid-item-max-width, 10rem) - var(--gap), var(--list-grid-item-min-width, 7.5rem))), 1fr));
4645
5468
  max-width: var(--list-grid-max-width, 100%);
4646
5469
  }
4647
5470
  :host(.has-grid-layout) .mdc-deprecated-list-divider {