@limetech/lime-elements 35.0.0-next.3 → 35.0.0-next.32

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