@limetech/lime-elements 35.0.0-next.7 → 35.0.0

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