@swisspost/design-system-styles 9.0.0-next.2 → 9.0.0-next.21

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 (321) hide show
  1. package/_svg-icon-map.scss +85 -23
  2. package/basics.css +1 -1
  3. package/basics.scss +2 -6
  4. package/cargo-external.css +7 -0
  5. package/cargo-external.scss +10 -0
  6. package/cargo-internal.css +7 -0
  7. package/cargo-internal.scss +10 -0
  8. package/cargo-tokens-external.css +1 -0
  9. package/cargo-tokens-external.scss +8 -0
  10. package/cargo-tokens-internal.css +1 -0
  11. package/cargo-tokens-internal.scss +8 -0
  12. package/components/_form-check.scss +166 -0
  13. package/components/_index.scss +21 -13
  14. package/components/appstore-badge.css +1 -0
  15. package/components/appstore-badge.scss +18 -0
  16. package/components/avatar.css +1 -0
  17. package/components/avatar.scss +41 -0
  18. package/components/badge.css +1 -1
  19. package/components/badge.scss +8 -2
  20. package/components/banner.css +1 -0
  21. package/components/banner.scss +105 -0
  22. package/components/blockquote.css +1 -0
  23. package/components/blockquote.scss +46 -0
  24. package/components/breadcrumb.css +1 -1
  25. package/components/breadcrumb.scss +4 -24
  26. package/components/breakpoints.css +1 -0
  27. package/components/breakpoints.scss +17 -0
  28. package/components/button-group.css +1 -1
  29. package/components/button-group.scss +7 -6
  30. package/components/button.css +1 -1
  31. package/components/button.scss +41 -228
  32. package/components/card-control.css +1 -1
  33. package/components/card-control.scss +33 -24
  34. package/components/card.css +1 -1
  35. package/components/card.scss +72 -68
  36. package/components/checkbox.css +1 -0
  37. package/components/checkbox.scss +127 -0
  38. package/components/chip.css +1 -1
  39. package/components/chip.scss +9 -8
  40. package/components/close.css +1 -1
  41. package/components/close.scss +0 -2
  42. package/components/datatable.css +1 -3
  43. package/components/datatable.scss +22 -17
  44. package/components/datepicker.css +1 -1
  45. package/components/datepicker.scss +6 -22
  46. package/components/dialog.css +1 -1
  47. package/components/dialog.scss +26 -38
  48. package/components/dropdown.css +1 -1
  49. package/components/dropdown.scss +9 -6
  50. package/components/fonts.css +1 -1
  51. package/components/fonts.scss +7 -45
  52. package/components/form-footer.css +1 -0
  53. package/components/form-footer.scss +18 -0
  54. package/components/form-hint.css +1 -0
  55. package/components/form-hint.scss +15 -0
  56. package/components/form-input.css +1 -0
  57. package/components/form-input.scss +301 -0
  58. package/components/form-range.css +1 -1
  59. package/components/form-range.scss +9 -9
  60. package/components/form-search-input.css +1 -0
  61. package/components/form-search-input.scss +97 -0
  62. package/components/form-select.css +1 -1
  63. package/components/form-select.scss +266 -55
  64. package/components/form-textarea.css +1 -1
  65. package/components/form-textarea.scss +172 -9
  66. package/components/globals/_index.scss +1 -0
  67. package/components/globals/post-footer.css +1 -0
  68. package/components/globals/post-footer.scss +113 -0
  69. package/components/header/_mixins.scss +48 -0
  70. package/components/header/index.css +1 -0
  71. package/components/header/index.scss +131 -0
  72. package/components/icon-button.css +1 -0
  73. package/components/icon-button.scss +19 -0
  74. package/components/icon-close-button.css +1 -0
  75. package/components/icon-close-button.scss +29 -0
  76. package/components/intranet-header/_icon.scss +1 -1
  77. package/components/intranet-header/_index.scss +0 -2
  78. package/components/intranet-header/_language-chooser.scss +3 -2
  79. package/components/intranet-header/_nav-overflow.scss +2 -2
  80. package/components/intranet-header/_scaffolding.scss +1 -1
  81. package/components/intranet-header/_searchbox.scss +1 -1
  82. package/components/intranet-header/_sidebar.scss +11 -11
  83. package/components/intranet-header/_top-navigation.scss +1 -1
  84. package/components/list-check.css +1 -0
  85. package/components/list-check.scss +79 -0
  86. package/components/list-group.css +1 -1
  87. package/components/list-group.scss +72 -127
  88. package/components/modal.css +2 -2
  89. package/components/modal.scss +2 -4
  90. package/components/offcanvas.css +1 -1
  91. package/components/offcanvas.scss +0 -2
  92. package/components/pagination.css +1 -1
  93. package/components/pagination.scss +10 -9
  94. package/components/popover.css +1 -1
  95. package/components/popover.scss +0 -2
  96. package/components/product-card.css +1 -1
  97. package/components/product-card.scss +11 -5
  98. package/components/progress.scss +0 -2
  99. package/components/radio-button.css +1 -0
  100. package/components/radio-button.scss +125 -0
  101. package/components/segmented-button.css +3 -0
  102. package/components/segmented-button.scss +207 -0
  103. package/components/skiplinks.css +1 -0
  104. package/components/skiplinks.scss +20 -0
  105. package/components/spinner.scss +0 -1
  106. package/components/stepper.css +1 -1
  107. package/components/stepper.scss +40 -33
  108. package/components/subnavigation.css +1 -1
  109. package/components/subnavigation.scss +17 -14
  110. package/components/switch.css +1 -0
  111. package/components/switch.scss +212 -0
  112. package/components/tables.css +1 -1
  113. package/components/tables.scss +0 -1
  114. package/components/tabs/_tab-title.scss +16 -55
  115. package/components/tabs/_tabs-wrapper.scss +3 -13
  116. package/components/tabs/index.css +1 -1
  117. package/components/tabs/index.scss +0 -2
  118. package/components/tag.css +1 -1
  119. package/components/tag.scss +1 -2
  120. package/components/teaser.css +1 -0
  121. package/components/teaser.scss +83 -0
  122. package/components/text-highlight.css +1 -1
  123. package/components/timepicker.css +1 -1
  124. package/components/timepicker.scss +13 -16
  125. package/components/toast.css +1 -1
  126. package/components/toast.scss +19 -16
  127. package/components/tooltip.css +1 -1
  128. package/components/tooltip.scss +0 -2
  129. package/components/transitions.scss +0 -2
  130. package/components/validation.css +1 -0
  131. package/components/validation.scss +120 -0
  132. package/elements/_index.scss +7 -1
  133. package/elements/anchor.css +1 -0
  134. package/elements/anchor.scss +33 -0
  135. package/elements/body.css +1 -1
  136. package/elements/body.scss +5 -1
  137. package/elements/fieldset-legend.css +1 -1
  138. package/elements/fieldset-legend.scss +7 -3
  139. package/elements/heading.css +1 -1
  140. package/elements/heading.scss +10 -12
  141. package/elements/list-bullet.css +1 -0
  142. package/elements/list-bullet.scss +43 -0
  143. package/elements/list-description.css +1 -0
  144. package/elements/list-description.scss +5 -0
  145. package/elements/list-number.css +1 -0
  146. package/elements/list-number.scss +33 -0
  147. package/elements/paragraph.css +1 -0
  148. package/elements/paragraph.scss +17 -0
  149. package/elements/reset.css +1 -1
  150. package/elements/reset.scss +16 -7
  151. package/elements.css +1 -0
  152. package/elements.scss +1 -0
  153. package/fonts.css +1 -1
  154. package/functions/_breakpoint.scss +26 -0
  155. package/functions/_forms.scss +46 -3
  156. package/functions/_icons.scss +2 -14
  157. package/helpers/_index.scss +4 -0
  158. package/helpers/clearfix.css +1 -0
  159. package/helpers/clearfix.scss +5 -0
  160. package/helpers/focus-ring.css +1 -0
  161. package/helpers/focus-ring.scss +5 -0
  162. package/helpers/text-truncation.css +1 -0
  163. package/helpers/text-truncation.scss +5 -0
  164. package/helpers/visually-hidden.css +1 -0
  165. package/helpers/visually-hidden.scss +5 -0
  166. package/index.css +3 -3
  167. package/index.scss +2 -5
  168. package/intranet.css +3 -3
  169. package/intranet.scss +2 -2
  170. package/layout/_containers.scss +32 -0
  171. package/layout/_section.scss +133 -0
  172. package/layout/grid/_index.scss +11 -0
  173. package/layout/grid/_mixins.scss +104 -0
  174. package/layout/grid/_variables.scss +2 -0
  175. package/layout/index.css +1 -0
  176. package/layout/index.scss +3 -0
  177. package/mixins/_button.scss +19 -15
  178. package/mixins/_form-checks.scss +1 -1
  179. package/mixins/_forms.scss +42 -33
  180. package/mixins/_icon-button.scss +27 -0
  181. package/mixins/_icons.scss +22 -32
  182. package/mixins/_index.scss +3 -2
  183. package/mixins/_layout.scss +26 -0
  184. package/mixins/_list.scss +112 -0
  185. package/mixins/_media.scss +58 -2
  186. package/mixins/_notification.scss +59 -53
  187. package/mixins/_utilities.scss +46 -25
  188. package/package.json +16 -16
  189. package/palettes/_mixins.scss +74 -0
  190. package/palettes/_utilities.scss +3 -0
  191. package/palettes/_variables.scss +2 -0
  192. package/palettes/cargo-palettes.css +1 -0
  193. package/palettes/cargo-palettes.scss +3 -0
  194. package/palettes/post-palettes.css +1 -0
  195. package/palettes/post-palettes.scss +3 -0
  196. package/placeholders/_button.scss +3 -6
  197. package/placeholders/_close.scss +2 -5
  198. package/placeholders/_schemes.scss +10 -0
  199. package/post-external.css +3 -3
  200. package/post-external.scss +7 -1
  201. package/post-internal.css +3 -3
  202. package/post-internal.scss +7 -1
  203. package/post-tokens-external.css +1 -1
  204. package/post-tokens-external.scss +1 -1
  205. package/post-tokens-internal.css +1 -1
  206. package/post-tokens-internal.scss +1 -1
  207. package/themes/bootstrap/_core.scss +0 -2
  208. package/themes/bootstrap/_forms.scss +0 -4
  209. package/themes/bootstrap/_overrides-variables.scss +0 -6
  210. package/themes/bootstrap/_utilities.scss +45 -1
  211. package/tokens/_cargo-theme.scss +8 -0
  212. package/tokens/_helpers.scss +1 -0
  213. package/tokens/_palettes.scss +9 -0
  214. package/tokens/_schemes.scss +11 -0
  215. package/tokens/_utilities_formatted.scss +1 -0
  216. package/tokens/temp/_channel.scss +4 -3
  217. package/tokens/temp/_components.scss +594 -503
  218. package/tokens/temp/_core.scss +49 -37
  219. package/tokens/temp/_device.scss +210 -239
  220. package/tokens/temp/_elements.scss +11 -11
  221. package/tokens/temp/_helpers.scss +13 -0
  222. package/tokens/temp/_index.scss +6 -4
  223. package/tokens/temp/_palettes.scss +19 -0
  224. package/tokens/temp/_scheme.scss +334 -0
  225. package/tokens/temp/_theme.scss +28 -9
  226. package/tokens/temp/_utilities-formatted.scss +128 -0
  227. package/tokens/temp/_utilities.scss +34 -58
  228. package/tokens/temp/palettes/_cargo-dark.scss +19 -0
  229. package/tokens/temp/palettes/_cargo-light.scss +19 -0
  230. package/tokens/temp/palettes/_post-dark.scss +19 -0
  231. package/tokens/temp/palettes/_post-light.scss +19 -0
  232. package/utilities/_not-defined.scss +44 -0
  233. package/utilities/_variables.scss +304 -22
  234. package/utilities/index.css +1 -0
  235. package/utilities/{_index.scss → index.scss} +1 -2
  236. package/variables/_animation.scss +10 -6
  237. package/variables/_breakpoints.scss +9 -5
  238. package/variables/_color.scss +0 -61
  239. package/variables/_commons.scss +1 -0
  240. package/variables/_elevation.scss +16 -22
  241. package/variables/_grid.scss +2 -12
  242. package/variables/_icons.scss +19 -696
  243. package/variables/_index.scss +1 -1
  244. package/variables/_sizing.scss +17 -0
  245. package/variables/_spacing.scss +0 -152
  246. package/variables/_type.scss +17 -27
  247. package/variables/components/_accordion.scss +0 -47
  248. package/variables/components/_badge.scss +9 -5
  249. package/variables/components/_button.scss +61 -113
  250. package/variables/components/_card.scss +7 -4
  251. package/variables/components/_chip.scss +13 -7
  252. package/variables/components/_close.scss +14 -8
  253. package/variables/components/_code.scss +1 -1
  254. package/variables/components/_datatable.scss +12 -8
  255. package/variables/components/_dropdowns.scss +1 -1
  256. package/variables/components/_form-check.scss +9 -46
  257. package/variables/components/_forms.scss +8 -101
  258. package/variables/components/_index.scss +0 -5
  259. package/variables/components/_modal.scss +17 -12
  260. package/variables/components/_nav.scss +3 -3
  261. package/variables/components/_navbar.scss +7 -4
  262. package/variables/components/_notification.scss +48 -37
  263. package/variables/components/_pagination.scss +14 -6
  264. package/variables/components/_spinners.scss +7 -2
  265. package/variables/components/_stepper.scss +15 -10
  266. package/variables/components/_subnavigation.scss +11 -9
  267. package/variables/components/_tables.scss +11 -6
  268. package/variables/components/_tag.scss +10 -7
  269. package/components/accordion.css +0 -1
  270. package/components/accordion.scss +0 -100
  271. package/components/alert.css +0 -1
  272. package/components/alert.scss +0 -137
  273. package/components/carousel.css +0 -1
  274. package/components/carousel.scss +0 -178
  275. package/components/elevation.css +0 -1
  276. package/components/elevation.scss +0 -8
  277. package/components/floating-label.css +0 -1
  278. package/components/floating-label.scss +0 -353
  279. package/components/form-check.css +0 -1
  280. package/components/form-check.scss +0 -297
  281. package/components/form-validation.css +0 -1
  282. package/components/form-validation.scss +0 -148
  283. package/components/forms.css +0 -1
  284. package/components/forms.scss +0 -215
  285. package/components/grid.css +0 -1
  286. package/components/grid.scss +0 -170
  287. package/components/icons.css +0 -1
  288. package/components/icons.scss +0 -60
  289. package/components/sizing.css +0 -1
  290. package/components/sizing.scss +0 -85
  291. package/components/topic-teaser.css +0 -1
  292. package/components/topic-teaser.scss +0 -196
  293. package/layouts/portal/_grid.scss +0 -85
  294. package/layouts/portal/_index.scss +0 -2
  295. package/layouts/portal/_subnavigation.scss +0 -5
  296. package/layouts/portal/_variables.scss +0 -8
  297. package/mixins/_accordion.scss +0 -16
  298. package/mixins/_elevation.scss +0 -6
  299. package/mixins/_focus.scss +0 -9
  300. package/mixins/_form-validation.scss +0 -5
  301. package/mixins/_size.scss +0 -65
  302. package/placeholders/_modes.scss +0 -10
  303. package/themes/bootstrap/_carousel.scss +0 -2
  304. package/themes/bootstrap/_containers.scss +0 -2
  305. package/themes/bootstrap/_grid.scss +0 -2
  306. package/themes/bootstrap/_overrides-mixins.scss +0 -33
  307. package/themes/bootstrap/forms/_floating-labels.scss +0 -2
  308. package/themes/bootstrap/forms/_form-control.scss +0 -2
  309. package/themes/bootstrap/forms/_form-select.scss +0 -2
  310. package/themes/bootstrap/forms/_form-text.scss +0 -2
  311. package/tokens/_modes.scss +0 -11
  312. package/tokens/temp/_mode.scss +0 -299
  313. package/utilities/_functions.scss +0 -35
  314. package/utilities/temp/_legacy.scss +0 -95
  315. package/variables/_options.scss +0 -5
  316. package/variables/components/_carousel.scss +0 -27
  317. package/variables/components/_figures.scss +0 -6
  318. package/variables/components/_form-select.scss +0 -13
  319. package/variables/components/_form-validation.scss +0 -38
  320. package/variables/components/_list-group.scss +0 -29
  321. package/variables/components/_topic-teaser.scss +0 -32
package/components/card-control.css CHANGED
@@ -1 +1 @@
1
- fieldset .radio-button-card:not(:last-child),fieldset .checkbox-button-card:not(:last-child){margin-bottom:1rem}.radio-button-card,.checkbox-button-card{--post-card-control-border-color: hsl(0, 0%, 40%);--post-card-control-bg: #fff;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff;display:grid;grid-template:"input label icon" "input content content"/min-content auto min-content;gap:0 .5rem;position:relative;padding:1rem;width:100%;background-color:var(--post-card-control-bg);border:2px solid var(--post-card-control-border-color);border-radius:4px;color:var(--post-card-control-color);cursor:pointer}.radio-button-card input.form-check-input[type],.checkbox-button-card input.form-check-input[type]{grid-area:input;position:relative;z-index:2;margin:.25rem 0;background-color:var(--post-card-control-input-bg) !important;border-color:var(--post-card-control-input-border-color) !important;color:var(--post-card-control-input-border-color) !important;cursor:inherit;transition:none}.radio-button-card input.form-check-input[type]:focus,.radio-button-card input.form-check-input[type]:focus-visible,.checkbox-button-card input.form-check-input[type]:focus,.checkbox-button-card input.form-check-input[type]:focus-visible{box-shadow:none}.radio-button-card input.form-check-input[type]~label.form-check-label,.checkbox-button-card input.form-check-input[type]~label.form-check-label{color:inherit !important}.radio-button-card label.form-check-label,.checkbox-button-card label.form-check-label{grid-area:label;margin:.25rem 0;padding:0;border-radius:inherit;transition:none}.radio-button-card label.form-check-label::before,.checkbox-button-card label.form-check-label::before{display:block;content:"";position:absolute;inset:-2px;border-radius:inherit}.radio-button-card label.form-check-label>*,.checkbox-button-card label.form-check-label>*{display:block;position:relative;z-index:2}.radio-button-card label.form-check-label:not(:has(+post-icon)),.checkbox-button-card label.form-check-label:not(:has(+post-icon)){grid-area:1/label/1/icon}.radio-button-card .card-control--content,.checkbox-button-card .card-control--content{grid-area:content}.radio-button-card post-icon,.checkbox-button-card post-icon{grid-area:icon;width:2rem;height:2rem;pointer-events:none}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #000;--post-card-control-bg: #fc0}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: hsl(0, 0%, 20%);--post-card-control-bg: hsl(0, 0%, 40%);--post-card-control-color: #fff;--post-card-control-input-border-color: #000}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-offset:2px;outline:2px solid #1976c8}.radio-button-card:where(:has(input:disabled),.disabled),.checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: hsl(0, 0%, 40%);--post-card-control-bg: transparent;--post-card-control-color: hsl(0, 0%, 40%);--post-card-control-input-border-color: hsl(0, 0%, 40%);--post-card-control-input-bg: transparent;border-style:dashed;text-decoration:line-through;cursor:default}.radio-button-card:where(:has(input:disabled),.disabled) input.form-check-input[type],.checkbox-button-card:where(:has(input:disabled),.disabled) input.form-check-input[type]{border:0 none;padding:2px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.radio-button-card,.checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field;outline:2px solid Field;outline-offset:-4px}.radio-button-card input.form-check-input[type],.checkbox-button-card input.form-check-input[type]{outline:2px solid Field;background-color:Field !important}.radio-button-card input.form-check-input[type]::after,.checkbox-button-card input.form-check-input[type]::after{border-color:Field !important}.radio-button-card label.form-check-label,.radio-button-card .card-control--content,.checkbox-button-card label.form-check-label,.checkbox-button-card .card-control--content{background-color:var(--post-card-control-bg) !important}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked) input.form-check-input[type]::after,.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked) input.form-check-input[type]::after{background-color:FieldText !important}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.radio-button-card:where(:has(input:disabled),.disabled),.checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;position:relative;background-color:Field}.radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked)::before,.checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked)::before{display:block;content:"";position:absolute;inset:2px;background-color:SelectedItem;z-index:1}.radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked)>*,.checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked)>*{position:relative;z-index:2}.radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked) input.form-check-input[type]::after,.checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked) input.form-check-input[type]::after{background-color:FieldText !important}}.bg-dark .radio-button-card,.bg-dark .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-dark .radio-button-card:where(:has(input:disabled),.disabled),.bg-dark .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-dark .radio-button-card,.bg-dark .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-dark .radio-button-card:where(:has(input:disabled),.disabled),.bg-dark .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-dark .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-dark .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-black .radio-button-card,.bg-black .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-black .radio-button-card:where(:has(input:disabled),.disabled),.bg-black .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-black .radio-button-card,.bg-black .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-black .radio-button-card:where(:has(input:disabled),.disabled),.bg-black .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-black .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-black .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-primary .radio-button-card,.bg-primary .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-primary .radio-button-card:where(:has(input:disabled),.disabled),.bg-primary .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-primary .radio-button-card,.bg-primary .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-primary .radio-button-card:where(:has(input:disabled),.disabled),.bg-primary .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-primary .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-primary .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-secondary .radio-button-card,.bg-secondary .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-secondary .radio-button-card:where(:has(input:disabled),.disabled),.bg-secondary .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-secondary .radio-button-card,.bg-secondary .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-secondary .radio-button-card:where(:has(input:disabled),.disabled),.bg-secondary .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-secondary .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-secondary .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-success .radio-button-card,.bg-success .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-success .radio-button-card:where(:has(input:disabled),.disabled),.bg-success .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-success .radio-button-card,.bg-success .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-success .radio-button-card:where(:has(input:disabled),.disabled),.bg-success .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-success .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-success .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-error .radio-button-card,.bg-error .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-error .radio-button-card:where(:has(input:disabled),.disabled),.bg-error .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-error .radio-button-card,.bg-error .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-error .radio-button-card:where(:has(input:disabled),.disabled),.bg-error .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-error .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-error .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-nightblue .radio-button-card,.bg-nightblue .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-nightblue .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-nightblue .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-nightblue .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-nightblue .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-nightblue .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-nightblue .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-nightblue .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-nightblue .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-nightblue .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-nightblue .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-nightblue .radio-button-card:where(:has(input:disabled),.disabled),.bg-nightblue .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-nightblue .radio-button-card,.bg-nightblue .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-nightblue .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-nightblue .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-nightblue .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-nightblue .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-nightblue .radio-button-card:where(:has(input:disabled),.disabled),.bg-nightblue .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-nightblue .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-nightblue .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-nightblue-bright .radio-button-card,.bg-nightblue-bright .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-nightblue-bright .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-nightblue-bright .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-nightblue-bright .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-nightblue-bright .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-nightblue-bright .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-nightblue-bright .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-nightblue-bright .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-nightblue-bright .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-nightblue-bright .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-nightblue-bright .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-nightblue-bright .radio-button-card:where(:has(input:disabled),.disabled),.bg-nightblue-bright .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-nightblue-bright .radio-button-card,.bg-nightblue-bright .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-nightblue-bright .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-nightblue-bright .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-nightblue-bright .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-nightblue-bright .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-nightblue-bright .radio-button-card:where(:has(input:disabled),.disabled),.bg-nightblue-bright .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-nightblue-bright .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-nightblue-bright .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-petrol .radio-button-card,.bg-petrol .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-petrol .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-petrol .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-petrol .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-petrol .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-petrol .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-petrol .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-petrol .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-petrol .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-petrol .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-petrol .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-petrol .radio-button-card:where(:has(input:disabled),.disabled),.bg-petrol .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-petrol .radio-button-card,.bg-petrol .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-petrol .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-petrol .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-petrol .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-petrol .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-petrol .radio-button-card:where(:has(input:disabled),.disabled),.bg-petrol .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-petrol .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-petrol .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-coral .radio-button-card,.bg-coral .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-coral .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-coral .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-coral .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-coral .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-coral .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-coral .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-coral .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-coral .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-coral .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-coral .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-coral .radio-button-card:where(:has(input:disabled),.disabled),.bg-coral .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-coral .radio-button-card,.bg-coral .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-coral .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-coral .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-coral .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-coral .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-coral .radio-button-card:where(:has(input:disabled),.disabled),.bg-coral .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-coral .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-coral .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-olive .radio-button-card,.bg-olive .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-olive .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-olive .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-olive .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-olive .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-olive .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-olive .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-olive .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-olive .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-olive .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-olive .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-olive .radio-button-card:where(:has(input:disabled),.disabled),.bg-olive .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-olive .radio-button-card,.bg-olive .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-olive .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-olive .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-olive .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-olive .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-olive .radio-button-card:where(:has(input:disabled),.disabled),.bg-olive .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-olive .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-olive .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-purple .radio-button-card,.bg-purple .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-purple .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-purple .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-purple .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-purple .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-purple .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-purple .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-purple .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-purple .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-purple .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-purple .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-purple .radio-button-card:where(:has(input:disabled),.disabled),.bg-purple .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-purple .radio-button-card,.bg-purple .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-purple .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-purple .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-purple .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-purple .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-purple .radio-button-card:where(:has(input:disabled),.disabled),.bg-purple .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-purple .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-purple .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-purple-bright .radio-button-card,.bg-purple-bright .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-purple-bright .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-purple-bright .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-purple-bright .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-purple-bright .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-purple-bright .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-purple-bright .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-purple-bright .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-purple-bright .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-purple-bright .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-purple-bright .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-purple-bright .radio-button-card:where(:has(input:disabled),.disabled),.bg-purple-bright .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-purple-bright .radio-button-card,.bg-purple-bright .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-purple-bright .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-purple-bright .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-purple-bright .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-purple-bright .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-purple-bright .radio-button-card:where(:has(input:disabled),.disabled),.bg-purple-bright .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-purple-bright .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-purple-bright .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-aubergine .radio-button-card,.bg-aubergine .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-aubergine .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-aubergine .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-aubergine .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-aubergine .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-aubergine .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-aubergine .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-aubergine .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-aubergine .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-aubergine .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-aubergine .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-aubergine .radio-button-card:where(:has(input:disabled),.disabled),.bg-aubergine .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-aubergine .radio-button-card,.bg-aubergine .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-aubergine .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-aubergine .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-aubergine .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-aubergine .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-aubergine .radio-button-card:where(:has(input:disabled),.disabled),.bg-aubergine .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-aubergine .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-aubergine .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-aubergine-bright .radio-button-card,.bg-aubergine-bright .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-aubergine-bright .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-aubergine-bright .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-aubergine-bright .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-aubergine-bright .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-aubergine-bright .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-aubergine-bright .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-aubergine-bright .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-aubergine-bright .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-aubergine-bright .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-aubergine-bright .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-aubergine-bright .radio-button-card:where(:has(input:disabled),.disabled),.bg-aubergine-bright .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-aubergine-bright .radio-button-card,.bg-aubergine-bright .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-aubergine-bright .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-aubergine-bright .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-aubergine-bright .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-aubergine-bright .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-aubergine-bright .radio-button-card:where(:has(input:disabled),.disabled),.bg-aubergine-bright .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-aubergine-bright .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-aubergine-bright .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.alert-primary .radio-button-card,.alert-primary .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.alert-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.alert-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.alert-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.alert-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.alert-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.alert-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.alert-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.alert-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.alert-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.alert-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.alert-primary .radio-button-card:where(:has(input:disabled),.disabled),.alert-primary .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.alert-primary .radio-button-card,.alert-primary .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.alert-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.alert-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.alert-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.alert-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.alert-primary .radio-button-card:where(:has(input:disabled),.disabled),.alert-primary .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.alert-primary .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.alert-primary .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}post-alert[type=primary] .radio-button-card,post-alert[type=primary] .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}post-alert[type=primary] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),post-alert[type=primary] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}post-alert[type=primary] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),post-alert[type=primary] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}post-alert[type=primary] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),post-alert[type=primary] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}post-alert[type=primary] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),post-alert[type=primary] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}post-alert[type=primary] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,post-alert[type=primary] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}post-alert[type=primary] .radio-button-card:where(:has(input:disabled),.disabled),post-alert[type=primary] .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-alert[type=primary] .radio-button-card,post-alert[type=primary] .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}post-alert[type=primary] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),post-alert[type=primary] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}post-alert[type=primary] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),post-alert[type=primary] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}post-alert[type=primary] .radio-button-card:where(:has(input:disabled),.disabled),post-alert[type=primary] .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}post-alert[type=primary] .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),post-alert[type=primary] .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.alert-success .radio-button-card,.alert-success .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.alert-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.alert-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.alert-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.alert-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.alert-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.alert-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.alert-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.alert-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.alert-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.alert-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.alert-success .radio-button-card:where(:has(input:disabled),.disabled),.alert-success .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.alert-success .radio-button-card,.alert-success .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.alert-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.alert-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.alert-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.alert-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.alert-success .radio-button-card:where(:has(input:disabled),.disabled),.alert-success .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.alert-success .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.alert-success .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}post-alert[type=success] .radio-button-card,post-alert[type=success] .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}post-alert[type=success] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),post-alert[type=success] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}post-alert[type=success] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),post-alert[type=success] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}post-alert[type=success] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),post-alert[type=success] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}post-alert[type=success] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),post-alert[type=success] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}post-alert[type=success] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,post-alert[type=success] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}post-alert[type=success] .radio-button-card:where(:has(input:disabled),.disabled),post-alert[type=success] .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-alert[type=success] .radio-button-card,post-alert[type=success] .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}post-alert[type=success] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),post-alert[type=success] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}post-alert[type=success] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),post-alert[type=success] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}post-alert[type=success] .radio-button-card:where(:has(input:disabled),.disabled),post-alert[type=success] .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}post-alert[type=success] .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),post-alert[type=success] .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.alert-danger .radio-button-card,.alert-danger .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.alert-danger .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.alert-danger .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.alert-danger .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.alert-danger .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.alert-danger .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.alert-danger .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.alert-danger .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.alert-danger .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.alert-danger .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.alert-danger .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.alert-danger .radio-button-card:where(:has(input:disabled),.disabled),.alert-danger .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.alert-danger .radio-button-card,.alert-danger .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.alert-danger .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.alert-danger .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.alert-danger .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.alert-danger .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.alert-danger .radio-button-card:where(:has(input:disabled),.disabled),.alert-danger .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.alert-danger .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.alert-danger .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}post-alert[type=danger] .radio-button-card,post-alert[type=danger] .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}post-alert[type=danger] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),post-alert[type=danger] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}post-alert[type=danger] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),post-alert[type=danger] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}post-alert[type=danger] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),post-alert[type=danger] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}post-alert[type=danger] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),post-alert[type=danger] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}post-alert[type=danger] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,post-alert[type=danger] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}post-alert[type=danger] .radio-button-card:where(:has(input:disabled),.disabled),post-alert[type=danger] .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-alert[type=danger] .radio-button-card,post-alert[type=danger] .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}post-alert[type=danger] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),post-alert[type=danger] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}post-alert[type=danger] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),post-alert[type=danger] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}post-alert[type=danger] .radio-button-card:where(:has(input:disabled),.disabled),post-alert[type=danger] .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}post-alert[type=danger] .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),post-alert[type=danger] .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.alert-notification .radio-button-card,.alert-notification .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.alert-notification .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.alert-notification .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.alert-notification .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.alert-notification .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.alert-notification .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.alert-notification .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.alert-notification .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.alert-notification .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.alert-notification .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.alert-notification .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.alert-notification .radio-button-card:where(:has(input:disabled),.disabled),.alert-notification .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.alert-notification .radio-button-card,.alert-notification .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.alert-notification .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.alert-notification .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.alert-notification .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.alert-notification .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.alert-notification .radio-button-card:where(:has(input:disabled),.disabled),.alert-notification .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.alert-notification .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.alert-notification .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}post-alert[type=notification] .radio-button-card,post-alert[type=notification] .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}post-alert[type=notification] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),post-alert[type=notification] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}post-alert[type=notification] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),post-alert[type=notification] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}post-alert[type=notification] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),post-alert[type=notification] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}post-alert[type=notification] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),post-alert[type=notification] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}post-alert[type=notification] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,post-alert[type=notification] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}post-alert[type=notification] .radio-button-card:where(:has(input:disabled),.disabled),post-alert[type=notification] .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-alert[type=notification] .radio-button-card,post-alert[type=notification] .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}post-alert[type=notification] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),post-alert[type=notification] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}post-alert[type=notification] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),post-alert[type=notification] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}post-alert[type=notification] .radio-button-card:where(:has(input:disabled),.disabled),post-alert[type=notification] .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}post-alert[type=notification] .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),post-alert[type=notification] .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.alert-error .radio-button-card,.alert-error .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.alert-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.alert-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.alert-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.alert-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.alert-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.alert-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.alert-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.alert-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.alert-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.alert-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.alert-error .radio-button-card:where(:has(input:disabled),.disabled),.alert-error .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.alert-error .radio-button-card,.alert-error .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.alert-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.alert-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.alert-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.alert-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.alert-error .radio-button-card:where(:has(input:disabled),.disabled),.alert-error .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.alert-error .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.alert-error .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}post-alert[type=error] .radio-button-card,post-alert[type=error] .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}post-alert[type=error] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),post-alert[type=error] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}post-alert[type=error] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),post-alert[type=error] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}post-alert[type=error] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),post-alert[type=error] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}post-alert[type=error] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),post-alert[type=error] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}post-alert[type=error] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,post-alert[type=error] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}post-alert[type=error] .radio-button-card:where(:has(input:disabled),.disabled),post-alert[type=error] .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-alert[type=error] .radio-button-card,post-alert[type=error] .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}post-alert[type=error] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),post-alert[type=error] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}post-alert[type=error] .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),post-alert[type=error] .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}post-alert[type=error] .radio-button-card:where(:has(input:disabled),.disabled),post-alert[type=error] .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}post-alert[type=error] .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),post-alert[type=error] .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}
1
+ fieldset .radio-button-card:not(:last-child),fieldset .checkbox-button-card:not(:last-child){margin-bottom:var(--post-core-dimension-16)}.radio-button-card,.checkbox-button-card{--post-card-control-border-color: hsl(0, 0%, 40%);--post-card-control-bg: #fff;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff;display:grid;grid-template:"input label icon" "input content content"/min-content auto min-content;align-items:center;gap:0 var(--post-core-dimension-8);position:relative;padding:var(--post-core-dimension-16);width:100%;background-color:var(--post-card-control-bg);border:var(--post-core-dimension-2) solid var(--post-card-control-border-color);border-radius:4px;color:var(--post-card-control-color);cursor:pointer}.radio-button-card>input,.checkbox-button-card>input{grid-area:input;position:relative;z-index:2;margin:var(--post-core-dimension-4) 0;background-color:var(--post-card-control-input-bg) !important;border-color:var(--post-card-control-input-border-color) !important;color:var(--post-card-control-input-border-color) !important;cursor:inherit;transition:none;outline:none !important}.radio-button-card>input:hover:not([disabled])~label,.checkbox-button-card>input:hover:not([disabled])~label{color:#000;background-color:rgba(0,0,0,0) !important}.radio-button-card>input:focus,.radio-button-card>input:focus-visible,.checkbox-button-card>input:focus,.checkbox-button-card>input:focus-visible{box-shadow:none}.radio-button-card>input~label,.checkbox-button-card>input~label{color:inherit !important}.radio-button-card label,.checkbox-button-card label{grid-area:label;margin:var(--post-core-dimension-4) 0;padding:0;border-radius:inherit;transition:none}.radio-button-card label::before,.checkbox-button-card label::before{display:block;content:"";position:absolute;inset:calc(var(--post-core-dimension-2)*-1);border-radius:inherit}.radio-button-card label>*,.checkbox-button-card label>*{display:block;position:relative;z-index:2}.radio-button-card label:not(:has(+post-icon)),.checkbox-button-card label:not(:has(+post-icon)){grid-area:1/label/1/icon}.radio-button-card .card-control--content,.checkbox-button-card .card-control--content{grid-area:content}.radio-button-card post-icon,.checkbox-button-card post-icon{grid-area:icon;width:var(--post-core-dimension-32);height:var(--post-core-dimension-32);pointer-events:none}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #000;--post-card-control-bg: #fc0}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: hsl(0, 0%, 20%);--post-card-control-bg: hsl(0, 0%, 40%);--post-card-control-color: #fff;--post-card-control-input-border-color: #000}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.radio-button-card:where(:has(input:disabled),.disabled),.checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: hsl(0, 0%, 40%);--post-card-control-bg: transparent;--post-card-control-color: hsl(0, 0%, 40%);--post-card-control-input-border-color: hsl(0, 0%, 40%);--post-card-control-input-bg: transparent;border-style:dashed;cursor:default}.radio-button-card:where(:has(input:disabled),.disabled) input.form-check-input[type],.checkbox-button-card:where(:has(input:disabled),.disabled) input.form-check-input[type]{padding:2px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.radio-button-card,.checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field;outline:var(--post-core-dimension-2) solid Field;outline-offset:calc(var(--post-core-dimension-2)*-2)}.radio-button-card input.form-check-input[type],.checkbox-button-card input.form-check-input[type]{outline:var(--post-core-dimension-2) solid Field;background-color:Field !important}.radio-button-card input.form-check-input[type]::after,.checkbox-button-card input.form-check-input[type]::after{border-color:Field !important}.radio-button-card label.form-check-label,.radio-button-card .card-control--content,.checkbox-button-card label.form-check-label,.checkbox-button-card .card-control--content{background-color:var(--post-card-control-bg) !important}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked) input.form-check-input[type]::after,.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked) input.form-check-input[type]::after{background-color:FieldText !important}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.radio-button-card:where(:has(input:disabled),.disabled),.checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;position:relative;background-color:Field}.radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked)::before,.checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked)::before{display:block;content:"";position:absolute;inset:var(--post-core-dimension-2);background-color:SelectedItem;z-index:1}.radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked)>*,.checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked)>*{position:relative;z-index:2}.radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked) input.form-check-input[type]::after,.checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked) input.form-check-input[type]::after{background-color:FieldText !important}}.bg-dark .radio-button-card,.bg-dark .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-dark .radio-button-card:where(:has(input:disabled),.disabled),.bg-dark .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-dark .radio-button-card,.bg-dark .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-dark .radio-button-card:where(:has(input:disabled),.disabled),.bg-dark .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-dark .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-dark .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-black .radio-button-card,.bg-black .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-black .radio-button-card:where(:has(input:disabled),.disabled),.bg-black .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-black .radio-button-card,.bg-black .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-black .radio-button-card:where(:has(input:disabled),.disabled),.bg-black .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-black .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-black .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-primary .radio-button-card,.bg-primary .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-primary .radio-button-card:where(:has(input:disabled),.disabled),.bg-primary .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-primary .radio-button-card,.bg-primary .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-primary .radio-button-card:where(:has(input:disabled),.disabled),.bg-primary .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-primary .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-primary .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-secondary .radio-button-card,.bg-secondary .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-secondary .radio-button-card:where(:has(input:disabled),.disabled),.bg-secondary .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-secondary .radio-button-card,.bg-secondary .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-secondary .radio-button-card:where(:has(input:disabled),.disabled),.bg-secondary .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-secondary .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-secondary .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-success .radio-button-card,.bg-success .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-success .radio-button-card:where(:has(input:disabled),.disabled),.bg-success .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-success .radio-button-card,.bg-success .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-success .radio-button-card:where(:has(input:disabled),.disabled),.bg-success .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-success .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-success .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-error .radio-button-card,.bg-error .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-error .radio-button-card:where(:has(input:disabled),.disabled),.bg-error .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-error .radio-button-card,.bg-error .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-error .radio-button-card:where(:has(input:disabled),.disabled),.bg-error .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-error .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-error .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}
package/components/card-control.scss CHANGED
@@ -3,18 +3,21 @@
3
3
  @use '../variables/spacing';
4
4
  @use '../variables/components/forms';
5
5
  @use '../variables/components/form-check';
6
- @use '../mixins/utilities';
6
+ @use '../mixins/utilities' as utilities-mx;
7
+ @use '../functions/tokens';
8
+ @use '../tokens/utilities';
9
+
10
+ tokens.$default-map: utilities.$post-spacing;
7
11
 
8
12
  /*
9
13
  * There are a whole bunch of !important statments in this file.
10
14
  * They are necessary and should not be removed, because we need to override the .form-check styles here.
11
15
  */
12
-
13
16
  fieldset {
14
17
  .radio-button-card,
15
18
  .checkbox-button-card {
16
19
  &:not(:last-child) {
17
- margin-bottom: spacing.$size-regular;
20
+ margin-bottom: tokens.get('utility-gap-16');
18
21
  }
19
22
  }
20
23
  }
@@ -29,40 +32,48 @@ fieldset {
29
32
 
30
33
  display: grid;
31
34
  grid-template: 'input label icon' 'input content content' / min-content auto min-content;
32
- gap: 0 spacing.$size-mini;
35
+ align-items: center;
36
+ gap: 0 tokens.get('utility-gap-8');
33
37
  position: relative;
34
- padding: spacing.$size-regular;
38
+ padding: tokens.get('utility-gap-16');
35
39
  width: 100%;
36
40
  background-color: var(--post-card-control-bg);
37
- border: spacing.$size-line solid var(--post-card-control-border-color);
41
+ border: tokens.get('utility-gap-2') solid var(--post-card-control-border-color);
38
42
  border-radius: commons.$border-radius;
39
43
  color: var(--post-card-control-color);
40
44
  cursor: pointer;
41
45
 
42
- input.form-check-input[type] {
46
+ > input {
43
47
  grid-area: input;
44
48
  position: relative;
45
49
  z-index: 2;
46
- margin: spacing.$size-micro 0;
50
+ margin: tokens.get('utility-gap-4') 0;
47
51
  background-color: var(--post-card-control-input-bg) !important;
48
52
  border-color: var(--post-card-control-input-border-color) !important;
49
53
  color: var(--post-card-control-input-border-color) !important;
50
54
  cursor: inherit;
51
55
  transition: none;
52
56
 
57
+ @include utilities-mx.focus-style-none();
58
+
59
+ &:hover:not([disabled]) ~ label {
60
+ color: color.$black;
61
+ background-color: transparent !important;
62
+ }
63
+
53
64
  &:focus,
54
65
  &:focus-visible {
55
66
  box-shadow: none;
56
67
  }
57
68
 
58
- ~ label.form-check-label {
69
+ ~ label {
59
70
  color: inherit !important;
60
71
  }
61
72
  }
62
73
 
63
- label.form-check-label {
74
+ label {
64
75
  grid-area: label;
65
- margin: spacing.$size-micro 0;
76
+ margin: tokens.get('utility-gap-4') 0;
66
77
  padding: 0;
67
78
  border-radius: inherit;
68
79
  transition: none;
@@ -71,7 +82,7 @@ fieldset {
71
82
  display: block;
72
83
  content: '';
73
84
  position: absolute;
74
- inset: spacing.$size-line * -1;
85
+ inset: calc(tokens.get('utility-gap-2') * -1);
75
86
  border-radius: inherit;
76
87
  }
77
88
 
@@ -93,8 +104,8 @@ fieldset {
93
104
 
94
105
  post-icon {
95
106
  grid-area: icon;
96
- width: spacing.$size-big;
97
- height: spacing.$size-big;
107
+ width: tokens.get('utility-gap-32');
108
+ height: tokens.get('utility-gap-32');
98
109
  pointer-events: none;
99
110
  }
100
111
 
@@ -131,27 +142,25 @@ fieldset {
131
142
  --post-card-control-input-bg: transparent;
132
143
 
133
144
  border-style: dashed;
134
- text-decoration: line-through;
135
145
  cursor: default;
136
146
 
137
147
  input.form-check-input[type] {
138
- border: 0 none;
139
- padding: form-check.$form-check-input-border-width;
148
+ padding: forms.$input-border-width;
140
149
  }
141
150
  }
142
151
 
143
- @include utilities.high-contrast-mode() {
152
+ @include utilities-mx.high-contrast-mode() {
144
153
  --post-card-control-border-color: FieldText;
145
154
  --post-card-control-bg: Field;
146
155
  --post-card-control-color: FieldText;
147
156
  --post-card-control-input-border-color: FieldText;
148
157
  --post-card-control-input-bg: Field;
149
158
 
150
- outline: spacing.$size-line solid Field;
151
- outline-offset: spacing.$size-line * -2;
159
+ outline: tokens.get('utility-gap-2') solid Field;
160
+ outline-offset: calc(tokens.get('utility-gap-2') * -2);
152
161
 
153
162
  input.form-check-input[type] {
154
- outline: spacing.$size-line solid Field;
163
+ outline: tokens.get('utility-gap-2') solid Field;
155
164
  background-color: Field !important;
156
165
 
157
166
  &::after {
@@ -168,7 +177,7 @@ fieldset {
168
177
  &:where(:has(input:checked), .checked) {
169
178
  --post-card-control-border-color: FieldText;
170
179
  --post-card-control-bg: SelectedItem;
171
- --post-card-control-color: SelectedItemText;
180
+ --post-card-control-color: FieldText;
172
181
  --post-card-control-input-border-color: FieldText;
173
182
 
174
183
  input.form-check-input[type] {
@@ -204,7 +213,7 @@ fieldset {
204
213
  display: block;
205
214
  content: '';
206
215
  position: absolute;
207
- inset: spacing.$size-line;
216
+ inset: tokens.get('utility-gap-2');
208
217
  background-color: SelectedItem;
209
218
  z-index: 1;
210
219
  }
@@ -281,7 +290,7 @@ fieldset {
281
290
  --post-card-control-input-bg: transparent;
282
291
  }
283
292
 
284
- @include utilities.high-contrast-mode() {
293
+ @include utilities-mx.high-contrast-mode() {
285
294
  --post-card-control-border-color: FieldText;
286
295
  --post-card-control-bg: Field;
287
296
  --post-card-control-color: FieldText;
package/components/card.css CHANGED
@@ -1 +1 @@
1
- .card{--bs-card-spacer-y: 1.25rem;--bs-card-spacer-x: 1rem;--bs-card-title-spacer-y: 0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width: 1px;--bs-card-border-color: hsl(0, 0%, 80%);--bs-card-border-radius: 2px;--bs-card-box-shadow: ;--bs-card-inner-border-radius: calc(2px - 1px);--bs-card-cap-padding-y: 0.625rem;--bs-card-cap-padding-x: 1rem;--bs-card-cap-bg: #faf9f8;--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: #000;--bs-card-bg: #fff;--bs-card-img-overlay-padding: 1rem;--bs-card-group-margin: 15px;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-0.5*var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-0.5*var(--bs-card-cap-padding-x));margin-bottom:calc(-1*var(--bs-card-cap-padding-y));margin-left:calc(-0.5*var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-0.5*var(--bs-card-cap-padding-x));margin-left:calc(-0.5*var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-top,.card-img-bottom{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media(min-width: 400px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-img-top,.card-group>.card:not(:last-child) .card-header{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-img-bottom,.card-group>.card:not(:last-child) .card-footer{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-img-top,.card-group>.card:not(:first-child) .card-header{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-img-bottom,.card-group>.card:not(:first-child) .card-footer{border-bottom-left-radius:0}}.card-group{margin-top:1px;margin-left:1px;box-shadow:0 0 8px 0 rgba(0,0,0,.4)}.card{transition:box-shadow .25s;border:0;border-radius:0;outline:1px solid #ccc;box-shadow:0 0 8px 0 rgba(0,0,0,.4);color:#000}.card.product-card,.card.card-button{box-shadow:none}.card.product-card:hover,.card.product-card:focus,.card.card-button:hover,.card.card-button:focus{z-index:1;box-shadow:0 0 8px 0 rgba(0,0,0,.4)}.card+.card{margin-top:12px}.card-group>.card{margin-right:1px;margin-bottom:1px;box-shadow:none}.card-group>.card+.card{margin-top:0}.card .list-group-item{padding:1.25rem 1rem;border-color:#ccc}.card .link-icon{text-decoration:none}.card .link-icon .pi,.card .link-icon post-icon{width:1.5rem;height:1.5rem;margin-right:.5rem}.card>.list-group+.card-footer,.card .card-body~.card-body{border-top:1px solid #ccc}.card-header>*:first-child,.card-body>*:first-child,.card-footer>*:first-child,.list-group-item>*:first-child{margin-top:0}.card-header>*:last-child,.card-body>*:last-child,.card-footer>*:last-child,.list-group-item>*:last-child{margin-bottom:0}.card-header,.card-footer,.card-body{padding:1.25rem 1rem}@media(max-width: 399.98px){.product-card .card-header,.card-button .card-header,.product-card .card-footer,.card-button .card-footer,.product-card .card-body,.card-button .card-body{padding:1rem}}@media(min-width: 400px)and (max-width: 779.98px){.product-card .card-header,.card-button .card-header,.product-card .card-footer,.card-button .card-footer,.product-card .card-body,.card-button .card-body{padding:1.5rem}}@media(min-width: 780px)and (max-width: 1439.98px){.product-card .card-header,.card-button .card-header,.product-card .card-footer,.card-button .card-footer,.product-card .card-body,.card-button .card-body{padding:2rem}}@media(min-width: 1440px){.product-card .card-header,.card-button .card-header,.product-card .card-footer,.card-button .card-footer,.product-card .card-body,.card-button .card-body{padding:2.5rem}}.card-white .card-header,.card-white .card-footer,.card-white .card-body{background:#fff}.card-header{align-items:center}.card-header>*:not(:last-child){margin-right:1rem}.product-card{text-decoration:none}.product-card:hover,.product-card:focus{color:inherit;text-decoration:none}.product-card .link-icon{display:flex;align-items:center;transition:opacity 250ms;opacity:.75}.product-card .link-icon:hover,.product-card .link-icon:focus{opacity:1}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.card img{height:100%}.card-group .card img{height:auto;max-height:50%}.card-group .card>.card-header,.card-group .card>.card-footer{flex:0 0 auto}}.card-links{display:flex;flex-wrap:wrap;justify-content:space-between;padding-right:.5rem;padding-left:.5rem}.card-links a{display:inline-flex;align-items:center;padding-inline:.5rem;gap:.5rem;color:#666;text-decoration:none;-ms-flex-align:center}.card-links a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.667 5.333H18.8L29.467 16H0v1.333h29.467L18.8 28h1.867L32 16.667z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.667 5.333H18.8L29.467 16H0v1.333h29.467L18.8 28h1.867L32 16.667z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:"";display:inline-block;width:1.5rem;height:1.5rem}.card-links a:hover,.card-links a:focus{color:#000}
1
+ .card{--bs-card-spacer-y: 20px;--bs-card-spacer-x: var(--post-core-dimension-16);--bs-card-title-spacer-y: 0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width: 1px;--bs-card-border-color: hsl(0, 0%, 80%);--bs-card-border-radius: 2px;--bs-card-box-shadow: ;--bs-card-inner-border-radius: calc(2px - 1px);--bs-card-cap-padding-y: 10px;--bs-card-cap-padding-x: var(--post-core-dimension-16);--bs-card-cap-bg: #faf9f8;--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: #000;--bs-card-bg: #fff;--bs-card-img-overlay-padding: var(--post-core-dimension-16);--bs-card-group-margin: 15px;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-0.5*var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-0.5*var(--bs-card-cap-padding-x));margin-bottom:calc(-1*var(--bs-card-cap-padding-y));margin-left:calc(-0.5*var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-0.5*var(--bs-card-cap-padding-x));margin-left:calc(-0.5*var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-top,.card-img-bottom{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media(min-width: 600px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-img-top,.card-group>.card:not(:last-child) .card-header{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-img-bottom,.card-group>.card:not(:last-child) .card-footer{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-img-top,.card-group>.card:not(:first-child) .card-header{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-img-bottom,.card-group>.card:not(:first-child) .card-footer{border-bottom-left-radius:0}}post-linkarea:has(>.card){border-radius:var(--post-device-border-radius-2);display:block}post-linkarea:has(>.card){outline-offset:var(--post-device-spacing-padding-2) !important;outline:var(--post-scheme-color-interactive-focus-stroke) none var(--post-device-border-width-focus) !important}post-linkarea:has(>.card):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-linkarea:has(>.card):is(:focus-visible,:has(:focus-visible),.pretend-focus){outline-color:Highlight !important}}@supports not selector(:has(:focus-visible)){post-linkarea:has(>.card):is(:focus-visible,:focus-within,.pretend-focus){outline-style:var(--post-core-border-style-solid) !important}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){post-linkarea:has(>.card):is(:focus-visible,:focus-within,.pretend-focus){outline-color:Highlight !important}}}.card{transition:all 250ms;border-radius:var(--post-device-border-radius-2);background-color:var(--post-theme-color-palettes-alternate-bg);border:1px solid var(--post-scheme-color-interactive-primary-enabled-stroke4)}.palette-alternate .card{background-color:var(--post-theme-color-palettes-default-bg)}post-linkarea>.card{border:0;box-shadow:var(--post-device-elevation-200)}post-linkarea>.card:hover{background-color:var(--post-scheme-color-interactive-card-hover-bg)}post-linkarea>.card:hover p,post-linkarea>.card:hover h1,post-linkarea>.card:hover h2,post-linkarea>.card:hover h3,post-linkarea>.card:hover h4,post-linkarea>.card:hover h5,post-linkarea>.card:hover h6,post-linkarea>.card:hover a,post-linkarea>.card:hover .btn-tertiary{color:var(--post-scheme-color-interactive-card-hover-fg)}.card .card-header:first-child,.card .list-group:first-child,.card .card-img-top{border-start-start-radius:var(--post-device-border-radius-2);border-start-end-radius:var(--post-device-border-radius-2)}.card .card-footer:last-child,.card .list-group:last-child,.card .card-img-bottom{border-end-start-radius:var(--post-device-border-radius-2);border-end-end-radius:var(--post-device-border-radius-2)}.card.product-card,.card.card-button{box-shadow:none}.card.product-card:hover,.card.product-card:focus,.card.card-button:hover,.card.card-button:focus{z-index:1;box-shadow:0 0 8px 0 rgba(0,0,0,.4)}.card .list-group{margin-block:0 !important}.card .list-group-item{padding:1.25rem 1rem;border-color:var(--post-scheme-color-interactive-primary-enabled-stroke4)}.card .link-icon{text-decoration:none}.card .link-icon post-icon{width:1.5rem;height:1.5rem;margin-inline-end:.5rem}.card>.list-group+.card-footer,.card .card-body~.card-body{border-block-start:1px solid #ccc}.card-header>*:first-child,.card-body>*:first-child,.card-footer>*:first-child,.list-group-item>*:first-child{margin-block-start:0}.card-header>*:last-child,.card-body>*:last-child,.card-footer>*:last-child,.list-group-item>*:last-child{margin-block-end:0}.card-header,.card-footer,.card-body{padding:1.25rem 1rem}@media(max-width: 599.98px){.product-card .card-header,.card-button .card-header,.product-card .card-footer,.card-button .card-footer,.product-card .card-body,.card-button .card-body{padding:var(--post-core-dimension-16)}}@media(min-width: 600px)and (max-width: 779.98px){.product-card .card-header,.card-button .card-header,.product-card .card-footer,.card-button .card-footer,.product-card .card-body,.card-button .card-body{padding:var(--post-core-dimension-24)}}@media(min-width: 780px){.product-card .card-header,.card-button .card-header,.product-card .card-footer,.card-button .card-footer,.product-card .card-body,.card-button .card-body{padding:var(--post-core-dimension-32)}}.card-white .card-header,.card-white .card-footer,.card-white .card-body{background:#fff}.card-header{align-items:center}.card-header>*:not(:last-child){margin-inline-end:1rem}.product-card{text-decoration:none}.product-card:hover,.product-card:focus{color:inherit;text-decoration:none}.product-card .link-icon{display:flex;align-items:center;transition:opacity 250ms;opacity:.75}.product-card .link-icon:hover,.product-card .link-icon:focus{opacity:1}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.card img{height:100%}}.card-links{display:flex;flex-wrap:wrap;justify-content:space-between;padding-inline:.5rem}.card-links a{display:inline-flex;align-items:center;padding-inline:var(--post-core-dimension-8);gap:var(--post-core-dimension-8);text-decoration:none;-ms-flex-align:center}.card-links a::before{mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.667 5.333H18.8L29.467 16H0v1.333h29.467L18.8 28h1.867L32 16.667z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:"";display:inline-block;width:1.5rem;height:1.5rem}