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

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 (231) 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 +146 -84
  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 +5 -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/list/list.js +13 -6
  70. package/dist/collection/components/menu-list/menu-list.css +912 -89
  71. package/dist/collection/components/menu-surface/menu-surface.css +31 -7
  72. package/dist/collection/components/picker/picker.js +1 -1
  73. package/dist/collection/components/popover-surface/popover-surface.css +1 -0
  74. package/dist/collection/components/select/select.css +430 -20
  75. package/dist/collection/components/select/select.template.js +1 -1
  76. package/dist/collection/components/slider/slider.css +54 -2
  77. package/dist/collection/components/snackbar/snackbar.css +588 -301
  78. package/dist/collection/components/switch/switch.css +592 -222
  79. package/dist/collection/components/switch/switch.js +18 -12
  80. package/dist/collection/components/tab-bar/tab-bar.css +77 -48
  81. package/dist/collection/components/table/columns.js +1 -1
  82. package/dist/collection/components/table/selection.js +111 -0
  83. package/dist/collection/components/table/table-selection.js +125 -0
  84. package/dist/collection/components/table/table.css +134 -38
  85. package/dist/collection/components/table/table.js +212 -7
  86. package/dist/collection/style/functions.scss +3 -1
  87. package/dist/collection/style/internal/lime-theme.scss +30 -31
  88. package/dist/collection/style/internal/lime-typography.scss +55 -56
  89. package/dist/collection/style/internal/shared_input-select-picker.scss +1 -0
  90. package/dist/collection/style/internal/z-index.scss +2 -1
  91. package/dist/esm/checkbox.template-f429c5b6.js +39 -0
  92. package/dist/esm/{component-89e0ce26.js → component-19eb6e2b.js} +7 -5
  93. package/dist/esm/{component-2630c3d7.js → component-288691f3.js} +367 -235
  94. package/dist/esm/{component-d682c974.js → component-410aad5a.js} +44 -4
  95. package/dist/esm/{component-429e92ee.js → component-5b4ac85a.js} +213 -143
  96. package/dist/esm/{component-2eb4e07b.js → component-fffa3419.js} +191 -133
  97. package/dist/esm/{index-2316f345.js → index-4456d4ad.js} +23 -0
  98. package/dist/esm/lime-elements.js +3 -3
  99. package/dist/esm/limel-badge.entry.js +3 -3
  100. package/dist/esm/limel-banner.entry.js +1 -1
  101. package/dist/esm/limel-button-group.entry.js +2 -2
  102. package/dist/esm/limel-button.entry.js +2 -2
  103. package/dist/esm/limel-checkbox.entry.js +132 -87
  104. package/dist/esm/limel-chip-set.entry.js +234 -190
  105. package/dist/esm/limel-circular-progress.entry.js +2 -2
  106. package/dist/esm/limel-code-editor.entry.js +49 -22
  107. package/dist/esm/limel-collapsible-section.entry.js +1 -1
  108. package/dist/esm/limel-color-picker-palette_2.entry.js +1 -1
  109. package/dist/esm/limel-color-picker.entry.js +1 -1
  110. package/dist/esm/limel-config.entry.js +1 -1
  111. package/dist/esm/limel-date-picker.entry.js +5 -5
  112. package/dist/esm/limel-dialog.entry.js +8 -9
  113. package/dist/esm/limel-file.entry.js +5 -5
  114. package/dist/esm/limel-flatpickr-adapter.entry.js +1 -1
  115. package/dist/esm/limel-flex-container.entry.js +5 -1
  116. package/dist/esm/limel-form.entry.js +7550 -8997
  117. package/dist/esm/limel-grid.entry.js +1 -1
  118. package/dist/esm/limel-header.entry.js +1 -1
  119. package/dist/esm/limel-icon-button.entry.js +5 -5
  120. package/dist/esm/limel-icon.entry.js +1 -1
  121. package/dist/esm/limel-input-field.entry.js +6 -6
  122. package/dist/esm/limel-linear-progress.entry.js +4 -4
  123. package/dist/esm/limel-list_3.entry.js +147 -85
  124. package/dist/esm/limel-menu-list.entry.js +86 -70
  125. package/dist/esm/limel-menu.entry.js +1 -1
  126. package/dist/esm/limel-picker.entry.js +2 -2
  127. package/dist/esm/limel-popover-surface.entry.js +2 -2
  128. package/dist/esm/limel-progress-flow-item.entry.js +1 -1
  129. package/dist/esm/limel-progress-flow.entry.js +1 -1
  130. package/dist/esm/limel-select.entry.js +5 -5
  131. package/dist/esm/limel-slider.entry.js +34 -7
  132. package/dist/esm/limel-snackbar.entry.js +78 -72
  133. package/dist/esm/limel-spinner.entry.js +1 -1
  134. package/dist/esm/limel-switch.entry.js +497 -201
  135. package/dist/esm/limel-tab-bar.entry.js +262 -185
  136. package/dist/esm/limel-tab-panel.entry.js +1 -1
  137. package/dist/esm/limel-table.entry.js +363 -11
  138. package/dist/esm/limel-tooltip_2.entry.js +1 -1
  139. package/dist/esm/loader.js +3 -3
  140. package/dist/esm/polyfills/css-shim.js +1 -1
  141. package/dist/esm/{util-71a23335.js → util-f1bde91c.js} +1 -1
  142. package/dist/lime-elements/lime-elements.esm.js +1 -1
  143. package/dist/lime-elements/{p-a4c532a7.entry.js → p-00d485d8.entry.js} +1 -1
  144. package/dist/lime-elements/p-062a9599.entry.js +131 -0
  145. package/dist/lime-elements/{p-597cbe05.entry.js → p-0ea1cbf6.entry.js} +1 -1
  146. package/dist/lime-elements/p-1c284626.js +73 -0
  147. package/dist/lime-elements/{p-a2cf74c1.entry.js → p-255084bd.entry.js} +1 -1
  148. package/dist/lime-elements/{p-e881e98d.entry.js → p-2550ff27.entry.js} +1 -1
  149. package/dist/lime-elements/{p-13f0e4f4.entry.js → p-2a1d6f3d.entry.js} +1 -1
  150. package/dist/lime-elements/{p-31fecf5d.entry.js → p-3bef288b.entry.js} +1 -1
  151. package/dist/lime-elements/{p-58cbe99d.entry.js → p-3f440859.entry.js} +1 -1
  152. package/dist/lime-elements/p-3f5ba6f4.entry.js +1 -0
  153. package/dist/lime-elements/{p-4b5af81b.entry.js → p-41ec08c9.entry.js} +1 -1
  154. package/dist/lime-elements/{p-92146da6.js → p-44f9b6d5.js} +0 -0
  155. package/dist/lime-elements/{p-1fb5340d.entry.js → p-45689f25.entry.js} +1 -1
  156. package/dist/lime-elements/p-47ef0ebb.entry.js +1 -0
  157. package/dist/lime-elements/{p-076bd4dc.js → p-48d4ef20.js} +3 -3
  158. package/dist/lime-elements/p-4e9869f4.entry.js +126 -0
  159. package/dist/lime-elements/{p-6003f817.entry.js → p-549190f6.entry.js} +1 -1
  160. package/dist/lime-elements/p-555f774c.entry.js +82 -0
  161. package/dist/lime-elements/p-63516991.entry.js +1 -0
  162. package/dist/lime-elements/p-68c4e708.entry.js +16 -0
  163. package/dist/lime-elements/p-6acee2e5.entry.js +73 -0
  164. package/dist/lime-elements/p-6fc9a0be.entry.js +59 -0
  165. package/dist/lime-elements/{p-64549ba6.entry.js → p-70a4d004.entry.js} +3 -3
  166. package/dist/lime-elements/{p-468e940e.entry.js → p-75846313.entry.js} +1 -1
  167. package/dist/lime-elements/p-779d1567.entry.js +1 -0
  168. package/dist/lime-elements/p-7d4eb67f.entry.js +1 -0
  169. package/dist/lime-elements/{p-714fde78.entry.js → p-897a7f8a.entry.js} +1 -1
  170. package/dist/lime-elements/{p-fc30b8e3.entry.js → p-8a5ca741.entry.js} +1 -1
  171. package/dist/lime-elements/{p-8a2c1038.entry.js → p-9607b6f9.entry.js} +2 -2
  172. package/dist/lime-elements/p-9caf28bd.entry.js +1 -0
  173. package/dist/lime-elements/{p-152a6d5f.js → p-9faad6eb.js} +1 -1
  174. package/dist/lime-elements/{p-34c7872e.entry.js → p-a35e6b8a.entry.js} +1 -1
  175. package/dist/lime-elements/{p-041ae00c.entry.js → p-b808ba3d.entry.js} +1 -1
  176. package/dist/lime-elements/p-be2bd743.js +1 -0
  177. package/dist/lime-elements/p-be351178.entry.js +37 -0
  178. package/dist/lime-elements/p-c40f5030.entry.js +82 -0
  179. package/dist/lime-elements/p-c4e2eb42.entry.js +1 -0
  180. package/dist/lime-elements/{p-1876a96a.entry.js → p-c5168bda.entry.js} +1 -1
  181. package/dist/lime-elements/p-cbc43682.js +81 -0
  182. package/dist/lime-elements/{p-ace9affc.js → p-d0a7de87.js} +2 -2
  183. package/dist/lime-elements/{p-be56ffab.entry.js → p-d5f17adb.entry.js} +1 -1
  184. package/dist/lime-elements/p-d70f1c00.entry.js +59 -0
  185. package/dist/lime-elements/p-dbd61714.entry.js +1 -0
  186. package/dist/lime-elements/{p-8ad5e143.entry.js → p-dd62c71b.entry.js} +1 -1
  187. package/dist/lime-elements/p-dfba92de.js +126 -0
  188. package/dist/lime-elements/p-e55144ec.entry.js +1 -0
  189. package/dist/lime-elements/{p-dfe0a58b.entry.js → p-e6f39a71.entry.js} +1 -1
  190. package/dist/lime-elements/p-f777d8a3.entry.js +82 -0
  191. package/dist/lime-elements/style/functions.scss +3 -1
  192. package/dist/lime-elements/style/internal/lime-theme.scss +30 -31
  193. package/dist/lime-elements/style/internal/lime-typography.scss +55 -56
  194. package/dist/lime-elements/style/internal/shared_input-select-picker.scss +1 -0
  195. package/dist/lime-elements/style/internal/z-index.scss +2 -1
  196. package/dist/types/components/badge/badge.d.ts +1 -1
  197. package/dist/types/components/flex-container/flex-container.d.ts +7 -0
  198. package/dist/types/components/switch/switch.d.ts +2 -2
  199. package/dist/types/components/table/columns.d.ts +7 -0
  200. package/dist/types/components/table/selection.d.ts +79 -0
  201. package/dist/types/components/table/table-selection.d.ts +57 -0
  202. package/dist/types/components/table/table.d.ts +39 -7
  203. package/dist/types/components/table/table.types.d.ts +13 -0
  204. package/dist/types/components.d.ts +33 -1
  205. package/dist/types/stencil-public-runtime.d.ts +6 -4
  206. package/package.json +20 -20
  207. package/dist/cjs/checkbox.template-50eb8b76.js +0 -39
  208. package/dist/esm/checkbox.template-50f7c07b.js +0 -37
  209. package/dist/lime-elements/p-0ce9165f.entry.js +0 -1
  210. package/dist/lime-elements/p-0fd208f3.entry.js +0 -82
  211. package/dist/lime-elements/p-143705b1.entry.js +0 -1
  212. package/dist/lime-elements/p-250f55be.js +0 -1
  213. package/dist/lime-elements/p-31299106.js +0 -126
  214. package/dist/lime-elements/p-4932c029.entry.js +0 -1
  215. package/dist/lime-elements/p-510bb5a4.entry.js +0 -1
  216. package/dist/lime-elements/p-6215e45e.entry.js +0 -37
  217. package/dist/lime-elements/p-668795a7.js +0 -73
  218. package/dist/lime-elements/p-6cfb45a1.entry.js +0 -1
  219. package/dist/lime-elements/p-7476efe0.entry.js +0 -1
  220. package/dist/lime-elements/p-902347b9.js +0 -81
  221. package/dist/lime-elements/p-90f3e17c.entry.js +0 -37
  222. package/dist/lime-elements/p-96e44a1e.entry.js +0 -82
  223. package/dist/lime-elements/p-a77cbb08.entry.js +0 -1
  224. package/dist/lime-elements/p-b5faa40d.entry.js +0 -59
  225. package/dist/lime-elements/p-bc0dcf01.entry.js +0 -73
  226. package/dist/lime-elements/p-c35874db.entry.js +0 -1
  227. package/dist/lime-elements/p-c8c8a946.entry.js +0 -59
  228. package/dist/lime-elements/p-d2c74396.entry.js +0 -1
  229. package/dist/lime-elements/p-d48ad9f7.entry.js +0 -126
  230. package/dist/lime-elements/p-d93a3b07.entry.js +0 -16
  231. package/dist/lime-elements/p-f2c706b8.entry.js +0 -131
package/dist/collection/components/list/list.css CHANGED
@@ -184,8 +184,10 @@
184
184
  overflow: hidden;
185
185
  padding: 0;
186
186
  /* @noflip */
187
+ /*rtl:ignore*/
187
188
  padding-left: 16px;
188
189
  /* @noflip */
190
+ /*rtl:ignore*/
189
191
  padding-right: 16px;
190
192
  height: 48px;
191
193
  }
@@ -217,90 +219,135 @@
217
219
  pointer-events: none;
218
220
  }
219
221
  [dir=rtl] .mdc-deprecated-list-item, .mdc-deprecated-list-item[dir=rtl] {
222
+ /*rtl:begin:ignore*/
220
223
  /* @noflip */
224
+ /*rtl:ignore*/
221
225
  padding-left: 16px;
222
226
  /* @noflip */
227
+ /*rtl:ignore*/
223
228
  padding-right: 16px;
229
+ /*rtl:end:ignore*/
224
230
  }
231
+
225
232
  .mdc-deprecated-list--icon-list .mdc-deprecated-list-item {
226
233
  /* @noflip */
234
+ /*rtl:ignore*/
227
235
  padding-left: 16px;
228
236
  /* @noflip */
237
+ /*rtl:ignore*/
229
238
  padding-right: 16px;
230
239
  height: 56px;
231
240
  }
232
241
  [dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-item, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item[dir=rtl] {
242
+ /*rtl:begin:ignore*/
233
243
  /* @noflip */
244
+ /*rtl:ignore*/
234
245
  padding-left: 16px;
235
246
  /* @noflip */
247
+ /*rtl:ignore*/
236
248
  padding-right: 16px;
249
+ /*rtl:end:ignore*/
237
250
  }
251
+
238
252
  .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item {
239
253
  /* @noflip */
254
+ /*rtl:ignore*/
240
255
  padding-left: 16px;
241
256
  /* @noflip */
257
+ /*rtl:ignore*/
242
258
  padding-right: 16px;
243
259
  height: 56px;
244
260
  }
245
261
  [dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item[dir=rtl] {
262
+ /*rtl:begin:ignore*/
246
263
  /* @noflip */
264
+ /*rtl:ignore*/
247
265
  padding-left: 16px;
248
266
  /* @noflip */
267
+ /*rtl:ignore*/
249
268
  padding-right: 16px;
269
+ /*rtl:end:ignore*/
250
270
  }
271
+
251
272
  .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item {
252
273
  /* @noflip */
274
+ /*rtl:ignore*/
253
275
  padding-left: 16px;
254
276
  /* @noflip */
277
+ /*rtl:ignore*/
255
278
  padding-right: 16px;
256
279
  height: 56px;
257
280
  }
258
281
  [dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item[dir=rtl] {
282
+ /*rtl:begin:ignore*/
259
283
  /* @noflip */
284
+ /*rtl:ignore*/
260
285
  padding-left: 16px;
261
286
  /* @noflip */
287
+ /*rtl:ignore*/
262
288
  padding-right: 16px;
289
+ /*rtl:end:ignore*/
263
290
  }
291
+
264
292
  .mdc-deprecated-list--image-list .mdc-deprecated-list-item {
265
293
  /* @noflip */
294
+ /*rtl:ignore*/
266
295
  padding-left: 16px;
267
296
  /* @noflip */
297
+ /*rtl:ignore*/
268
298
  padding-right: 16px;
269
299
  height: 72px;
270
300
  }
271
301
  [dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-item, .mdc-deprecated-list--image-list .mdc-deprecated-list-item[dir=rtl] {
302
+ /*rtl:begin:ignore*/
272
303
  /* @noflip */
304
+ /*rtl:ignore*/
273
305
  padding-left: 16px;
274
306
  /* @noflip */
307
+ /*rtl:ignore*/
275
308
  padding-right: 16px;
309
+ /*rtl:end:ignore*/
276
310
  }
311
+
277
312
  .mdc-deprecated-list--video-list .mdc-deprecated-list-item {
278
313
  /* @noflip */
314
+ /*rtl:ignore*/
279
315
  padding-left: 0px;
280
316
  /* @noflip */
317
+ /*rtl:ignore*/
281
318
  padding-right: 16px;
282
319
  height: 72px;
283
320
  }
284
321
  [dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-item, .mdc-deprecated-list--video-list .mdc-deprecated-list-item[dir=rtl] {
322
+ /*rtl:begin:ignore*/
285
323
  /* @noflip */
324
+ /*rtl:ignore*/
286
325
  padding-left: 16px;
287
326
  /* @noflip */
327
+ /*rtl:ignore*/
288
328
  padding-right: 0px;
329
+ /*rtl:end:ignore*/
289
330
  }
290
331
 
291
332
  .mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic {
292
333
  /* @noflip */
334
+ /*rtl:ignore*/
293
335
  margin-left: 0;
294
336
  /* @noflip */
337
+ /*rtl:ignore*/
295
338
  margin-right: 16px;
296
339
  width: 20px;
297
340
  height: 20px;
298
341
  }
299
342
  [dir=rtl] .mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic[dir=rtl] {
343
+ /*rtl:begin:ignore*/
300
344
  /* @noflip */
345
+ /*rtl:ignore*/
301
346
  margin-left: 16px;
302
347
  /* @noflip */
348
+ /*rtl:ignore*/
303
349
  margin-right: 0;
350
+ /*rtl:end:ignore*/
304
351
  }
305
352
 
306
353
  .mdc-deprecated-list-item__graphic {
@@ -310,88 +357,129 @@
310
357
  fill: currentColor;
311
358
  object-fit: cover;
312
359
  /* @noflip */
360
+ /*rtl:ignore*/
313
361
  margin-left: 0;
314
362
  /* @noflip */
363
+ /*rtl:ignore*/
315
364
  margin-right: 32px;
316
365
  width: 24px;
317
366
  height: 24px;
318
367
  }
319
368
  [dir=rtl] .mdc-deprecated-list-item__graphic, .mdc-deprecated-list-item__graphic[dir=rtl] {
369
+ /*rtl:begin:ignore*/
320
370
  /* @noflip */
371
+ /*rtl:ignore*/
321
372
  margin-left: 32px;
322
373
  /* @noflip */
374
+ /*rtl:ignore*/
323
375
  margin-right: 0;
376
+ /*rtl:end:ignore*/
324
377
  }
378
+
325
379
  .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic {
326
380
  /* @noflip */
381
+ /*rtl:ignore*/
327
382
  margin-left: 0;
328
383
  /* @noflip */
384
+ /*rtl:ignore*/
329
385
  margin-right: 32px;
330
386
  width: 24px;
331
387
  height: 24px;
332
388
  }
333
389
  [dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic[dir=rtl] {
390
+ /*rtl:begin:ignore*/
334
391
  /* @noflip */
392
+ /*rtl:ignore*/
335
393
  margin-left: 32px;
336
394
  /* @noflip */
395
+ /*rtl:ignore*/
337
396
  margin-right: 0;
397
+ /*rtl:end:ignore*/
338
398
  }
399
+
339
400
  .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic {
340
401
  /* @noflip */
402
+ /*rtl:ignore*/
341
403
  margin-left: 0;
342
404
  /* @noflip */
405
+ /*rtl:ignore*/
343
406
  margin-right: 16px;
344
407
  width: 40px;
345
408
  height: 40px;
346
409
  border-radius: 50%;
347
410
  }
348
411
  [dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic[dir=rtl] {
412
+ /*rtl:begin:ignore*/
349
413
  /* @noflip */
414
+ /*rtl:ignore*/
350
415
  margin-left: 16px;
351
416
  /* @noflip */
417
+ /*rtl:ignore*/
352
418
  margin-right: 0;
419
+ /*rtl:end:ignore*/
353
420
  }
421
+
354
422
  .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic {
355
423
  /* @noflip */
424
+ /*rtl:ignore*/
356
425
  margin-left: 0;
357
426
  /* @noflip */
427
+ /*rtl:ignore*/
358
428
  margin-right: 16px;
359
429
  width: 40px;
360
430
  height: 40px;
361
431
  }
362
432
  [dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic[dir=rtl] {
433
+ /*rtl:begin:ignore*/
363
434
  /* @noflip */
435
+ /*rtl:ignore*/
364
436
  margin-left: 16px;
365
437
  /* @noflip */
438
+ /*rtl:ignore*/
366
439
  margin-right: 0;
440
+ /*rtl:end:ignore*/
367
441
  }
442
+
368
443
  .mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic {
369
444
  /* @noflip */
445
+ /*rtl:ignore*/
370
446
  margin-left: 0;
371
447
  /* @noflip */
448
+ /*rtl:ignore*/
372
449
  margin-right: 16px;
373
450
  width: 56px;
374
451
  height: 56px;
375
452
  }
376
453
  [dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic[dir=rtl] {
454
+ /*rtl:begin:ignore*/
377
455
  /* @noflip */
456
+ /*rtl:ignore*/
378
457
  margin-left: 16px;
379
458
  /* @noflip */
459
+ /*rtl:ignore*/
380
460
  margin-right: 0;
461
+ /*rtl:end:ignore*/
381
462
  }
463
+
382
464
  .mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic {
383
465
  /* @noflip */
466
+ /*rtl:ignore*/
384
467
  margin-left: 0;
385
468
  /* @noflip */
469
+ /*rtl:ignore*/
386
470
  margin-right: 16px;
387
471
  width: 100px;
388
472
  height: 56px;
389
473
  }
390
474
  [dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic, .mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic[dir=rtl] {
475
+ /*rtl:begin:ignore*/
391
476
  /* @noflip */
477
+ /*rtl:ignore*/
392
478
  margin-left: 16px;
393
479
  /* @noflip */
480
+ /*rtl:ignore*/
394
481
  margin-right: 0;
482
+ /*rtl:end:ignore*/
395
483
  }
396
484
 
397
485
  .mdc-deprecated-list .mdc-deprecated-list-item__graphic {
@@ -400,8 +488,10 @@
400
488
 
401
489
  .mdc-deprecated-list-item__meta {
402
490
  /* @noflip */
491
+ /*rtl:ignore*/
403
492
  margin-left: auto;
404
493
  /* @noflip */
494
+ /*rtl:ignore*/
405
495
  margin-right: 0;
406
496
  }
407
497
  .mdc-deprecated-list-item__meta:not(.material-icons) {
@@ -431,8 +521,10 @@
431
521
  }
432
522
  .mdc-deprecated-list-item[dir=rtl] .mdc-deprecated-list-item__meta, [dir=rtl] .mdc-deprecated-list-item .mdc-deprecated-list-item__meta {
433
523
  /* @noflip */
524
+ /*rtl:ignore*/
434
525
  margin-left: 0;
435
526
  /* @noflip */
527
+ /*rtl:ignore*/
436
528
  margin-right: auto;
437
529
  }
438
530
 
@@ -582,17 +674,23 @@
582
674
 
583
675
  .mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic {
584
676
  /* @noflip */
677
+ /*rtl:ignore*/
585
678
  margin-left: 0;
586
679
  /* @noflip */
680
+ /*rtl:ignore*/
587
681
  margin-right: 16px;
588
682
  width: 36px;
589
683
  height: 36px;
590
684
  }
591
685
  [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] {
686
+ /*rtl:begin:ignore*/
592
687
  /* @noflip */
688
+ /*rtl:ignore*/
593
689
  margin-left: 16px;
594
690
  /* @noflip */
691
+ /*rtl:ignore*/
595
692
  margin-right: 0;
693
+ /*rtl:end:ignore*/
596
694
  }
597
695
 
598
696
  :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item {
@@ -618,380 +716,560 @@ a.mdc-deprecated-list-item {
618
716
 
619
717
  .mdc-deprecated-list-divider--padded {
620
718
  /* @noflip */
719
+ /*rtl:ignore*/
621
720
  margin-left: 16px;
622
721
  /* @noflip */
722
+ /*rtl:ignore*/
623
723
  margin-right: 0;
624
724
  width: calc(100% - 32px);
625
725
  }
626
726
  [dir=rtl] .mdc-deprecated-list-divider--padded, .mdc-deprecated-list-divider--padded[dir=rtl] {
727
+ /*rtl:begin:ignore*/
627
728
  /* @noflip */
729
+ /*rtl:ignore*/
628
730
  margin-left: 0;
629
731
  /* @noflip */
732
+ /*rtl:ignore*/
630
733
  margin-right: 16px;
734
+ /*rtl:end:ignore*/
631
735
  }
632
736
 
633
737
  .mdc-deprecated-list-divider--inset {
634
738
  /* @noflip */
739
+ /*rtl:ignore*/
635
740
  margin-left: 72px;
636
741
  /* @noflip */
742
+ /*rtl:ignore*/
637
743
  margin-right: 0;
638
744
  width: calc(100% - 72px);
639
745
  }
640
746
  [dir=rtl] .mdc-deprecated-list-divider--inset, .mdc-deprecated-list-divider--inset[dir=rtl] {
747
+ /*rtl:begin:ignore*/
641
748
  /* @noflip */
749
+ /*rtl:ignore*/
642
750
  margin-left: 0;
643
751
  /* @noflip */
752
+ /*rtl:ignore*/
644
753
  margin-right: 72px;
754
+ /*rtl:end:ignore*/
645
755
  }
646
756
 
647
757
  .mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded {
648
758
  /* @noflip */
759
+ /*rtl:ignore*/
649
760
  margin-left: 72px;
650
761
  /* @noflip */
762
+ /*rtl:ignore*/
651
763
  margin-right: 0;
652
764
  width: calc(100% - 88px);
653
765
  }
654
766
  [dir=rtl] .mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded, .mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded[dir=rtl] {
767
+ /*rtl:begin:ignore*/
655
768
  /* @noflip */
769
+ /*rtl:ignore*/
656
770
  margin-left: 0;
657
771
  /* @noflip */
772
+ /*rtl:ignore*/
658
773
  margin-right: 72px;
774
+ /*rtl:end:ignore*/
659
775
  }
660
776
 
661
777
  .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading {
662
778
  /* @noflip */
779
+ /*rtl:ignore*/
663
780
  margin-left: 16px;
664
781
  /* @noflip */
782
+ /*rtl:ignore*/
665
783
  margin-right: 0;
666
784
  width: calc(100% - 16px);
667
785
  }
668
786
  [dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading, .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading[dir=rtl] {
787
+ /*rtl:begin:ignore*/
669
788
  /* @noflip */
789
+ /*rtl:ignore*/
670
790
  margin-left: 0;
671
791
  /* @noflip */
792
+ /*rtl:ignore*/
672
793
  margin-right: 16px;
794
+ /*rtl:end:ignore*/
673
795
  }
796
+
674
797
  .mdc-deprecated-list .mdc-deprecated-list-divider--inset-trailing {
675
798
  width: calc(100% - 16px);
676
799
  }
677
800
  .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
678
801
  /* @noflip */
802
+ /*rtl:ignore*/
679
803
  margin-left: 16px;
680
804
  /* @noflip */
805
+ /*rtl:ignore*/
681
806
  margin-right: 0;
682
807
  width: calc(100% - 32px);
683
808
  }
684
809
  [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] {
810
+ /*rtl:begin:ignore*/
685
811
  /* @noflip */
812
+ /*rtl:ignore*/
686
813
  margin-left: 0;
687
814
  /* @noflip */
815
+ /*rtl:ignore*/
688
816
  margin-right: 16px;
817
+ /*rtl:end:ignore*/
689
818
  }
819
+
690
820
  .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
691
821
  /* @noflip */
822
+ /*rtl:ignore*/
692
823
  margin-left: 16px;
693
824
  /* @noflip */
825
+ /*rtl:ignore*/
694
826
  margin-right: 0;
695
827
  width: calc(100% - 16px);
696
828
  }
697
829
  [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] {
830
+ /*rtl:begin:ignore*/
698
831
  /* @noflip */
832
+ /*rtl:ignore*/
699
833
  margin-left: 0;
700
834
  /* @noflip */
835
+ /*rtl:ignore*/
701
836
  margin-right: 16px;
837
+ /*rtl:end:ignore*/
702
838
  }
839
+
703
840
  .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
704
841
  /* @noflip */
842
+ /*rtl:ignore*/
705
843
  margin-left: 16px;
706
844
  /* @noflip */
845
+ /*rtl:ignore*/
707
846
  margin-right: 0;
708
847
  width: calc(100% - 32px);
709
848
  }
710
849
  [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] {
850
+ /*rtl:begin:ignore*/
711
851
  /* @noflip */
852
+ /*rtl:ignore*/
712
853
  margin-left: 0;
713
854
  /* @noflip */
855
+ /*rtl:ignore*/
714
856
  margin-right: 16px;
857
+ /*rtl:end:ignore*/
715
858
  }
716
859
 
717
860
  .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading {
718
861
  /* @noflip */
862
+ /*rtl:ignore*/
719
863
  margin-left: 72px;
720
864
  /* @noflip */
865
+ /*rtl:ignore*/
721
866
  margin-right: 0;
722
867
  width: calc(100% - 72px);
723
868
  }
724
869
  [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] {
870
+ /*rtl:begin:ignore*/
725
871
  /* @noflip */
872
+ /*rtl:ignore*/
726
873
  margin-left: 0;
727
874
  /* @noflip */
875
+ /*rtl:ignore*/
728
876
  margin-right: 72px;
877
+ /*rtl:end:ignore*/
729
878
  }
879
+
730
880
  .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-trailing {
731
881
  width: calc(100% - 16px);
732
882
  }
733
883
  .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
734
884
  /* @noflip */
885
+ /*rtl:ignore*/
735
886
  margin-left: 72px;
736
887
  /* @noflip */
888
+ /*rtl:ignore*/
737
889
  margin-right: 0;
738
890
  width: calc(100% - 88px);
739
891
  }
740
892
  [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] {
893
+ /*rtl:begin:ignore*/
741
894
  /* @noflip */
895
+ /*rtl:ignore*/
742
896
  margin-left: 0;
743
897
  /* @noflip */
898
+ /*rtl:ignore*/
744
899
  margin-right: 72px;
900
+ /*rtl:end:ignore*/
745
901
  }
902
+
746
903
  .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
747
904
  /* @noflip */
905
+ /*rtl:ignore*/
748
906
  margin-left: 16px;
749
907
  /* @noflip */
908
+ /*rtl:ignore*/
750
909
  margin-right: 0;
751
910
  width: calc(100% - 16px);
752
911
  }
753
912
  [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] {
913
+ /*rtl:begin:ignore*/
754
914
  /* @noflip */
915
+ /*rtl:ignore*/
755
916
  margin-left: 0;
756
917
  /* @noflip */
918
+ /*rtl:ignore*/
757
919
  margin-right: 16px;
920
+ /*rtl:end:ignore*/
758
921
  }
922
+
759
923
  .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
760
924
  /* @noflip */
925
+ /*rtl:ignore*/
761
926
  margin-left: 16px;
762
927
  /* @noflip */
928
+ /*rtl:ignore*/
763
929
  margin-right: 0;
764
930
  width: calc(100% - 32px);
765
931
  }
766
932
  [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] {
933
+ /*rtl:begin:ignore*/
767
934
  /* @noflip */
935
+ /*rtl:ignore*/
768
936
  margin-left: 0;
769
937
  /* @noflip */
938
+ /*rtl:ignore*/
770
939
  margin-right: 16px;
940
+ /*rtl:end:ignore*/
771
941
  }
772
942
 
773
943
  .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading {
774
944
  /* @noflip */
945
+ /*rtl:ignore*/
775
946
  margin-left: 72px;
776
947
  /* @noflip */
948
+ /*rtl:ignore*/
777
949
  margin-right: 0;
778
950
  width: calc(100% - 72px);
779
951
  }
780
952
  [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] {
953
+ /*rtl:begin:ignore*/
781
954
  /* @noflip */
955
+ /*rtl:ignore*/
782
956
  margin-left: 0;
783
957
  /* @noflip */
958
+ /*rtl:ignore*/
784
959
  margin-right: 72px;
960
+ /*rtl:end:ignore*/
785
961
  }
962
+
786
963
  .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-trailing {
787
964
  width: calc(100% - 16px);
788
965
  }
789
966
  .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
790
967
  /* @noflip */
968
+ /*rtl:ignore*/
791
969
  margin-left: 72px;
792
970
  /* @noflip */
971
+ /*rtl:ignore*/
793
972
  margin-right: 0;
794
973
  width: calc(100% - 88px);
795
974
  }
796
975
  [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] {
976
+ /*rtl:begin:ignore*/
797
977
  /* @noflip */
978
+ /*rtl:ignore*/
798
979
  margin-left: 0;
799
980
  /* @noflip */
981
+ /*rtl:ignore*/
800
982
  margin-right: 72px;
983
+ /*rtl:end:ignore*/
801
984
  }
985
+
802
986
  .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
803
987
  /* @noflip */
988
+ /*rtl:ignore*/
804
989
  margin-left: 16px;
805
990
  /* @noflip */
991
+ /*rtl:ignore*/
806
992
  margin-right: 0;
807
993
  width: calc(100% - 16px);
808
994
  }
809
995
  [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] {
996
+ /*rtl:begin:ignore*/
810
997
  /* @noflip */
998
+ /*rtl:ignore*/
811
999
  margin-left: 0;
812
1000
  /* @noflip */
1001
+ /*rtl:ignore*/
813
1002
  margin-right: 16px;
1003
+ /*rtl:end:ignore*/
814
1004
  }
1005
+
815
1006
  .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
816
1007
  /* @noflip */
1008
+ /*rtl:ignore*/
817
1009
  margin-left: 16px;
818
1010
  /* @noflip */
1011
+ /*rtl:ignore*/
819
1012
  margin-right: 0;
820
1013
  width: calc(100% - 32px);
821
1014
  }
822
1015
  [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] {
1016
+ /*rtl:begin:ignore*/
823
1017
  /* @noflip */
1018
+ /*rtl:ignore*/
824
1019
  margin-left: 0;
825
1020
  /* @noflip */
1021
+ /*rtl:ignore*/
826
1022
  margin-right: 16px;
1023
+ /*rtl:end:ignore*/
827
1024
  }
828
1025
 
829
1026
  .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading {
830
1027
  /* @noflip */
1028
+ /*rtl:ignore*/
831
1029
  margin-left: 72px;
832
1030
  /* @noflip */
1031
+ /*rtl:ignore*/
833
1032
  margin-right: 0;
834
1033
  width: calc(100% - 72px);
835
1034
  }
836
1035
  [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] {
1036
+ /*rtl:begin:ignore*/
837
1037
  /* @noflip */
1038
+ /*rtl:ignore*/
838
1039
  margin-left: 0;
839
1040
  /* @noflip */
1041
+ /*rtl:ignore*/
840
1042
  margin-right: 72px;
1043
+ /*rtl:end:ignore*/
841
1044
  }
1045
+
842
1046
  .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-trailing {
843
1047
  width: calc(100% - 16px);
844
1048
  }
845
1049
  .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
846
1050
  /* @noflip */
1051
+ /*rtl:ignore*/
847
1052
  margin-left: 72px;
848
1053
  /* @noflip */
1054
+ /*rtl:ignore*/
849
1055
  margin-right: 0;
850
1056
  width: calc(100% - 88px);
851
1057
  }
852
1058
  [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] {
1059
+ /*rtl:begin:ignore*/
853
1060
  /* @noflip */
1061
+ /*rtl:ignore*/
854
1062
  margin-left: 0;
855
1063
  /* @noflip */
1064
+ /*rtl:ignore*/
856
1065
  margin-right: 72px;
1066
+ /*rtl:end:ignore*/
857
1067
  }
1068
+
858
1069
  .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
859
1070
  /* @noflip */
1071
+ /*rtl:ignore*/
860
1072
  margin-left: 16px;
861
1073
  /* @noflip */
1074
+ /*rtl:ignore*/
862
1075
  margin-right: 0;
863
1076
  width: calc(100% - 16px);
864
1077
  }
865
1078
  [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] {
1079
+ /*rtl:begin:ignore*/
866
1080
  /* @noflip */
1081
+ /*rtl:ignore*/
867
1082
  margin-left: 0;
868
1083
  /* @noflip */
1084
+ /*rtl:ignore*/
869
1085
  margin-right: 16px;
1086
+ /*rtl:end:ignore*/
870
1087
  }
1088
+
871
1089
  .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
872
1090
  /* @noflip */
1091
+ /*rtl:ignore*/
873
1092
  margin-left: 16px;
874
1093
  /* @noflip */
1094
+ /*rtl:ignore*/
875
1095
  margin-right: 0;
876
1096
  width: calc(100% - 32px);
877
1097
  }
878
1098
  [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] {
1099
+ /*rtl:begin:ignore*/
879
1100
  /* @noflip */
1101
+ /*rtl:ignore*/
880
1102
  margin-left: 0;
881
1103
  /* @noflip */
1104
+ /*rtl:ignore*/
882
1105
  margin-right: 16px;
1106
+ /*rtl:end:ignore*/
883
1107
  }
884
1108
 
885
1109
  .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading {
886
1110
  /* @noflip */
1111
+ /*rtl:ignore*/
887
1112
  margin-left: 88px;
888
1113
  /* @noflip */
1114
+ /*rtl:ignore*/
889
1115
  margin-right: 0;
890
1116
  width: calc(100% - 88px);
891
1117
  }
892
1118
  [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] {
1119
+ /*rtl:begin:ignore*/
893
1120
  /* @noflip */
1121
+ /*rtl:ignore*/
894
1122
  margin-left: 0;
895
1123
  /* @noflip */
1124
+ /*rtl:ignore*/
896
1125
  margin-right: 88px;
1126
+ /*rtl:end:ignore*/
897
1127
  }
1128
+
898
1129
  .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-trailing {
899
1130
  width: calc(100% - 16px);
900
1131
  }
901
1132
  .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
902
1133
  /* @noflip */
1134
+ /*rtl:ignore*/
903
1135
  margin-left: 88px;
904
1136
  /* @noflip */
1137
+ /*rtl:ignore*/
905
1138
  margin-right: 0;
906
1139
  width: calc(100% - 104px);
907
1140
  }
908
1141
  [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] {
1142
+ /*rtl:begin:ignore*/
909
1143
  /* @noflip */
1144
+ /*rtl:ignore*/
910
1145
  margin-left: 0;
911
1146
  /* @noflip */
1147
+ /*rtl:ignore*/
912
1148
  margin-right: 88px;
1149
+ /*rtl:end:ignore*/
913
1150
  }
1151
+
914
1152
  .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
915
1153
  /* @noflip */
1154
+ /*rtl:ignore*/
916
1155
  margin-left: 16px;
917
1156
  /* @noflip */
1157
+ /*rtl:ignore*/
918
1158
  margin-right: 0;
919
1159
  width: calc(100% - 16px);
920
1160
  }
921
1161
  [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] {
1162
+ /*rtl:begin:ignore*/
922
1163
  /* @noflip */
1164
+ /*rtl:ignore*/
923
1165
  margin-left: 0;
924
1166
  /* @noflip */
1167
+ /*rtl:ignore*/
925
1168
  margin-right: 16px;
1169
+ /*rtl:end:ignore*/
926
1170
  }
1171
+
927
1172
  .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
928
1173
  /* @noflip */
1174
+ /*rtl:ignore*/
929
1175
  margin-left: 16px;
930
1176
  /* @noflip */
1177
+ /*rtl:ignore*/
931
1178
  margin-right: 0;
932
1179
  width: calc(100% - 32px);
933
1180
  }
934
1181
  [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] {
1182
+ /*rtl:begin:ignore*/
935
1183
  /* @noflip */
1184
+ /*rtl:ignore*/
936
1185
  margin-left: 0;
937
1186
  /* @noflip */
1187
+ /*rtl:ignore*/
938
1188
  margin-right: 16px;
1189
+ /*rtl:end:ignore*/
939
1190
  }
940
1191
 
941
1192
  .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading {
942
1193
  /* @noflip */
1194
+ /*rtl:ignore*/
943
1195
  margin-left: 116px;
944
1196
  /* @noflip */
1197
+ /*rtl:ignore*/
945
1198
  margin-right: 0;
946
1199
  width: calc(100% - 116px);
947
1200
  }
948
1201
  [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] {
1202
+ /*rtl:begin:ignore*/
949
1203
  /* @noflip */
1204
+ /*rtl:ignore*/
950
1205
  margin-left: 0;
951
1206
  /* @noflip */
1207
+ /*rtl:ignore*/
952
1208
  margin-right: 116px;
1209
+ /*rtl:end:ignore*/
953
1210
  }
1211
+
954
1212
  .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-trailing {
955
1213
  width: calc(100% - 16px);
956
1214
  }
957
1215
  .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing {
958
1216
  /* @noflip */
1217
+ /*rtl:ignore*/
959
1218
  margin-left: 116px;
960
1219
  /* @noflip */
1220
+ /*rtl:ignore*/
961
1221
  margin-right: 0;
962
1222
  width: calc(100% - 132px);
963
1223
  }
964
1224
  [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] {
1225
+ /*rtl:begin:ignore*/
965
1226
  /* @noflip */
1227
+ /*rtl:ignore*/
966
1228
  margin-left: 0;
967
1229
  /* @noflip */
1230
+ /*rtl:ignore*/
968
1231
  margin-right: 116px;
1232
+ /*rtl:end:ignore*/
969
1233
  }
1234
+
970
1235
  .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding {
971
1236
  /* @noflip */
1237
+ /*rtl:ignore*/
972
1238
  margin-left: 0px;
973
1239
  /* @noflip */
1240
+ /*rtl:ignore*/
974
1241
  margin-right: 0;
975
1242
  width: calc(100% - 0px);
976
1243
  }
977
1244
  [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] {
1245
+ /*rtl:begin:ignore*/
978
1246
  /* @noflip */
1247
+ /*rtl:ignore*/
979
1248
  margin-left: 0;
980
1249
  /* @noflip */
1250
+ /*rtl:ignore*/
981
1251
  margin-right: 0px;
1252
+ /*rtl:end:ignore*/
982
1253
  }
1254
+
983
1255
  .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding {
984
1256
  /* @noflip */
1257
+ /*rtl:ignore*/
985
1258
  margin-left: 0px;
986
1259
  /* @noflip */
1260
+ /*rtl:ignore*/
987
1261
  margin-right: 0;
988
1262
  width: calc(100% - 16px);
989
1263
  }
990
1264
  [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] {
1265
+ /*rtl:begin:ignore*/
991
1266
  /* @noflip */
1267
+ /*rtl:ignore*/
992
1268
  margin-left: 0;
993
1269
  /* @noflip */
1270
+ /*rtl:ignore*/
994
1271
  margin-right: 0px;
1272
+ /*rtl:end:ignore*/
995
1273
  }
996
1274
 
997
1275
  .mdc-deprecated-list-group .mdc-deprecated-list {
@@ -1022,7 +1300,7 @@ a.mdc-deprecated-list-item {
1022
1300
  text-transform: inherit;
1023
1301
  /* @alternate */
1024
1302
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
1025
- margin: calc( (3rem - 1.5rem) / 2 ) 16px;
1303
+ margin: calc((3rem - 1.5rem) / 2) 16px;
1026
1304
  }
1027
1305
 
1028
1306
  .mdc-list-item__primary-text {
@@ -1037,6 +1315,12 @@ a.mdc-deprecated-list-item {
1037
1315
  color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
1038
1316
  }
1039
1317
 
1318
+ .mdc-list-item__overline-text {
1319
+ color: rgba(0, 0, 0, 0.38);
1320
+ /* @alternate */
1321
+ color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
1322
+ }
1323
+
1040
1324
  .mdc-list-item--with-leading-icon .mdc-list-item__start,
1041
1325
  .mdc-list-item--with-trailing-icon .mdc-list-item__end {
1042
1326
  background-color: transparent;
@@ -1049,7 +1333,7 @@ a.mdc-deprecated-list-item {
1049
1333
  color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
1050
1334
  }
1051
1335
 
1052
- .mdc-list-item--with-trailing-meta .mdc-list-item__end {
1336
+ .mdc-list-item__end {
1053
1337
  color: rgba(0, 0, 0, 0.38);
1054
1338
  /* @alternate */
1055
1339
  color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
@@ -1071,6 +1355,11 @@ a.mdc-deprecated-list-item {
1071
1355
  /* @alternate */
1072
1356
  color: var(--mdc-theme-on-surface, #000);
1073
1357
  }
1358
+ .mdc-list-item--disabled .mdc-list-item__overline-text {
1359
+ color: #000;
1360
+ /* @alternate */
1361
+ color: var(--mdc-theme-on-surface, #000);
1362
+ }
1074
1363
  .mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start {
1075
1364
  color: #000;
1076
1365
  /* @alternate */
@@ -1106,7 +1395,7 @@ a.mdc-deprecated-list-item {
1106
1395
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
1107
1396
  }
1108
1397
 
1109
- @media screen and (-ms-high-contrast: active) {
1398
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
1110
1399
  .mdc-list-divider::after {
1111
1400
  content: "";
1112
1401
  display: block;
@@ -1156,22 +1445,12 @@ a.mdc-deprecated-list-item {
1156
1445
  justify-content: flex-start;
1157
1446
  overflow: hidden;
1158
1447
  padding: 0;
1159
- /* @noflip */
1160
- padding-left: 16px;
1161
- /* @noflip */
1162
- padding-right: 16px;
1163
1448
  align-items: stretch;
1164
1449
  cursor: pointer;
1165
1450
  }
1166
1451
  .mdc-list-item:focus {
1167
1452
  outline: none;
1168
1453
  }
1169
- [dir=rtl] .mdc-list-item, .mdc-list-item[dir=rtl] {
1170
- /* @noflip */
1171
- padding-left: 16px;
1172
- /* @noflip */
1173
- padding-right: 16px;
1174
- }
1175
1454
  .mdc-list-item.mdc-list-item--with-one-line {
1176
1455
  height: 48px;
1177
1456
  }
@@ -1232,6 +1511,18 @@ a.mdc-deprecated-list-item {
1232
1511
  content: "";
1233
1512
  pointer-events: none;
1234
1513
  }
1514
+ .mdc-list-item.mdc-list-item--selected:focus::before {
1515
+ position: absolute;
1516
+ box-sizing: border-box;
1517
+ width: 100%;
1518
+ height: 100%;
1519
+ top: 0;
1520
+ left: 0;
1521
+ border: 3px solid transparent;
1522
+ border-radius: inherit;
1523
+ content: "";
1524
+ pointer-events: none;
1525
+ }
1235
1526
 
1236
1527
  a.mdc-list-item {
1237
1528
  color: inherit;
@@ -1353,27 +1644,79 @@ a.mdc-list-item {
1353
1644
  content: "";
1354
1645
  vertical-align: 0;
1355
1646
  }
1647
+ .mdc-list-item--with-three-lines .mdc-list-item__secondary-text {
1648
+ white-space: normal;
1649
+ line-height: 20px;
1650
+ }
1651
+ .mdc-list-item--with-overline .mdc-list-item__secondary-text {
1652
+ white-space: nowrap;
1653
+ line-height: auto;
1654
+ }
1356
1655
 
1357
1656
  .mdc-list-item__overline-text {
1657
+ -moz-osx-font-smoothing: grayscale;
1658
+ -webkit-font-smoothing: antialiased;
1659
+ font-family: Roboto, sans-serif;
1660
+ /* @alternate */
1661
+ font-family: var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
1662
+ font-size: 0.6875rem;
1663
+ /* @alternate */
1664
+ font-size: var(--mdc-typography-overline-font-size, 0.6875rem);
1665
+ line-height: 0.875rem;
1666
+ /* @alternate */
1667
+ line-height: var(--mdc-typography-overline-line-height, 0.875rem);
1668
+ font-weight: 500;
1669
+ /* @alternate */
1670
+ font-weight: var(--mdc-typography-overline-font-weight, 500);
1671
+ letter-spacing: 0.1666666667em;
1672
+ /* @alternate */
1673
+ letter-spacing: var(--mdc-typography-overline-letter-spacing, 0.1666666667em);
1674
+ text-decoration: none;
1675
+ /* @alternate */
1676
+ text-decoration: var(--mdc-typography-overline-text-decoration, none);
1677
+ text-transform: uppercase;
1678
+ /* @alternate */
1679
+ text-transform: var(--mdc-typography-overline-text-transform, uppercase);
1358
1680
  text-overflow: ellipsis;
1359
1681
  white-space: nowrap;
1360
1682
  overflow: hidden;
1361
1683
  }
1362
- .mdc-list-item--with-two-lines .mdc-list-item__overline-text, .mdc-list-item--with-three-lines .mdc-list-item__overline-text {
1684
+ .mdc-list-item--with-two-lines .mdc-list-item__overline-text {
1363
1685
  display: block;
1364
1686
  margin-top: 0;
1365
1687
  /* @alternate */
1366
1688
  line-height: normal;
1367
1689
  margin-bottom: -20px;
1368
1690
  }
1369
- .mdc-list-item--with-two-lines .mdc-list-item__overline-text::before, .mdc-list-item--with-three-lines .mdc-list-item__overline-text::before {
1691
+ .mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
1370
1692
  display: inline-block;
1371
1693
  width: 0;
1372
1694
  height: 24px;
1373
1695
  content: "";
1374
1696
  vertical-align: 0;
1375
1697
  }
1376
- .mdc-list-item--with-two-lines .mdc-list-item__overline-text::after, .mdc-list-item--with-three-lines .mdc-list-item__overline-text::after {
1698
+ .mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
1699
+ display: inline-block;
1700
+ width: 0;
1701
+ height: 20px;
1702
+ content: "";
1703
+ vertical-align: -20px;
1704
+ }
1705
+ .mdc-list-item--with-three-lines .mdc-list-item__overline-text {
1706
+ display: block;
1707
+ margin-top: 0;
1708
+ /* @alternate */
1709
+ line-height: normal;
1710
+ margin-bottom: -20px;
1711
+ }
1712
+ .mdc-list-item--with-three-lines .mdc-list-item__overline-text::before {
1713
+ display: inline-block;
1714
+ width: 0;
1715
+ height: 28px;
1716
+ content: "";
1717
+ vertical-align: 0;
1718
+ }
1719
+ .mdc-list-item--with-three-lines .mdc-list-item__overline-text::after {
1377
1720
  display: inline-block;
1378
1721
  width: 0;
1379
1722
  height: 20px;
@@ -1383,28 +1726,42 @@ a.mdc-list-item {
1383
1726
 
1384
1727
  .mdc-list-item--with-leading-avatar.mdc-list-item {
1385
1728
  /* @noflip */
1729
+ /*rtl:ignore*/
1386
1730
  padding-left: 0;
1387
1731
  /* @noflip */
1732
+ /*rtl:ignore*/
1388
1733
  padding-right: auto;
1389
1734
  }
1390
1735
  [dir=rtl] .mdc-list-item--with-leading-avatar.mdc-list-item, .mdc-list-item--with-leading-avatar.mdc-list-item[dir=rtl] {
1736
+ /*rtl:begin:ignore*/
1391
1737
  /* @noflip */
1738
+ /*rtl:ignore*/
1392
1739
  padding-left: auto;
1393
1740
  /* @noflip */
1741
+ /*rtl:ignore*/
1394
1742
  padding-right: 0;
1743
+ /*rtl:end:ignore*/
1395
1744
  }
1745
+
1396
1746
  .mdc-list-item--with-leading-avatar .mdc-list-item__start {
1397
1747
  /* @noflip */
1748
+ /*rtl:ignore*/
1398
1749
  margin-left: 16px;
1399
1750
  /* @noflip */
1751
+ /*rtl:ignore*/
1400
1752
  margin-right: 16px;
1401
1753
  }
1402
1754
  [dir=rtl] .mdc-list-item--with-leading-avatar .mdc-list-item__start, .mdc-list-item--with-leading-avatar .mdc-list-item__start[dir=rtl] {
1755
+ /*rtl:begin:ignore*/
1403
1756
  /* @noflip */
1757
+ /*rtl:ignore*/
1404
1758
  margin-left: 16px;
1405
1759
  /* @noflip */
1760
+ /*rtl:ignore*/
1406
1761
  margin-right: 16px;
1762
+ /*rtl:end:ignore*/
1407
1763
  }
1764
+
1408
1765
  .mdc-list-item--with-leading-avatar .mdc-list-item__start {
1409
1766
  width: 40px;
1410
1767
  height: 40px;
@@ -1430,6 +1787,27 @@ a.mdc-list-item {
1430
1787
  content: "";
1431
1788
  vertical-align: -20px;
1432
1789
  }
1790
+ .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
1791
+ display: block;
1792
+ margin-top: 0;
1793
+ /* @alternate */
1794
+ line-height: normal;
1795
+ margin-bottom: -20px;
1796
+ }
1797
+ .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
1798
+ display: inline-block;
1799
+ width: 0;
1800
+ height: 28px;
1801
+ content: "";
1802
+ vertical-align: 0;
1803
+ }
1804
+ .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
1805
+ display: inline-block;
1806
+ width: 0;
1807
+ height: 20px;
1808
+ content: "";
1809
+ vertical-align: -20px;
1810
+ }
1433
1811
  .mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
1434
1812
  display: block;
1435
1813
  margin-top: 0;
@@ -1459,28 +1837,42 @@ a.mdc-list-item {
1459
1837
  }
1460
1838
  .mdc-list-item--with-leading-icon.mdc-list-item {
1461
1839
  /* @noflip */
1840
+ /*rtl:ignore*/
1462
1841
  padding-left: 0;
1463
1842
  /* @noflip */
1843
+ /*rtl:ignore*/
1464
1844
  padding-right: auto;
1465
1845
  }
1466
1846
  [dir=rtl] .mdc-list-item--with-leading-icon.mdc-list-item, .mdc-list-item--with-leading-icon.mdc-list-item[dir=rtl] {
1847
+ /*rtl:begin:ignore*/
1467
1848
  /* @noflip */
1849
+ /*rtl:ignore*/
1468
1850
  padding-left: auto;
1469
1851
  /* @noflip */
1852
+ /*rtl:ignore*/
1470
1853
  padding-right: 0;
1854
+ /*rtl:end:ignore*/
1471
1855
  }
1856
+
1472
1857
  .mdc-list-item--with-leading-icon .mdc-list-item__start {
1473
1858
  /* @noflip */
1859
+ /*rtl:ignore*/
1474
1860
  margin-left: 16px;
1475
1861
  /* @noflip */
1862
+ /*rtl:ignore*/
1476
1863
  margin-right: 32px;
1477
1864
  }
1478
1865
  [dir=rtl] .mdc-list-item--with-leading-icon .mdc-list-item__start, .mdc-list-item--with-leading-icon .mdc-list-item__start[dir=rtl] {
1866
+ /*rtl:begin:ignore*/
1479
1867
  /* @noflip */
1868
+ /*rtl:ignore*/
1480
1869
  margin-left: 32px;
1481
1870
  /* @noflip */
1871
+ /*rtl:ignore*/
1482
1872
  margin-right: 16px;
1873
+ /*rtl:end:ignore*/
1483
1874
  }
1875
+
1484
1876
  .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
1485
1877
  display: block;
1486
1878
  margin-top: 0;
@@ -1502,6 +1894,27 @@ a.mdc-list-item {
1502
1894
  content: "";
1503
1895
  vertical-align: -20px;
1504
1896
  }
1897
+ .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
1898
+ display: block;
1899
+ margin-top: 0;
1900
+ /* @alternate */
1901
+ line-height: normal;
1902
+ margin-bottom: -20px;
1903
+ }
1904
+ .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
1905
+ display: inline-block;
1906
+ width: 0;
1907
+ height: 28px;
1908
+ content: "";
1909
+ vertical-align: 0;
1910
+ }
1911
+ .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
1912
+ display: inline-block;
1913
+ width: 0;
1914
+ height: 20px;
1915
+ content: "";
1916
+ vertical-align: -20px;
1917
+ }
1505
1918
  .mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
1506
1919
  display: block;
1507
1920
  margin-top: 0;
@@ -1524,28 +1937,42 @@ a.mdc-list-item {
1524
1937
 
1525
1938
  .mdc-list-item--with-leading-thumbnail.mdc-list-item {
1526
1939
  /* @noflip */
1940
+ /*rtl:ignore*/
1527
1941
  padding-left: 0;
1528
1942
  /* @noflip */
1943
+ /*rtl:ignore*/
1529
1944
  padding-right: auto;
1530
1945
  }
1531
1946
  [dir=rtl] .mdc-list-item--with-leading-thumbnail.mdc-list-item, .mdc-list-item--with-leading-thumbnail.mdc-list-item[dir=rtl] {
1947
+ /*rtl:begin:ignore*/
1532
1948
  /* @noflip */
1949
+ /*rtl:ignore*/
1533
1950
  padding-left: auto;
1534
1951
  /* @noflip */
1952
+ /*rtl:ignore*/
1535
1953
  padding-right: 0;
1954
+ /*rtl:end:ignore*/
1536
1955
  }
1956
+
1537
1957
  .mdc-list-item--with-leading-thumbnail .mdc-list-item__start {
1538
1958
  /* @noflip */
1959
+ /*rtl:ignore*/
1539
1960
  margin-left: 16px;
1540
1961
  /* @noflip */
1962
+ /*rtl:ignore*/
1541
1963
  margin-right: 16px;
1542
1964
  }
1543
1965
  [dir=rtl] .mdc-list-item--with-leading-thumbnail .mdc-list-item__start, .mdc-list-item--with-leading-thumbnail .mdc-list-item__start[dir=rtl] {
1966
+ /*rtl:begin:ignore*/
1544
1967
  /* @noflip */
1968
+ /*rtl:ignore*/
1545
1969
  margin-left: 16px;
1546
1970
  /* @noflip */
1971
+ /*rtl:ignore*/
1547
1972
  margin-right: 16px;
1973
+ /*rtl:end:ignore*/
1548
1974
  }
1975
+
1549
1976
  .mdc-list-item--with-leading-thumbnail .mdc-list-item__start {
1550
1977
  width: 40px;
1551
1978
  height: 40px;
@@ -1571,6 +1998,27 @@ a.mdc-list-item {
1571
1998
  content: "";
1572
1999
  vertical-align: -20px;
1573
2000
  }
2001
+ .mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
2002
+ display: block;
2003
+ margin-top: 0;
2004
+ /* @alternate */
2005
+ line-height: normal;
2006
+ margin-bottom: -20px;
2007
+ }
2008
+ .mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
2009
+ display: inline-block;
2010
+ width: 0;
2011
+ height: 28px;
2012
+ content: "";
2013
+ vertical-align: 0;
2014
+ }
2015
+ .mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
2016
+ display: inline-block;
2017
+ width: 0;
2018
+ height: 20px;
2019
+ content: "";
2020
+ vertical-align: -20px;
2021
+ }
1574
2022
  .mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
1575
2023
  display: block;
1576
2024
  margin-top: 0;
@@ -1593,28 +2041,42 @@ a.mdc-list-item {
1593
2041
 
1594
2042
  .mdc-list-item--with-leading-image.mdc-list-item {
1595
2043
  /* @noflip */
2044
+ /*rtl:ignore*/
1596
2045
  padding-left: 0;
1597
2046
  /* @noflip */
2047
+ /*rtl:ignore*/
1598
2048
  padding-right: auto;
1599
2049
  }
1600
2050
  [dir=rtl] .mdc-list-item--with-leading-image.mdc-list-item, .mdc-list-item--with-leading-image.mdc-list-item[dir=rtl] {
2051
+ /*rtl:begin:ignore*/
1601
2052
  /* @noflip */
2053
+ /*rtl:ignore*/
1602
2054
  padding-left: auto;
1603
2055
  /* @noflip */
2056
+ /*rtl:ignore*/
1604
2057
  padding-right: 0;
2058
+ /*rtl:end:ignore*/
1605
2059
  }
2060
+
1606
2061
  .mdc-list-item--with-leading-image .mdc-list-item__start {
1607
2062
  /* @noflip */
2063
+ /*rtl:ignore*/
1608
2064
  margin-left: 16px;
1609
2065
  /* @noflip */
2066
+ /*rtl:ignore*/
1610
2067
  margin-right: 16px;
1611
2068
  }
1612
2069
  [dir=rtl] .mdc-list-item--with-leading-image .mdc-list-item__start, .mdc-list-item--with-leading-image .mdc-list-item__start[dir=rtl] {
2070
+ /*rtl:begin:ignore*/
1613
2071
  /* @noflip */
2072
+ /*rtl:ignore*/
1614
2073
  margin-left: 16px;
1615
2074
  /* @noflip */
2075
+ /*rtl:ignore*/
1616
2076
  margin-right: 16px;
2077
+ /*rtl:end:ignore*/
1617
2078
  }
2079
+
1618
2080
  .mdc-list-item--with-leading-image .mdc-list-item__start {
1619
2081
  width: 56px;
1620
2082
  height: 56px;
@@ -1640,6 +2102,27 @@ a.mdc-list-item {
1640
2102
  content: "";
1641
2103
  vertical-align: -20px;
1642
2104
  }
2105
+ .mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
2106
+ display: block;
2107
+ margin-top: 0;
2108
+ /* @alternate */
2109
+ line-height: normal;
2110
+ margin-bottom: -20px;
2111
+ }
2112
+ .mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
2113
+ display: inline-block;
2114
+ width: 0;
2115
+ height: 28px;
2116
+ content: "";
2117
+ vertical-align: 0;
2118
+ }
2119
+ .mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
2120
+ display: inline-block;
2121
+ width: 0;
2122
+ height: 20px;
2123
+ content: "";
2124
+ vertical-align: -20px;
2125
+ }
1643
2126
  .mdc-list-item--with-leading-image.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
1644
2127
  display: block;
1645
2128
  margin-top: 0;
@@ -1666,28 +2149,42 @@ a.mdc-list-item {
1666
2149
  }
1667
2150
  .mdc-list-item--with-leading-video.mdc-list-item {
1668
2151
  /* @noflip */
2152
+ /*rtl:ignore*/
1669
2153
  padding-left: 0;
1670
2154
  /* @noflip */
2155
+ /*rtl:ignore*/
1671
2156
  padding-right: auto;
1672
2157
  }
1673
2158
  [dir=rtl] .mdc-list-item--with-leading-video.mdc-list-item, .mdc-list-item--with-leading-video.mdc-list-item[dir=rtl] {
2159
+ /*rtl:begin:ignore*/
1674
2160
  /* @noflip */
2161
+ /*rtl:ignore*/
1675
2162
  padding-left: auto;
1676
2163
  /* @noflip */
2164
+ /*rtl:ignore*/
1677
2165
  padding-right: 0;
2166
+ /*rtl:end:ignore*/
1678
2167
  }
2168
+
1679
2169
  .mdc-list-item--with-leading-video .mdc-list-item__start {
1680
2170
  /* @noflip */
2171
+ /*rtl:ignore*/
1681
2172
  margin-left: 0;
1682
2173
  /* @noflip */
2174
+ /*rtl:ignore*/
1683
2175
  margin-right: 16px;
1684
2176
  }
1685
2177
  [dir=rtl] .mdc-list-item--with-leading-video .mdc-list-item__start, .mdc-list-item--with-leading-video .mdc-list-item__start[dir=rtl] {
2178
+ /*rtl:begin:ignore*/
1686
2179
  /* @noflip */
2180
+ /*rtl:ignore*/
1687
2181
  margin-left: 16px;
1688
2182
  /* @noflip */
2183
+ /*rtl:ignore*/
1689
2184
  margin-right: 0;
2185
+ /*rtl:end:ignore*/
1690
2186
  }
2187
+
1691
2188
  .mdc-list-item--with-leading-video .mdc-list-item__start {
1692
2189
  width: 100px;
1693
2190
  height: 56px;
@@ -1713,6 +2210,27 @@ a.mdc-list-item {
1713
2210
  content: "";
1714
2211
  vertical-align: -20px;
1715
2212
  }
2213
+ .mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
2214
+ display: block;
2215
+ margin-top: 0;
2216
+ /* @alternate */
2217
+ line-height: normal;
2218
+ margin-bottom: -20px;
2219
+ }
2220
+ .mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
2221
+ display: inline-block;
2222
+ width: 0;
2223
+ height: 28px;
2224
+ content: "";
2225
+ vertical-align: 0;
2226
+ }
2227
+ .mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
2228
+ display: inline-block;
2229
+ width: 0;
2230
+ height: 20px;
2231
+ content: "";
2232
+ vertical-align: -20px;
2233
+ }
1716
2234
  .mdc-list-item--with-leading-video.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
1717
2235
  display: block;
1718
2236
  margin-top: 0;
@@ -1735,28 +2253,42 @@ a.mdc-list-item {
1735
2253
 
1736
2254
  .mdc-list-item--with-leading-checkbox.mdc-list-item {
1737
2255
  /* @noflip */
2256
+ /*rtl:ignore*/
1738
2257
  padding-left: 0;
1739
2258
  /* @noflip */
2259
+ /*rtl:ignore*/
1740
2260
  padding-right: auto;
1741
2261
  }
1742
2262
  [dir=rtl] .mdc-list-item--with-leading-checkbox.mdc-list-item, .mdc-list-item--with-leading-checkbox.mdc-list-item[dir=rtl] {
2263
+ /*rtl:begin:ignore*/
1743
2264
  /* @noflip */
2265
+ /*rtl:ignore*/
1744
2266
  padding-left: auto;
1745
2267
  /* @noflip */
2268
+ /*rtl:ignore*/
1746
2269
  padding-right: 0;
2270
+ /*rtl:end:ignore*/
1747
2271
  }
2272
+
1748
2273
  .mdc-list-item--with-leading-checkbox .mdc-list-item__start {
1749
2274
  /* @noflip */
2275
+ /*rtl:ignore*/
1750
2276
  margin-left: 8px;
1751
2277
  /* @noflip */
2278
+ /*rtl:ignore*/
1752
2279
  margin-right: 24px;
1753
2280
  }
1754
2281
  [dir=rtl] .mdc-list-item--with-leading-checkbox .mdc-list-item__start, .mdc-list-item--with-leading-checkbox .mdc-list-item__start[dir=rtl] {
2282
+ /*rtl:begin:ignore*/
1755
2283
  /* @noflip */
2284
+ /*rtl:ignore*/
1756
2285
  margin-left: 24px;
1757
2286
  /* @noflip */
2287
+ /*rtl:ignore*/
1758
2288
  margin-right: 8px;
2289
+ /*rtl:end:ignore*/
1759
2290
  }
2291
+
1760
2292
  .mdc-list-item--with-leading-checkbox .mdc-list-item__start {
1761
2293
  width: 40px;
1762
2294
  height: 40px;
@@ -1786,6 +2318,27 @@ a.mdc-list-item {
1786
2318
  content: "";
1787
2319
  vertical-align: -20px;
1788
2320
  }
2321
+ .mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
2322
+ display: block;
2323
+ margin-top: 0;
2324
+ /* @alternate */
2325
+ line-height: normal;
2326
+ margin-bottom: -20px;
2327
+ }
2328
+ .mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
2329
+ display: inline-block;
2330
+ width: 0;
2331
+ height: 28px;
2332
+ content: "";
2333
+ vertical-align: 0;
2334
+ }
2335
+ .mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
2336
+ display: inline-block;
2337
+ width: 0;
2338
+ height: 20px;
2339
+ content: "";
2340
+ vertical-align: -20px;
2341
+ }
1789
2342
  .mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
1790
2343
  display: block;
1791
2344
  margin-top: 0;
@@ -1808,28 +2361,42 @@ a.mdc-list-item {
1808
2361
 
1809
2362
  .mdc-list-item--with-leading-radio.mdc-list-item {
1810
2363
  /* @noflip */
2364
+ /*rtl:ignore*/
1811
2365
  padding-left: 0;
1812
2366
  /* @noflip */
2367
+ /*rtl:ignore*/
1813
2368
  padding-right: auto;
1814
2369
  }
1815
2370
  [dir=rtl] .mdc-list-item--with-leading-radio.mdc-list-item, .mdc-list-item--with-leading-radio.mdc-list-item[dir=rtl] {
2371
+ /*rtl:begin:ignore*/
1816
2372
  /* @noflip */
2373
+ /*rtl:ignore*/
1817
2374
  padding-left: auto;
1818
2375
  /* @noflip */
2376
+ /*rtl:ignore*/
1819
2377
  padding-right: 0;
2378
+ /*rtl:end:ignore*/
1820
2379
  }
2380
+
1821
2381
  .mdc-list-item--with-leading-radio .mdc-list-item__start {
1822
2382
  /* @noflip */
2383
+ /*rtl:ignore*/
1823
2384
  margin-left: 8px;
1824
2385
  /* @noflip */
2386
+ /*rtl:ignore*/
1825
2387
  margin-right: 24px;
1826
2388
  }
1827
2389
  [dir=rtl] .mdc-list-item--with-leading-radio .mdc-list-item__start, .mdc-list-item--with-leading-radio .mdc-list-item__start[dir=rtl] {
2390
+ /*rtl:begin:ignore*/
1828
2391
  /* @noflip */
2392
+ /*rtl:ignore*/
1829
2393
  margin-left: 24px;
1830
2394
  /* @noflip */
2395
+ /*rtl:ignore*/
1831
2396
  margin-right: 8px;
2397
+ /*rtl:end:ignore*/
1832
2398
  }
2399
+
1833
2400
  .mdc-list-item--with-leading-radio .mdc-list-item__start {
1834
2401
  width: 40px;
1835
2402
  height: 40px;
@@ -1859,6 +2426,27 @@ a.mdc-list-item {
1859
2426
  content: "";
1860
2427
  vertical-align: -20px;
1861
2428
  }
2429
+ .mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
2430
+ display: block;
2431
+ margin-top: 0;
2432
+ /* @alternate */
2433
+ line-height: normal;
2434
+ margin-bottom: -20px;
2435
+ }
2436
+ .mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
2437
+ display: inline-block;
2438
+ width: 0;
2439
+ height: 28px;
2440
+ content: "";
2441
+ vertical-align: 0;
2442
+ }
2443
+ .mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
2444
+ display: inline-block;
2445
+ width: 0;
2446
+ height: 20px;
2447
+ content: "";
2448
+ vertical-align: -20px;
2449
+ }
1862
2450
  .mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
1863
2451
  display: block;
1864
2452
  margin-top: 0;
@@ -1881,28 +2469,42 @@ a.mdc-list-item {
1881
2469
 
1882
2470
  .mdc-list-item--with-leading-switch.mdc-list-item {
1883
2471
  /* @noflip */
2472
+ /*rtl:ignore*/
1884
2473
  padding-left: 0;
1885
2474
  /* @noflip */
2475
+ /*rtl:ignore*/
1886
2476
  padding-right: auto;
1887
2477
  }
1888
2478
  [dir=rtl] .mdc-list-item--with-leading-switch.mdc-list-item, .mdc-list-item--with-leading-switch.mdc-list-item[dir=rtl] {
2479
+ /*rtl:begin:ignore*/
1889
2480
  /* @noflip */
2481
+ /*rtl:ignore*/
1890
2482
  padding-left: auto;
1891
2483
  /* @noflip */
2484
+ /*rtl:ignore*/
1892
2485
  padding-right: 0;
2486
+ /*rtl:end:ignore*/
1893
2487
  }
2488
+
1894
2489
  .mdc-list-item--with-leading-switch .mdc-list-item__start {
1895
2490
  /* @noflip */
2491
+ /*rtl:ignore*/
1896
2492
  margin-left: 16px;
1897
2493
  /* @noflip */
2494
+ /*rtl:ignore*/
1898
2495
  margin-right: 16px;
1899
2496
  }
1900
2497
  [dir=rtl] .mdc-list-item--with-leading-switch .mdc-list-item__start, .mdc-list-item--with-leading-switch .mdc-list-item__start[dir=rtl] {
2498
+ /*rtl:begin:ignore*/
1901
2499
  /* @noflip */
2500
+ /*rtl:ignore*/
1902
2501
  margin-left: 16px;
1903
2502
  /* @noflip */
2503
+ /*rtl:ignore*/
1904
2504
  margin-right: 16px;
2505
+ /*rtl:end:ignore*/
1905
2506
  }
2507
+
1906
2508
  .mdc-list-item--with-leading-switch .mdc-list-item__start {
1907
2509
  width: 36px;
1908
2510
  height: 20px;
@@ -1932,6 +2534,27 @@ a.mdc-list-item {
1932
2534
  content: "";
1933
2535
  vertical-align: -20px;
1934
2536
  }
2537
+ .mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text {
2538
+ display: block;
2539
+ margin-top: 0;
2540
+ /* @alternate */
2541
+ line-height: normal;
2542
+ margin-bottom: -20px;
2543
+ }
2544
+ .mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before {
2545
+ display: inline-block;
2546
+ width: 0;
2547
+ height: 28px;
2548
+ content: "";
2549
+ vertical-align: 0;
2550
+ }
2551
+ .mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after {
2552
+ display: inline-block;
2553
+ width: 0;
2554
+ height: 20px;
2555
+ content: "";
2556
+ vertical-align: -20px;
2557
+ }
1935
2558
  .mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
1936
2559
  display: block;
1937
2560
  margin-top: 0;
@@ -1954,28 +2577,42 @@ a.mdc-list-item {
1954
2577
 
1955
2578
  .mdc-list-item--with-trailing-icon.mdc-list-item {
1956
2579
  /* @noflip */
2580
+ /*rtl:ignore*/
1957
2581
  padding-left: auto;
1958
2582
  /* @noflip */
2583
+ /*rtl:ignore*/
1959
2584
  padding-right: 0;
1960
2585
  }
1961
2586
  [dir=rtl] .mdc-list-item--with-trailing-icon.mdc-list-item, .mdc-list-item--with-trailing-icon.mdc-list-item[dir=rtl] {
2587
+ /*rtl:begin:ignore*/
1962
2588
  /* @noflip */
2589
+ /*rtl:ignore*/
1963
2590
  padding-left: 0;
1964
2591
  /* @noflip */
2592
+ /*rtl:ignore*/
1965
2593
  padding-right: auto;
2594
+ /*rtl:end:ignore*/
1966
2595
  }
2596
+
1967
2597
  .mdc-list-item--with-trailing-icon .mdc-list-item__end {
1968
2598
  /* @noflip */
2599
+ /*rtl:ignore*/
1969
2600
  margin-left: 16px;
1970
2601
  /* @noflip */
2602
+ /*rtl:ignore*/
1971
2603
  margin-right: 16px;
1972
2604
  }
1973
2605
  [dir=rtl] .mdc-list-item--with-trailing-icon .mdc-list-item__end, .mdc-list-item--with-trailing-icon .mdc-list-item__end[dir=rtl] {
2606
+ /*rtl:begin:ignore*/
1974
2607
  /* @noflip */
2608
+ /*rtl:ignore*/
1975
2609
  margin-left: 16px;
1976
2610
  /* @noflip */
2611
+ /*rtl:ignore*/
1977
2612
  margin-right: 16px;
2613
+ /*rtl:end:ignore*/
1978
2614
  }
2615
+
1979
2616
  .mdc-list-item--with-trailing-icon .mdc-list-item__end {
1980
2617
  width: 24px;
1981
2618
  height: 24px;
@@ -1991,28 +2628,42 @@ a.mdc-list-item {
1991
2628
  }
1992
2629
  .mdc-list-item--with-trailing-meta.mdc-list-item {
1993
2630
  /* @noflip */
2631
+ /*rtl:ignore*/
1994
2632
  padding-left: auto;
1995
2633
  /* @noflip */
2634
+ /*rtl:ignore*/
1996
2635
  padding-right: 0;
1997
2636
  }
1998
2637
  [dir=rtl] .mdc-list-item--with-trailing-meta.mdc-list-item, .mdc-list-item--with-trailing-meta.mdc-list-item[dir=rtl] {
2638
+ /*rtl:begin:ignore*/
1999
2639
  /* @noflip */
2640
+ /*rtl:ignore*/
2000
2641
  padding-left: 0;
2001
2642
  /* @noflip */
2643
+ /*rtl:ignore*/
2002
2644
  padding-right: auto;
2645
+ /*rtl:end:ignore*/
2003
2646
  }
2647
+
2004
2648
  .mdc-list-item--with-trailing-meta .mdc-list-item__end {
2005
2649
  /* @noflip */
2650
+ /*rtl:ignore*/
2006
2651
  margin-left: 28px;
2007
2652
  /* @noflip */
2653
+ /*rtl:ignore*/
2008
2654
  margin-right: 16px;
2009
2655
  }
2010
2656
  [dir=rtl] .mdc-list-item--with-trailing-meta .mdc-list-item__end, .mdc-list-item--with-trailing-meta .mdc-list-item__end[dir=rtl] {
2657
+ /*rtl:begin:ignore*/
2011
2658
  /* @noflip */
2659
+ /*rtl:ignore*/
2012
2660
  margin-left: 16px;
2013
2661
  /* @noflip */
2662
+ /*rtl:ignore*/
2014
2663
  margin-right: 28px;
2664
+ /*rtl:end:ignore*/
2015
2665
  }
2666
+
2016
2667
  .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {
2017
2668
  display: block;
2018
2669
  margin-top: 0;
@@ -2067,28 +2718,42 @@ a.mdc-list-item {
2067
2718
 
2068
2719
  .mdc-list-item--with-trailing-checkbox.mdc-list-item {
2069
2720
  /* @noflip */
2721
+ /*rtl:ignore*/
2070
2722
  padding-left: auto;
2071
2723
  /* @noflip */
2724
+ /*rtl:ignore*/
2072
2725
  padding-right: 0;
2073
2726
  }
2074
2727
  [dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item, .mdc-list-item--with-trailing-checkbox.mdc-list-item[dir=rtl] {
2728
+ /*rtl:begin:ignore*/
2075
2729
  /* @noflip */
2730
+ /*rtl:ignore*/
2076
2731
  padding-left: 0;
2077
2732
  /* @noflip */
2733
+ /*rtl:ignore*/
2078
2734
  padding-right: auto;
2735
+ /*rtl:end:ignore*/
2079
2736
  }
2737
+
2080
2738
  .mdc-list-item--with-trailing-checkbox .mdc-list-item__end {
2081
2739
  /* @noflip */
2740
+ /*rtl:ignore*/
2082
2741
  margin-left: 24px;
2083
2742
  /* @noflip */
2743
+ /*rtl:ignore*/
2084
2744
  margin-right: 8px;
2085
2745
  }
2086
2746
  [dir=rtl] .mdc-list-item--with-trailing-checkbox .mdc-list-item__end, .mdc-list-item--with-trailing-checkbox .mdc-list-item__end[dir=rtl] {
2747
+ /*rtl:begin:ignore*/
2087
2748
  /* @noflip */
2749
+ /*rtl:ignore*/
2088
2750
  margin-left: 8px;
2089
2751
  /* @noflip */
2752
+ /*rtl:ignore*/
2090
2753
  margin-right: 24px;
2754
+ /*rtl:end:ignore*/
2091
2755
  }
2756
+
2092
2757
  .mdc-list-item--with-trailing-checkbox .mdc-list-item__end {
2093
2758
  width: 40px;
2094
2759
  height: 40px;
@@ -2100,28 +2765,42 @@ a.mdc-list-item {
2100
2765
 
2101
2766
  .mdc-list-item--with-trailing-radio.mdc-list-item {
2102
2767
  /* @noflip */
2768
+ /*rtl:ignore*/
2103
2769
  padding-left: auto;
2104
2770
  /* @noflip */
2771
+ /*rtl:ignore*/
2105
2772
  padding-right: 0;
2106
2773
  }
2107
2774
  [dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item, .mdc-list-item--with-trailing-radio.mdc-list-item[dir=rtl] {
2775
+ /*rtl:begin:ignore*/
2108
2776
  /* @noflip */
2777
+ /*rtl:ignore*/
2109
2778
  padding-left: 0;
2110
2779
  /* @noflip */
2780
+ /*rtl:ignore*/
2111
2781
  padding-right: auto;
2782
+ /*rtl:end:ignore*/
2112
2783
  }
2784
+
2113
2785
  .mdc-list-item--with-trailing-radio .mdc-list-item__end {
2114
2786
  /* @noflip */
2787
+ /*rtl:ignore*/
2115
2788
  margin-left: 24px;
2116
2789
  /* @noflip */
2790
+ /*rtl:ignore*/
2117
2791
  margin-right: 8px;
2118
2792
  }
2119
2793
  [dir=rtl] .mdc-list-item--with-trailing-radio .mdc-list-item__end, .mdc-list-item--with-trailing-radio .mdc-list-item__end[dir=rtl] {
2794
+ /*rtl:begin:ignore*/
2120
2795
  /* @noflip */
2796
+ /*rtl:ignore*/
2121
2797
  margin-left: 8px;
2122
2798
  /* @noflip */
2799
+ /*rtl:ignore*/
2123
2800
  margin-right: 24px;
2801
+ /*rtl:end:ignore*/
2124
2802
  }
2803
+
2125
2804
  .mdc-list-item--with-trailing-radio .mdc-list-item__end {
2126
2805
  width: 40px;
2127
2806
  height: 40px;
@@ -2133,28 +2812,42 @@ a.mdc-list-item {
2133
2812
 
2134
2813
  .mdc-list-item--with-trailing-switch.mdc-list-item {
2135
2814
  /* @noflip */
2815
+ /*rtl:ignore*/
2136
2816
  padding-left: auto;
2137
2817
  /* @noflip */
2818
+ /*rtl:ignore*/
2138
2819
  padding-right: 0;
2139
2820
  }
2140
2821
  [dir=rtl] .mdc-list-item--with-trailing-switch.mdc-list-item, .mdc-list-item--with-trailing-switch.mdc-list-item[dir=rtl] {
2822
+ /*rtl:begin:ignore*/
2141
2823
  /* @noflip */
2824
+ /*rtl:ignore*/
2142
2825
  padding-left: 0;
2143
2826
  /* @noflip */
2827
+ /*rtl:ignore*/
2144
2828
  padding-right: auto;
2829
+ /*rtl:end:ignore*/
2145
2830
  }
2831
+
2146
2832
  .mdc-list-item--with-trailing-switch .mdc-list-item__end {
2147
2833
  /* @noflip */
2834
+ /*rtl:ignore*/
2148
2835
  margin-left: 16px;
2149
2836
  /* @noflip */
2837
+ /*rtl:ignore*/
2150
2838
  margin-right: 16px;
2151
2839
  }
2152
2840
  [dir=rtl] .mdc-list-item--with-trailing-switch .mdc-list-item__end, .mdc-list-item--with-trailing-switch .mdc-list-item__end[dir=rtl] {
2841
+ /*rtl:begin:ignore*/
2153
2842
  /* @noflip */
2843
+ /*rtl:ignore*/
2154
2844
  margin-left: 16px;
2155
2845
  /* @noflip */
2846
+ /*rtl:ignore*/
2156
2847
  margin-right: 16px;
2848
+ /*rtl:end:ignore*/
2157
2849
  }
2850
+
2158
2851
  .mdc-list-item--with-trailing-switch .mdc-list-item__end {
2159
2852
  width: 36px;
2160
2853
  height: 20px;
@@ -2164,6 +2857,52 @@ a.mdc-list-item {
2164
2857
  margin-top: 16px;
2165
2858
  }
2166
2859
 
2860
+ .mdc-list-item--with-overline.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
2861
+ display: block;
2862
+ margin-top: 0;
2863
+ /* @alternate */
2864
+ line-height: normal;
2865
+ }
2866
+ .mdc-list-item--with-overline.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
2867
+ display: inline-block;
2868
+ width: 0;
2869
+ height: 20px;
2870
+ content: "";
2871
+ vertical-align: 0;
2872
+ }
2873
+ .mdc-list-item--with-overline.mdc-list-item--with-three-lines .mdc-list-item__primary-text {
2874
+ display: block;
2875
+ margin-top: 0;
2876
+ /* @alternate */
2877
+ line-height: normal;
2878
+ }
2879
+ .mdc-list-item--with-overline.mdc-list-item--with-three-lines .mdc-list-item__primary-text::before {
2880
+ display: inline-block;
2881
+ width: 0;
2882
+ height: 20px;
2883
+ content: "";
2884
+ vertical-align: 0;
2885
+ }
2886
+
2887
+ .mdc-list-item {
2888
+ /* @noflip */
2889
+ /*rtl:ignore*/
2890
+ padding-left: 16px;
2891
+ /* @noflip */
2892
+ /*rtl:ignore*/
2893
+ padding-right: 16px;
2894
+ }
2895
+ [dir=rtl] .mdc-list-item, .mdc-list-item[dir=rtl] {
2896
+ /*rtl:begin:ignore*/
2897
+ /* @noflip */
2898
+ /*rtl:ignore*/
2899
+ padding-left: 16px;
2900
+ /* @noflip */
2901
+ /*rtl:ignore*/
2902
+ padding-right: 16px;
2903
+ /*rtl:end:ignore*/
2904
+ }
2905
+
2167
2906
  .mdc-list-group .mdc-deprecated-list {
2168
2907
  padding: 0;
2169
2908
  }
@@ -2192,7 +2931,7 @@ a.mdc-list-item {
2192
2931
  text-transform: inherit;
2193
2932
  /* @alternate */
2194
2933
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
2195
- margin: calc( (3rem - 1.5rem) / 2 ) 16px;
2934
+ margin: calc((3rem - 1.5rem) / 2) 16px;
2196
2935
  }
2197
2936
 
2198
2937
  .mdc-list-divider {
@@ -2215,32 +2954,23 @@ a.mdc-list-item {
2215
2954
  .mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset,
2216
2955
  .mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset {
2217
2956
  /* @noflip */
2957
+ /*rtl:ignore*/
2218
2958
  padding-left: 16px;
2219
2959
  /* @noflip */
2960
+ /*rtl:ignore*/
2220
2961
  padding-right: auto;
2221
2962
  }
2222
- [dir=rtl] .mdc-list-divider.mdc-list-divider--with-leading-inset, .mdc-list-divider.mdc-list-divider--with-leading-inset[dir=rtl],
2223
- [dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset,
2224
- .mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset[dir=rtl],
2225
- [dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset,
2226
- .mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset[dir=rtl],
2227
- [dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset,
2228
- .mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset[dir=rtl],
2229
- [dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset,
2230
- .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset[dir=rtl],
2231
- [dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset,
2232
- .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset[dir=rtl],
2233
- [dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset,
2234
- .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset[dir=rtl],
2235
- [dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset,
2236
- .mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset[dir=rtl],
2237
- [dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset,
2238
- .mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset[dir=rtl] {
2963
+ [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] {
2964
+ /*rtl:begin:ignore*/
2239
2965
  /* @noflip */
2966
+ /*rtl:ignore*/
2240
2967
  padding-left: auto;
2241
2968
  /* @noflip */
2969
+ /*rtl:ignore*/
2242
2970
  padding-right: 16px;
2971
+ /*rtl:end:ignore*/
2243
2972
  }
2973
+
2244
2974
  .mdc-list-divider.mdc-list-divider--with-trailing-inset,
2245
2975
  .mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset,
2246
2976
  .mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset,
@@ -2251,48 +2981,46 @@ a.mdc-list-item {
2251
2981
  .mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset,
2252
2982
  .mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset {
2253
2983
  /* @noflip */
2984
+ /*rtl:ignore*/
2254
2985
  padding-left: auto;
2255
2986
  /* @noflip */
2987
+ /*rtl:ignore*/
2256
2988
  padding-right: 16px;
2257
2989
  }
2258
- [dir=rtl] .mdc-list-divider.mdc-list-divider--with-trailing-inset, .mdc-list-divider.mdc-list-divider--with-trailing-inset[dir=rtl],
2259
- [dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset,
2260
- .mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset[dir=rtl],
2261
- [dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset,
2262
- .mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset[dir=rtl],
2263
- [dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset,
2264
- .mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset[dir=rtl],
2265
- [dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset,
2266
- .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset[dir=rtl],
2267
- [dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset,
2268
- .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset[dir=rtl],
2269
- [dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset,
2270
- .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset[dir=rtl],
2271
- [dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset,
2272
- .mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset[dir=rtl],
2273
- [dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset,
2274
- .mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset[dir=rtl] {
2990
+ [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] {
2991
+ /*rtl:begin:ignore*/
2275
2992
  /* @noflip */
2993
+ /*rtl:ignore*/
2276
2994
  padding-left: 16px;
2277
2995
  /* @noflip */
2996
+ /*rtl:ignore*/
2278
2997
  padding-right: auto;
2998
+ /*rtl:end:ignore*/
2279
2999
  }
2280
3000
 
2281
3001
  .mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset {
2282
3002
  /* @noflip */
3003
+ /*rtl:ignore*/
2283
3004
  padding-left: 0px;
2284
3005
  /* @noflip */
3006
+ /*rtl:ignore*/
2285
3007
  padding-right: auto;
2286
3008
  }
2287
3009
  [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] {
3010
+ /*rtl:begin:ignore*/
2288
3011
  /* @noflip */
3012
+ /*rtl:ignore*/
2289
3013
  padding-left: auto;
2290
3014
  /* @noflip */
3015
+ /*rtl:ignore*/
2291
3016
  padding-right: 0px;
3017
+ /*rtl:end:ignore*/
2292
3018
  }
2293
3019
 
2294
3020
  [dir=rtl] .mdc-list-divider, .mdc-list-divider[dir=rtl] {
3021
+ /*rtl:begin:ignore*/
2295
3022
  padding: 0;
3023
+ /*rtl:end:ignore*/
2296
3024
  }
2297
3025
 
2298
3026
  @keyframes mdc-ripple-fg-radius-in {
@@ -2365,6 +3093,7 @@ a.mdc-list-item {
2365
3093
  :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after {
2366
3094
  top: 0;
2367
3095
  /* @noflip */
3096
+ /*rtl:ignore*/
2368
3097
  left: 0;
2369
3098
  transform: scale(0);
2370
3099
  transform-origin: center center;
@@ -2372,6 +3101,7 @@ a.mdc-list-item {
2372
3101
  :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--unbounded .mdc-deprecated-list-item__ripple::after {
2373
3102
  top: var(--mdc-ripple-top, 0);
2374
3103
  /* @noflip */
3104
+ /*rtl:ignore*/
2375
3105
  left: var(--mdc-ripple-left, 0);
2376
3106
  }
2377
3107
  :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-list-item__ripple::after {
@@ -2406,6 +3136,7 @@ a.mdc-list-item {
2406
3136
  :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
2407
3137
  top: 0;
2408
3138
  /* @noflip */
3139
+ /*rtl:ignore*/
2409
3140
  left: 0;
2410
3141
  transform: scale(0);
2411
3142
  transform-origin: center center;
@@ -2413,6 +3144,7 @@ a.mdc-list-item {
2413
3144
  :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
2414
3145
  top: var(--mdc-ripple-top, 0);
2415
3146
  /* @noflip */
3147
+ /*rtl:ignore*/
2416
3148
  left: var(--mdc-ripple-left, 0);
2417
3149
  }
2418
3150
  :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
@@ -2426,6 +3158,7 @@ a.mdc-list-item {
2426
3158
  :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after {
2427
3159
  top: calc(50% - 100%);
2428
3160
  /* @noflip */
3161
+ /*rtl:ignore*/
2429
3162
  left: calc(50% - 100%);
2430
3163
  width: 200%;
2431
3164
  height: 200%;
@@ -2438,6 +3171,7 @@ a.mdc-list-item {
2438
3171
  :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after {
2439
3172
  top: calc(50% - 100%);
2440
3173
  /* @noflip */
3174
+ /*rtl:ignore*/
2441
3175
  left: calc(50% - 100%);
2442
3176
  width: 200%;
2443
3177
  height: 200%;
@@ -2687,6 +3421,7 @@ a.mdc-list-item {
2687
3421
  .mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after {
2688
3422
  top: 0;
2689
3423
  /* @noflip */
3424
+ /*rtl:ignore*/
2690
3425
  left: 0;
2691
3426
  transform: scale(0);
2692
3427
  transform-origin: center center;
@@ -2694,6 +3429,7 @@ a.mdc-list-item {
2694
3429
  .mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-deprecated-list-item__ripple::after {
2695
3430
  top: var(--mdc-ripple-top, 0);
2696
3431
  /* @noflip */
3432
+ /*rtl:ignore*/
2697
3433
  left: var(--mdc-ripple-left, 0);
2698
3434
  }
2699
3435
  .mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-list-item__ripple::after {
@@ -2728,6 +3464,7 @@ a.mdc-list-item {
2728
3464
  .mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
2729
3465
  top: 0;
2730
3466
  /* @noflip */
3467
+ /*rtl:ignore*/
2731
3468
  left: 0;
2732
3469
  transform: scale(0);
2733
3470
  transform-origin: center center;
@@ -2735,6 +3472,7 @@ a.mdc-list-item {
2735
3472
  .mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
2736
3473
  top: var(--mdc-ripple-top, 0);
2737
3474
  /* @noflip */
3475
+ /*rtl:ignore*/
2738
3476
  left: var(--mdc-ripple-left, 0);
2739
3477
  }
2740
3478
  .mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
@@ -2748,6 +3486,7 @@ a.mdc-list-item {
2748
3486
  .mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after {
2749
3487
  top: calc(50% - 100%);
2750
3488
  /* @noflip */
3489
+ /*rtl:ignore*/
2751
3490
  left: calc(50% - 100%);
2752
3491
  width: 200%;
2753
3492
  height: 200%;
@@ -2760,6 +3499,7 @@ a.mdc-list-item {
2760
3499
  .mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after {
2761
3500
  top: calc(50% - 100%);
2762
3501
  /* @noflip */
3502
+ /*rtl:ignore*/
2763
3503
  left: calc(50% - 100%);
2764
3504
  width: 200%;
2765
3505
  height: 200%;
@@ -2837,6 +3577,7 @@ a.mdc-list-item {
2837
3577
  :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
2838
3578
  top: 0;
2839
3579
  /* @noflip */
3580
+ /*rtl:ignore*/
2840
3581
  left: 0;
2841
3582
  transform: scale(0);
2842
3583
  transform-origin: center center;
@@ -2844,6 +3585,7 @@ a.mdc-list-item {
2844
3585
  :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
2845
3586
  top: var(--mdc-ripple-top, 0);
2846
3587
  /* @noflip */
3588
+ /*rtl:ignore*/
2847
3589
  left: var(--mdc-ripple-left, 0);
2848
3590
  }
2849
3591
  :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
@@ -2857,6 +3599,7 @@ a.mdc-list-item {
2857
3599
  :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
2858
3600
  top: calc(50% - 100%);
2859
3601
  /* @noflip */
3602
+ /*rtl:ignore*/
2860
3603
  left: calc(50% - 100%);
2861
3604
  width: 200%;
2862
3605
  height: 200%;
@@ -3003,6 +3746,7 @@ a.mdc-list-item {
3003
3746
  .mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
3004
3747
  top: 0;
3005
3748
  /* @noflip */
3749
+ /*rtl:ignore*/
3006
3750
  left: 0;
3007
3751
  transform: scale(0);
3008
3752
  transform-origin: center center;
@@ -3010,6 +3754,7 @@ a.mdc-list-item {
3010
3754
  .mdc-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
3011
3755
  top: var(--mdc-ripple-top, 0);
3012
3756
  /* @noflip */
3757
+ /*rtl:ignore*/
3013
3758
  left: var(--mdc-ripple-left, 0);
3014
3759
  }
3015
3760
  .mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
@@ -3023,6 +3768,7 @@ a.mdc-list-item {
3023
3768
  .mdc-list-item--disabled .mdc-list-item__ripple::after {
3024
3769
  top: calc(50% - 100%);
3025
3770
  /* @noflip */
3771
+ /*rtl:ignore*/
3026
3772
  left: calc(50% - 100%);
3027
3773
  width: 200%;
3028
3774
  height: 200%;
@@ -3107,7 +3853,7 @@ a.mdc-list-item {
3107
3853
  --icon-right-padding: 0.75rem;
3108
3854
  --list-right-padding: 0.75rem;
3109
3855
  right: 0;
3110
- width: calc( 100% - var(--icon-width) - var(--icon-right-padding) - var(--list-right-padding) );
3856
+ width: calc(100% - var(--icon-width) - var(--icon-right-padding) - var(--list-right-padding));
3111
3857
  }
3112
3858
  .mdc-deprecated-list.mdc-deprecated-list--avatar-list hr.mdc-deprecated-list-divider.mdc-deprecated-list-divider--inset.x-small {
3113
3859
  --icon-width: 1.5rem;
@@ -3211,6 +3957,7 @@ a.mdc-list-item {
3211
3957
  .mdc-deprecated-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded::after {
3212
3958
  top: 0;
3213
3959
  /* @noflip */
3960
+ /*rtl:ignore*/
3214
3961
  left: 0;
3215
3962
  transform: scale(0);
3216
3963
  transform-origin: center center;
@@ -3218,6 +3965,7 @@ a.mdc-list-item {
3218
3965
  .mdc-deprecated-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--unbounded::after {
3219
3966
  top: var(--mdc-ripple-top, 0);
3220
3967
  /* @noflip */
3968
+ /*rtl:ignore*/
3221
3969
  left: var(--mdc-ripple-left, 0);
3222
3970
  }
3223
3971
  .mdc-deprecated-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-activation::after {
@@ -3230,6 +3978,7 @@ a.mdc-list-item {
3230
3978
  .mdc-deprecated-list-item.mdc-ripple-upgraded::before, .mdc-deprecated-list-item.mdc-ripple-upgraded::after {
3231
3979
  top: calc(50% - 100%);
3232
3980
  /* @noflip */
3981
+ /*rtl:ignore*/
3233
3982
  left: calc(50% - 100%);
3234
3983
  width: 200%;
3235
3984
  height: 200%;
@@ -3267,6 +4016,15 @@ a.mdc-list-item {
3267
4016
  --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
3268
4017
  }
3269
4018
 
4019
+ .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__text:before {
4020
+ content: "";
4021
+ background-color: var(--mdc-theme-primary);
4022
+ position: absolute;
4023
+ inset: 0;
4024
+ opacity: 0.15;
4025
+ pointer-events: none;
4026
+ }
4027
+
3270
4028
  @keyframes fade-out-focus-style {
3271
4029
  0% {
3272
4030
  opacity: 0.12;
@@ -3364,7 +4122,7 @@ a.mdc-list-item {
3364
4122
  padding: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
3365
4123
  margin: calc((40px - 40px) / 2);
3366
4124
  /* @alternate */
3367
- margin: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
4125
+ margin: calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2);
3368
4126
  }
3369
4127
  .mdc-checkbox .mdc-checkbox__ripple::before, .mdc-checkbox .mdc-checkbox__ripple::after {
3370
4128
  background-color: #000;
@@ -3439,19 +4197,19 @@ a.mdc-list-item {
3439
4197
  .mdc-checkbox .mdc-checkbox__native-control {
3440
4198
  top: calc((40px - 40px) / 2);
3441
4199
  /* @alternate */
3442
- top: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
4200
+ top: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
3443
4201
  right: calc((40px - 40px) / 2);
3444
4202
  /* @alternate */
3445
- right: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
4203
+ right: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
3446
4204
  left: calc((40px - 40px) / 2);
3447
4205
  /* @alternate */
3448
- left: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
4206
+ left: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
3449
4207
  width: 40px;
3450
4208
  /* @alternate */
3451
- width: var(--mdc-checkbox-ripple-size, 40px);
4209
+ width: var(--mdc-checkbox-touch-target-size, 40px);
3452
4210
  height: 40px;
3453
4211
  /* @alternate */
3454
- height: var(--mdc-checkbox-ripple-size, 40px);
4212
+ height: var(--mdc-checkbox-touch-target-size, 40px);
3455
4213
  }
3456
4214
  .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
3457
4215
  border-color: rgba(0, 0, 0, 0.54);
@@ -3647,7 +4405,7 @@ a.mdc-list-item {
3647
4405
  vertical-align: bottom;
3648
4406
  }
3649
4407
 
3650
- @media screen and (-ms-high-contrast: active) {
4408
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
3651
4409
  .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
3652
4410
  border-color: GrayText;
3653
4411
  /* @alternate */
@@ -3795,24 +4553,24 @@ a.mdc-list-item {
3795
4553
  .mdc-checkbox--touch {
3796
4554
  margin: calc((48px - 40px) / 2);
3797
4555
  /* @alternate */
3798
- margin: calc((var(--mdc-checkbox-touch-target-size, 48px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
4556
+ margin: calc((var(--mdc-checkbox-state-layer-size, 48px) - var(--mdc-checkbox-state-layer-size, 40px)) / 2);
3799
4557
  }
3800
4558
  .mdc-checkbox--touch .mdc-checkbox__native-control {
3801
4559
  top: calc((40px - 48px) / 2);
3802
4560
  /* @alternate */
3803
- top: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-touch-target-size, 48px)) / 2);
4561
+ top: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);
3804
4562
  right: calc((40px - 48px) / 2);
3805
4563
  /* @alternate */
3806
- right: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-touch-target-size, 48px)) / 2);
4564
+ right: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);
3807
4565
  left: calc((40px - 48px) / 2);
3808
4566
  /* @alternate */
3809
- left: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-touch-target-size, 48px)) / 2);
4567
+ left: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);
3810
4568
  width: 48px;
3811
4569
  /* @alternate */
3812
- width: var(--mdc-checkbox-touch-target-size, 48px);
4570
+ width: var(--mdc-checkbox-state-layer-size, 48px);
3813
4571
  height: 48px;
3814
4572
  /* @alternate */
3815
- height: var(--mdc-checkbox-touch-target-size, 48px);
4573
+ height: var(--mdc-checkbox-state-layer-size, 48px);
3816
4574
  }
3817
4575
 
3818
4576
  .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
@@ -3877,6 +4635,7 @@ a.mdc-list-item {
3877
4635
  .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
3878
4636
  top: 0;
3879
4637
  /* @noflip */
4638
+ /*rtl:ignore*/
3880
4639
  left: 0;
3881
4640
  transform: scale(0);
3882
4641
  transform-origin: center center;
@@ -3884,6 +4643,7 @@ a.mdc-list-item {
3884
4643
  .mdc-checkbox.mdc-ripple-upgraded--unbounded .mdc-checkbox__ripple::after {
3885
4644
  top: var(--mdc-ripple-top, 0);
3886
4645
  /* @noflip */
4646
+ /*rtl:ignore*/
3887
4647
  left: var(--mdc-ripple-left, 0);
3888
4648
  }
3889
4649
  .mdc-checkbox.mdc-ripple-upgraded--foreground-activation .mdc-checkbox__ripple::after {
@@ -3897,6 +4657,7 @@ a.mdc-list-item {
3897
4657
  .mdc-checkbox .mdc-checkbox__ripple::after {
3898
4658
  top: calc(50% - 50%);
3899
4659
  /* @noflip */
4660
+ /*rtl:ignore*/
3900
4661
  left: calc(50% - 50%);
3901
4662
  width: 100%;
3902
4663
  height: 100%;
@@ -3905,6 +4666,7 @@ a.mdc-list-item {
3905
4666
  .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
3906
4667
  top: var(--mdc-ripple-top, calc(50% - 50%));
3907
4668
  /* @noflip */
4669
+ /*rtl:ignore*/
3908
4670
  left: var(--mdc-ripple-left, calc(50% - 50%));
3909
4671
  width: var(--mdc-ripple-fg-size, 100%);
3910
4672
  height: var(--mdc-ripple-fg-size, 100%);
@@ -3965,26 +4727,39 @@ a.mdc-list-item {
3965
4727
  }
3966
4728
  .mdc-form-field > label {
3967
4729
  /* @noflip */
4730
+ /*rtl:ignore*/
3968
4731
  margin-left: 0;
3969
4732
  /* @noflip */
4733
+ /*rtl:ignore*/
3970
4734
  margin-right: auto;
3971
4735
  /* @noflip */
4736
+ /*rtl:ignore*/
3972
4737
  padding-left: 4px;
3973
4738
  /* @noflip */
4739
+ /*rtl:ignore*/
3974
4740
  padding-right: 0;
3975
4741
  order: 0;
3976
4742
  }
3977
4743
  [dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] {
4744
+ /*rtl:begin:ignore*/
3978
4745
  /* @noflip */
4746
+ /*rtl:ignore*/
3979
4747
  margin-left: auto;
3980
4748
  /* @noflip */
4749
+ /*rtl:ignore*/
3981
4750
  margin-right: 0;
4751
+ /*rtl:end:ignore*/
3982
4752
  }
4753
+
3983
4754
  [dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] {
4755
+ /*rtl:begin:ignore*/
3984
4756
  /* @noflip */
4757
+ /*rtl:ignore*/
3985
4758
  padding-left: 0;
3986
4759
  /* @noflip */
4760
+ /*rtl:ignore*/
3987
4761
  padding-right: 4px;
4762
+ /*rtl:end:ignore*/
3988
4763
  }
3989
4764
 
3990
4765
  .mdc-form-field--nowrap > label {
@@ -3995,26 +4770,39 @@ a.mdc-list-item {
3995
4770
 
3996
4771
  .mdc-form-field--align-end > label {
3997
4772
  /* @noflip */
4773
+ /*rtl:ignore*/
3998
4774
  margin-left: auto;
3999
4775
  /* @noflip */
4776
+ /*rtl:ignore*/
4000
4777
  margin-right: 0;
4001
4778
  /* @noflip */
4779
+ /*rtl:ignore*/
4002
4780
  padding-left: 0;
4003
4781
  /* @noflip */
4782
+ /*rtl:ignore*/
4004
4783
  padding-right: 4px;
4005
4784
  order: -1;
4006
4785
  }
4007
4786
  [dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] {
4787
+ /*rtl:begin:ignore*/
4008
4788
  /* @noflip */
4789
+ /*rtl:ignore*/
4009
4790
  margin-left: 0;
4010
4791
  /* @noflip */
4792
+ /*rtl:ignore*/
4011
4793
  margin-right: auto;
4794
+ /*rtl:end:ignore*/
4012
4795
  }
4796
+
4013
4797
  [dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] {
4798
+ /*rtl:begin:ignore*/
4014
4799
  /* @noflip */
4800
+ /*rtl:ignore*/
4015
4801
  padding-left: 4px;
4016
4802
  /* @noflip */
4803
+ /*rtl:ignore*/
4017
4804
  padding-right: 0;
4805
+ /*rtl:end:ignore*/
4018
4806
  }
4019
4807
 
4020
4808
  .mdc-form-field--space-between {
@@ -4024,12 +4812,13 @@ a.mdc-list-item {
4024
4812
  margin: 0;
4025
4813
  }
4026
4814
  [dir=rtl] .mdc-form-field--space-between > label, .mdc-form-field--space-between > label[dir=rtl] {
4815
+ /*rtl:begin:ignore*/
4027
4816
  margin: 0;
4817
+ /*rtl:end:ignore*/
4028
4818
  }
4029
4819
 
4030
4820
  .mdc-form-field {
4031
4821
  display: flex;
4032
- flex-wrap: wrap;
4033
4822
  }
4034
4823
  .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 {
4035
4824
  background-color: rgb(var(--contrast-300));
@@ -4147,8 +4936,7 @@ a.mdc-list-item {
4147
4936
  opacity: 0;
4148
4937
  color: rgba(var(--contrast-1200), 1);
4149
4938
  }
4150
-
4151
- .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 {
4939
+ :host(:hover) .limel-checkbox-helper-text, :host(:focus) .limel-checkbox-helper-text, :host(:focus-within) .limel-checkbox-helper-text {
4152
4940
  opacity: 1;
4153
4941
  }
4154
4942
 
@@ -4158,16 +4946,7 @@ a.mdc-list-item {
4158
4946
  }
4159
4947
  }
4160
4948
  .mdc-radio {
4161
- padding: 10px;
4162
- display: inline-block;
4163
- position: relative;
4164
- flex: 0 0 auto;
4165
- box-sizing: content-box;
4166
- width: 20px;
4167
- height: 20px;
4168
- cursor: pointer;
4169
- /* @alternate */
4170
- will-change: opacity, transform, border-color, color;
4949
+ padding: calc((40px - 20px) / 2);
4171
4950
  }
4172
4951
 
4173
4952
  .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
@@ -4208,21 +4987,21 @@ a.mdc-list-item {
4208
4987
  }
4209
4988
 
4210
4989
  .mdc-radio .mdc-radio__background::before {
4211
- top: -10px;
4212
- left: -10px;
4990
+ top: calc(-1 * (40px - 20px) / 2);
4991
+ left: calc(-1 * (40px - 20px) / 2);
4213
4992
  width: 40px;
4214
4993
  height: 40px;
4215
4994
  }
4216
4995
 
4217
4996
  .mdc-radio .mdc-radio__native-control {
4218
- top: 0px;
4219
- right: 0px;
4220
- left: 0px;
4997
+ top: calc((40px - 40px) / 2);
4998
+ right: calc((40px - 40px) / 2);
4999
+ left: calc((40px - 40px) / 2);
4221
5000
  width: 40px;
4222
5001
  height: 40px;
4223
5002
  }
4224
5003
 
4225
- @media screen and (-ms-high-contrast: active) {
5004
+ @media screen and (forced-colors: active), (-ms-high-contrast: active) {
4226
5005
  .mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle,
4227
5006
  .mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
4228
5007
  border-color: GrayText;
@@ -4238,6 +5017,18 @@ a.mdc-list-item {
4238
5017
  border-color: GrayText;
4239
5018
  }
4240
5019
  }
5020
+ .mdc-radio {
5021
+ display: inline-block;
5022
+ position: relative;
5023
+ flex: 0 0 auto;
5024
+ box-sizing: content-box;
5025
+ width: 20px;
5026
+ height: 20px;
5027
+ cursor: pointer;
5028
+ /* @alternate */
5029
+ will-change: opacity, transform, border-color, color;
5030
+ }
5031
+
4241
5032
  .mdc-radio__background {
4242
5033
  display: inline-block;
4243
5034
  position: relative;
@@ -4300,9 +5091,9 @@ a.mdc-list-item {
4300
5091
  }
4301
5092
 
4302
5093
  .mdc-radio--touch .mdc-radio__native-control {
4303
- top: -4px;
4304
- right: -4px;
4305
- left: -4px;
5094
+ top: calc((40px - 48px) / 2);
5095
+ right: calc((40px - 48px) / 2);
5096
+ left: calc((40px - 48px) / 2);
4306
5097
  width: 48px;
4307
5098
  height: 48px;
4308
5099
  }
@@ -4383,6 +5174,7 @@ a.mdc-list-item {
4383
5174
  .mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {
4384
5175
  top: 0;
4385
5176
  /* @noflip */
5177
+ /*rtl:ignore*/
4386
5178
  left: 0;
4387
5179
  transform: scale(0);
4388
5180
  transform-origin: center center;
@@ -4391,6 +5183,7 @@ a.mdc-list-item {
4391
5183
  .mdc-radio.mdc-ripple-upgraded--unbounded .mdc-radio__ripple::after {
4392
5184
  top: var(--mdc-ripple-top, 0);
4393
5185
  /* @noflip */
5186
+ /*rtl:ignore*/
4394
5187
  left: var(--mdc-ripple-left, 0);
4395
5188
  }
4396
5189
 
@@ -4407,6 +5200,7 @@ a.mdc-list-item {
4407
5200
  .mdc-radio .mdc-radio__ripple::after {
4408
5201
  top: calc(50% - 50%);
4409
5202
  /* @noflip */
5203
+ /*rtl:ignore*/
4410
5204
  left: calc(50% - 50%);
4411
5205
  width: 100%;
4412
5206
  height: 100%;
@@ -4416,6 +5210,7 @@ a.mdc-list-item {
4416
5210
  .mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {
4417
5211
  top: var(--mdc-ripple-top, calc(50% - 50%));
4418
5212
  /* @noflip */
5213
+ /*rtl:ignore*/
4419
5214
  left: var(--mdc-ripple-left, calc(50% - 50%));
4420
5215
  width: var(--mdc-ripple-fg-size, 100%);
4421
5216
  height: var(--mdc-ripple-fg-size, 100%);
@@ -4457,7 +5252,7 @@ a.mdc-list-item {
4457
5252
  }
4458
5253
 
4459
5254
  .mdc-radio.mdc-ripple-upgraded {
4460
- --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
5255
+ --mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12);
4461
5256
  }
4462
5257
 
4463
5258
  .mdc-radio.mdc-ripple-upgraded .mdc-radio__background::before, .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before {
@@ -4506,26 +5301,39 @@ a.mdc-list-item {
4506
5301
  }
4507
5302
  .mdc-form-field > label {
4508
5303
  /* @noflip */
5304
+ /*rtl:ignore*/
4509
5305
  margin-left: 0;
4510
5306
  /* @noflip */
5307
+ /*rtl:ignore*/
4511
5308
  margin-right: auto;
4512
5309
  /* @noflip */
5310
+ /*rtl:ignore*/
4513
5311
  padding-left: 4px;
4514
5312
  /* @noflip */
5313
+ /*rtl:ignore*/
4515
5314
  padding-right: 0;
4516
5315
  order: 0;
4517
5316
  }
4518
5317
  [dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] {
5318
+ /*rtl:begin:ignore*/
4519
5319
  /* @noflip */
5320
+ /*rtl:ignore*/
4520
5321
  margin-left: auto;
4521
5322
  /* @noflip */
5323
+ /*rtl:ignore*/
4522
5324
  margin-right: 0;
5325
+ /*rtl:end:ignore*/
4523
5326
  }
5327
+
4524
5328
  [dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] {
5329
+ /*rtl:begin:ignore*/
4525
5330
  /* @noflip */
5331
+ /*rtl:ignore*/
4526
5332
  padding-left: 0;
4527
5333
  /* @noflip */
5334
+ /*rtl:ignore*/
4528
5335
  padding-right: 4px;
5336
+ /*rtl:end:ignore*/
4529
5337
  }
4530
5338
 
4531
5339
  .mdc-form-field--nowrap > label {
@@ -4536,26 +5344,39 @@ a.mdc-list-item {
4536
5344
 
4537
5345
  .mdc-form-field--align-end > label {
4538
5346
  /* @noflip */
5347
+ /*rtl:ignore*/
4539
5348
  margin-left: auto;
4540
5349
  /* @noflip */
5350
+ /*rtl:ignore*/
4541
5351
  margin-right: 0;
4542
5352
  /* @noflip */
5353
+ /*rtl:ignore*/
4543
5354
  padding-left: 0;
4544
5355
  /* @noflip */
5356
+ /*rtl:ignore*/
4545
5357
  padding-right: 4px;
4546
5358
  order: -1;
4547
5359
  }
4548
5360
  [dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] {
5361
+ /*rtl:begin:ignore*/
4549
5362
  /* @noflip */
5363
+ /*rtl:ignore*/
4550
5364
  margin-left: 0;
4551
5365
  /* @noflip */
5366
+ /*rtl:ignore*/
4552
5367
  margin-right: auto;
5368
+ /*rtl:end:ignore*/
4553
5369
  }
5370
+
4554
5371
  [dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] {
5372
+ /*rtl:begin:ignore*/
4555
5373
  /* @noflip */
5374
+ /*rtl:ignore*/
4556
5375
  padding-left: 4px;
4557
5376
  /* @noflip */
5377
+ /*rtl:ignore*/
4558
5378
  padding-right: 0;
5379
+ /*rtl:end:ignore*/
4559
5380
  }
4560
5381
 
4561
5382
  .mdc-form-field--space-between {
@@ -4565,7 +5386,9 @@ a.mdc-list-item {
4565
5386
  margin: 0;
4566
5387
  }
4567
5388
  [dir=rtl] .mdc-form-field--space-between > label, .mdc-form-field--space-between > label[dir=rtl] {
5389
+ /*rtl:begin:ignore*/
4568
5390
  margin: 0;
5391
+ /*rtl:end:ignore*/
4569
5392
  }
4570
5393
 
4571
5394
  .mdc-form-field {
@@ -4635,7 +5458,7 @@ a.mdc-list-item {
4635
5458
  :host(.has-grid-layout) .mdc-deprecated-list {
4636
5459
  display: grid;
4637
5460
  gap: var(--gap);
4638
- 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));
5461
+ 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));
4639
5462
  max-width: var(--list-grid-max-width, 100%);
4640
5463
  }
4641
5464
  :host(.has-grid-layout) .mdc-deprecated-list-divider {