@flowstack-ui/brick 0.1.6 → 0.1.11

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 (602) hide show
  1. package/README.md +13 -7
  2. package/dist/agents/accordion.json +17 -2
  3. package/dist/agents/accordion.md +5 -1
  4. package/dist/agents/alert-dialog.json +111 -0
  5. package/dist/agents/alert-dialog.md +53 -0
  6. package/dist/agents/app-bar.json +5 -4
  7. package/dist/agents/app-bar.md +4 -3
  8. package/dist/agents/aspect-ratio.json +80 -0
  9. package/dist/agents/aspect-ratio.md +45 -0
  10. package/dist/agents/avatar.json +92 -0
  11. package/dist/agents/avatar.md +49 -0
  12. package/dist/agents/badge.json +26 -8
  13. package/dist/agents/badge.md +11 -6
  14. package/dist/agents/bleed.json +54 -0
  15. package/dist/agents/bleed.md +39 -0
  16. package/dist/agents/button.json +7 -2
  17. package/dist/agents/button.md +1 -1
  18. package/dist/agents/card.json +21 -1
  19. package/dist/agents/card.md +7 -1
  20. package/dist/agents/checkbox-group.json +108 -0
  21. package/dist/agents/checkbox-group.md +56 -0
  22. package/dist/agents/checkbox.json +6 -1
  23. package/dist/agents/chip.json +73 -0
  24. package/dist/agents/chip.md +44 -0
  25. package/dist/agents/code-block.json +76 -0
  26. package/dist/agents/code-block.md +47 -0
  27. package/dist/agents/code.json +67 -0
  28. package/dist/agents/code.md +42 -0
  29. package/dist/agents/collapsible.json +34 -3
  30. package/dist/agents/collapsible.md +10 -3
  31. package/dist/agents/color-picker.json +78 -0
  32. package/dist/agents/color-picker.md +46 -0
  33. package/dist/agents/color-swatch.json +51 -0
  34. package/dist/agents/color-swatch.md +36 -0
  35. package/dist/agents/combobox.json +95 -0
  36. package/dist/agents/combobox.md +51 -0
  37. package/dist/agents/context-menu.json +109 -0
  38. package/dist/agents/context-menu.md +54 -0
  39. package/dist/agents/coverage.json +24579 -0
  40. package/dist/agents/data-grid.json +127 -0
  41. package/dist/agents/data-grid.md +61 -0
  42. package/dist/agents/data-list.json +63 -0
  43. package/dist/agents/data-list.md +41 -0
  44. package/dist/agents/dialog.json +112 -0
  45. package/dist/agents/dialog.md +53 -0
  46. package/dist/agents/dropdown-menu.json +112 -0
  47. package/dist/agents/dropdown-menu.md +56 -0
  48. package/dist/agents/feed.json +84 -0
  49. package/dist/agents/feed.md +48 -0
  50. package/dist/agents/field.json +6 -1
  51. package/dist/agents/fieldset.json +6 -1
  52. package/dist/agents/file-upload.json +93 -0
  53. package/dist/agents/file-upload.md +50 -0
  54. package/dist/agents/form.json +11 -2
  55. package/dist/agents/form.md +2 -1
  56. package/dist/agents/grid.json +18 -1
  57. package/dist/agents/grid.md +6 -0
  58. package/dist/agents/group.json +77 -0
  59. package/dist/agents/group.md +48 -0
  60. package/dist/agents/hide.json +14 -0
  61. package/dist/agents/hide.md +3 -0
  62. package/dist/agents/hover-card.json +94 -0
  63. package/dist/agents/hover-card.md +51 -0
  64. package/dist/agents/icon-button.json +23 -12
  65. package/dist/agents/icon-button.md +12 -8
  66. package/dist/agents/image.json +33 -7
  67. package/dist/agents/image.md +11 -4
  68. package/dist/agents/input.json +7 -2
  69. package/dist/agents/input.md +1 -1
  70. package/dist/agents/interface-composition.json +216 -17
  71. package/dist/agents/interface-composition.md +7 -0
  72. package/dist/agents/layer-selection.json +1174 -11
  73. package/dist/agents/layer-selection.md +84 -1
  74. package/dist/agents/link-box.json +97 -0
  75. package/dist/agents/link-box.md +53 -0
  76. package/dist/agents/link.json +34 -5
  77. package/dist/agents/link.md +12 -2
  78. package/dist/agents/list.json +1 -1
  79. package/dist/agents/list.md +1 -1
  80. package/dist/agents/manifest.json +291 -2
  81. package/dist/agents/menubar.json +109 -0
  82. package/dist/agents/menubar.md +54 -0
  83. package/dist/agents/multi-select.json +93 -0
  84. package/dist/agents/multi-select.md +49 -0
  85. package/dist/agents/nav-list.json +15 -5
  86. package/dist/agents/nav-list.md +6 -4
  87. package/dist/agents/notification-badge.json +88 -0
  88. package/dist/agents/notification-badge.md +49 -0
  89. package/dist/agents/number-input.json +89 -0
  90. package/dist/agents/number-input.md +50 -0
  91. package/dist/agents/otp-field.json +87 -0
  92. package/dist/agents/otp-field.md +48 -0
  93. package/dist/agents/pagination.json +26 -5
  94. package/dist/agents/pagination.md +11 -4
  95. package/dist/agents/password-toggle-field.json +87 -0
  96. package/dist/agents/password-toggle-field.md +48 -0
  97. package/dist/agents/popover.json +114 -0
  98. package/dist/agents/popover.md +56 -0
  99. package/dist/agents/progress-circle.json +85 -0
  100. package/dist/agents/progress-circle.md +46 -0
  101. package/dist/agents/progress.json +91 -0
  102. package/dist/agents/progress.md +48 -0
  103. package/dist/agents/radio-group.json +92 -0
  104. package/dist/agents/radio-group.md +49 -0
  105. package/dist/agents/rating.json +91 -0
  106. package/dist/agents/rating.md +49 -0
  107. package/dist/agents/reorderable-list.json +74 -0
  108. package/dist/agents/reorderable-list.md +45 -0
  109. package/dist/agents/segment-group.json +62 -0
  110. package/dist/agents/segment-group.md +43 -0
  111. package/dist/agents/select.json +95 -0
  112. package/dist/agents/select.md +51 -0
  113. package/dist/agents/show.json +14 -0
  114. package/dist/agents/show.md +3 -0
  115. package/dist/agents/sidebar.json +16 -3
  116. package/dist/agents/sidebar.md +6 -1
  117. package/dist/agents/skeleton.json +73 -0
  118. package/dist/agents/skeleton.md +43 -0
  119. package/dist/agents/slider.json +88 -0
  120. package/dist/agents/slider.md +48 -0
  121. package/dist/agents/stack.json +19 -1
  122. package/dist/agents/stack.md +7 -0
  123. package/dist/agents/status.json +59 -0
  124. package/dist/agents/status.md +40 -0
  125. package/dist/agents/surface.json +42 -3
  126. package/dist/agents/surface.md +12 -2
  127. package/dist/agents/swipeable-item.json +93 -0
  128. package/dist/agents/swipeable-item.md +50 -0
  129. package/dist/agents/switch.json +92 -0
  130. package/dist/agents/switch.md +49 -0
  131. package/dist/agents/table.json +113 -0
  132. package/dist/agents/table.md +59 -0
  133. package/dist/agents/tabs.json +9 -2
  134. package/dist/agents/tabs.md +4 -1
  135. package/dist/agents/text.json +23 -8
  136. package/dist/agents/text.md +10 -7
  137. package/dist/agents/textarea.json +6 -1
  138. package/dist/agents/toast.json +91 -0
  139. package/dist/agents/toast.md +48 -0
  140. package/dist/agents/toggle-group.json +89 -0
  141. package/dist/agents/toggle-group.md +49 -0
  142. package/dist/agents/toggle.json +82 -0
  143. package/dist/agents/toggle.md +47 -0
  144. package/dist/agents/toolbar.json +11 -1
  145. package/dist/agents/toolbar.md +3 -1
  146. package/dist/agents/tooltip.json +96 -0
  147. package/dist/agents/tooltip.md +49 -0
  148. package/dist/agents/tree-grid.json +98 -0
  149. package/dist/agents/tree-grid.md +51 -0
  150. package/dist/agents/tree.json +94 -0
  151. package/dist/agents/tree.md +51 -0
  152. package/dist/agents/visually-hidden.json +70 -0
  153. package/dist/agents/visually-hidden.md +42 -0
  154. package/dist/agents/z-stack.json +21 -1
  155. package/dist/agents/z-stack.md +5 -0
  156. package/dist/bleed.d.ts +2 -0
  157. package/dist/bleed.d.ts.map +1 -0
  158. package/dist/bleed.js +2 -0
  159. package/dist/bleed.js.map +1 -0
  160. package/dist/color-picker.d.ts +2 -0
  161. package/dist/color-picker.d.ts.map +1 -0
  162. package/dist/color-picker.js +2 -0
  163. package/dist/color-picker.js.map +1 -0
  164. package/dist/color-swatch.d.ts +2 -0
  165. package/dist/color-swatch.d.ts.map +1 -0
  166. package/dist/color-swatch.js +2 -0
  167. package/dist/color-swatch.js.map +1 -0
  168. package/dist/components/_responsive-value/ResponsiveValue.d.ts.map +1 -1
  169. package/dist/components/_responsive-value/ResponsiveValue.js +3 -1
  170. package/dist/components/_responsive-value/ResponsiveValue.js.map +1 -1
  171. package/dist/components/_spacing-value/SpacingValue.d.ts +8 -0
  172. package/dist/components/_spacing-value/SpacingValue.d.ts.map +1 -0
  173. package/dist/components/_spacing-value/SpacingValue.js +46 -0
  174. package/dist/components/_spacing-value/SpacingValue.js.map +1 -0
  175. package/dist/components/accordion/Accordion.js +1 -1
  176. package/dist/components/app-bar/AppBar.d.ts +7 -3
  177. package/dist/components/app-bar/AppBar.d.ts.map +1 -1
  178. package/dist/components/app-bar/AppBar.js +2 -2
  179. package/dist/components/app-bar/AppBar.js.map +1 -1
  180. package/dist/components/app-bar/index.d.ts +1 -1
  181. package/dist/components/app-bar/index.d.ts.map +1 -1
  182. package/dist/components/app-bar/index.js.map +1 -1
  183. package/dist/components/avatar/Avatar.d.ts +1 -1
  184. package/dist/components/avatar/Avatar.d.ts.map +1 -1
  185. package/dist/components/avatar/Avatar.js.map +1 -1
  186. package/dist/components/badge/Badge.d.ts +2 -2
  187. package/dist/components/badge/Badge.d.ts.map +1 -1
  188. package/dist/components/bleed/Bleed.d.ts +28 -0
  189. package/dist/components/bleed/Bleed.d.ts.map +1 -0
  190. package/dist/components/bleed/Bleed.js +92 -0
  191. package/dist/components/bleed/Bleed.js.map +1 -0
  192. package/dist/components/bleed/index.d.ts +2 -0
  193. package/dist/components/bleed/index.d.ts.map +1 -0
  194. package/dist/components/bleed/index.js +2 -0
  195. package/dist/components/bleed/index.js.map +1 -0
  196. package/dist/components/collapsible/Collapsible.d.ts +9 -3
  197. package/dist/components/collapsible/Collapsible.d.ts.map +1 -1
  198. package/dist/components/collapsible/Collapsible.js +3 -3
  199. package/dist/components/collapsible/Collapsible.js.map +1 -1
  200. package/dist/components/color-picker/ColorPicker.d.ts +42 -0
  201. package/dist/components/color-picker/ColorPicker.d.ts.map +1 -0
  202. package/dist/components/color-picker/ColorPicker.js +52 -0
  203. package/dist/components/color-picker/ColorPicker.js.map +1 -0
  204. package/dist/components/color-picker/index.d.ts +2 -0
  205. package/dist/components/color-picker/index.d.ts.map +1 -0
  206. package/dist/components/color-picker/index.js +2 -0
  207. package/dist/components/color-picker/index.js.map +1 -0
  208. package/dist/components/color-swatch/ColorSwatch.d.ts +21 -0
  209. package/dist/components/color-swatch/ColorSwatch.d.ts.map +1 -0
  210. package/dist/components/color-swatch/ColorSwatch.js +25 -0
  211. package/dist/components/color-swatch/ColorSwatch.js.map +1 -0
  212. package/dist/components/color-swatch/index.d.ts +2 -0
  213. package/dist/components/color-swatch/index.d.ts.map +1 -0
  214. package/dist/components/color-swatch/index.js +2 -0
  215. package/dist/components/color-swatch/index.js.map +1 -0
  216. package/dist/components/data-list/DataList.d.ts +48 -0
  217. package/dist/components/data-list/DataList.d.ts.map +1 -0
  218. package/dist/components/data-list/DataList.js +31 -0
  219. package/dist/components/data-list/DataList.js.map +1 -0
  220. package/dist/components/data-list/index.d.ts +2 -0
  221. package/dist/components/data-list/index.d.ts.map +1 -0
  222. package/dist/components/data-list/index.js +2 -0
  223. package/dist/components/data-list/index.js.map +1 -0
  224. package/dist/components/feed/Feed.d.ts +2 -0
  225. package/dist/components/feed/Feed.d.ts.map +1 -1
  226. package/dist/components/feed/Feed.js +2 -2
  227. package/dist/components/feed/Feed.js.map +1 -1
  228. package/dist/components/feed/index.d.ts +1 -1
  229. package/dist/components/feed/index.d.ts.map +1 -1
  230. package/dist/components/grid/Grid.d.ts +3 -1
  231. package/dist/components/grid/Grid.d.ts.map +1 -1
  232. package/dist/components/grid/Grid.js +11 -1
  233. package/dist/components/grid/Grid.js.map +1 -1
  234. package/dist/components/grid/index.d.ts +1 -1
  235. package/dist/components/grid/index.d.ts.map +1 -1
  236. package/dist/components/grid/index.js.map +1 -1
  237. package/dist/components/group/Group.d.ts +19 -0
  238. package/dist/components/group/Group.d.ts.map +1 -0
  239. package/dist/components/group/Group.js +23 -0
  240. package/dist/components/group/Group.js.map +1 -0
  241. package/dist/components/group/index.d.ts +2 -0
  242. package/dist/components/group/index.d.ts.map +1 -0
  243. package/dist/components/group/index.js +2 -0
  244. package/dist/components/group/index.js.map +1 -0
  245. package/dist/components/link/Link.d.ts +1 -1
  246. package/dist/components/link/Link.d.ts.map +1 -1
  247. package/dist/components/link/Link.js +1 -1
  248. package/dist/components/link/Link.js.map +1 -1
  249. package/dist/components/link-box/LinkBox.d.ts +22 -0
  250. package/dist/components/link-box/LinkBox.d.ts.map +1 -0
  251. package/dist/components/link-box/LinkBox.js +30 -0
  252. package/dist/components/link-box/LinkBox.js.map +1 -0
  253. package/dist/components/link-box/index.d.ts +2 -0
  254. package/dist/components/link-box/index.d.ts.map +1 -0
  255. package/dist/components/link-box/index.js +2 -0
  256. package/dist/components/link-box/index.js.map +1 -0
  257. package/dist/components/nav-list/NavList.d.ts +15 -2
  258. package/dist/components/nav-list/NavList.d.ts.map +1 -1
  259. package/dist/components/nav-list/NavList.js +4 -3
  260. package/dist/components/nav-list/NavList.js.map +1 -1
  261. package/dist/components/pagination/Pagination.d.ts +9 -6
  262. package/dist/components/pagination/Pagination.d.ts.map +1 -1
  263. package/dist/components/pagination/Pagination.js +2 -2
  264. package/dist/components/pagination/Pagination.js.map +1 -1
  265. package/dist/components/pagination/index.d.ts +1 -1
  266. package/dist/components/pagination/index.d.ts.map +1 -1
  267. package/dist/components/pagination/index.js.map +1 -1
  268. package/dist/components/popover/Popover.d.ts +3 -0
  269. package/dist/components/popover/Popover.d.ts.map +1 -1
  270. package/dist/components/popover/Popover.js +2 -2
  271. package/dist/components/popover/Popover.js.map +1 -1
  272. package/dist/components/popover/index.d.ts +1 -1
  273. package/dist/components/popover/index.d.ts.map +1 -1
  274. package/dist/components/popover/index.js.map +1 -1
  275. package/dist/components/rating/Rating.d.ts +37 -1
  276. package/dist/components/rating/Rating.d.ts.map +1 -1
  277. package/dist/components/rating/Rating.js +25 -2
  278. package/dist/components/rating/Rating.js.map +1 -1
  279. package/dist/components/rating/index.d.ts +1 -1
  280. package/dist/components/rating/index.d.ts.map +1 -1
  281. package/dist/components/rating/index.js +1 -1
  282. package/dist/components/rating/index.js.map +1 -1
  283. package/dist/components/reorderable-list/ReorderableList.d.ts +89 -0
  284. package/dist/components/reorderable-list/ReorderableList.d.ts.map +1 -0
  285. package/dist/components/reorderable-list/ReorderableList.js +54 -0
  286. package/dist/components/reorderable-list/ReorderableList.js.map +1 -0
  287. package/dist/components/reorderable-list/index.d.ts +2 -0
  288. package/dist/components/reorderable-list/index.d.ts.map +1 -0
  289. package/dist/components/reorderable-list/index.js +2 -0
  290. package/dist/components/reorderable-list/index.js.map +1 -0
  291. package/dist/components/segment-group/SegmentGroup.d.ts +30 -0
  292. package/dist/components/segment-group/SegmentGroup.d.ts.map +1 -0
  293. package/dist/components/segment-group/SegmentGroup.js +67 -0
  294. package/dist/components/segment-group/SegmentGroup.js.map +1 -0
  295. package/dist/components/segment-group/index.d.ts +2 -0
  296. package/dist/components/segment-group/index.d.ts.map +1 -0
  297. package/dist/components/segment-group/index.js +2 -0
  298. package/dist/components/segment-group/index.js.map +1 -0
  299. package/dist/components/show/Show.d.ts.map +1 -1
  300. package/dist/components/show/Show.js +7 -1
  301. package/dist/components/show/Show.js.map +1 -1
  302. package/dist/components/sidebar/Sidebar.d.ts +4 -0
  303. package/dist/components/sidebar/Sidebar.d.ts.map +1 -1
  304. package/dist/components/sidebar/Sidebar.js +3 -2
  305. package/dist/components/sidebar/Sidebar.js.map +1 -1
  306. package/dist/components/slider/Slider.d.ts.map +1 -1
  307. package/dist/components/slider/Slider.js +3 -1
  308. package/dist/components/slider/Slider.js.map +1 -1
  309. package/dist/components/stack/Stack.d.ts +3 -1
  310. package/dist/components/stack/Stack.d.ts.map +1 -1
  311. package/dist/components/stack/Stack.js +9 -1
  312. package/dist/components/stack/Stack.js.map +1 -1
  313. package/dist/components/stack/index.d.ts +1 -1
  314. package/dist/components/stack/index.d.ts.map +1 -1
  315. package/dist/components/stack/index.js.map +1 -1
  316. package/dist/components/status/Status.d.ts +22 -0
  317. package/dist/components/status/Status.d.ts.map +1 -0
  318. package/dist/components/status/Status.js +23 -0
  319. package/dist/components/status/Status.js.map +1 -0
  320. package/dist/components/status/index.d.ts +2 -0
  321. package/dist/components/status/index.d.ts.map +1 -0
  322. package/dist/components/status/index.js +2 -0
  323. package/dist/components/status/index.js.map +1 -0
  324. package/dist/components/surface/Surface.d.ts +5 -2
  325. package/dist/components/surface/Surface.d.ts.map +1 -1
  326. package/dist/components/surface/Surface.js +4 -2
  327. package/dist/components/surface/Surface.js.map +1 -1
  328. package/dist/components/surface/index.d.ts +1 -1
  329. package/dist/components/surface/index.d.ts.map +1 -1
  330. package/dist/components/surface/index.js.map +1 -1
  331. package/dist/components/text/Text.d.ts +25 -4
  332. package/dist/components/text/Text.d.ts.map +1 -1
  333. package/dist/components/text/Text.js +22 -3
  334. package/dist/components/text/Text.js.map +1 -1
  335. package/dist/components/text/index.d.ts +1 -1
  336. package/dist/components/text/index.d.ts.map +1 -1
  337. package/dist/components/text/index.js +1 -1
  338. package/dist/components/text/index.js.map +1 -1
  339. package/dist/components/toggle/Toggle.d.ts +5 -0
  340. package/dist/components/toggle/Toggle.d.ts.map +1 -1
  341. package/dist/components/toggle/Toggle.js +2 -2
  342. package/dist/components/toggle/Toggle.js.map +1 -1
  343. package/dist/components/toggle/index.d.ts +1 -1
  344. package/dist/components/toggle/index.d.ts.map +1 -1
  345. package/dist/components/toggle/index.js.map +1 -1
  346. package/dist/components/toggle-group/ToggleGroup.d.ts +3 -1
  347. package/dist/components/toggle-group/ToggleGroup.d.ts.map +1 -1
  348. package/dist/components/toggle-group/ToggleGroup.js +2 -1
  349. package/dist/components/toggle-group/ToggleGroup.js.map +1 -1
  350. package/dist/components/toolbar/Toolbar.d.ts +9 -2
  351. package/dist/components/toolbar/Toolbar.d.ts.map +1 -1
  352. package/dist/components/toolbar/Toolbar.js +2 -2
  353. package/dist/components/toolbar/Toolbar.js.map +1 -1
  354. package/dist/components/toolbar/index.d.ts +1 -1
  355. package/dist/components/toolbar/index.d.ts.map +1 -1
  356. package/dist/components/z-stack/ZStack.d.ts +7 -0
  357. package/dist/components/z-stack/ZStack.d.ts.map +1 -1
  358. package/dist/components/z-stack/ZStack.js +14 -3
  359. package/dist/components/z-stack/ZStack.js.map +1 -1
  360. package/dist/components/z-stack/index.d.ts +1 -1
  361. package/dist/components/z-stack/index.d.ts.map +1 -1
  362. package/dist/components/z-stack/index.js.map +1 -1
  363. package/dist/data-list.d.ts +2 -0
  364. package/dist/data-list.d.ts.map +1 -0
  365. package/dist/data-list.js +2 -0
  366. package/dist/data-list.js.map +1 -0
  367. package/dist/feed.d.ts +1 -1
  368. package/dist/feed.d.ts.map +1 -1
  369. package/dist/grid.d.ts +1 -1
  370. package/dist/grid.d.ts.map +1 -1
  371. package/dist/grid.js.map +1 -1
  372. package/dist/group.d.ts +2 -0
  373. package/dist/group.d.ts.map +1 -0
  374. package/dist/group.js +2 -0
  375. package/dist/group.js.map +1 -0
  376. package/dist/index.d.ts +18 -8
  377. package/dist/index.d.ts.map +1 -1
  378. package/dist/index.js +10 -1
  379. package/dist/index.js.map +1 -1
  380. package/dist/link-box.d.ts +2 -0
  381. package/dist/link-box.d.ts.map +1 -0
  382. package/dist/link-box.js +2 -0
  383. package/dist/link-box.js.map +1 -0
  384. package/dist/reorderable-list.d.ts +2 -0
  385. package/dist/reorderable-list.d.ts.map +1 -0
  386. package/dist/reorderable-list.js +2 -0
  387. package/dist/reorderable-list.js.map +1 -0
  388. package/dist/reset.css +1 -1
  389. package/dist/reset.css.map +1 -1
  390. package/dist/segment-group.d.ts +2 -0
  391. package/dist/segment-group.d.ts.map +1 -0
  392. package/dist/segment-group.js +2 -0
  393. package/dist/segment-group.js.map +1 -0
  394. package/dist/stack.d.ts +1 -1
  395. package/dist/stack.d.ts.map +1 -1
  396. package/dist/stack.js.map +1 -1
  397. package/dist/status.d.ts +2 -0
  398. package/dist/status.d.ts.map +1 -0
  399. package/dist/status.js +2 -0
  400. package/dist/status.js.map +1 -0
  401. package/dist/styles/accordion.css +1 -1
  402. package/dist/styles/accordion.css.map +1 -1
  403. package/dist/styles/alert-dialog.css +1 -1
  404. package/dist/styles/alert-dialog.css.map +1 -1
  405. package/dist/styles/app-bar.css +1 -1
  406. package/dist/styles/app-bar.css.map +1 -1
  407. package/dist/styles/appearance.css +1 -1
  408. package/dist/styles/appearance.css.map +1 -1
  409. package/dist/styles/aspect-ratio.css +1 -1
  410. package/dist/styles/aspect-ratio.css.map +1 -1
  411. package/dist/styles/avatar.css +1 -1
  412. package/dist/styles/avatar.css.map +1 -1
  413. package/dist/styles/badge.css +1 -1
  414. package/dist/styles/badge.css.map +1 -1
  415. package/dist/styles/bleed.css +2 -0
  416. package/dist/styles/bleed.css.map +1 -0
  417. package/dist/styles/bottom-navigation.css +1 -1
  418. package/dist/styles/bottom-navigation.css.map +1 -1
  419. package/dist/styles/breadcrumb.css +1 -1
  420. package/dist/styles/breadcrumb.css.map +1 -1
  421. package/dist/styles/button.css +1 -1
  422. package/dist/styles/button.css.map +1 -1
  423. package/dist/styles/card.css +1 -1
  424. package/dist/styles/card.css.map +1 -1
  425. package/dist/styles/carousel.css +1 -1
  426. package/dist/styles/carousel.css.map +1 -1
  427. package/dist/styles/checkbox-group.css +1 -1
  428. package/dist/styles/checkbox-group.css.map +1 -1
  429. package/dist/styles/checkbox.css +1 -1
  430. package/dist/styles/checkbox.css.map +1 -1
  431. package/dist/styles/chip.css +1 -1
  432. package/dist/styles/chip.css.map +1 -1
  433. package/dist/styles/code-block.css +1 -1
  434. package/dist/styles/code-block.css.map +1 -1
  435. package/dist/styles/code.css +1 -1
  436. package/dist/styles/code.css.map +1 -1
  437. package/dist/styles/collapsible.css +1 -1
  438. package/dist/styles/collapsible.css.map +1 -1
  439. package/dist/styles/color-picker.css +2 -0
  440. package/dist/styles/color-picker.css.map +1 -0
  441. package/dist/styles/color-swatch.css +2 -0
  442. package/dist/styles/color-swatch.css.map +1 -0
  443. package/dist/styles/combobox.css +1 -1
  444. package/dist/styles/combobox.css.map +1 -1
  445. package/dist/styles/container.css +1 -1
  446. package/dist/styles/container.css.map +1 -1
  447. package/dist/styles/context-menu.css +1 -1
  448. package/dist/styles/context-menu.css.map +1 -1
  449. package/dist/styles/core.css +1 -1
  450. package/dist/styles/core.css.map +1 -1
  451. package/dist/styles/data-grid.css +1 -1
  452. package/dist/styles/data-grid.css.map +1 -1
  453. package/dist/styles/data-list.css +2 -0
  454. package/dist/styles/data-list.css.map +1 -0
  455. package/dist/styles/dialog.css +1 -1
  456. package/dist/styles/dialog.css.map +1 -1
  457. package/dist/styles/divider.css +1 -1
  458. package/dist/styles/divider.css.map +1 -1
  459. package/dist/styles/drawer.css +1 -1
  460. package/dist/styles/drawer.css.map +1 -1
  461. package/dist/styles/dropdown-menu.css +1 -1
  462. package/dist/styles/dropdown-menu.css.map +1 -1
  463. package/dist/styles/feed.css +1 -1
  464. package/dist/styles/feed.css.map +1 -1
  465. package/dist/styles/field.css +1 -1
  466. package/dist/styles/field.css.map +1 -1
  467. package/dist/styles/fieldset.css +1 -1
  468. package/dist/styles/fieldset.css.map +1 -1
  469. package/dist/styles/file-upload.css +1 -1
  470. package/dist/styles/file-upload.css.map +1 -1
  471. package/dist/styles/form.css +1 -1
  472. package/dist/styles/form.css.map +1 -1
  473. package/dist/styles/frame.css +1 -1
  474. package/dist/styles/frame.css.map +1 -1
  475. package/dist/styles/grid.css +1 -1
  476. package/dist/styles/grid.css.map +1 -1
  477. package/dist/styles/group.css +2 -0
  478. package/dist/styles/group.css.map +1 -0
  479. package/dist/styles/hide.css +1 -1
  480. package/dist/styles/hide.css.map +1 -1
  481. package/dist/styles/hover-card.css +1 -1
  482. package/dist/styles/hover-card.css.map +1 -1
  483. package/dist/styles/icon-button.css +1 -1
  484. package/dist/styles/icon-button.css.map +1 -1
  485. package/dist/styles/icon.css +1 -1
  486. package/dist/styles/icon.css.map +1 -1
  487. package/dist/styles/image.css +1 -1
  488. package/dist/styles/image.css.map +1 -1
  489. package/dist/styles/input.css +1 -1
  490. package/dist/styles/input.css.map +1 -1
  491. package/dist/styles/link-box.css +2 -0
  492. package/dist/styles/link-box.css.map +1 -0
  493. package/dist/styles/link.css +1 -1
  494. package/dist/styles/link.css.map +1 -1
  495. package/dist/styles/list.css +1 -1
  496. package/dist/styles/list.css.map +1 -1
  497. package/dist/styles/menubar.css +1 -1
  498. package/dist/styles/menubar.css.map +1 -1
  499. package/dist/styles/multi-select.css +1 -1
  500. package/dist/styles/multi-select.css.map +1 -1
  501. package/dist/styles/nav-list.css +1 -1
  502. package/dist/styles/nav-list.css.map +1 -1
  503. package/dist/styles/navigation-menu.css +1 -1
  504. package/dist/styles/navigation-menu.css.map +1 -1
  505. package/dist/styles/number-input.css +1 -1
  506. package/dist/styles/number-input.css.map +1 -1
  507. package/dist/styles/otp-field.css +1 -1
  508. package/dist/styles/otp-field.css.map +1 -1
  509. package/dist/styles/pagination.css +1 -1
  510. package/dist/styles/pagination.css.map +1 -1
  511. package/dist/styles/password-toggle-field.css +1 -1
  512. package/dist/styles/password-toggle-field.css.map +1 -1
  513. package/dist/styles/popover.css +1 -1
  514. package/dist/styles/popover.css.map +1 -1
  515. package/dist/styles/progress-circle.css +1 -1
  516. package/dist/styles/progress-circle.css.map +1 -1
  517. package/dist/styles/progress.css +1 -1
  518. package/dist/styles/progress.css.map +1 -1
  519. package/dist/styles/radio-group.css +1 -1
  520. package/dist/styles/radio-group.css.map +1 -1
  521. package/dist/styles/rating.css +1 -1
  522. package/dist/styles/rating.css.map +1 -1
  523. package/dist/styles/reorderable-list.css +2 -0
  524. package/dist/styles/reorderable-list.css.map +1 -0
  525. package/dist/styles/scroll-area.css +1 -1
  526. package/dist/styles/scroll-area.css.map +1 -1
  527. package/dist/styles/section.css +1 -1
  528. package/dist/styles/section.css.map +1 -1
  529. package/dist/styles/segment-group.css +2 -0
  530. package/dist/styles/segment-group.css.map +1 -0
  531. package/dist/styles/select.css +1 -1
  532. package/dist/styles/select.css.map +1 -1
  533. package/dist/styles/show.css +1 -1
  534. package/dist/styles/show.css.map +1 -1
  535. package/dist/styles/sidebar.css +1 -1
  536. package/dist/styles/sidebar.css.map +1 -1
  537. package/dist/styles/skeleton.css +1 -1
  538. package/dist/styles/skeleton.css.map +1 -1
  539. package/dist/styles/skip-link.css +1 -1
  540. package/dist/styles/skip-link.css.map +1 -1
  541. package/dist/styles/slider.css +1 -1
  542. package/dist/styles/slider.css.map +1 -1
  543. package/dist/styles/stack.css +1 -1
  544. package/dist/styles/stack.css.map +1 -1
  545. package/dist/styles/status.css +2 -0
  546. package/dist/styles/status.css.map +1 -0
  547. package/dist/styles/surface.css +1 -1
  548. package/dist/styles/surface.css.map +1 -1
  549. package/dist/styles/swipeable-item.css +1 -1
  550. package/dist/styles/swipeable-item.css.map +1 -1
  551. package/dist/styles/switch.css +1 -1
  552. package/dist/styles/switch.css.map +1 -1
  553. package/dist/styles/table.css +1 -1
  554. package/dist/styles/table.css.map +1 -1
  555. package/dist/styles/tabs.css +1 -1
  556. package/dist/styles/tabs.css.map +1 -1
  557. package/dist/styles/text.css +1 -1
  558. package/dist/styles/text.css.map +1 -1
  559. package/dist/styles/textarea.css +1 -1
  560. package/dist/styles/textarea.css.map +1 -1
  561. package/dist/styles/toast.css +1 -1
  562. package/dist/styles/toast.css.map +1 -1
  563. package/dist/styles/toggle-group.css +1 -1
  564. package/dist/styles/toggle-group.css.map +1 -1
  565. package/dist/styles/toggle.css +1 -1
  566. package/dist/styles/toggle.css.map +1 -1
  567. package/dist/styles/toolbar.css +1 -1
  568. package/dist/styles/toolbar.css.map +1 -1
  569. package/dist/styles/tooltip.css +1 -1
  570. package/dist/styles/tooltip.css.map +1 -1
  571. package/dist/styles/tree-grid.css +1 -1
  572. package/dist/styles/tree-grid.css.map +1 -1
  573. package/dist/styles/tree.css +1 -1
  574. package/dist/styles/tree.css.map +1 -1
  575. package/dist/styles/visually-hidden.css +1 -1
  576. package/dist/styles/visually-hidden.css.map +1 -1
  577. package/dist/styles/z-stack.css +1 -1
  578. package/dist/styles/z-stack.css.map +1 -1
  579. package/dist/styles.css +1 -1
  580. package/dist/styles.css.map +1 -1
  581. package/dist/surface.d.ts +1 -1
  582. package/dist/surface.d.ts.map +1 -1
  583. package/dist/surface.js.map +1 -1
  584. package/dist/text.d.ts +1 -1
  585. package/dist/text.d.ts.map +1 -1
  586. package/dist/text.js +1 -1
  587. package/dist/text.js.map +1 -1
  588. package/dist/theme-contract.json +26846 -0
  589. package/dist/toggle.d.ts +1 -1
  590. package/dist/toggle.d.ts.map +1 -1
  591. package/dist/toggle.js.map +1 -1
  592. package/dist/tokens.css +1 -1
  593. package/dist/tokens.css.map +1 -1
  594. package/dist/toolbar.d.ts +1 -1
  595. package/dist/toolbar.d.ts.map +1 -1
  596. package/docs/guides/agent-knowledge.md +19 -0
  597. package/docs/guides/appearance-and-tokens.md +16 -5
  598. package/docs/guides/browser-support.md +21 -0
  599. package/docs/guides/control-sizing.md +55 -0
  600. package/docs/guides/installation.md +5 -2
  601. package/docs/guides/theme-contract.md +86 -0
  602. package/package.json +51 -7
@@ -1,2 +1,2 @@
1
- @layer brick.tokens,brick.foundations;@layer brick.components{.brick-file-upload{--brick-file-upload-gap:var(--brick-space-3);--brick-file-upload-dropzone-min-block-size:8.5rem;--brick-file-upload-dropzone-padding:var(--brick-space-5);--brick-file-upload-radius:var(--brick-radius-control);--brick-file-upload-background:var(--brick-color-surface-raised);--brick-file-upload-border:var(--brick-color-border-strong);--brick-file-upload-foreground:var(--brick-color-text-primary);--brick-file-upload-muted-foreground:var(--brick-color-text-secondary);--brick-file-upload-hover-background:var(--brick-color-surface-subtle);--brick-file-upload-accept-border:var(--brick-color-success-text);--brick-file-upload-reject-border:var(--brick-color-danger-text);--brick-file-upload-trigger-background:var(--brick-color-accent-solid);--brick-file-upload-trigger-foreground:var(--brick-color-accent-on-solid);--brick-file-upload-item-background:var(--brick-color-surface-raised);--brick-file-upload-item-border:var(--brick-color-border-subtle);--brick-file-upload-delete-foreground:var(--brick-color-text-secondary);box-sizing:border-box;gap:var(--brick-file-upload-gap);min-inline-size:0;max-inline-size:100%;color:var(--brick-file-upload-foreground);flex-direction:column;display:flex}.brick-file-upload[data-full-width]{inline-size:100%}.brick-file-upload[data-shape=sharp]{--brick-file-upload-radius:0}.brick-file-upload__dropzone{box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-file-upload-dropzone-min-block-size);justify-content:center;align-items:center;gap:var(--brick-space-2);padding:var(--brick-file-upload-dropzone-padding);border:var(--brick-border-width) dashed var(--brick-file-upload-border);border-radius:var(--brick-file-upload-radius);background:var(--brick-file-upload-background);color:var(--brick-file-upload-muted-foreground);text-align:center;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);flex-direction:column;display:flex}.brick-file-upload[data-variant=soft] .brick-file-upload__dropzone{border-style:solid;border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)}.brick-file-upload__dropzone[data-dragging]{background:var(--brick-file-upload-hover-background)}.brick-file-upload__dropzone[data-accepted]{border-color:var(--brick-file-upload-accept-border)}.brick-file-upload__dropzone[data-rejected],.brick-file-upload[data-invalid] .brick-file-upload__dropzone{border-color:var(--brick-file-upload-reject-border)}.brick-file-upload__trigger{box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-control-target-min);padding-inline:var(--brick-space-4);border-radius:var(--brick-file-upload-radius);background:var(--brick-file-upload-trigger-background);color:var(--brick-file-upload-trigger-foreground);cursor:pointer;font:inherit;font-weight:var(--brick-typography-label-font-weight);border:0;outline:0;justify-content:center;align-items:center;display:inline-flex}.brick-file-upload__trigger:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(.96)}.brick-file-upload__trigger:is(:focus-visible,[data-focus-visible]){outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-file-upload__items{gap:var(--brick-space-2);min-inline-size:0;margin:0;padding:0;list-style:none;display:grid}.brick-file-upload__items:not([data-filled]){display:none}.brick-file-upload__item{box-sizing:border-box;align-items:center;gap:var(--brick-space-3);min-inline-size:0;padding:var(--brick-space-2) var(--brick-space-3);border:var(--brick-border-width) solid var(--brick-file-upload-item-border);border-radius:var(--brick-file-upload-radius);background:var(--brick-file-upload-item-background);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.brick-file-upload__item-name{min-inline-size:0;color:var(--brick-file-upload-foreground);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brick-file-upload__item-size{color:var(--brick-file-upload-muted-foreground);white-space:nowrap;font-size:var(--brick-typography-body-sm-font-size);font-variant-numeric:tabular-nums}.brick-file-upload__delete{box-sizing:border-box;inline-size:var(--brick-control-target-min);block-size:var(--brick-control-target-min);border-radius:var(--brick-radius-full);color:var(--brick-file-upload-delete-foreground);cursor:pointer;background:0 0;border:0;outline:0;place-items:center;padding:0;display:inline-grid}.brick-file-upload__delete:hover:not(:disabled){background:var(--brick-color-surface-subtle);color:var(--brick-file-upload-foreground)}.brick-file-upload__delete:is(:focus-visible,[data-focus-visible]){outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-file-upload__delete-artwork{block-size:1rem;inline-size:1rem}.brick-file-upload__delete-artwork path{stroke:currentColor;stroke-linecap:round;stroke-width:1.5px}.brick-file-upload[data-size=sm]{--brick-file-upload-gap:var(--brick-space-2);--brick-file-upload-dropzone-min-block-size:7rem;--brick-file-upload-dropzone-padding:var(--brick-space-3);font-size:var(--brick-typography-body-sm-font-size)}.brick-file-upload[data-size=lg]{--brick-file-upload-gap:var(--brick-space-4);--brick-file-upload-dropzone-min-block-size:10rem;--brick-file-upload-dropzone-padding:var(--brick-space-6);font-size:var(--brick-typography-body-lg-font-size)}.brick-file-upload[data-disabled] .brick-file-upload__dropzone,.brick-file-upload[data-readonly] .brick-file-upload__dropzone{background:var(--brick-color-surface-subtle)}.brick-file-upload[data-disabled] :is(.brick-file-upload__trigger,.brick-file-upload__delete),.brick-file-upload[data-readonly] :is(.brick-file-upload__trigger,.brick-file-upload__delete){cursor:not-allowed}@media (prefers-reduced-motion:reduce){.brick-file-upload__dropzone{transition:none}}@media (forced-colors:active){.brick-file-upload{forced-color-adjust:none}.brick-file-upload__dropzone,.brick-file-upload__item{color:canvastext;background:canvas;border-color:buttontext}.brick-file-upload__trigger{color:buttontext;background:buttonface;border:1px solid buttontext}.brick-file-upload__dropzone[data-accepted]{border-color:highlight}.brick-file-upload__dropzone[data-rejected],.brick-file-upload[data-invalid] .brick-file-upload__dropzone{border-color:mark}.brick-file-upload[data-disabled],.brick-file-upload[data-readonly]{opacity:1;color:graytext}.brick-file-upload[data-disabled] .brick-file-upload__dropzone,.brick-file-upload[data-readonly] .brick-file-upload__dropzone{border-color:graytext}}}@layer brick.utilities,brick.effects;
1
+ @layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-file-upload{--brick-file-upload-gap:var(--brick-space-3);--brick-file-upload-dropzone-min-block-size:8.5rem;--brick-file-upload-dropzone-padding:var(--brick-space-5);--brick-file-upload-radius:var(--brick-radius-control);--brick-file-upload-background:var(--brick-color-surface-raised);--brick-file-upload-border:var(--brick-color-border-strong);--brick-file-upload-foreground:var(--brick-color-text-primary);--brick-file-upload-muted-foreground:var(--brick-color-text-secondary);--brick-file-upload-hover-background:var(--brick-color-surface-subtle);--brick-file-upload-accept-border:var(--brick-color-success-text);--brick-file-upload-reject-border:var(--brick-color-danger-text);--brick-file-upload-trigger-background:var(--brick-color-accent-solid);--brick-file-upload-trigger-foreground:var(--brick-color-accent-on-solid);--brick-file-upload-item-background:var(--brick-color-surface-raised);--brick-file-upload-item-border:var(--brick-color-border-subtle);--brick-file-upload-delete-foreground:var(--brick-color-text-secondary);box-sizing:border-box;gap:var(--brick-file-upload-gap);min-inline-size:0;max-inline-size:100%;color:var(--brick-file-upload-foreground);flex-direction:column;display:flex}.brick-file-upload[data-full-width]{inline-size:100%}.brick-file-upload[data-shape=sharp]{--brick-file-upload-radius:0}.brick-file-upload__dropzone{box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-file-upload-dropzone-min-block-size);justify-content:center;align-items:center;gap:var(--brick-space-2);padding:var(--brick-file-upload-dropzone-padding);border:var(--brick-border-width) dashed var(--brick-file-upload-border);border-radius:var(--brick-file-upload-radius);background:var(--brick-file-upload-background);color:var(--brick-file-upload-muted-foreground);text-align:center;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);flex-direction:column;display:flex}.brick-file-upload[data-variant=soft] .brick-file-upload__dropzone{border-style:solid;border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)}.brick-file-upload__dropzone[data-dragging]{background:var(--brick-file-upload-hover-background)}.brick-file-upload__dropzone[data-accepted]{border-color:var(--brick-file-upload-accept-border)}.brick-file-upload__dropzone[data-rejected],.brick-file-upload[data-invalid] .brick-file-upload__dropzone{border-color:var(--brick-file-upload-reject-border)}.brick-file-upload__trigger{box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-control-target-min);padding-inline:var(--brick-space-4);border-radius:var(--brick-file-upload-radius);background:var(--brick-file-upload-trigger-background);color:var(--brick-file-upload-trigger-foreground);cursor:pointer;font:inherit;font-weight:var(--brick-typography-label-md-font-weight);border:0;outline:0;justify-content:center;align-items:center;display:inline-flex}.brick-file-upload__trigger:hover:not(:disabled):not([aria-disabled=true]){filter:brightness(.96)}.brick-file-upload__trigger:is(:focus-visible,[data-focus-visible]){outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-file-upload__items{gap:var(--brick-space-2);min-inline-size:0;margin:0;padding:0;list-style:none;display:grid}.brick-file-upload__items:not([data-filled]){display:none}.brick-file-upload__item{box-sizing:border-box;align-items:center;gap:var(--brick-space-3);min-inline-size:0;padding:var(--brick-space-2) var(--brick-space-3);border:var(--brick-border-width) solid var(--brick-file-upload-item-border);border-radius:var(--brick-file-upload-radius);background:var(--brick-file-upload-item-background);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.brick-file-upload__item-name{min-inline-size:0;color:var(--brick-file-upload-foreground);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brick-file-upload__item-size{color:var(--brick-file-upload-muted-foreground);white-space:nowrap;font-size:var(--brick-typography-body-sm-font-size);font-variant-numeric:tabular-nums}.brick-file-upload__delete{box-sizing:border-box;inline-size:var(--brick-control-target-min);block-size:var(--brick-control-target-min);border-radius:var(--brick-radius-full);color:var(--brick-file-upload-delete-foreground);cursor:pointer;background:0 0;border:0;outline:0;place-items:center;padding:0;display:inline-grid}.brick-file-upload__delete:hover:not(:disabled){background:var(--brick-color-surface-subtle);color:var(--brick-file-upload-foreground)}.brick-file-upload__delete:is(:focus-visible,[data-focus-visible]){outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-file-upload__delete-artwork{block-size:1rem;inline-size:1rem}.brick-file-upload__delete-artwork path{stroke:currentColor;stroke-linecap:round;stroke-width:1.5px}.brick-file-upload[data-size=sm]{--brick-file-upload-gap:var(--brick-space-2);--brick-file-upload-dropzone-min-block-size:7rem;--brick-file-upload-dropzone-padding:var(--brick-space-3);font-size:var(--brick-typography-body-sm-font-size)}.brick-file-upload[data-size=lg]{--brick-file-upload-gap:var(--brick-space-4);--brick-file-upload-dropzone-min-block-size:10rem;--brick-file-upload-dropzone-padding:var(--brick-space-6);font-size:var(--brick-typography-body-lg-font-size)}.brick-file-upload[data-disabled] .brick-file-upload__dropzone,.brick-file-upload[data-readonly] .brick-file-upload__dropzone{background:var(--brick-color-surface-subtle)}.brick-file-upload[data-disabled] :is(.brick-file-upload__trigger,.brick-file-upload__delete),.brick-file-upload[data-readonly] :is(.brick-file-upload__trigger,.brick-file-upload__delete){cursor:not-allowed}@media (prefers-reduced-motion:reduce){.brick-file-upload__dropzone{transition:none}}@media (forced-colors:active){.brick-file-upload{forced-color-adjust:none}.brick-file-upload__dropzone,.brick-file-upload__item{color:canvastext;background:canvas;border-color:buttontext}.brick-file-upload__trigger{color:buttontext;background:buttonface;border:1px solid buttontext}.brick-file-upload__dropzone[data-accepted]{border-color:highlight}.brick-file-upload__dropzone[data-rejected],.brick-file-upload[data-invalid] .brick-file-upload__dropzone{border-color:mark}.brick-file-upload[data-disabled],.brick-file-upload[data-readonly]{opacity:1;color:graytext}.brick-file-upload[data-disabled] .brick-file-upload__dropzone,.brick-file-upload[data-readonly] .brick-file-upload__dropzone{border-color:graytext}}}@layer brick.utilities,brick.effects;
2
2
  /*# sourceMappingURL=file-upload.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,4rCA2BA,qDACA,kEAEA,0rBAkBA,iLAMA,iGACA,gGACA,8JAGA,idAkBA,kGACA,gMAKA,qHASA,0DAEA,wYAaA,oJAQA,uLAOA,kUAeA,uIACA,+LAIA,oEACA,oGAEA,6OAMA,8OAOA,2KAEA,+MAGA,uCAA0C,8CAE1C,8BACE,4CACA,iHACA,+FACA,mEACA,4HACA,6FACA,sJD7KJ","sources":["home/runner/work/brick/brick/.brick-cache/production/file-upload.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/file-upload/file-upload.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/file-upload/file-upload.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-file-upload {\n --brick-file-upload-gap: var(--brick-space-3);\n --brick-file-upload-dropzone-min-block-size: 8.5rem;\n --brick-file-upload-dropzone-padding: var(--brick-space-5);\n --brick-file-upload-radius: var(--brick-radius-control);\n --brick-file-upload-background: var(--brick-color-surface-raised);\n --brick-file-upload-border: var(--brick-color-border-strong);\n --brick-file-upload-foreground: var(--brick-color-text-primary);\n --brick-file-upload-muted-foreground: var(--brick-color-text-secondary);\n --brick-file-upload-hover-background: var(--brick-color-surface-subtle);\n --brick-file-upload-accept-border: var(--brick-color-success-text);\n --brick-file-upload-reject-border: var(--brick-color-danger-text);\n --brick-file-upload-trigger-background: var(--brick-color-accent-solid);\n --brick-file-upload-trigger-foreground: var(--brick-color-accent-on-solid);\n --brick-file-upload-item-background: var(--brick-color-surface-raised);\n --brick-file-upload-item-border: var(--brick-color-border-subtle);\n --brick-file-upload-delete-foreground: var(--brick-color-text-secondary);\n\n display: flex;\n box-sizing: border-box;\n min-inline-size: 0;\n max-inline-size: 100%;\n flex-direction: column;\n gap: var(--brick-file-upload-gap);\n color: var(--brick-file-upload-foreground);\n }\n\n .brick-file-upload[data-full-width] { inline-size: 100%; }\n .brick-file-upload[data-shape=\"sharp\"] { --brick-file-upload-radius: 0; }\n\n .brick-file-upload__dropzone {\n display: flex;\n box-sizing: border-box;\n min-inline-size: 0;\n min-block-size: var(--brick-file-upload-dropzone-min-block-size);\n align-items: center;\n justify-content: center;\n flex-direction: column;\n gap: var(--brick-space-2);\n padding: var(--brick-file-upload-dropzone-padding);\n border: var(--brick-border-width) dashed var(--brick-file-upload-border);\n border-radius: var(--brick-file-upload-radius);\n background: var(--brick-file-upload-background);\n color: var(--brick-file-upload-muted-foreground);\n text-align: center;\n transition: background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n }\n\n .brick-file-upload[data-variant=\"soft\"] .brick-file-upload__dropzone {\n border-style: solid;\n border-color: var(--brick-color-border-subtle);\n background: var(--brick-color-surface-subtle);\n }\n\n .brick-file-upload__dropzone[data-dragging] { background: var(--brick-file-upload-hover-background); }\n .brick-file-upload__dropzone[data-accepted] { border-color: var(--brick-file-upload-accept-border); }\n .brick-file-upload__dropzone[data-rejected],\n .brick-file-upload[data-invalid] .brick-file-upload__dropzone { border-color: var(--brick-file-upload-reject-border); }\n\n .brick-file-upload__trigger {\n display: inline-flex;\n box-sizing: border-box;\n min-inline-size: 0;\n min-block-size: var(--brick-control-target-min);\n align-items: center;\n justify-content: center;\n padding-inline: var(--brick-space-4);\n border: 0;\n border-radius: var(--brick-file-upload-radius);\n outline: 0;\n background: var(--brick-file-upload-trigger-background);\n color: var(--brick-file-upload-trigger-foreground);\n cursor: pointer;\n font: inherit;\n font-weight: var(--brick-typography-label-font-weight);\n }\n\n .brick-file-upload__trigger:hover:not(:disabled):not([aria-disabled=\"true\"]) { filter: brightness(0.96); }\n .brick-file-upload__trigger:is(:focus-visible, [data-focus-visible]) {\n outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n outline-offset: var(--brick-border-focus-offset);\n }\n\n .brick-file-upload__items {\n display: grid;\n min-inline-size: 0;\n gap: var(--brick-space-2);\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .brick-file-upload__items:not([data-filled]) { display: none; }\n\n .brick-file-upload__item {\n display: grid;\n box-sizing: border-box;\n min-inline-size: 0;\n grid-template-columns: minmax(0, 1fr) auto auto;\n align-items: center;\n gap: var(--brick-space-3);\n padding: var(--brick-space-2) var(--brick-space-3);\n border: var(--brick-border-width) solid var(--brick-file-upload-item-border);\n border-radius: var(--brick-file-upload-radius);\n background: var(--brick-file-upload-item-background);\n }\n\n .brick-file-upload__item-name {\n min-inline-size: 0;\n overflow: hidden;\n color: var(--brick-file-upload-foreground);\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .brick-file-upload__item-size {\n color: var(--brick-file-upload-muted-foreground);\n white-space: nowrap;\n font-size: var(--brick-typography-body-sm-font-size);\n font-variant-numeric: tabular-nums;\n }\n\n .brick-file-upload__delete {\n display: inline-grid;\n box-sizing: border-box;\n inline-size: var(--brick-control-target-min);\n block-size: var(--brick-control-target-min);\n place-items: center;\n padding: 0;\n border: 0;\n border-radius: var(--brick-radius-full);\n outline: 0;\n background: transparent;\n color: var(--brick-file-upload-delete-foreground);\n cursor: pointer;\n }\n\n .brick-file-upload__delete:hover:not(:disabled) { background: var(--brick-color-surface-subtle); color: var(--brick-file-upload-foreground); }\n .brick-file-upload__delete:is(:focus-visible, [data-focus-visible]) {\n outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n outline-offset: var(--brick-border-focus-offset);\n }\n .brick-file-upload__delete-artwork { inline-size: 1rem; block-size: 1rem; }\n .brick-file-upload__delete-artwork path { stroke: currentColor; stroke-linecap: round; stroke-width: 1.5; }\n\n .brick-file-upload[data-size=\"sm\"] {\n --brick-file-upload-gap: var(--brick-space-2);\n --brick-file-upload-dropzone-min-block-size: 7rem;\n --brick-file-upload-dropzone-padding: var(--brick-space-3);\n font-size: var(--brick-typography-body-sm-font-size);\n }\n .brick-file-upload[data-size=\"lg\"] {\n --brick-file-upload-gap: var(--brick-space-4);\n --brick-file-upload-dropzone-min-block-size: 10rem;\n --brick-file-upload-dropzone-padding: var(--brick-space-6);\n font-size: var(--brick-typography-body-lg-font-size);\n }\n\n .brick-file-upload[data-disabled] .brick-file-upload__dropzone,\n .brick-file-upload[data-readonly] .brick-file-upload__dropzone { background: var(--brick-color-surface-subtle); }\n .brick-file-upload[data-disabled] :is(.brick-file-upload__trigger, .brick-file-upload__delete),\n .brick-file-upload[data-readonly] :is(.brick-file-upload__trigger, .brick-file-upload__delete) { cursor: not-allowed; }\n\n @media (prefers-reduced-motion: reduce) { .brick-file-upload__dropzone { transition: none; } }\n\n @media (forced-colors: active) {\n .brick-file-upload { forced-color-adjust: none; }\n .brick-file-upload__dropzone, .brick-file-upload__item { border-color: ButtonText; background: Canvas; color: CanvasText; }\n .brick-file-upload__trigger { border: 1px solid ButtonText; background: ButtonFace; color: ButtonText; }\n .brick-file-upload__dropzone[data-accepted] { border-color: Highlight; }\n .brick-file-upload__dropzone[data-rejected], .brick-file-upload[data-invalid] .brick-file-upload__dropzone { border-color: Mark; }\n .brick-file-upload[data-disabled], .brick-file-upload[data-readonly] { opacity: 1; color: GrayText; }\n .brick-file-upload[data-disabled] .brick-file-upload__dropzone, .brick-file-upload[data-readonly] .brick-file-upload__dropzone { border-color: GrayText; }\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,4rCA2BA,qDACA,kEAEA,0rBAkBA,iLAMA,iGACA,gGACA,8JAGA,odAkBA,kGACA,gMAKA,qHASA,0DAEA,wYAaA,oJAQA,uLAOA,kUAeA,uIACA,+LAIA,oEACA,oGAEA,6OAMA,8OAOA,2KAEA,+MAGA,uCAA0C,8CAE1C,8BACE,4CACA,iHACA,+FACA,mEACA,4HACA,6FACA,sJD7KJ","sources":["home/runner/work/brick/brick/.brick-cache/production/file-upload.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/file-upload/file-upload.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/file-upload/file-upload.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-file-upload {\n --brick-file-upload-gap: var(--brick-space-3);\n --brick-file-upload-dropzone-min-block-size: 8.5rem;\n --brick-file-upload-dropzone-padding: var(--brick-space-5);\n --brick-file-upload-radius: var(--brick-radius-control);\n --brick-file-upload-background: var(--brick-color-surface-raised);\n --brick-file-upload-border: var(--brick-color-border-strong);\n --brick-file-upload-foreground: var(--brick-color-text-primary);\n --brick-file-upload-muted-foreground: var(--brick-color-text-secondary);\n --brick-file-upload-hover-background: var(--brick-color-surface-subtle);\n --brick-file-upload-accept-border: var(--brick-color-success-text);\n --brick-file-upload-reject-border: var(--brick-color-danger-text);\n --brick-file-upload-trigger-background: var(--brick-color-accent-solid);\n --brick-file-upload-trigger-foreground: var(--brick-color-accent-on-solid);\n --brick-file-upload-item-background: var(--brick-color-surface-raised);\n --brick-file-upload-item-border: var(--brick-color-border-subtle);\n --brick-file-upload-delete-foreground: var(--brick-color-text-secondary);\n\n display: flex;\n box-sizing: border-box;\n min-inline-size: 0;\n max-inline-size: 100%;\n flex-direction: column;\n gap: var(--brick-file-upload-gap);\n color: var(--brick-file-upload-foreground);\n }\n\n .brick-file-upload[data-full-width] { inline-size: 100%; }\n .brick-file-upload[data-shape=\"sharp\"] { --brick-file-upload-radius: 0; }\n\n .brick-file-upload__dropzone {\n display: flex;\n box-sizing: border-box;\n min-inline-size: 0;\n min-block-size: var(--brick-file-upload-dropzone-min-block-size);\n align-items: center;\n justify-content: center;\n flex-direction: column;\n gap: var(--brick-space-2);\n padding: var(--brick-file-upload-dropzone-padding);\n border: var(--brick-border-width) dashed var(--brick-file-upload-border);\n border-radius: var(--brick-file-upload-radius);\n background: var(--brick-file-upload-background);\n color: var(--brick-file-upload-muted-foreground);\n text-align: center;\n transition: background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n }\n\n .brick-file-upload[data-variant=\"soft\"] .brick-file-upload__dropzone {\n border-style: solid;\n border-color: var(--brick-color-border-subtle);\n background: var(--brick-color-surface-subtle);\n }\n\n .brick-file-upload__dropzone[data-dragging] { background: var(--brick-file-upload-hover-background); }\n .brick-file-upload__dropzone[data-accepted] { border-color: var(--brick-file-upload-accept-border); }\n .brick-file-upload__dropzone[data-rejected],\n .brick-file-upload[data-invalid] .brick-file-upload__dropzone { border-color: var(--brick-file-upload-reject-border); }\n\n .brick-file-upload__trigger {\n display: inline-flex;\n box-sizing: border-box;\n min-inline-size: 0;\n min-block-size: var(--brick-control-target-min);\n align-items: center;\n justify-content: center;\n padding-inline: var(--brick-space-4);\n border: 0;\n border-radius: var(--brick-file-upload-radius);\n outline: 0;\n background: var(--brick-file-upload-trigger-background);\n color: var(--brick-file-upload-trigger-foreground);\n cursor: pointer;\n font: inherit;\n font-weight: var(--brick-typography-label-md-font-weight);\n }\n\n .brick-file-upload__trigger:hover:not(:disabled):not([aria-disabled=\"true\"]) { filter: brightness(0.96); }\n .brick-file-upload__trigger:is(:focus-visible, [data-focus-visible]) {\n outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n outline-offset: var(--brick-border-focus-offset);\n }\n\n .brick-file-upload__items {\n display: grid;\n min-inline-size: 0;\n gap: var(--brick-space-2);\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .brick-file-upload__items:not([data-filled]) { display: none; }\n\n .brick-file-upload__item {\n display: grid;\n box-sizing: border-box;\n min-inline-size: 0;\n grid-template-columns: minmax(0, 1fr) auto auto;\n align-items: center;\n gap: var(--brick-space-3);\n padding: var(--brick-space-2) var(--brick-space-3);\n border: var(--brick-border-width) solid var(--brick-file-upload-item-border);\n border-radius: var(--brick-file-upload-radius);\n background: var(--brick-file-upload-item-background);\n }\n\n .brick-file-upload__item-name {\n min-inline-size: 0;\n overflow: hidden;\n color: var(--brick-file-upload-foreground);\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .brick-file-upload__item-size {\n color: var(--brick-file-upload-muted-foreground);\n white-space: nowrap;\n font-size: var(--brick-typography-body-sm-font-size);\n font-variant-numeric: tabular-nums;\n }\n\n .brick-file-upload__delete {\n display: inline-grid;\n box-sizing: border-box;\n inline-size: var(--brick-control-target-min);\n block-size: var(--brick-control-target-min);\n place-items: center;\n padding: 0;\n border: 0;\n border-radius: var(--brick-radius-full);\n outline: 0;\n background: transparent;\n color: var(--brick-file-upload-delete-foreground);\n cursor: pointer;\n }\n\n .brick-file-upload__delete:hover:not(:disabled) { background: var(--brick-color-surface-subtle); color: var(--brick-file-upload-foreground); }\n .brick-file-upload__delete:is(:focus-visible, [data-focus-visible]) {\n outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n outline-offset: var(--brick-border-focus-offset);\n }\n .brick-file-upload__delete-artwork { inline-size: 1rem; block-size: 1rem; }\n .brick-file-upload__delete-artwork path { stroke: currentColor; stroke-linecap: round; stroke-width: 1.5; }\n\n .brick-file-upload[data-size=\"sm\"] {\n --brick-file-upload-gap: var(--brick-space-2);\n --brick-file-upload-dropzone-min-block-size: 7rem;\n --brick-file-upload-dropzone-padding: var(--brick-space-3);\n font-size: var(--brick-typography-body-sm-font-size);\n }\n .brick-file-upload[data-size=\"lg\"] {\n --brick-file-upload-gap: var(--brick-space-4);\n --brick-file-upload-dropzone-min-block-size: 10rem;\n --brick-file-upload-dropzone-padding: var(--brick-space-6);\n font-size: var(--brick-typography-body-lg-font-size);\n }\n\n .brick-file-upload[data-disabled] .brick-file-upload__dropzone,\n .brick-file-upload[data-readonly] .brick-file-upload__dropzone { background: var(--brick-color-surface-subtle); }\n .brick-file-upload[data-disabled] :is(.brick-file-upload__trigger, .brick-file-upload__delete),\n .brick-file-upload[data-readonly] :is(.brick-file-upload__trigger, .brick-file-upload__delete) { cursor: not-allowed; }\n\n @media (prefers-reduced-motion: reduce) { .brick-file-upload__dropzone { transition: none; } }\n\n @media (forced-colors: active) {\n .brick-file-upload { forced-color-adjust: none; }\n .brick-file-upload__dropzone, .brick-file-upload__item { border-color: ButtonText; background: Canvas; color: CanvasText; }\n .brick-file-upload__trigger { border: 1px solid ButtonText; background: ButtonFace; color: ButtonText; }\n .brick-file-upload__dropzone[data-accepted] { border-color: Highlight; }\n .brick-file-upload__dropzone[data-rejected], .brick-file-upload[data-invalid] .brick-file-upload__dropzone { border-color: Mark; }\n .brick-file-upload[data-disabled], .brick-file-upload[data-readonly] { opacity: 1; color: GrayText; }\n .brick-file-upload[data-disabled] .brick-file-upload__dropzone, .brick-file-upload[data-readonly] .brick-file-upload__dropzone { border-color: GrayText; }\n }\n}\n"],"names":[]}
@@ -1,2 +1,2 @@
1
- @layer brick.tokens,brick.foundations;@layer brick.components{.brick-form{--brick-form-gap:var(--brick-space-5);--brick-form-fieldset-gap:var(--brick-space-3);row-gap:var(--brick-form-gap);min-inline-size:0;display:grid}.brick-form>.brick-fieldset{--brick-fieldset-gap:var(--brick-form-fieldset-gap)}.brick-form[data-submitting]{cursor:progress}}@layer brick.utilities,brick.effects;
1
+ @layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-form{--brick-form-gap:var(--brick-space-5);--brick-form-fieldset-gap:var(--brick-space-3);row-gap:var(--brick-form-gap);min-inline-size:0;display:grid}.brick-form>.brick-fieldset{--brick-fieldset-gap:var(--brick-form-fieldset-gap)}.brick-form[data-submitting]{cursor:progress}}@layer brick.utilities,brick.effects;
2
2
  /*# sourceMappingURL=form.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,8JASA,gFAIA,8CDdF","sources":["home/runner/work/brick/brick/.brick-cache/production/form.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/form/form.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/form/form.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-form {\n --brick-form-gap: var(--brick-space-5);\n --brick-form-fieldset-gap: var(--brick-space-3);\n\n display: grid;\n min-inline-size: 0;\n row-gap: var(--brick-form-gap);\n }\n\n .brick-form > .brick-fieldset {\n --brick-fieldset-gap: var(--brick-form-fieldset-gap);\n }\n\n .brick-form[data-submitting] {\n cursor: progress;\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,8JASA,gFAIA,8CDdF","sources":["home/runner/work/brick/brick/.brick-cache/production/form.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/form/form.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/form/form.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-form {\n --brick-form-gap: var(--brick-space-5);\n --brick-form-fieldset-gap: var(--brick-space-3);\n\n display: grid;\n min-inline-size: 0;\n row-gap: var(--brick-form-gap);\n }\n\n .brick-form > .brick-fieldset {\n --brick-fieldset-gap: var(--brick-form-fieldset-gap);\n }\n\n .brick-form[data-submitting] {\n cursor: progress;\n }\n}\n"],"names":[]}
@@ -1,2 +1,2 @@
1
- @layer brick.tokens,brick.foundations,brick.components;@layer brick.utilities{.brick-frame[data-frame]{--brick-frame-inline-size:initial;--brick-frame-min-inline-size:initial;--brick-frame-max-inline-size:initial;--brick-frame-block-size:initial;--brick-frame-min-block-size:initial;--brick-frame-max-block-size:initial;--brick-frame-inline-size-sm:initial;--brick-frame-inline-size-md:initial;--brick-frame-inline-size-lg:initial;--brick-frame-inline-size-xl:initial;--brick-frame-min-inline-size-sm:initial;--brick-frame-min-inline-size-md:initial;--brick-frame-min-inline-size-lg:initial;--brick-frame-min-inline-size-xl:initial;--brick-frame-max-inline-size-sm:initial;--brick-frame-max-inline-size-md:initial;--brick-frame-max-inline-size-lg:initial;--brick-frame-max-inline-size-xl:initial;--brick-frame-block-size-sm:initial;--brick-frame-block-size-md:initial;--brick-frame-block-size-lg:initial;--brick-frame-block-size-xl:initial;--brick-frame-min-block-size-sm:initial;--brick-frame-min-block-size-md:initial;--brick-frame-min-block-size-lg:initial;--brick-frame-min-block-size-xl:initial;--brick-frame-max-block-size-sm:initial;--brick-frame-max-block-size-md:initial;--brick-frame-max-block-size-lg:initial;--brick-frame-max-block-size-xl:initial;box-sizing:border-box;inline-size:var(--brick-frame-inline-size,auto);min-inline-size:var(--brick-frame-min-inline-size,auto);max-inline-size:var(--brick-frame-max-inline-size,none);block-size:var(--brick-frame-block-size,auto);min-block-size:var(--brick-frame-min-block-size,auto);max-block-size:var(--brick-frame-max-block-size,none)}@media (width>=30rem){.brick-frame[data-frame]{inline-size:var(--brick-frame-inline-size-sm,var(--brick-frame-inline-size,auto));min-inline-size:var(--brick-frame-min-inline-size-sm,var(--brick-frame-min-inline-size,auto));max-inline-size:var(--brick-frame-max-inline-size-sm,var(--brick-frame-max-inline-size,none));block-size:var(--brick-frame-block-size-sm,var(--brick-frame-block-size,auto));min-block-size:var(--brick-frame-min-block-size-sm,var(--brick-frame-min-block-size,auto));max-block-size:var(--brick-frame-max-block-size-sm,var(--brick-frame-max-block-size,none))}}@media (width>=48rem){.brick-frame[data-frame]{inline-size:var(--brick-frame-inline-size-md,var(--brick-frame-inline-size-sm,var(--brick-frame-inline-size,auto)));min-inline-size:var(--brick-frame-min-inline-size-md,var(--brick-frame-min-inline-size-sm,var(--brick-frame-min-inline-size,auto)));max-inline-size:var(--brick-frame-max-inline-size-md,var(--brick-frame-max-inline-size-sm,var(--brick-frame-max-inline-size,none)));block-size:var(--brick-frame-block-size-md,var(--brick-frame-block-size-sm,var(--brick-frame-block-size,auto)));min-block-size:var(--brick-frame-min-block-size-md,var(--brick-frame-min-block-size-sm,var(--brick-frame-min-block-size,auto)));max-block-size:var(--brick-frame-max-block-size-md,var(--brick-frame-max-block-size-sm,var(--brick-frame-max-block-size,none)))}}@media (width>=64rem){.brick-frame[data-frame]{inline-size:var(--brick-frame-inline-size-lg,var(--brick-frame-inline-size-md,var(--brick-frame-inline-size-sm,var(--brick-frame-inline-size,auto))));min-inline-size:var(--brick-frame-min-inline-size-lg,var(--brick-frame-min-inline-size-md,var(--brick-frame-min-inline-size-sm,var(--brick-frame-min-inline-size,auto))));max-inline-size:var(--brick-frame-max-inline-size-lg,var(--brick-frame-max-inline-size-md,var(--brick-frame-max-inline-size-sm,var(--brick-frame-max-inline-size,none))));block-size:var(--brick-frame-block-size-lg,var(--brick-frame-block-size-md,var(--brick-frame-block-size-sm,var(--brick-frame-block-size,auto))));min-block-size:var(--brick-frame-min-block-size-lg,var(--brick-frame-min-block-size-md,var(--brick-frame-min-block-size-sm,var(--brick-frame-min-block-size,auto))));max-block-size:var(--brick-frame-max-block-size-lg,var(--brick-frame-max-block-size-md,var(--brick-frame-max-block-size-sm,var(--brick-frame-max-block-size,none))))}}@media (width>=80rem){.brick-frame[data-frame]{inline-size:var(--brick-frame-inline-size-xl,var(--brick-frame-inline-size-lg,var(--brick-frame-inline-size-md,var(--brick-frame-inline-size-sm,var(--brick-frame-inline-size,auto)))));min-inline-size:var(--brick-frame-min-inline-size-xl,var(--brick-frame-min-inline-size-lg,var(--brick-frame-min-inline-size-md,var(--brick-frame-min-inline-size-sm,var(--brick-frame-min-inline-size,auto)))));max-inline-size:var(--brick-frame-max-inline-size-xl,var(--brick-frame-max-inline-size-lg,var(--brick-frame-max-inline-size-md,var(--brick-frame-max-inline-size-sm,var(--brick-frame-max-inline-size,none)))));block-size:var(--brick-frame-block-size-xl,var(--brick-frame-block-size-lg,var(--brick-frame-block-size-md,var(--brick-frame-block-size-sm,var(--brick-frame-block-size,auto)))));min-block-size:var(--brick-frame-min-block-size-xl,var(--brick-frame-min-block-size-lg,var(--brick-frame-min-block-size-md,var(--brick-frame-min-block-size-sm,var(--brick-frame-min-block-size,auto)))));max-block-size:var(--brick-frame-max-block-size-xl,var(--brick-frame-max-block-size-lg,var(--brick-frame-max-block-size-md,var(--brick-frame-max-block-size-sm,var(--brick-frame-max-block-size,none)))))}}}@layer brick.effects;
1
+ @layer brick.tokens,flowstack.theme,brick.foundations,brick.components;@layer brick.utilities{.brick-frame[data-frame]{--brick-frame-inline-size:initial;--brick-frame-min-inline-size:initial;--brick-frame-max-inline-size:initial;--brick-frame-block-size:initial;--brick-frame-min-block-size:initial;--brick-frame-max-block-size:initial;--brick-frame-inline-size-sm:initial;--brick-frame-inline-size-md:initial;--brick-frame-inline-size-lg:initial;--brick-frame-inline-size-xl:initial;--brick-frame-min-inline-size-sm:initial;--brick-frame-min-inline-size-md:initial;--brick-frame-min-inline-size-lg:initial;--brick-frame-min-inline-size-xl:initial;--brick-frame-max-inline-size-sm:initial;--brick-frame-max-inline-size-md:initial;--brick-frame-max-inline-size-lg:initial;--brick-frame-max-inline-size-xl:initial;--brick-frame-block-size-sm:initial;--brick-frame-block-size-md:initial;--brick-frame-block-size-lg:initial;--brick-frame-block-size-xl:initial;--brick-frame-min-block-size-sm:initial;--brick-frame-min-block-size-md:initial;--brick-frame-min-block-size-lg:initial;--brick-frame-min-block-size-xl:initial;--brick-frame-max-block-size-sm:initial;--brick-frame-max-block-size-md:initial;--brick-frame-max-block-size-lg:initial;--brick-frame-max-block-size-xl:initial;box-sizing:border-box;inline-size:var(--brick-frame-inline-size,auto);min-inline-size:var(--brick-frame-min-inline-size,auto);max-inline-size:var(--brick-frame-max-inline-size,none);block-size:var(--brick-frame-block-size,auto);min-block-size:var(--brick-frame-min-block-size,auto);max-block-size:var(--brick-frame-max-block-size,none)}@media (width>=30rem){.brick-frame[data-frame]{inline-size:var(--brick-frame-inline-size-sm,var(--brick-frame-inline-size,auto));min-inline-size:var(--brick-frame-min-inline-size-sm,var(--brick-frame-min-inline-size,auto));max-inline-size:var(--brick-frame-max-inline-size-sm,var(--brick-frame-max-inline-size,none));block-size:var(--brick-frame-block-size-sm,var(--brick-frame-block-size,auto));min-block-size:var(--brick-frame-min-block-size-sm,var(--brick-frame-min-block-size,auto));max-block-size:var(--brick-frame-max-block-size-sm,var(--brick-frame-max-block-size,none))}}@media (width>=48rem){.brick-frame[data-frame]{inline-size:var(--brick-frame-inline-size-md,var(--brick-frame-inline-size-sm,var(--brick-frame-inline-size,auto)));min-inline-size:var(--brick-frame-min-inline-size-md,var(--brick-frame-min-inline-size-sm,var(--brick-frame-min-inline-size,auto)));max-inline-size:var(--brick-frame-max-inline-size-md,var(--brick-frame-max-inline-size-sm,var(--brick-frame-max-inline-size,none)));block-size:var(--brick-frame-block-size-md,var(--brick-frame-block-size-sm,var(--brick-frame-block-size,auto)));min-block-size:var(--brick-frame-min-block-size-md,var(--brick-frame-min-block-size-sm,var(--brick-frame-min-block-size,auto)));max-block-size:var(--brick-frame-max-block-size-md,var(--brick-frame-max-block-size-sm,var(--brick-frame-max-block-size,none)))}}@media (width>=64rem){.brick-frame[data-frame]{inline-size:var(--brick-frame-inline-size-lg,var(--brick-frame-inline-size-md,var(--brick-frame-inline-size-sm,var(--brick-frame-inline-size,auto))));min-inline-size:var(--brick-frame-min-inline-size-lg,var(--brick-frame-min-inline-size-md,var(--brick-frame-min-inline-size-sm,var(--brick-frame-min-inline-size,auto))));max-inline-size:var(--brick-frame-max-inline-size-lg,var(--brick-frame-max-inline-size-md,var(--brick-frame-max-inline-size-sm,var(--brick-frame-max-inline-size,none))));block-size:var(--brick-frame-block-size-lg,var(--brick-frame-block-size-md,var(--brick-frame-block-size-sm,var(--brick-frame-block-size,auto))));min-block-size:var(--brick-frame-min-block-size-lg,var(--brick-frame-min-block-size-md,var(--brick-frame-min-block-size-sm,var(--brick-frame-min-block-size,auto))));max-block-size:var(--brick-frame-max-block-size-lg,var(--brick-frame-max-block-size-md,var(--brick-frame-max-block-size-sm,var(--brick-frame-max-block-size,none))))}}@media (width>=80rem){.brick-frame[data-frame]{inline-size:var(--brick-frame-inline-size-xl,var(--brick-frame-inline-size-lg,var(--brick-frame-inline-size-md,var(--brick-frame-inline-size-sm,var(--brick-frame-inline-size,auto)))));min-inline-size:var(--brick-frame-min-inline-size-xl,var(--brick-frame-min-inline-size-lg,var(--brick-frame-min-inline-size-md,var(--brick-frame-min-inline-size-sm,var(--brick-frame-min-inline-size,auto)))));max-inline-size:var(--brick-frame-max-inline-size-xl,var(--brick-frame-max-inline-size-lg,var(--brick-frame-max-inline-size-md,var(--brick-frame-max-inline-size-sm,var(--brick-frame-max-inline-size,none)))));block-size:var(--brick-frame-block-size-xl,var(--brick-frame-block-size-lg,var(--brick-frame-block-size-md,var(--brick-frame-block-size-sm,var(--brick-frame-block-size,auto)))));min-block-size:var(--brick-frame-min-block-size-xl,var(--brick-frame-min-block-size-lg,var(--brick-frame-min-block-size-md,var(--brick-frame-min-block-size-sm,var(--brick-frame-min-block-size,auto)))));max-block-size:var(--brick-frame-max-block-size-xl,var(--brick-frame-max-block-size-lg,var(--brick-frame-max-block-size-md,var(--brick-frame-max-block-size-sm,var(--brick-frame-max-block-size,none)))))}}}@layer brick.effects;
2
2
  /*# sourceMappingURL=frame.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,uDAAA,uBCCE,8+CAyCA,sBACE,6iBAUF,sBACE,swBAUF,sBACE,+9BAUF,sBACE,yrCD5EJ","sources":["home/runner/work/brick/brick/.brick-cache/production/frame.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/frame/frame.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/frame/frame.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.utilities {\n .brick-frame[data-frame] {\n /* Prevent base and breakpoint constraints from leaking into nested Frames. */\n --brick-frame-inline-size: initial;\n --brick-frame-min-inline-size: initial;\n --brick-frame-max-inline-size: initial;\n --brick-frame-block-size: initial;\n --brick-frame-min-block-size: initial;\n --brick-frame-max-block-size: initial;\n --brick-frame-inline-size-sm: initial;\n --brick-frame-inline-size-md: initial;\n --brick-frame-inline-size-lg: initial;\n --brick-frame-inline-size-xl: initial;\n --brick-frame-min-inline-size-sm: initial;\n --brick-frame-min-inline-size-md: initial;\n --brick-frame-min-inline-size-lg: initial;\n --brick-frame-min-inline-size-xl: initial;\n --brick-frame-max-inline-size-sm: initial;\n --brick-frame-max-inline-size-md: initial;\n --brick-frame-max-inline-size-lg: initial;\n --brick-frame-max-inline-size-xl: initial;\n --brick-frame-block-size-sm: initial;\n --brick-frame-block-size-md: initial;\n --brick-frame-block-size-lg: initial;\n --brick-frame-block-size-xl: initial;\n --brick-frame-min-block-size-sm: initial;\n --brick-frame-min-block-size-md: initial;\n --brick-frame-min-block-size-lg: initial;\n --brick-frame-min-block-size-xl: initial;\n --brick-frame-max-block-size-sm: initial;\n --brick-frame-max-block-size-md: initial;\n --brick-frame-max-block-size-lg: initial;\n --brick-frame-max-block-size-xl: initial;\n box-sizing: border-box;\n inline-size: var(--brick-frame-inline-size, auto);\n min-inline-size: var(--brick-frame-min-inline-size, auto);\n max-inline-size: var(--brick-frame-max-inline-size, none);\n block-size: var(--brick-frame-block-size, auto);\n min-block-size: var(--brick-frame-min-block-size, auto);\n max-block-size: var(--brick-frame-max-block-size, none);\n }\n\n @media (width >= 30rem) {\n .brick-frame[data-frame] {\n inline-size: var(--brick-frame-inline-size-sm, var(--brick-frame-inline-size, auto));\n min-inline-size: var(--brick-frame-min-inline-size-sm, var(--brick-frame-min-inline-size, auto));\n max-inline-size: var(--brick-frame-max-inline-size-sm, var(--brick-frame-max-inline-size, none));\n block-size: var(--brick-frame-block-size-sm, var(--brick-frame-block-size, auto));\n min-block-size: var(--brick-frame-min-block-size-sm, var(--brick-frame-min-block-size, auto));\n max-block-size: var(--brick-frame-max-block-size-sm, var(--brick-frame-max-block-size, none));\n }\n }\n\n @media (width >= 48rem) {\n .brick-frame[data-frame] {\n inline-size: var(--brick-frame-inline-size-md, var(--brick-frame-inline-size-sm, var(--brick-frame-inline-size, auto)));\n min-inline-size: var(--brick-frame-min-inline-size-md, var(--brick-frame-min-inline-size-sm, var(--brick-frame-min-inline-size, auto)));\n max-inline-size: var(--brick-frame-max-inline-size-md, var(--brick-frame-max-inline-size-sm, var(--brick-frame-max-inline-size, none)));\n block-size: var(--brick-frame-block-size-md, var(--brick-frame-block-size-sm, var(--brick-frame-block-size, auto)));\n min-block-size: var(--brick-frame-min-block-size-md, var(--brick-frame-min-block-size-sm, var(--brick-frame-min-block-size, auto)));\n max-block-size: var(--brick-frame-max-block-size-md, var(--brick-frame-max-block-size-sm, var(--brick-frame-max-block-size, none)));\n }\n }\n\n @media (width >= 64rem) {\n .brick-frame[data-frame] {\n inline-size: var(--brick-frame-inline-size-lg, var(--brick-frame-inline-size-md, var(--brick-frame-inline-size-sm, var(--brick-frame-inline-size, auto))));\n min-inline-size: var(--brick-frame-min-inline-size-lg, var(--brick-frame-min-inline-size-md, var(--brick-frame-min-inline-size-sm, var(--brick-frame-min-inline-size, auto))));\n max-inline-size: var(--brick-frame-max-inline-size-lg, var(--brick-frame-max-inline-size-md, var(--brick-frame-max-inline-size-sm, var(--brick-frame-max-inline-size, none))));\n block-size: var(--brick-frame-block-size-lg, var(--brick-frame-block-size-md, var(--brick-frame-block-size-sm, var(--brick-frame-block-size, auto))));\n min-block-size: var(--brick-frame-min-block-size-lg, var(--brick-frame-min-block-size-md, var(--brick-frame-min-block-size-sm, var(--brick-frame-min-block-size, auto))));\n max-block-size: var(--brick-frame-max-block-size-lg, var(--brick-frame-max-block-size-md, var(--brick-frame-max-block-size-sm, var(--brick-frame-max-block-size, none))));\n }\n }\n\n @media (width >= 80rem) {\n .brick-frame[data-frame] {\n inline-size: var(--brick-frame-inline-size-xl, var(--brick-frame-inline-size-lg, var(--brick-frame-inline-size-md, var(--brick-frame-inline-size-sm, var(--brick-frame-inline-size, auto)))));\n min-inline-size: var(--brick-frame-min-inline-size-xl, var(--brick-frame-min-inline-size-lg, var(--brick-frame-min-inline-size-md, var(--brick-frame-min-inline-size-sm, var(--brick-frame-min-inline-size, auto)))));\n max-inline-size: var(--brick-frame-max-inline-size-xl, var(--brick-frame-max-inline-size-lg, var(--brick-frame-max-inline-size-md, var(--brick-frame-max-inline-size-sm, var(--brick-frame-max-inline-size, none)))));\n block-size: var(--brick-frame-block-size-xl, var(--brick-frame-block-size-lg, var(--brick-frame-block-size-md, var(--brick-frame-block-size-sm, var(--brick-frame-block-size, auto)))));\n min-block-size: var(--brick-frame-min-block-size-xl, var(--brick-frame-min-block-size-lg, var(--brick-frame-min-block-size-md, var(--brick-frame-min-block-size-sm, var(--brick-frame-min-block-size, auto)))));\n max-block-size: var(--brick-frame-max-block-size-xl, var(--brick-frame-max-block-size-lg, var(--brick-frame-max-block-size-md, var(--brick-frame-max-block-size-sm, var(--brick-frame-max-block-size, none)))));\n }\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,uEAAA,uBCCE,8+CAyCA,sBACE,6iBAUF,sBACE,swBAUF,sBACE,+9BAUF,sBACE,yrCD5EJ","sources":["home/runner/work/brick/brick/.brick-cache/production/frame.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/frame/frame.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/frame/frame.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.utilities {\n .brick-frame[data-frame] {\n /* Prevent base and breakpoint constraints from leaking into nested Frames. */\n --brick-frame-inline-size: initial;\n --brick-frame-min-inline-size: initial;\n --brick-frame-max-inline-size: initial;\n --brick-frame-block-size: initial;\n --brick-frame-min-block-size: initial;\n --brick-frame-max-block-size: initial;\n --brick-frame-inline-size-sm: initial;\n --brick-frame-inline-size-md: initial;\n --brick-frame-inline-size-lg: initial;\n --brick-frame-inline-size-xl: initial;\n --brick-frame-min-inline-size-sm: initial;\n --brick-frame-min-inline-size-md: initial;\n --brick-frame-min-inline-size-lg: initial;\n --brick-frame-min-inline-size-xl: initial;\n --brick-frame-max-inline-size-sm: initial;\n --brick-frame-max-inline-size-md: initial;\n --brick-frame-max-inline-size-lg: initial;\n --brick-frame-max-inline-size-xl: initial;\n --brick-frame-block-size-sm: initial;\n --brick-frame-block-size-md: initial;\n --brick-frame-block-size-lg: initial;\n --brick-frame-block-size-xl: initial;\n --brick-frame-min-block-size-sm: initial;\n --brick-frame-min-block-size-md: initial;\n --brick-frame-min-block-size-lg: initial;\n --brick-frame-min-block-size-xl: initial;\n --brick-frame-max-block-size-sm: initial;\n --brick-frame-max-block-size-md: initial;\n --brick-frame-max-block-size-lg: initial;\n --brick-frame-max-block-size-xl: initial;\n box-sizing: border-box;\n inline-size: var(--brick-frame-inline-size, auto);\n min-inline-size: var(--brick-frame-min-inline-size, auto);\n max-inline-size: var(--brick-frame-max-inline-size, none);\n block-size: var(--brick-frame-block-size, auto);\n min-block-size: var(--brick-frame-min-block-size, auto);\n max-block-size: var(--brick-frame-max-block-size, none);\n }\n\n @media (width >= 30rem) {\n .brick-frame[data-frame] {\n inline-size: var(--brick-frame-inline-size-sm, var(--brick-frame-inline-size, auto));\n min-inline-size: var(--brick-frame-min-inline-size-sm, var(--brick-frame-min-inline-size, auto));\n max-inline-size: var(--brick-frame-max-inline-size-sm, var(--brick-frame-max-inline-size, none));\n block-size: var(--brick-frame-block-size-sm, var(--brick-frame-block-size, auto));\n min-block-size: var(--brick-frame-min-block-size-sm, var(--brick-frame-min-block-size, auto));\n max-block-size: var(--brick-frame-max-block-size-sm, var(--brick-frame-max-block-size, none));\n }\n }\n\n @media (width >= 48rem) {\n .brick-frame[data-frame] {\n inline-size: var(--brick-frame-inline-size-md, var(--brick-frame-inline-size-sm, var(--brick-frame-inline-size, auto)));\n min-inline-size: var(--brick-frame-min-inline-size-md, var(--brick-frame-min-inline-size-sm, var(--brick-frame-min-inline-size, auto)));\n max-inline-size: var(--brick-frame-max-inline-size-md, var(--brick-frame-max-inline-size-sm, var(--brick-frame-max-inline-size, none)));\n block-size: var(--brick-frame-block-size-md, var(--brick-frame-block-size-sm, var(--brick-frame-block-size, auto)));\n min-block-size: var(--brick-frame-min-block-size-md, var(--brick-frame-min-block-size-sm, var(--brick-frame-min-block-size, auto)));\n max-block-size: var(--brick-frame-max-block-size-md, var(--brick-frame-max-block-size-sm, var(--brick-frame-max-block-size, none)));\n }\n }\n\n @media (width >= 64rem) {\n .brick-frame[data-frame] {\n inline-size: var(--brick-frame-inline-size-lg, var(--brick-frame-inline-size-md, var(--brick-frame-inline-size-sm, var(--brick-frame-inline-size, auto))));\n min-inline-size: var(--brick-frame-min-inline-size-lg, var(--brick-frame-min-inline-size-md, var(--brick-frame-min-inline-size-sm, var(--brick-frame-min-inline-size, auto))));\n max-inline-size: var(--brick-frame-max-inline-size-lg, var(--brick-frame-max-inline-size-md, var(--brick-frame-max-inline-size-sm, var(--brick-frame-max-inline-size, none))));\n block-size: var(--brick-frame-block-size-lg, var(--brick-frame-block-size-md, var(--brick-frame-block-size-sm, var(--brick-frame-block-size, auto))));\n min-block-size: var(--brick-frame-min-block-size-lg, var(--brick-frame-min-block-size-md, var(--brick-frame-min-block-size-sm, var(--brick-frame-min-block-size, auto))));\n max-block-size: var(--brick-frame-max-block-size-lg, var(--brick-frame-max-block-size-md, var(--brick-frame-max-block-size-sm, var(--brick-frame-max-block-size, none))));\n }\n }\n\n @media (width >= 80rem) {\n .brick-frame[data-frame] {\n inline-size: var(--brick-frame-inline-size-xl, var(--brick-frame-inline-size-lg, var(--brick-frame-inline-size-md, var(--brick-frame-inline-size-sm, var(--brick-frame-inline-size, auto)))));\n min-inline-size: var(--brick-frame-min-inline-size-xl, var(--brick-frame-min-inline-size-lg, var(--brick-frame-min-inline-size-md, var(--brick-frame-min-inline-size-sm, var(--brick-frame-min-inline-size, auto)))));\n max-inline-size: var(--brick-frame-max-inline-size-xl, var(--brick-frame-max-inline-size-lg, var(--brick-frame-max-inline-size-md, var(--brick-frame-max-inline-size-sm, var(--brick-frame-max-inline-size, none)))));\n block-size: var(--brick-frame-block-size-xl, var(--brick-frame-block-size-lg, var(--brick-frame-block-size-md, var(--brick-frame-block-size-sm, var(--brick-frame-block-size, auto)))));\n min-block-size: var(--brick-frame-min-block-size-xl, var(--brick-frame-min-block-size-lg, var(--brick-frame-min-block-size-md, var(--brick-frame-min-block-size-sm, var(--brick-frame-min-block-size, auto)))));\n max-block-size: var(--brick-frame-max-block-size-xl, var(--brick-frame-max-block-size-lg, var(--brick-frame-max-block-size-md, var(--brick-frame-max-block-size-sm, var(--brick-frame-max-block-size, none)))));\n }\n }\n}\n"],"names":[]}
@@ -1,2 +1,2 @@
1
- @layer brick.tokens,brick.foundations;@layer brick.components{.brick-grid{--brick-grid-columns:1;--brick-grid-gap:var(--brick-space-0);--brick-grid-row-gap:var(--brick-grid-gap);--brick-grid-column-gap:var(--brick-grid-gap);--brick-grid-min-item-size:16rem;box-sizing:border-box;grid-auto-flow:row;grid-template-columns:repeat(var(--brick-grid-columns), minmax(0, 1fr));place-items:stretch stretch;row-gap:var(--brick-grid-row-gap);column-gap:var(--brick-grid-column-gap);min-inline-size:0;display:grid}.brick-grid[data-mode=intrinsic]{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--brick-grid-min-item-size)), 1fr))}.brick-grid[data-columns="2"]{--brick-grid-columns:2}.brick-grid[data-columns="3"]{--brick-grid-columns:3}.brick-grid[data-columns="4"]{--brick-grid-columns:4}.brick-grid[data-columns="5"]{--brick-grid-columns:5}.brick-grid[data-columns="6"]{--brick-grid-columns:6}.brick-grid[data-columns="7"]{--brick-grid-columns:7}.brick-grid[data-columns="8"]{--brick-grid-columns:8}.brick-grid[data-columns="9"]{--brick-grid-columns:9}.brick-grid[data-columns="10"]{--brick-grid-columns:10}.brick-grid[data-columns="11"]{--brick-grid-columns:11}.brick-grid[data-columns="12"]{--brick-grid-columns:12}.brick-grid[data-min-item-size=xs]{--brick-grid-min-item-size:8rem}.brick-grid[data-min-item-size=sm]{--brick-grid-min-item-size:12rem}.brick-grid[data-min-item-size=md]{--brick-grid-min-item-size:16rem}.brick-grid[data-min-item-size=lg]{--brick-grid-min-item-size:20rem}.brick-grid[data-min-item-size=xl]{--brick-grid-min-item-size:24rem}.brick-grid[data-gap="1"]{--brick-grid-gap:var(--brick-space-1)}.brick-grid[data-gap="2"]{--brick-grid-gap:var(--brick-space-2)}.brick-grid[data-gap="3"]{--brick-grid-gap:var(--brick-space-3)}.brick-grid[data-gap="4"]{--brick-grid-gap:var(--brick-space-4)}.brick-grid[data-gap="5"]{--brick-grid-gap:var(--brick-space-5)}.brick-grid[data-gap="6"]{--brick-grid-gap:var(--brick-space-6)}.brick-grid[data-row-gap="0"]{--brick-grid-row-gap:var(--brick-space-0)}.brick-grid[data-row-gap="1"]{--brick-grid-row-gap:var(--brick-space-1)}.brick-grid[data-row-gap="2"]{--brick-grid-row-gap:var(--brick-space-2)}.brick-grid[data-row-gap="3"]{--brick-grid-row-gap:var(--brick-space-3)}.brick-grid[data-row-gap="4"]{--brick-grid-row-gap:var(--brick-space-4)}.brick-grid[data-row-gap="5"]{--brick-grid-row-gap:var(--brick-space-5)}.brick-grid[data-row-gap="6"]{--brick-grid-row-gap:var(--brick-space-6)}.brick-grid[data-column-gap="0"]{--brick-grid-column-gap:var(--brick-space-0)}.brick-grid[data-column-gap="1"]{--brick-grid-column-gap:var(--brick-space-1)}.brick-grid[data-column-gap="2"]{--brick-grid-column-gap:var(--brick-space-2)}.brick-grid[data-column-gap="3"]{--brick-grid-column-gap:var(--brick-space-3)}.brick-grid[data-column-gap="4"]{--brick-grid-column-gap:var(--brick-space-4)}.brick-grid[data-column-gap="5"]{--brick-grid-column-gap:var(--brick-space-5)}.brick-grid[data-column-gap="6"]{--brick-grid-column-gap:var(--brick-space-6)}.brick-grid[data-align=start]{align-items:start}.brick-grid[data-align=center]{align-items:center}.brick-grid[data-align=end]{align-items:end}.brick-grid[data-align=baseline]{align-items:baseline}.brick-grid[data-justify=start]{justify-items:start}.brick-grid[data-justify=center]{justify-items:center}.brick-grid[data-justify=end]{justify-items:end}.brick-grid>*,.brick-grid-item{min-inline-size:0}.brick-grid-item{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:auto;--brick-grid-item-row-start:auto;--brick-grid-item-row-end:auto;box-sizing:border-box;grid-column-start:var(--brick-grid-item-column-start);grid-column-end:var(--brick-grid-item-column-end);grid-row-start:var(--brick-grid-item-row-start);grid-row-end:var(--brick-grid-item-row-end);place-self:auto}.brick-grid-item[data-align=stretch]{align-self:stretch}.brick-grid-item[data-align=start]{align-self:start}.brick-grid-item[data-align=center]{align-self:center}.brick-grid-item[data-align=end]{align-self:end}.brick-grid-item[data-align=baseline]{align-self:baseline}.brick-grid-item[data-justify=stretch]{justify-self:stretch}.brick-grid-item[data-justify=start]{justify-self:start}.brick-grid-item[data-justify=center]{justify-self:center}.brick-grid-item[data-justify=end]{justify-self:end}.brick-grid-item[data-column-span=full]{--brick-grid-item-column-start:1;--brick-grid-item-column-end:-1}.brick-grid-item[data-column-span="1"]{--brick-grid-item-column-end:span 1}.brick-grid-item[data-column-span="2"]{--brick-grid-item-column-end:span 2}.brick-grid-item[data-column-span="3"]{--brick-grid-item-column-end:span 3}.brick-grid-item[data-column-span="4"]{--brick-grid-item-column-end:span 4}.brick-grid-item[data-column-span="5"]{--brick-grid-item-column-end:span 5}.brick-grid-item[data-column-span="6"]{--brick-grid-item-column-end:span 6}.brick-grid-item[data-column-span="7"]{--brick-grid-item-column-end:span 7}.brick-grid-item[data-column-span="8"]{--brick-grid-item-column-end:span 8}.brick-grid-item[data-column-span="9"]{--brick-grid-item-column-end:span 9}.brick-grid-item[data-column-span="10"]{--brick-grid-item-column-end:span 10}.brick-grid-item[data-column-span="11"]{--brick-grid-item-column-end:span 11}.brick-grid-item[data-column-span="12"]{--brick-grid-item-column-end:span 12}.brick-grid-item[data-row-span="1"]{--brick-grid-item-row-end:span 1}.brick-grid-item[data-row-span="2"]{--brick-grid-item-row-end:span 2}.brick-grid-item[data-row-span="3"]{--brick-grid-item-row-end:span 3}.brick-grid-item[data-row-span="4"]{--brick-grid-item-row-end:span 4}.brick-grid-item[data-row-span="5"]{--brick-grid-item-row-end:span 5}.brick-grid-item[data-row-span="6"]{--brick-grid-item-row-end:span 6}.brick-grid-item[data-row-span="7"]{--brick-grid-item-row-end:span 7}.brick-grid-item[data-row-span="8"]{--brick-grid-item-row-end:span 8}.brick-grid-item[data-row-span="9"]{--brick-grid-item-row-end:span 9}.brick-grid-item[data-row-span="10"]{--brick-grid-item-row-end:span 10}.brick-grid-item[data-row-span="11"]{--brick-grid-item-row-end:span 11}.brick-grid-item[data-row-span="12"]{--brick-grid-item-row-end:span 12}.brick-grid-item[data-column-start="1"]{--brick-grid-item-column-start:1}.brick-grid-item[data-column-start="2"]{--brick-grid-item-column-start:2}.brick-grid-item[data-column-start="3"]{--brick-grid-item-column-start:3}.brick-grid-item[data-column-start="4"]{--brick-grid-item-column-start:4}.brick-grid-item[data-column-start="5"]{--brick-grid-item-column-start:5}.brick-grid-item[data-column-start="6"]{--brick-grid-item-column-start:6}.brick-grid-item[data-column-start="7"]{--brick-grid-item-column-start:7}.brick-grid-item[data-column-start="8"]{--brick-grid-item-column-start:8}.brick-grid-item[data-column-start="9"]{--brick-grid-item-column-start:9}.brick-grid-item[data-column-start="10"]{--brick-grid-item-column-start:10}.brick-grid-item[data-column-start="11"]{--brick-grid-item-column-start:11}.brick-grid-item[data-column-start="12"]{--brick-grid-item-column-start:12}.brick-grid-item[data-column-start="13"]{--brick-grid-item-column-start:13}.brick-grid-item[data-column-end="1"]{--brick-grid-item-column-end:1}.brick-grid-item[data-column-end="2"]{--brick-grid-item-column-end:2}.brick-grid-item[data-column-end="3"]{--brick-grid-item-column-end:3}.brick-grid-item[data-column-end="4"]{--brick-grid-item-column-end:4}.brick-grid-item[data-column-end="5"]{--brick-grid-item-column-end:5}.brick-grid-item[data-column-end="6"]{--brick-grid-item-column-end:6}.brick-grid-item[data-column-end="7"]{--brick-grid-item-column-end:7}.brick-grid-item[data-column-end="8"]{--brick-grid-item-column-end:8}.brick-grid-item[data-column-end="9"]{--brick-grid-item-column-end:9}.brick-grid-item[data-column-end="10"]{--brick-grid-item-column-end:10}.brick-grid-item[data-column-end="11"]{--brick-grid-item-column-end:11}.brick-grid-item[data-column-end="12"]{--brick-grid-item-column-end:12}.brick-grid-item[data-column-end="13"]{--brick-grid-item-column-end:13}.brick-grid-item[data-row-start="1"]{--brick-grid-item-row-start:1}.brick-grid-item[data-row-start="2"]{--brick-grid-item-row-start:2}.brick-grid-item[data-row-start="3"]{--brick-grid-item-row-start:3}.brick-grid-item[data-row-start="4"]{--brick-grid-item-row-start:4}.brick-grid-item[data-row-start="5"]{--brick-grid-item-row-start:5}.brick-grid-item[data-row-start="6"]{--brick-grid-item-row-start:6}.brick-grid-item[data-row-start="7"]{--brick-grid-item-row-start:7}.brick-grid-item[data-row-start="8"]{--brick-grid-item-row-start:8}.brick-grid-item[data-row-start="9"]{--brick-grid-item-row-start:9}.brick-grid-item[data-row-start="10"]{--brick-grid-item-row-start:10}.brick-grid-item[data-row-start="11"]{--brick-grid-item-row-start:11}.brick-grid-item[data-row-start="12"]{--brick-grid-item-row-start:12}.brick-grid-item[data-row-start="13"]{--brick-grid-item-row-start:13}.brick-grid-item[data-row-end="1"]{--brick-grid-item-row-end:1}.brick-grid-item[data-row-end="2"]{--brick-grid-item-row-end:2}.brick-grid-item[data-row-end="3"]{--brick-grid-item-row-end:3}.brick-grid-item[data-row-end="4"]{--brick-grid-item-row-end:4}.brick-grid-item[data-row-end="5"]{--brick-grid-item-row-end:5}.brick-grid-item[data-row-end="6"]{--brick-grid-item-row-end:6}.brick-grid-item[data-row-end="7"]{--brick-grid-item-row-end:7}.brick-grid-item[data-row-end="8"]{--brick-grid-item-row-end:8}.brick-grid-item[data-row-end="9"]{--brick-grid-item-row-end:9}.brick-grid-item[data-row-end="10"]{--brick-grid-item-row-end:10}.brick-grid-item[data-row-end="11"]{--brick-grid-item-row-end:11}.brick-grid-item[data-row-end="12"]{--brick-grid-item-row-end:12}.brick-grid-item[data-row-end="13"]{--brick-grid-item-row-end:13}@media (width>=30rem){.brick-grid[data-columns-sm="1"]{--brick-grid-columns:1}.brick-grid[data-columns-sm="2"]{--brick-grid-columns:2}.brick-grid[data-columns-sm="3"]{--brick-grid-columns:3}.brick-grid[data-columns-sm="4"]{--brick-grid-columns:4}.brick-grid[data-columns-sm="5"]{--brick-grid-columns:5}.brick-grid[data-columns-sm="6"]{--brick-grid-columns:6}.brick-grid[data-columns-sm="7"]{--brick-grid-columns:7}.brick-grid[data-columns-sm="8"]{--brick-grid-columns:8}.brick-grid[data-columns-sm="9"]{--brick-grid-columns:9}.brick-grid[data-columns-sm="10"]{--brick-grid-columns:10}.brick-grid[data-columns-sm="11"]{--brick-grid-columns:11}.brick-grid[data-columns-sm="12"]{--brick-grid-columns:12}.brick-grid[data-gap-sm="0"]{--brick-grid-gap:var(--brick-space-0)}.brick-grid[data-gap-sm="1"]{--brick-grid-gap:var(--brick-space-1)}.brick-grid[data-gap-sm="2"]{--brick-grid-gap:var(--brick-space-2)}.brick-grid[data-gap-sm="3"]{--brick-grid-gap:var(--brick-space-3)}.brick-grid[data-gap-sm="4"]{--brick-grid-gap:var(--brick-space-4)}.brick-grid[data-gap-sm="5"]{--brick-grid-gap:var(--brick-space-5)}.brick-grid[data-gap-sm="6"]{--brick-grid-gap:var(--brick-space-6)}.brick-grid[data-row-gap-sm="0"]{--brick-grid-row-gap:var(--brick-space-0)}.brick-grid[data-row-gap-sm="1"]{--brick-grid-row-gap:var(--brick-space-1)}.brick-grid[data-row-gap-sm="2"]{--brick-grid-row-gap:var(--brick-space-2)}.brick-grid[data-row-gap-sm="3"]{--brick-grid-row-gap:var(--brick-space-3)}.brick-grid[data-row-gap-sm="4"]{--brick-grid-row-gap:var(--brick-space-4)}.brick-grid[data-row-gap-sm="5"]{--brick-grid-row-gap:var(--brick-space-5)}.brick-grid[data-row-gap-sm="6"]{--brick-grid-row-gap:var(--brick-space-6)}.brick-grid[data-column-gap-sm="0"]{--brick-grid-column-gap:var(--brick-space-0)}.brick-grid[data-column-gap-sm="1"]{--brick-grid-column-gap:var(--brick-space-1)}.brick-grid[data-column-gap-sm="2"]{--brick-grid-column-gap:var(--brick-space-2)}.brick-grid[data-column-gap-sm="3"]{--brick-grid-column-gap:var(--brick-space-3)}.brick-grid[data-column-gap-sm="4"]{--brick-grid-column-gap:var(--brick-space-4)}.brick-grid[data-column-gap-sm="5"]{--brick-grid-column-gap:var(--brick-space-5)}.brick-grid[data-column-gap-sm="6"]{--brick-grid-column-gap:var(--brick-space-6)}.brick-grid[data-align-sm=stretch]{align-items:stretch}.brick-grid[data-align-sm=start]{align-items:start}.brick-grid[data-align-sm=center]{align-items:center}.brick-grid[data-align-sm=end]{align-items:end}.brick-grid[data-align-sm=baseline]{align-items:baseline}.brick-grid[data-justify-sm=stretch]{justify-items:stretch}.brick-grid[data-justify-sm=start]{justify-items:start}.brick-grid[data-justify-sm=center]{justify-items:center}.brick-grid[data-justify-sm=end]{justify-items:end}.brick-grid-item[data-align-sm=auto]{align-self:auto}.brick-grid-item[data-align-sm=stretch]{align-self:stretch}.brick-grid-item[data-align-sm=start]{align-self:start}.brick-grid-item[data-align-sm=center]{align-self:center}.brick-grid-item[data-align-sm=end]{align-self:end}.brick-grid-item[data-align-sm=baseline]{align-self:baseline}.brick-grid-item[data-justify-sm=auto]{justify-self:auto}.brick-grid-item[data-justify-sm=stretch]{justify-self:stretch}.brick-grid-item[data-justify-sm=start]{justify-self:start}.brick-grid-item[data-justify-sm=center]{justify-self:center}.brick-grid-item[data-justify-sm=end]{justify-self:end}.brick-grid-item[data-column-span-sm=full]{--brick-grid-item-column-start:1;--brick-grid-item-column-end:-1}.brick-grid-item[data-column-span-sm="1"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 1}.brick-grid-item[data-column-span-sm="2"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 2}.brick-grid-item[data-column-span-sm="3"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 3}.brick-grid-item[data-column-span-sm="4"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 4}.brick-grid-item[data-column-span-sm="5"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 5}.brick-grid-item[data-column-span-sm="6"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 6}.brick-grid-item[data-column-span-sm="7"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 7}.brick-grid-item[data-column-span-sm="8"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 8}.brick-grid-item[data-column-span-sm="9"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 9}.brick-grid-item[data-column-span-sm="10"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 10}.brick-grid-item[data-column-span-sm="11"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 11}.brick-grid-item[data-column-span-sm="12"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 12}.brick-grid-item[data-row-span-sm="1"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 1}.brick-grid-item[data-row-span-sm="2"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 2}.brick-grid-item[data-row-span-sm="3"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 3}.brick-grid-item[data-row-span-sm="4"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 4}.brick-grid-item[data-row-span-sm="5"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 5}.brick-grid-item[data-row-span-sm="6"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 6}.brick-grid-item[data-row-span-sm="7"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 7}.brick-grid-item[data-row-span-sm="8"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 8}.brick-grid-item[data-row-span-sm="9"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 9}.brick-grid-item[data-row-span-sm="10"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 10}.brick-grid-item[data-row-span-sm="11"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 11}.brick-grid-item[data-row-span-sm="12"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 12}}@media (width>=48rem){.brick-grid[data-columns-md="1"]{--brick-grid-columns:1}.brick-grid[data-columns-md="2"]{--brick-grid-columns:2}.brick-grid[data-columns-md="3"]{--brick-grid-columns:3}.brick-grid[data-columns-md="4"]{--brick-grid-columns:4}.brick-grid[data-columns-md="5"]{--brick-grid-columns:5}.brick-grid[data-columns-md="6"]{--brick-grid-columns:6}.brick-grid[data-columns-md="7"]{--brick-grid-columns:7}.brick-grid[data-columns-md="8"]{--brick-grid-columns:8}.brick-grid[data-columns-md="9"]{--brick-grid-columns:9}.brick-grid[data-columns-md="10"]{--brick-grid-columns:10}.brick-grid[data-columns-md="11"]{--brick-grid-columns:11}.brick-grid[data-columns-md="12"]{--brick-grid-columns:12}.brick-grid[data-gap-md="0"]{--brick-grid-gap:var(--brick-space-0)}.brick-grid[data-gap-md="1"]{--brick-grid-gap:var(--brick-space-1)}.brick-grid[data-gap-md="2"]{--brick-grid-gap:var(--brick-space-2)}.brick-grid[data-gap-md="3"]{--brick-grid-gap:var(--brick-space-3)}.brick-grid[data-gap-md="4"]{--brick-grid-gap:var(--brick-space-4)}.brick-grid[data-gap-md="5"]{--brick-grid-gap:var(--brick-space-5)}.brick-grid[data-gap-md="6"]{--brick-grid-gap:var(--brick-space-6)}.brick-grid[data-row-gap-md="0"]{--brick-grid-row-gap:var(--brick-space-0)}.brick-grid[data-row-gap-md="1"]{--brick-grid-row-gap:var(--brick-space-1)}.brick-grid[data-row-gap-md="2"]{--brick-grid-row-gap:var(--brick-space-2)}.brick-grid[data-row-gap-md="3"]{--brick-grid-row-gap:var(--brick-space-3)}.brick-grid[data-row-gap-md="4"]{--brick-grid-row-gap:var(--brick-space-4)}.brick-grid[data-row-gap-md="5"]{--brick-grid-row-gap:var(--brick-space-5)}.brick-grid[data-row-gap-md="6"]{--brick-grid-row-gap:var(--brick-space-6)}.brick-grid[data-column-gap-md="0"]{--brick-grid-column-gap:var(--brick-space-0)}.brick-grid[data-column-gap-md="1"]{--brick-grid-column-gap:var(--brick-space-1)}.brick-grid[data-column-gap-md="2"]{--brick-grid-column-gap:var(--brick-space-2)}.brick-grid[data-column-gap-md="3"]{--brick-grid-column-gap:var(--brick-space-3)}.brick-grid[data-column-gap-md="4"]{--brick-grid-column-gap:var(--brick-space-4)}.brick-grid[data-column-gap-md="5"]{--brick-grid-column-gap:var(--brick-space-5)}.brick-grid[data-column-gap-md="6"]{--brick-grid-column-gap:var(--brick-space-6)}.brick-grid[data-align-md=stretch]{align-items:stretch}.brick-grid[data-align-md=start]{align-items:start}.brick-grid[data-align-md=center]{align-items:center}.brick-grid[data-align-md=end]{align-items:end}.brick-grid[data-align-md=baseline]{align-items:baseline}.brick-grid[data-justify-md=stretch]{justify-items:stretch}.brick-grid[data-justify-md=start]{justify-items:start}.brick-grid[data-justify-md=center]{justify-items:center}.brick-grid[data-justify-md=end]{justify-items:end}.brick-grid-item[data-align-md=auto]{align-self:auto}.brick-grid-item[data-align-md=stretch]{align-self:stretch}.brick-grid-item[data-align-md=start]{align-self:start}.brick-grid-item[data-align-md=center]{align-self:center}.brick-grid-item[data-align-md=end]{align-self:end}.brick-grid-item[data-align-md=baseline]{align-self:baseline}.brick-grid-item[data-justify-md=auto]{justify-self:auto}.brick-grid-item[data-justify-md=stretch]{justify-self:stretch}.brick-grid-item[data-justify-md=start]{justify-self:start}.brick-grid-item[data-justify-md=center]{justify-self:center}.brick-grid-item[data-justify-md=end]{justify-self:end}.brick-grid-item[data-column-span-md=full]{--brick-grid-item-column-start:1;--brick-grid-item-column-end:-1}.brick-grid-item[data-column-span-md="1"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 1}.brick-grid-item[data-column-span-md="2"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 2}.brick-grid-item[data-column-span-md="3"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 3}.brick-grid-item[data-column-span-md="4"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 4}.brick-grid-item[data-column-span-md="5"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 5}.brick-grid-item[data-column-span-md="6"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 6}.brick-grid-item[data-column-span-md="7"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 7}.brick-grid-item[data-column-span-md="8"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 8}.brick-grid-item[data-column-span-md="9"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 9}.brick-grid-item[data-column-span-md="10"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 10}.brick-grid-item[data-column-span-md="11"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 11}.brick-grid-item[data-column-span-md="12"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 12}.brick-grid-item[data-row-span-md="1"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 1}.brick-grid-item[data-row-span-md="2"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 2}.brick-grid-item[data-row-span-md="3"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 3}.brick-grid-item[data-row-span-md="4"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 4}.brick-grid-item[data-row-span-md="5"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 5}.brick-grid-item[data-row-span-md="6"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 6}.brick-grid-item[data-row-span-md="7"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 7}.brick-grid-item[data-row-span-md="8"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 8}.brick-grid-item[data-row-span-md="9"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 9}.brick-grid-item[data-row-span-md="10"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 10}.brick-grid-item[data-row-span-md="11"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 11}.brick-grid-item[data-row-span-md="12"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 12}}@media (width>=64rem){.brick-grid[data-columns-lg="1"]{--brick-grid-columns:1}.brick-grid[data-columns-lg="2"]{--brick-grid-columns:2}.brick-grid[data-columns-lg="3"]{--brick-grid-columns:3}.brick-grid[data-columns-lg="4"]{--brick-grid-columns:4}.brick-grid[data-columns-lg="5"]{--brick-grid-columns:5}.brick-grid[data-columns-lg="6"]{--brick-grid-columns:6}.brick-grid[data-columns-lg="7"]{--brick-grid-columns:7}.brick-grid[data-columns-lg="8"]{--brick-grid-columns:8}.brick-grid[data-columns-lg="9"]{--brick-grid-columns:9}.brick-grid[data-columns-lg="10"]{--brick-grid-columns:10}.brick-grid[data-columns-lg="11"]{--brick-grid-columns:11}.brick-grid[data-columns-lg="12"]{--brick-grid-columns:12}.brick-grid[data-gap-lg="0"]{--brick-grid-gap:var(--brick-space-0)}.brick-grid[data-gap-lg="1"]{--brick-grid-gap:var(--brick-space-1)}.brick-grid[data-gap-lg="2"]{--brick-grid-gap:var(--brick-space-2)}.brick-grid[data-gap-lg="3"]{--brick-grid-gap:var(--brick-space-3)}.brick-grid[data-gap-lg="4"]{--brick-grid-gap:var(--brick-space-4)}.brick-grid[data-gap-lg="5"]{--brick-grid-gap:var(--brick-space-5)}.brick-grid[data-gap-lg="6"]{--brick-grid-gap:var(--brick-space-6)}.brick-grid[data-row-gap-lg="0"]{--brick-grid-row-gap:var(--brick-space-0)}.brick-grid[data-row-gap-lg="1"]{--brick-grid-row-gap:var(--brick-space-1)}.brick-grid[data-row-gap-lg="2"]{--brick-grid-row-gap:var(--brick-space-2)}.brick-grid[data-row-gap-lg="3"]{--brick-grid-row-gap:var(--brick-space-3)}.brick-grid[data-row-gap-lg="4"]{--brick-grid-row-gap:var(--brick-space-4)}.brick-grid[data-row-gap-lg="5"]{--brick-grid-row-gap:var(--brick-space-5)}.brick-grid[data-row-gap-lg="6"]{--brick-grid-row-gap:var(--brick-space-6)}.brick-grid[data-column-gap-lg="0"]{--brick-grid-column-gap:var(--brick-space-0)}.brick-grid[data-column-gap-lg="1"]{--brick-grid-column-gap:var(--brick-space-1)}.brick-grid[data-column-gap-lg="2"]{--brick-grid-column-gap:var(--brick-space-2)}.brick-grid[data-column-gap-lg="3"]{--brick-grid-column-gap:var(--brick-space-3)}.brick-grid[data-column-gap-lg="4"]{--brick-grid-column-gap:var(--brick-space-4)}.brick-grid[data-column-gap-lg="5"]{--brick-grid-column-gap:var(--brick-space-5)}.brick-grid[data-column-gap-lg="6"]{--brick-grid-column-gap:var(--brick-space-6)}.brick-grid[data-align-lg=stretch]{align-items:stretch}.brick-grid[data-align-lg=start]{align-items:start}.brick-grid[data-align-lg=center]{align-items:center}.brick-grid[data-align-lg=end]{align-items:end}.brick-grid[data-align-lg=baseline]{align-items:baseline}.brick-grid[data-justify-lg=stretch]{justify-items:stretch}.brick-grid[data-justify-lg=start]{justify-items:start}.brick-grid[data-justify-lg=center]{justify-items:center}.brick-grid[data-justify-lg=end]{justify-items:end}.brick-grid-item[data-align-lg=auto]{align-self:auto}.brick-grid-item[data-align-lg=stretch]{align-self:stretch}.brick-grid-item[data-align-lg=start]{align-self:start}.brick-grid-item[data-align-lg=center]{align-self:center}.brick-grid-item[data-align-lg=end]{align-self:end}.brick-grid-item[data-align-lg=baseline]{align-self:baseline}.brick-grid-item[data-justify-lg=auto]{justify-self:auto}.brick-grid-item[data-justify-lg=stretch]{justify-self:stretch}.brick-grid-item[data-justify-lg=start]{justify-self:start}.brick-grid-item[data-justify-lg=center]{justify-self:center}.brick-grid-item[data-justify-lg=end]{justify-self:end}.brick-grid-item[data-column-span-lg=full]{--brick-grid-item-column-start:1;--brick-grid-item-column-end:-1}.brick-grid-item[data-column-span-lg="1"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 1}.brick-grid-item[data-column-span-lg="2"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 2}.brick-grid-item[data-column-span-lg="3"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 3}.brick-grid-item[data-column-span-lg="4"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 4}.brick-grid-item[data-column-span-lg="5"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 5}.brick-grid-item[data-column-span-lg="6"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 6}.brick-grid-item[data-column-span-lg="7"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 7}.brick-grid-item[data-column-span-lg="8"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 8}.brick-grid-item[data-column-span-lg="9"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 9}.brick-grid-item[data-column-span-lg="10"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 10}.brick-grid-item[data-column-span-lg="11"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 11}.brick-grid-item[data-column-span-lg="12"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 12}.brick-grid-item[data-row-span-lg="1"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 1}.brick-grid-item[data-row-span-lg="2"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 2}.brick-grid-item[data-row-span-lg="3"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 3}.brick-grid-item[data-row-span-lg="4"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 4}.brick-grid-item[data-row-span-lg="5"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 5}.brick-grid-item[data-row-span-lg="6"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 6}.brick-grid-item[data-row-span-lg="7"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 7}.brick-grid-item[data-row-span-lg="8"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 8}.brick-grid-item[data-row-span-lg="9"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 9}.brick-grid-item[data-row-span-lg="10"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 10}.brick-grid-item[data-row-span-lg="11"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 11}.brick-grid-item[data-row-span-lg="12"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 12}}@media (width>=80rem){.brick-grid[data-columns-xl="1"]{--brick-grid-columns:1}.brick-grid[data-columns-xl="2"]{--brick-grid-columns:2}.brick-grid[data-columns-xl="3"]{--brick-grid-columns:3}.brick-grid[data-columns-xl="4"]{--brick-grid-columns:4}.brick-grid[data-columns-xl="5"]{--brick-grid-columns:5}.brick-grid[data-columns-xl="6"]{--brick-grid-columns:6}.brick-grid[data-columns-xl="7"]{--brick-grid-columns:7}.brick-grid[data-columns-xl="8"]{--brick-grid-columns:8}.brick-grid[data-columns-xl="9"]{--brick-grid-columns:9}.brick-grid[data-columns-xl="10"]{--brick-grid-columns:10}.brick-grid[data-columns-xl="11"]{--brick-grid-columns:11}.brick-grid[data-columns-xl="12"]{--brick-grid-columns:12}.brick-grid[data-gap-xl="0"]{--brick-grid-gap:var(--brick-space-0)}.brick-grid[data-gap-xl="1"]{--brick-grid-gap:var(--brick-space-1)}.brick-grid[data-gap-xl="2"]{--brick-grid-gap:var(--brick-space-2)}.brick-grid[data-gap-xl="3"]{--brick-grid-gap:var(--brick-space-3)}.brick-grid[data-gap-xl="4"]{--brick-grid-gap:var(--brick-space-4)}.brick-grid[data-gap-xl="5"]{--brick-grid-gap:var(--brick-space-5)}.brick-grid[data-gap-xl="6"]{--brick-grid-gap:var(--brick-space-6)}.brick-grid[data-row-gap-xl="0"]{--brick-grid-row-gap:var(--brick-space-0)}.brick-grid[data-row-gap-xl="1"]{--brick-grid-row-gap:var(--brick-space-1)}.brick-grid[data-row-gap-xl="2"]{--brick-grid-row-gap:var(--brick-space-2)}.brick-grid[data-row-gap-xl="3"]{--brick-grid-row-gap:var(--brick-space-3)}.brick-grid[data-row-gap-xl="4"]{--brick-grid-row-gap:var(--brick-space-4)}.brick-grid[data-row-gap-xl="5"]{--brick-grid-row-gap:var(--brick-space-5)}.brick-grid[data-row-gap-xl="6"]{--brick-grid-row-gap:var(--brick-space-6)}.brick-grid[data-column-gap-xl="0"]{--brick-grid-column-gap:var(--brick-space-0)}.brick-grid[data-column-gap-xl="1"]{--brick-grid-column-gap:var(--brick-space-1)}.brick-grid[data-column-gap-xl="2"]{--brick-grid-column-gap:var(--brick-space-2)}.brick-grid[data-column-gap-xl="3"]{--brick-grid-column-gap:var(--brick-space-3)}.brick-grid[data-column-gap-xl="4"]{--brick-grid-column-gap:var(--brick-space-4)}.brick-grid[data-column-gap-xl="5"]{--brick-grid-column-gap:var(--brick-space-5)}.brick-grid[data-column-gap-xl="6"]{--brick-grid-column-gap:var(--brick-space-6)}.brick-grid[data-align-xl=stretch]{align-items:stretch}.brick-grid[data-align-xl=start]{align-items:start}.brick-grid[data-align-xl=center]{align-items:center}.brick-grid[data-align-xl=end]{align-items:end}.brick-grid[data-align-xl=baseline]{align-items:baseline}.brick-grid[data-justify-xl=stretch]{justify-items:stretch}.brick-grid[data-justify-xl=start]{justify-items:start}.brick-grid[data-justify-xl=center]{justify-items:center}.brick-grid[data-justify-xl=end]{justify-items:end}.brick-grid-item[data-align-xl=auto]{align-self:auto}.brick-grid-item[data-align-xl=stretch]{align-self:stretch}.brick-grid-item[data-align-xl=start]{align-self:start}.brick-grid-item[data-align-xl=center]{align-self:center}.brick-grid-item[data-align-xl=end]{align-self:end}.brick-grid-item[data-align-xl=baseline]{align-self:baseline}.brick-grid-item[data-justify-xl=auto]{justify-self:auto}.brick-grid-item[data-justify-xl=stretch]{justify-self:stretch}.brick-grid-item[data-justify-xl=start]{justify-self:start}.brick-grid-item[data-justify-xl=center]{justify-self:center}.brick-grid-item[data-justify-xl=end]{justify-self:end}.brick-grid-item[data-column-span-xl=full]{--brick-grid-item-column-start:1;--brick-grid-item-column-end:-1}.brick-grid-item[data-column-span-xl="1"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 1}.brick-grid-item[data-column-span-xl="2"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 2}.brick-grid-item[data-column-span-xl="3"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 3}.brick-grid-item[data-column-span-xl="4"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 4}.brick-grid-item[data-column-span-xl="5"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 5}.brick-grid-item[data-column-span-xl="6"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 6}.brick-grid-item[data-column-span-xl="7"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 7}.brick-grid-item[data-column-span-xl="8"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 8}.brick-grid-item[data-column-span-xl="9"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 9}.brick-grid-item[data-column-span-xl="10"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 10}.brick-grid-item[data-column-span-xl="11"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 11}.brick-grid-item[data-column-span-xl="12"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 12}.brick-grid-item[data-row-span-xl="1"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 1}.brick-grid-item[data-row-span-xl="2"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 2}.brick-grid-item[data-row-span-xl="3"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 3}.brick-grid-item[data-row-span-xl="4"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 4}.brick-grid-item[data-row-span-xl="5"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 5}.brick-grid-item[data-row-span-xl="6"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 6}.brick-grid-item[data-row-span-xl="7"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 7}.brick-grid-item[data-row-span-xl="8"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 8}.brick-grid-item[data-row-span-xl="9"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 9}.brick-grid-item[data-row-span-xl="10"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 10}.brick-grid-item[data-row-span-xl="11"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 11}.brick-grid-item[data-row-span-xl="12"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 12}}}@layer brick.utilities,brick.effects;
1
+ @layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-grid{--brick-grid-columns:1;--brick-grid-gap:var(--brick-space-0);--brick-grid-row-gap:var(--brick-grid-gap);--brick-grid-column-gap:var(--brick-grid-gap);--brick-grid-min-item-size:16rem;box-sizing:border-box;grid-auto-flow:row;grid-template-columns:repeat(var(--brick-grid-columns), minmax(0, 1fr));place-items:stretch stretch;row-gap:var(--brick-grid-row-gap);column-gap:var(--brick-grid-column-gap);min-inline-size:0;margin:0;padding:0;display:grid}.brick-grid:is(ul,ol){list-style:none}.brick-grid[data-mode=intrinsic]{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--brick-grid-min-item-size)), 1fr))}.brick-grid[data-columns="2"]{--brick-grid-columns:2}.brick-grid[data-columns="3"]{--brick-grid-columns:3}.brick-grid[data-columns="4"]{--brick-grid-columns:4}.brick-grid[data-columns="5"]{--brick-grid-columns:5}.brick-grid[data-columns="6"]{--brick-grid-columns:6}.brick-grid[data-columns="7"]{--brick-grid-columns:7}.brick-grid[data-columns="8"]{--brick-grid-columns:8}.brick-grid[data-columns="9"]{--brick-grid-columns:9}.brick-grid[data-columns="10"]{--brick-grid-columns:10}.brick-grid[data-columns="11"]{--brick-grid-columns:11}.brick-grid[data-columns="12"]{--brick-grid-columns:12}.brick-grid[data-min-item-size=xs]{--brick-grid-min-item-size:8rem}.brick-grid[data-min-item-size=sm]{--brick-grid-min-item-size:12rem}.brick-grid[data-min-item-size=md]{--brick-grid-min-item-size:16rem}.brick-grid[data-min-item-size=lg]{--brick-grid-min-item-size:20rem}.brick-grid[data-min-item-size=xl]{--brick-grid-min-item-size:24rem}.brick-grid[data-gap]{--brick-grid-gap:var(--brick-grid-gap-input,var(--brick-space-0))}.brick-grid[data-row-gap]{--brick-grid-row-gap:var(--brick-grid-row-gap-input,var(--brick-grid-gap))}.brick-grid[data-column-gap]{--brick-grid-column-gap:var(--brick-grid-column-gap-input,var(--brick-grid-gap))}.brick-grid[data-align=start]{align-items:start}.brick-grid[data-align=center]{align-items:center}.brick-grid[data-align=end]{align-items:end}.brick-grid[data-align=baseline]{align-items:baseline}.brick-grid[data-justify=start]{justify-items:start}.brick-grid[data-justify=center]{justify-items:center}.brick-grid[data-justify=end]{justify-items:end}.brick-grid>*,.brick-grid-item{min-inline-size:0}.brick-grid-item{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:auto;--brick-grid-item-row-start:auto;--brick-grid-item-row-end:auto;box-sizing:border-box;grid-column-start:var(--brick-grid-item-column-start);grid-column-end:var(--brick-grid-item-column-end);grid-row-start:var(--brick-grid-item-row-start);grid-row-end:var(--brick-grid-item-row-end);place-self:auto}.brick-grid-item[data-align=stretch]{align-self:stretch}.brick-grid-item[data-align=start]{align-self:start}.brick-grid-item[data-align=center]{align-self:center}.brick-grid-item[data-align=end]{align-self:end}.brick-grid-item[data-align=baseline]{align-self:baseline}.brick-grid-item[data-justify=stretch]{justify-self:stretch}.brick-grid-item[data-justify=start]{justify-self:start}.brick-grid-item[data-justify=center]{justify-self:center}.brick-grid-item[data-justify=end]{justify-self:end}.brick-grid-item[data-column-span=full]{--brick-grid-item-column-start:1;--brick-grid-item-column-end:-1}.brick-grid-item[data-column-span="1"]{--brick-grid-item-column-end:span 1}.brick-grid-item[data-column-span="2"]{--brick-grid-item-column-end:span 2}.brick-grid-item[data-column-span="3"]{--brick-grid-item-column-end:span 3}.brick-grid-item[data-column-span="4"]{--brick-grid-item-column-end:span 4}.brick-grid-item[data-column-span="5"]{--brick-grid-item-column-end:span 5}.brick-grid-item[data-column-span="6"]{--brick-grid-item-column-end:span 6}.brick-grid-item[data-column-span="7"]{--brick-grid-item-column-end:span 7}.brick-grid-item[data-column-span="8"]{--brick-grid-item-column-end:span 8}.brick-grid-item[data-column-span="9"]{--brick-grid-item-column-end:span 9}.brick-grid-item[data-column-span="10"]{--brick-grid-item-column-end:span 10}.brick-grid-item[data-column-span="11"]{--brick-grid-item-column-end:span 11}.brick-grid-item[data-column-span="12"]{--brick-grid-item-column-end:span 12}.brick-grid-item[data-row-span="1"]{--brick-grid-item-row-end:span 1}.brick-grid-item[data-row-span="2"]{--brick-grid-item-row-end:span 2}.brick-grid-item[data-row-span="3"]{--brick-grid-item-row-end:span 3}.brick-grid-item[data-row-span="4"]{--brick-grid-item-row-end:span 4}.brick-grid-item[data-row-span="5"]{--brick-grid-item-row-end:span 5}.brick-grid-item[data-row-span="6"]{--brick-grid-item-row-end:span 6}.brick-grid-item[data-row-span="7"]{--brick-grid-item-row-end:span 7}.brick-grid-item[data-row-span="8"]{--brick-grid-item-row-end:span 8}.brick-grid-item[data-row-span="9"]{--brick-grid-item-row-end:span 9}.brick-grid-item[data-row-span="10"]{--brick-grid-item-row-end:span 10}.brick-grid-item[data-row-span="11"]{--brick-grid-item-row-end:span 11}.brick-grid-item[data-row-span="12"]{--brick-grid-item-row-end:span 12}.brick-grid-item[data-column-start="1"]{--brick-grid-item-column-start:1}.brick-grid-item[data-column-start="2"]{--brick-grid-item-column-start:2}.brick-grid-item[data-column-start="3"]{--brick-grid-item-column-start:3}.brick-grid-item[data-column-start="4"]{--brick-grid-item-column-start:4}.brick-grid-item[data-column-start="5"]{--brick-grid-item-column-start:5}.brick-grid-item[data-column-start="6"]{--brick-grid-item-column-start:6}.brick-grid-item[data-column-start="7"]{--brick-grid-item-column-start:7}.brick-grid-item[data-column-start="8"]{--brick-grid-item-column-start:8}.brick-grid-item[data-column-start="9"]{--brick-grid-item-column-start:9}.brick-grid-item[data-column-start="10"]{--brick-grid-item-column-start:10}.brick-grid-item[data-column-start="11"]{--brick-grid-item-column-start:11}.brick-grid-item[data-column-start="12"]{--brick-grid-item-column-start:12}.brick-grid-item[data-column-start="13"]{--brick-grid-item-column-start:13}.brick-grid-item[data-column-end="1"]{--brick-grid-item-column-end:1}.brick-grid-item[data-column-end="2"]{--brick-grid-item-column-end:2}.brick-grid-item[data-column-end="3"]{--brick-grid-item-column-end:3}.brick-grid-item[data-column-end="4"]{--brick-grid-item-column-end:4}.brick-grid-item[data-column-end="5"]{--brick-grid-item-column-end:5}.brick-grid-item[data-column-end="6"]{--brick-grid-item-column-end:6}.brick-grid-item[data-column-end="7"]{--brick-grid-item-column-end:7}.brick-grid-item[data-column-end="8"]{--brick-grid-item-column-end:8}.brick-grid-item[data-column-end="9"]{--brick-grid-item-column-end:9}.brick-grid-item[data-column-end="10"]{--brick-grid-item-column-end:10}.brick-grid-item[data-column-end="11"]{--brick-grid-item-column-end:11}.brick-grid-item[data-column-end="12"]{--brick-grid-item-column-end:12}.brick-grid-item[data-column-end="13"]{--brick-grid-item-column-end:13}.brick-grid-item[data-row-start="1"]{--brick-grid-item-row-start:1}.brick-grid-item[data-row-start="2"]{--brick-grid-item-row-start:2}.brick-grid-item[data-row-start="3"]{--brick-grid-item-row-start:3}.brick-grid-item[data-row-start="4"]{--brick-grid-item-row-start:4}.brick-grid-item[data-row-start="5"]{--brick-grid-item-row-start:5}.brick-grid-item[data-row-start="6"]{--brick-grid-item-row-start:6}.brick-grid-item[data-row-start="7"]{--brick-grid-item-row-start:7}.brick-grid-item[data-row-start="8"]{--brick-grid-item-row-start:8}.brick-grid-item[data-row-start="9"]{--brick-grid-item-row-start:9}.brick-grid-item[data-row-start="10"]{--brick-grid-item-row-start:10}.brick-grid-item[data-row-start="11"]{--brick-grid-item-row-start:11}.brick-grid-item[data-row-start="12"]{--brick-grid-item-row-start:12}.brick-grid-item[data-row-start="13"]{--brick-grid-item-row-start:13}.brick-grid-item[data-row-end="1"]{--brick-grid-item-row-end:1}.brick-grid-item[data-row-end="2"]{--brick-grid-item-row-end:2}.brick-grid-item[data-row-end="3"]{--brick-grid-item-row-end:3}.brick-grid-item[data-row-end="4"]{--brick-grid-item-row-end:4}.brick-grid-item[data-row-end="5"]{--brick-grid-item-row-end:5}.brick-grid-item[data-row-end="6"]{--brick-grid-item-row-end:6}.brick-grid-item[data-row-end="7"]{--brick-grid-item-row-end:7}.brick-grid-item[data-row-end="8"]{--brick-grid-item-row-end:8}.brick-grid-item[data-row-end="9"]{--brick-grid-item-row-end:9}.brick-grid-item[data-row-end="10"]{--brick-grid-item-row-end:10}.brick-grid-item[data-row-end="11"]{--brick-grid-item-row-end:11}.brick-grid-item[data-row-end="12"]{--brick-grid-item-row-end:12}.brick-grid-item[data-row-end="13"]{--brick-grid-item-row-end:13}@media (width>=30rem){.brick-grid[data-columns-sm="1"]{--brick-grid-columns:1}.brick-grid[data-columns-sm="2"]{--brick-grid-columns:2}.brick-grid[data-columns-sm="3"]{--brick-grid-columns:3}.brick-grid[data-columns-sm="4"]{--brick-grid-columns:4}.brick-grid[data-columns-sm="5"]{--brick-grid-columns:5}.brick-grid[data-columns-sm="6"]{--brick-grid-columns:6}.brick-grid[data-columns-sm="7"]{--brick-grid-columns:7}.brick-grid[data-columns-sm="8"]{--brick-grid-columns:8}.brick-grid[data-columns-sm="9"]{--brick-grid-columns:9}.brick-grid[data-columns-sm="10"]{--brick-grid-columns:10}.brick-grid[data-columns-sm="11"]{--brick-grid-columns:11}.brick-grid[data-columns-sm="12"]{--brick-grid-columns:12}.brick-grid[data-align-sm=stretch]{align-items:stretch}.brick-grid[data-align-sm=start]{align-items:start}.brick-grid[data-align-sm=center]{align-items:center}.brick-grid[data-align-sm=end]{align-items:end}.brick-grid[data-align-sm=baseline]{align-items:baseline}.brick-grid[data-justify-sm=stretch]{justify-items:stretch}.brick-grid[data-justify-sm=start]{justify-items:start}.brick-grid[data-justify-sm=center]{justify-items:center}.brick-grid[data-justify-sm=end]{justify-items:end}.brick-grid-item[data-align-sm=auto]{align-self:auto}.brick-grid-item[data-align-sm=stretch]{align-self:stretch}.brick-grid-item[data-align-sm=start]{align-self:start}.brick-grid-item[data-align-sm=center]{align-self:center}.brick-grid-item[data-align-sm=end]{align-self:end}.brick-grid-item[data-align-sm=baseline]{align-self:baseline}.brick-grid-item[data-justify-sm=auto]{justify-self:auto}.brick-grid-item[data-justify-sm=stretch]{justify-self:stretch}.brick-grid-item[data-justify-sm=start]{justify-self:start}.brick-grid-item[data-justify-sm=center]{justify-self:center}.brick-grid-item[data-justify-sm=end]{justify-self:end}.brick-grid-item[data-column-span-sm=full]{--brick-grid-item-column-start:1;--brick-grid-item-column-end:-1}.brick-grid-item[data-column-span-sm="1"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 1}.brick-grid-item[data-column-span-sm="2"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 2}.brick-grid-item[data-column-span-sm="3"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 3}.brick-grid-item[data-column-span-sm="4"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 4}.brick-grid-item[data-column-span-sm="5"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 5}.brick-grid-item[data-column-span-sm="6"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 6}.brick-grid-item[data-column-span-sm="7"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 7}.brick-grid-item[data-column-span-sm="8"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 8}.brick-grid-item[data-column-span-sm="9"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 9}.brick-grid-item[data-column-span-sm="10"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 10}.brick-grid-item[data-column-span-sm="11"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 11}.brick-grid-item[data-column-span-sm="12"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 12}.brick-grid-item[data-row-span-sm="1"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 1}.brick-grid-item[data-row-span-sm="2"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 2}.brick-grid-item[data-row-span-sm="3"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 3}.brick-grid-item[data-row-span-sm="4"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 4}.brick-grid-item[data-row-span-sm="5"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 5}.brick-grid-item[data-row-span-sm="6"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 6}.brick-grid-item[data-row-span-sm="7"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 7}.brick-grid-item[data-row-span-sm="8"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 8}.brick-grid-item[data-row-span-sm="9"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 9}.brick-grid-item[data-row-span-sm="10"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 10}.brick-grid-item[data-row-span-sm="11"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 11}.brick-grid-item[data-row-span-sm="12"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 12}}@media (width>=48rem){.brick-grid[data-columns-md="1"]{--brick-grid-columns:1}.brick-grid[data-columns-md="2"]{--brick-grid-columns:2}.brick-grid[data-columns-md="3"]{--brick-grid-columns:3}.brick-grid[data-columns-md="4"]{--brick-grid-columns:4}.brick-grid[data-columns-md="5"]{--brick-grid-columns:5}.brick-grid[data-columns-md="6"]{--brick-grid-columns:6}.brick-grid[data-columns-md="7"]{--brick-grid-columns:7}.brick-grid[data-columns-md="8"]{--brick-grid-columns:8}.brick-grid[data-columns-md="9"]{--brick-grid-columns:9}.brick-grid[data-columns-md="10"]{--brick-grid-columns:10}.brick-grid[data-columns-md="11"]{--brick-grid-columns:11}.brick-grid[data-columns-md="12"]{--brick-grid-columns:12}.brick-grid[data-align-md=stretch]{align-items:stretch}.brick-grid[data-align-md=start]{align-items:start}.brick-grid[data-align-md=center]{align-items:center}.brick-grid[data-align-md=end]{align-items:end}.brick-grid[data-align-md=baseline]{align-items:baseline}.brick-grid[data-justify-md=stretch]{justify-items:stretch}.brick-grid[data-justify-md=start]{justify-items:start}.brick-grid[data-justify-md=center]{justify-items:center}.brick-grid[data-justify-md=end]{justify-items:end}.brick-grid-item[data-align-md=auto]{align-self:auto}.brick-grid-item[data-align-md=stretch]{align-self:stretch}.brick-grid-item[data-align-md=start]{align-self:start}.brick-grid-item[data-align-md=center]{align-self:center}.brick-grid-item[data-align-md=end]{align-self:end}.brick-grid-item[data-align-md=baseline]{align-self:baseline}.brick-grid-item[data-justify-md=auto]{justify-self:auto}.brick-grid-item[data-justify-md=stretch]{justify-self:stretch}.brick-grid-item[data-justify-md=start]{justify-self:start}.brick-grid-item[data-justify-md=center]{justify-self:center}.brick-grid-item[data-justify-md=end]{justify-self:end}.brick-grid-item[data-column-span-md=full]{--brick-grid-item-column-start:1;--brick-grid-item-column-end:-1}.brick-grid-item[data-column-span-md="1"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 1}.brick-grid-item[data-column-span-md="2"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 2}.brick-grid-item[data-column-span-md="3"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 3}.brick-grid-item[data-column-span-md="4"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 4}.brick-grid-item[data-column-span-md="5"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 5}.brick-grid-item[data-column-span-md="6"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 6}.brick-grid-item[data-column-span-md="7"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 7}.brick-grid-item[data-column-span-md="8"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 8}.brick-grid-item[data-column-span-md="9"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 9}.brick-grid-item[data-column-span-md="10"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 10}.brick-grid-item[data-column-span-md="11"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 11}.brick-grid-item[data-column-span-md="12"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 12}.brick-grid-item[data-row-span-md="1"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 1}.brick-grid-item[data-row-span-md="2"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 2}.brick-grid-item[data-row-span-md="3"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 3}.brick-grid-item[data-row-span-md="4"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 4}.brick-grid-item[data-row-span-md="5"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 5}.brick-grid-item[data-row-span-md="6"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 6}.brick-grid-item[data-row-span-md="7"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 7}.brick-grid-item[data-row-span-md="8"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 8}.brick-grid-item[data-row-span-md="9"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 9}.brick-grid-item[data-row-span-md="10"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 10}.brick-grid-item[data-row-span-md="11"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 11}.brick-grid-item[data-row-span-md="12"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 12}}@media (width>=64rem){.brick-grid[data-columns-lg="1"]{--brick-grid-columns:1}.brick-grid[data-columns-lg="2"]{--brick-grid-columns:2}.brick-grid[data-columns-lg="3"]{--brick-grid-columns:3}.brick-grid[data-columns-lg="4"]{--brick-grid-columns:4}.brick-grid[data-columns-lg="5"]{--brick-grid-columns:5}.brick-grid[data-columns-lg="6"]{--brick-grid-columns:6}.brick-grid[data-columns-lg="7"]{--brick-grid-columns:7}.brick-grid[data-columns-lg="8"]{--brick-grid-columns:8}.brick-grid[data-columns-lg="9"]{--brick-grid-columns:9}.brick-grid[data-columns-lg="10"]{--brick-grid-columns:10}.brick-grid[data-columns-lg="11"]{--brick-grid-columns:11}.brick-grid[data-columns-lg="12"]{--brick-grid-columns:12}.brick-grid[data-align-lg=stretch]{align-items:stretch}.brick-grid[data-align-lg=start]{align-items:start}.brick-grid[data-align-lg=center]{align-items:center}.brick-grid[data-align-lg=end]{align-items:end}.brick-grid[data-align-lg=baseline]{align-items:baseline}.brick-grid[data-justify-lg=stretch]{justify-items:stretch}.brick-grid[data-justify-lg=start]{justify-items:start}.brick-grid[data-justify-lg=center]{justify-items:center}.brick-grid[data-justify-lg=end]{justify-items:end}.brick-grid-item[data-align-lg=auto]{align-self:auto}.brick-grid-item[data-align-lg=stretch]{align-self:stretch}.brick-grid-item[data-align-lg=start]{align-self:start}.brick-grid-item[data-align-lg=center]{align-self:center}.brick-grid-item[data-align-lg=end]{align-self:end}.brick-grid-item[data-align-lg=baseline]{align-self:baseline}.brick-grid-item[data-justify-lg=auto]{justify-self:auto}.brick-grid-item[data-justify-lg=stretch]{justify-self:stretch}.brick-grid-item[data-justify-lg=start]{justify-self:start}.brick-grid-item[data-justify-lg=center]{justify-self:center}.brick-grid-item[data-justify-lg=end]{justify-self:end}.brick-grid-item[data-column-span-lg=full]{--brick-grid-item-column-start:1;--brick-grid-item-column-end:-1}.brick-grid-item[data-column-span-lg="1"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 1}.brick-grid-item[data-column-span-lg="2"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 2}.brick-grid-item[data-column-span-lg="3"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 3}.brick-grid-item[data-column-span-lg="4"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 4}.brick-grid-item[data-column-span-lg="5"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 5}.brick-grid-item[data-column-span-lg="6"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 6}.brick-grid-item[data-column-span-lg="7"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 7}.brick-grid-item[data-column-span-lg="8"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 8}.brick-grid-item[data-column-span-lg="9"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 9}.brick-grid-item[data-column-span-lg="10"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 10}.brick-grid-item[data-column-span-lg="11"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 11}.brick-grid-item[data-column-span-lg="12"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 12}.brick-grid-item[data-row-span-lg="1"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 1}.brick-grid-item[data-row-span-lg="2"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 2}.brick-grid-item[data-row-span-lg="3"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 3}.brick-grid-item[data-row-span-lg="4"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 4}.brick-grid-item[data-row-span-lg="5"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 5}.brick-grid-item[data-row-span-lg="6"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 6}.brick-grid-item[data-row-span-lg="7"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 7}.brick-grid-item[data-row-span-lg="8"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 8}.brick-grid-item[data-row-span-lg="9"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 9}.brick-grid-item[data-row-span-lg="10"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 10}.brick-grid-item[data-row-span-lg="11"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 11}.brick-grid-item[data-row-span-lg="12"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 12}}@media (width>=80rem){.brick-grid[data-columns-xl="1"]{--brick-grid-columns:1}.brick-grid[data-columns-xl="2"]{--brick-grid-columns:2}.brick-grid[data-columns-xl="3"]{--brick-grid-columns:3}.brick-grid[data-columns-xl="4"]{--brick-grid-columns:4}.brick-grid[data-columns-xl="5"]{--brick-grid-columns:5}.brick-grid[data-columns-xl="6"]{--brick-grid-columns:6}.brick-grid[data-columns-xl="7"]{--brick-grid-columns:7}.brick-grid[data-columns-xl="8"]{--brick-grid-columns:8}.brick-grid[data-columns-xl="9"]{--brick-grid-columns:9}.brick-grid[data-columns-xl="10"]{--brick-grid-columns:10}.brick-grid[data-columns-xl="11"]{--brick-grid-columns:11}.brick-grid[data-columns-xl="12"]{--brick-grid-columns:12}.brick-grid[data-align-xl=stretch]{align-items:stretch}.brick-grid[data-align-xl=start]{align-items:start}.brick-grid[data-align-xl=center]{align-items:center}.brick-grid[data-align-xl=end]{align-items:end}.brick-grid[data-align-xl=baseline]{align-items:baseline}.brick-grid[data-justify-xl=stretch]{justify-items:stretch}.brick-grid[data-justify-xl=start]{justify-items:start}.brick-grid[data-justify-xl=center]{justify-items:center}.brick-grid[data-justify-xl=end]{justify-items:end}.brick-grid-item[data-align-xl=auto]{align-self:auto}.brick-grid-item[data-align-xl=stretch]{align-self:stretch}.brick-grid-item[data-align-xl=start]{align-self:start}.brick-grid-item[data-align-xl=center]{align-self:center}.brick-grid-item[data-align-xl=end]{align-self:end}.brick-grid-item[data-align-xl=baseline]{align-self:baseline}.brick-grid-item[data-justify-xl=auto]{justify-self:auto}.brick-grid-item[data-justify-xl=stretch]{justify-self:stretch}.brick-grid-item[data-justify-xl=start]{justify-self:start}.brick-grid-item[data-justify-xl=center]{justify-self:center}.brick-grid-item[data-justify-xl=end]{justify-self:end}.brick-grid-item[data-column-span-xl=full]{--brick-grid-item-column-start:1;--brick-grid-item-column-end:-1}.brick-grid-item[data-column-span-xl="1"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 1}.brick-grid-item[data-column-span-xl="2"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 2}.brick-grid-item[data-column-span-xl="3"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 3}.brick-grid-item[data-column-span-xl="4"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 4}.brick-grid-item[data-column-span-xl="5"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 5}.brick-grid-item[data-column-span-xl="6"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 6}.brick-grid-item[data-column-span-xl="7"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 7}.brick-grid-item[data-column-span-xl="8"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 8}.brick-grid-item[data-column-span-xl="9"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 9}.brick-grid-item[data-column-span-xl="10"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 10}.brick-grid-item[data-column-span-xl="11"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 11}.brick-grid-item[data-column-span-xl="12"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 12}.brick-grid-item[data-row-span-xl="1"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 1}.brick-grid-item[data-row-span-xl="2"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 2}.brick-grid-item[data-row-span-xl="3"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 3}.brick-grid-item[data-row-span-xl="4"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 4}.brick-grid-item[data-row-span-xl="5"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 5}.brick-grid-item[data-row-span-xl="6"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 6}.brick-grid-item[data-row-span-xl="7"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 7}.brick-grid-item[data-row-span-xl="8"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 8}.brick-grid-item[data-row-span-xl="9"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 9}.brick-grid-item[data-row-span-xl="10"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 10}.brick-grid-item[data-row-span-xl="11"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 11}.brick-grid-item[data-row-span-xl="12"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 12}}@media (width>=30rem){.brick-grid[data-gap-sm]{--brick-grid-gap:var(--brick-grid-gap-sm-input,var(--brick-grid-gap-input,var(--brick-space-0)))}.brick-grid[data-row-gap-sm]{--brick-grid-row-gap:var(--brick-grid-row-gap-sm-input,var(--brick-grid-gap))}.brick-grid[data-column-gap-sm]{--brick-grid-column-gap:var(--brick-grid-column-gap-sm-input,var(--brick-grid-gap))}}@media (width>=48rem){.brick-grid[data-gap-md]{--brick-grid-gap:var(--brick-grid-gap-md-input,var(--brick-grid-gap-input,var(--brick-space-0)))}.brick-grid[data-row-gap-md]{--brick-grid-row-gap:var(--brick-grid-row-gap-md-input,var(--brick-grid-gap))}.brick-grid[data-column-gap-md]{--brick-grid-column-gap:var(--brick-grid-column-gap-md-input,var(--brick-grid-gap))}}@media (width>=64rem){.brick-grid[data-gap-lg]{--brick-grid-gap:var(--brick-grid-gap-lg-input,var(--brick-grid-gap-input,var(--brick-space-0)))}.brick-grid[data-row-gap-lg]{--brick-grid-row-gap:var(--brick-grid-row-gap-lg-input,var(--brick-grid-gap))}.brick-grid[data-column-gap-lg]{--brick-grid-column-gap:var(--brick-grid-column-gap-lg-input,var(--brick-grid-gap))}}@media (width>=80rem){.brick-grid[data-gap-xl]{--brick-grid-gap:var(--brick-grid-gap-xl-input,var(--brick-grid-gap-input,var(--brick-space-0)))}.brick-grid[data-row-gap-xl]{--brick-grid-row-gap:var(--brick-grid-row-gap-xl-input,var(--brick-grid-gap))}.brick-grid[data-column-gap-xl]{--brick-grid-column-gap:var(--brick-grid-column-gap-xl-input,var(--brick-grid-gap))}}}@layer brick.utilities,brick.effects;
2
2
  /*# sourceMappingURL=grid.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,ybAmBA,iIAQA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,uDACA,uDACA,uDAEA,mEAIA,oEAIA,oEAIA,oEAIA,oEAIA,gEACA,gEACA,gEACA,gEACA,gEACA,gEAEA,wEACA,wEACA,wEACA,wEACA,wEACA,wEACA,wEAEA,8EACA,8EACA,8EACA,8EACA,8EACA,8EACA,8EAEA,gDACA,kDACA,4CACA,sDACA,oDACA,sDACA,gDAEA,iDAKA,iYAeA,wDACA,oDACA,sDACA,gDACA,0DACA,4DACA,wDACA,0DACA,oDAEA,yGAKA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,6EACA,6EACA,6EAEA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,uEACA,uEACA,uEAEA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,2EACA,2EACA,2EACA,2EAEA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,uEACA,uEACA,uEACA,uEAEA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,qEACA,qEACA,qEACA,qEAEA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,iEACA,iEACA,iEACA,iEAEA,sBACE,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,iFACA,iFACA,iFACA,iFACA,iFACA,iFACA,iFACA,uDACA,mDACA,qDACA,+CACA,yDACA,2DACA,uDACA,yDACA,mDACA,qDACA,2DACA,uDACA,yDACA,mDACA,6DACA,yDACA,+DACA,2DACA,6DACA,uDACA,4GACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,oHACA,oHACA,oHACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,2GACA,2GACA,4GAGF,sBACE,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,iFACA,iFACA,iFACA,iFACA,iFACA,iFACA,iFACA,uDACA,mDACA,qDACA,+CACA,yDACA,2DACA,uDACA,yDACA,mDACA,qDACA,2DACA,uDACA,yDACA,mDACA,6DACA,yDACA,+DACA,2DACA,6DACA,uDACA,4GACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,oHACA,oHACA,oHACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,2GACA,2GACA,4GAGF,sBACE,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,iFACA,iFACA,iFACA,iFACA,iFACA,iFACA,iFACA,uDACA,mDACA,qDACA,+CACA,yDACA,2DACA,uDACA,yDACA,mDACA,qDACA,2DACA,uDACA,yDACA,mDACA,6DACA,yDACA,+DACA,2DACA,6DACA,uDACA,4GACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,oHACA,oHACA,oHACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,2GACA,2GACA,4GAGF,sBACE,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,iFACA,iFACA,iFACA,iFACA,iFACA,iFACA,iFACA,uDACA,mDACA,qDACA,+CACA,yDACA,2DACA,uDACA,yDACA,mDACA,qDACA,2DACA,uDACA,yDACA,mDACA,6DACA,yDACA,+DACA,2DACA,6DACA,uDACA,4GACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,oHACA,oHACA,oHACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,2GACA,2GACA,6GDjhBJ","sources":["home/runner/work/brick/brick/.brick-cache/production/grid.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/grid/grid.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/grid/grid.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-grid {\n --brick-grid-columns: 1;\n --brick-grid-gap: var(--brick-space-0);\n --brick-grid-row-gap: var(--brick-grid-gap);\n --brick-grid-column-gap: var(--brick-grid-gap);\n --brick-grid-min-item-size: 16rem;\n\n box-sizing: border-box;\n display: grid;\n min-inline-size: 0;\n grid-auto-flow: row;\n grid-template-columns:\n repeat(var(--brick-grid-columns), minmax(0, 1fr));\n align-items: stretch;\n justify-items: stretch;\n row-gap: var(--brick-grid-row-gap);\n column-gap: var(--brick-grid-column-gap);\n }\n\n .brick-grid[data-mode=\"intrinsic\"] {\n grid-template-columns:\n repeat(\n auto-fit,\n minmax(min(100%, var(--brick-grid-min-item-size)), 1fr)\n );\n }\n\n .brick-grid[data-columns=\"2\"] { --brick-grid-columns: 2; }\n .brick-grid[data-columns=\"3\"] { --brick-grid-columns: 3; }\n .brick-grid[data-columns=\"4\"] { --brick-grid-columns: 4; }\n .brick-grid[data-columns=\"5\"] { --brick-grid-columns: 5; }\n .brick-grid[data-columns=\"6\"] { --brick-grid-columns: 6; }\n .brick-grid[data-columns=\"7\"] { --brick-grid-columns: 7; }\n .brick-grid[data-columns=\"8\"] { --brick-grid-columns: 8; }\n .brick-grid[data-columns=\"9\"] { --brick-grid-columns: 9; }\n .brick-grid[data-columns=\"10\"] { --brick-grid-columns: 10; }\n .brick-grid[data-columns=\"11\"] { --brick-grid-columns: 11; }\n .brick-grid[data-columns=\"12\"] { --brick-grid-columns: 12; }\n\n .brick-grid[data-min-item-size=\"xs\"] {\n --brick-grid-min-item-size: 8rem;\n }\n\n .brick-grid[data-min-item-size=\"sm\"] {\n --brick-grid-min-item-size: 12rem;\n }\n\n .brick-grid[data-min-item-size=\"md\"] {\n --brick-grid-min-item-size: 16rem;\n }\n\n .brick-grid[data-min-item-size=\"lg\"] {\n --brick-grid-min-item-size: 20rem;\n }\n\n .brick-grid[data-min-item-size=\"xl\"] {\n --brick-grid-min-item-size: 24rem;\n }\n\n .brick-grid[data-gap=\"1\"] { --brick-grid-gap: var(--brick-space-1); }\n .brick-grid[data-gap=\"2\"] { --brick-grid-gap: var(--brick-space-2); }\n .brick-grid[data-gap=\"3\"] { --brick-grid-gap: var(--brick-space-3); }\n .brick-grid[data-gap=\"4\"] { --brick-grid-gap: var(--brick-space-4); }\n .brick-grid[data-gap=\"5\"] { --brick-grid-gap: var(--brick-space-5); }\n .brick-grid[data-gap=\"6\"] { --brick-grid-gap: var(--brick-space-6); }\n\n .brick-grid[data-row-gap=\"0\"] { --brick-grid-row-gap: var(--brick-space-0); }\n .brick-grid[data-row-gap=\"1\"] { --brick-grid-row-gap: var(--brick-space-1); }\n .brick-grid[data-row-gap=\"2\"] { --brick-grid-row-gap: var(--brick-space-2); }\n .brick-grid[data-row-gap=\"3\"] { --brick-grid-row-gap: var(--brick-space-3); }\n .brick-grid[data-row-gap=\"4\"] { --brick-grid-row-gap: var(--brick-space-4); }\n .brick-grid[data-row-gap=\"5\"] { --brick-grid-row-gap: var(--brick-space-5); }\n .brick-grid[data-row-gap=\"6\"] { --brick-grid-row-gap: var(--brick-space-6); }\n\n .brick-grid[data-column-gap=\"0\"] { --brick-grid-column-gap: var(--brick-space-0); }\n .brick-grid[data-column-gap=\"1\"] { --brick-grid-column-gap: var(--brick-space-1); }\n .brick-grid[data-column-gap=\"2\"] { --brick-grid-column-gap: var(--brick-space-2); }\n .brick-grid[data-column-gap=\"3\"] { --brick-grid-column-gap: var(--brick-space-3); }\n .brick-grid[data-column-gap=\"4\"] { --brick-grid-column-gap: var(--brick-space-4); }\n .brick-grid[data-column-gap=\"5\"] { --brick-grid-column-gap: var(--brick-space-5); }\n .brick-grid[data-column-gap=\"6\"] { --brick-grid-column-gap: var(--brick-space-6); }\n\n .brick-grid[data-align=\"start\"] { align-items: start; }\n .brick-grid[data-align=\"center\"] { align-items: center; }\n .brick-grid[data-align=\"end\"] { align-items: end; }\n .brick-grid[data-align=\"baseline\"] { align-items: baseline; }\n .brick-grid[data-justify=\"start\"] { justify-items: start; }\n .brick-grid[data-justify=\"center\"] { justify-items: center; }\n .brick-grid[data-justify=\"end\"] { justify-items: end; }\n\n .brick-grid > *,\n .brick-grid-item {\n min-inline-size: 0;\n }\n\n .brick-grid-item {\n --brick-grid-item-column-start: auto;\n --brick-grid-item-column-end: auto;\n --brick-grid-item-row-start: auto;\n --brick-grid-item-row-end: auto;\n\n box-sizing: border-box;\n grid-column-start: var(--brick-grid-item-column-start);\n grid-column-end: var(--brick-grid-item-column-end);\n grid-row-start: var(--brick-grid-item-row-start);\n grid-row-end: var(--brick-grid-item-row-end);\n align-self: auto;\n justify-self: auto;\n }\n\n .brick-grid-item[data-align=\"stretch\"] { align-self: stretch; }\n .brick-grid-item[data-align=\"start\"] { align-self: start; }\n .brick-grid-item[data-align=\"center\"] { align-self: center; }\n .brick-grid-item[data-align=\"end\"] { align-self: end; }\n .brick-grid-item[data-align=\"baseline\"] { align-self: baseline; }\n .brick-grid-item[data-justify=\"stretch\"] { justify-self: stretch; }\n .brick-grid-item[data-justify=\"start\"] { justify-self: start; }\n .brick-grid-item[data-justify=\"center\"] { justify-self: center; }\n .brick-grid-item[data-justify=\"end\"] { justify-self: end; }\n\n .brick-grid-item[data-column-span=\"full\"] {\n --brick-grid-item-column-start: 1;\n --brick-grid-item-column-end: -1;\n }\n\n .brick-grid-item[data-column-span=\"1\"] { --brick-grid-item-column-end: span 1; }\n .brick-grid-item[data-column-span=\"2\"] { --brick-grid-item-column-end: span 2; }\n .brick-grid-item[data-column-span=\"3\"] { --brick-grid-item-column-end: span 3; }\n .brick-grid-item[data-column-span=\"4\"] { --brick-grid-item-column-end: span 4; }\n .brick-grid-item[data-column-span=\"5\"] { --brick-grid-item-column-end: span 5; }\n .brick-grid-item[data-column-span=\"6\"] { --brick-grid-item-column-end: span 6; }\n .brick-grid-item[data-column-span=\"7\"] { --brick-grid-item-column-end: span 7; }\n .brick-grid-item[data-column-span=\"8\"] { --brick-grid-item-column-end: span 8; }\n .brick-grid-item[data-column-span=\"9\"] { --brick-grid-item-column-end: span 9; }\n .brick-grid-item[data-column-span=\"10\"] { --brick-grid-item-column-end: span 10; }\n .brick-grid-item[data-column-span=\"11\"] { --brick-grid-item-column-end: span 11; }\n .brick-grid-item[data-column-span=\"12\"] { --brick-grid-item-column-end: span 12; }\n\n .brick-grid-item[data-row-span=\"1\"] { --brick-grid-item-row-end: span 1; }\n .brick-grid-item[data-row-span=\"2\"] { --brick-grid-item-row-end: span 2; }\n .brick-grid-item[data-row-span=\"3\"] { --brick-grid-item-row-end: span 3; }\n .brick-grid-item[data-row-span=\"4\"] { --brick-grid-item-row-end: span 4; }\n .brick-grid-item[data-row-span=\"5\"] { --brick-grid-item-row-end: span 5; }\n .brick-grid-item[data-row-span=\"6\"] { --brick-grid-item-row-end: span 6; }\n .brick-grid-item[data-row-span=\"7\"] { --brick-grid-item-row-end: span 7; }\n .brick-grid-item[data-row-span=\"8\"] { --brick-grid-item-row-end: span 8; }\n .brick-grid-item[data-row-span=\"9\"] { --brick-grid-item-row-end: span 9; }\n .brick-grid-item[data-row-span=\"10\"] { --brick-grid-item-row-end: span 10; }\n .brick-grid-item[data-row-span=\"11\"] { --brick-grid-item-row-end: span 11; }\n .brick-grid-item[data-row-span=\"12\"] { --brick-grid-item-row-end: span 12; }\n\n .brick-grid-item[data-column-start=\"1\"] { --brick-grid-item-column-start: 1; }\n .brick-grid-item[data-column-start=\"2\"] { --brick-grid-item-column-start: 2; }\n .brick-grid-item[data-column-start=\"3\"] { --brick-grid-item-column-start: 3; }\n .brick-grid-item[data-column-start=\"4\"] { --brick-grid-item-column-start: 4; }\n .brick-grid-item[data-column-start=\"5\"] { --brick-grid-item-column-start: 5; }\n .brick-grid-item[data-column-start=\"6\"] { --brick-grid-item-column-start: 6; }\n .brick-grid-item[data-column-start=\"7\"] { --brick-grid-item-column-start: 7; }\n .brick-grid-item[data-column-start=\"8\"] { --brick-grid-item-column-start: 8; }\n .brick-grid-item[data-column-start=\"9\"] { --brick-grid-item-column-start: 9; }\n .brick-grid-item[data-column-start=\"10\"] { --brick-grid-item-column-start: 10; }\n .brick-grid-item[data-column-start=\"11\"] { --brick-grid-item-column-start: 11; }\n .brick-grid-item[data-column-start=\"12\"] { --brick-grid-item-column-start: 12; }\n .brick-grid-item[data-column-start=\"13\"] { --brick-grid-item-column-start: 13; }\n\n .brick-grid-item[data-column-end=\"1\"] { --brick-grid-item-column-end: 1; }\n .brick-grid-item[data-column-end=\"2\"] { --brick-grid-item-column-end: 2; }\n .brick-grid-item[data-column-end=\"3\"] { --brick-grid-item-column-end: 3; }\n .brick-grid-item[data-column-end=\"4\"] { --brick-grid-item-column-end: 4; }\n .brick-grid-item[data-column-end=\"5\"] { --brick-grid-item-column-end: 5; }\n .brick-grid-item[data-column-end=\"6\"] { --brick-grid-item-column-end: 6; }\n .brick-grid-item[data-column-end=\"7\"] { --brick-grid-item-column-end: 7; }\n .brick-grid-item[data-column-end=\"8\"] { --brick-grid-item-column-end: 8; }\n .brick-grid-item[data-column-end=\"9\"] { --brick-grid-item-column-end: 9; }\n .brick-grid-item[data-column-end=\"10\"] { --brick-grid-item-column-end: 10; }\n .brick-grid-item[data-column-end=\"11\"] { --brick-grid-item-column-end: 11; }\n .brick-grid-item[data-column-end=\"12\"] { --brick-grid-item-column-end: 12; }\n .brick-grid-item[data-column-end=\"13\"] { --brick-grid-item-column-end: 13; }\n\n .brick-grid-item[data-row-start=\"1\"] { --brick-grid-item-row-start: 1; }\n .brick-grid-item[data-row-start=\"2\"] { --brick-grid-item-row-start: 2; }\n .brick-grid-item[data-row-start=\"3\"] { --brick-grid-item-row-start: 3; }\n .brick-grid-item[data-row-start=\"4\"] { --brick-grid-item-row-start: 4; }\n .brick-grid-item[data-row-start=\"5\"] { --brick-grid-item-row-start: 5; }\n .brick-grid-item[data-row-start=\"6\"] { --brick-grid-item-row-start: 6; }\n .brick-grid-item[data-row-start=\"7\"] { --brick-grid-item-row-start: 7; }\n .brick-grid-item[data-row-start=\"8\"] { --brick-grid-item-row-start: 8; }\n .brick-grid-item[data-row-start=\"9\"] { --brick-grid-item-row-start: 9; }\n .brick-grid-item[data-row-start=\"10\"] { --brick-grid-item-row-start: 10; }\n .brick-grid-item[data-row-start=\"11\"] { --brick-grid-item-row-start: 11; }\n .brick-grid-item[data-row-start=\"12\"] { --brick-grid-item-row-start: 12; }\n .brick-grid-item[data-row-start=\"13\"] { --brick-grid-item-row-start: 13; }\n\n .brick-grid-item[data-row-end=\"1\"] { --brick-grid-item-row-end: 1; }\n .brick-grid-item[data-row-end=\"2\"] { --brick-grid-item-row-end: 2; }\n .brick-grid-item[data-row-end=\"3\"] { --brick-grid-item-row-end: 3; }\n .brick-grid-item[data-row-end=\"4\"] { --brick-grid-item-row-end: 4; }\n .brick-grid-item[data-row-end=\"5\"] { --brick-grid-item-row-end: 5; }\n .brick-grid-item[data-row-end=\"6\"] { --brick-grid-item-row-end: 6; }\n .brick-grid-item[data-row-end=\"7\"] { --brick-grid-item-row-end: 7; }\n .brick-grid-item[data-row-end=\"8\"] { --brick-grid-item-row-end: 8; }\n .brick-grid-item[data-row-end=\"9\"] { --brick-grid-item-row-end: 9; }\n .brick-grid-item[data-row-end=\"10\"] { --brick-grid-item-row-end: 10; }\n .brick-grid-item[data-row-end=\"11\"] { --brick-grid-item-row-end: 11; }\n .brick-grid-item[data-row-end=\"12\"] { --brick-grid-item-row-end: 12; }\n .brick-grid-item[data-row-end=\"13\"] { --brick-grid-item-row-end: 13; }\n\n @media (width >= 30rem) {\n .brick-grid[data-columns-sm=\"1\"] { --brick-grid-columns: 1; }\n .brick-grid[data-columns-sm=\"2\"] { --brick-grid-columns: 2; }\n .brick-grid[data-columns-sm=\"3\"] { --brick-grid-columns: 3; }\n .brick-grid[data-columns-sm=\"4\"] { --brick-grid-columns: 4; }\n .brick-grid[data-columns-sm=\"5\"] { --brick-grid-columns: 5; }\n .brick-grid[data-columns-sm=\"6\"] { --brick-grid-columns: 6; }\n .brick-grid[data-columns-sm=\"7\"] { --brick-grid-columns: 7; }\n .brick-grid[data-columns-sm=\"8\"] { --brick-grid-columns: 8; }\n .brick-grid[data-columns-sm=\"9\"] { --brick-grid-columns: 9; }\n .brick-grid[data-columns-sm=\"10\"] { --brick-grid-columns: 10; }\n .brick-grid[data-columns-sm=\"11\"] { --brick-grid-columns: 11; }\n .brick-grid[data-columns-sm=\"12\"] { --brick-grid-columns: 12; }\n .brick-grid[data-gap-sm=\"0\"] { --brick-grid-gap: var(--brick-space-0); }\n .brick-grid[data-gap-sm=\"1\"] { --brick-grid-gap: var(--brick-space-1); }\n .brick-grid[data-gap-sm=\"2\"] { --brick-grid-gap: var(--brick-space-2); }\n .brick-grid[data-gap-sm=\"3\"] { --brick-grid-gap: var(--brick-space-3); }\n .brick-grid[data-gap-sm=\"4\"] { --brick-grid-gap: var(--brick-space-4); }\n .brick-grid[data-gap-sm=\"5\"] { --brick-grid-gap: var(--brick-space-5); }\n .brick-grid[data-gap-sm=\"6\"] { --brick-grid-gap: var(--brick-space-6); }\n .brick-grid[data-row-gap-sm=\"0\"] { --brick-grid-row-gap: var(--brick-space-0); }\n .brick-grid[data-row-gap-sm=\"1\"] { --brick-grid-row-gap: var(--brick-space-1); }\n .brick-grid[data-row-gap-sm=\"2\"] { --brick-grid-row-gap: var(--brick-space-2); }\n .brick-grid[data-row-gap-sm=\"3\"] { --brick-grid-row-gap: var(--brick-space-3); }\n .brick-grid[data-row-gap-sm=\"4\"] { --brick-grid-row-gap: var(--brick-space-4); }\n .brick-grid[data-row-gap-sm=\"5\"] { --brick-grid-row-gap: var(--brick-space-5); }\n .brick-grid[data-row-gap-sm=\"6\"] { --brick-grid-row-gap: var(--brick-space-6); }\n .brick-grid[data-column-gap-sm=\"0\"] { --brick-grid-column-gap: var(--brick-space-0); }\n .brick-grid[data-column-gap-sm=\"1\"] { --brick-grid-column-gap: var(--brick-space-1); }\n .brick-grid[data-column-gap-sm=\"2\"] { --brick-grid-column-gap: var(--brick-space-2); }\n .brick-grid[data-column-gap-sm=\"3\"] { --brick-grid-column-gap: var(--brick-space-3); }\n .brick-grid[data-column-gap-sm=\"4\"] { --brick-grid-column-gap: var(--brick-space-4); }\n .brick-grid[data-column-gap-sm=\"5\"] { --brick-grid-column-gap: var(--brick-space-5); }\n .brick-grid[data-column-gap-sm=\"6\"] { --brick-grid-column-gap: var(--brick-space-6); }\n .brick-grid[data-align-sm=\"stretch\"] { align-items: stretch; }\n .brick-grid[data-align-sm=\"start\"] { align-items: start; }\n .brick-grid[data-align-sm=\"center\"] { align-items: center; }\n .brick-grid[data-align-sm=\"end\"] { align-items: end; }\n .brick-grid[data-align-sm=\"baseline\"] { align-items: baseline; }\n .brick-grid[data-justify-sm=\"stretch\"] { justify-items: stretch; }\n .brick-grid[data-justify-sm=\"start\"] { justify-items: start; }\n .brick-grid[data-justify-sm=\"center\"] { justify-items: center; }\n .brick-grid[data-justify-sm=\"end\"] { justify-items: end; }\n .brick-grid-item[data-align-sm=\"auto\"] { align-self: auto; }\n .brick-grid-item[data-align-sm=\"stretch\"] { align-self: stretch; }\n .brick-grid-item[data-align-sm=\"start\"] { align-self: start; }\n .brick-grid-item[data-align-sm=\"center\"] { align-self: center; }\n .brick-grid-item[data-align-sm=\"end\"] { align-self: end; }\n .brick-grid-item[data-align-sm=\"baseline\"] { align-self: baseline; }\n .brick-grid-item[data-justify-sm=\"auto\"] { justify-self: auto; }\n .brick-grid-item[data-justify-sm=\"stretch\"] { justify-self: stretch; }\n .brick-grid-item[data-justify-sm=\"start\"] { justify-self: start; }\n .brick-grid-item[data-justify-sm=\"center\"] { justify-self: center; }\n .brick-grid-item[data-justify-sm=\"end\"] { justify-self: end; }\n .brick-grid-item[data-column-span-sm=\"full\"] { --brick-grid-item-column-start: 1; --brick-grid-item-column-end: -1; }\n .brick-grid-item[data-column-span-sm=\"1\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 1; }\n .brick-grid-item[data-column-span-sm=\"2\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 2; }\n .brick-grid-item[data-column-span-sm=\"3\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 3; }\n .brick-grid-item[data-column-span-sm=\"4\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 4; }\n .brick-grid-item[data-column-span-sm=\"5\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 5; }\n .brick-grid-item[data-column-span-sm=\"6\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 6; }\n .brick-grid-item[data-column-span-sm=\"7\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 7; }\n .brick-grid-item[data-column-span-sm=\"8\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 8; }\n .brick-grid-item[data-column-span-sm=\"9\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 9; }\n .brick-grid-item[data-column-span-sm=\"10\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 10; }\n .brick-grid-item[data-column-span-sm=\"11\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 11; }\n .brick-grid-item[data-column-span-sm=\"12\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 12; }\n .brick-grid-item[data-row-span-sm=\"1\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 1; }\n .brick-grid-item[data-row-span-sm=\"2\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 2; }\n .brick-grid-item[data-row-span-sm=\"3\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 3; }\n .brick-grid-item[data-row-span-sm=\"4\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 4; }\n .brick-grid-item[data-row-span-sm=\"5\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 5; }\n .brick-grid-item[data-row-span-sm=\"6\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 6; }\n .brick-grid-item[data-row-span-sm=\"7\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 7; }\n .brick-grid-item[data-row-span-sm=\"8\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 8; }\n .brick-grid-item[data-row-span-sm=\"9\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 9; }\n .brick-grid-item[data-row-span-sm=\"10\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 10; }\n .brick-grid-item[data-row-span-sm=\"11\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 11; }\n .brick-grid-item[data-row-span-sm=\"12\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 12; }\n }\n\n @media (width >= 48rem) {\n .brick-grid[data-columns-md=\"1\"] { --brick-grid-columns: 1; }\n .brick-grid[data-columns-md=\"2\"] { --brick-grid-columns: 2; }\n .brick-grid[data-columns-md=\"3\"] { --brick-grid-columns: 3; }\n .brick-grid[data-columns-md=\"4\"] { --brick-grid-columns: 4; }\n .brick-grid[data-columns-md=\"5\"] { --brick-grid-columns: 5; }\n .brick-grid[data-columns-md=\"6\"] { --brick-grid-columns: 6; }\n .brick-grid[data-columns-md=\"7\"] { --brick-grid-columns: 7; }\n .brick-grid[data-columns-md=\"8\"] { --brick-grid-columns: 8; }\n .brick-grid[data-columns-md=\"9\"] { --brick-grid-columns: 9; }\n .brick-grid[data-columns-md=\"10\"] { --brick-grid-columns: 10; }\n .brick-grid[data-columns-md=\"11\"] { --brick-grid-columns: 11; }\n .brick-grid[data-columns-md=\"12\"] { --brick-grid-columns: 12; }\n .brick-grid[data-gap-md=\"0\"] { --brick-grid-gap: var(--brick-space-0); }\n .brick-grid[data-gap-md=\"1\"] { --brick-grid-gap: var(--brick-space-1); }\n .brick-grid[data-gap-md=\"2\"] { --brick-grid-gap: var(--brick-space-2); }\n .brick-grid[data-gap-md=\"3\"] { --brick-grid-gap: var(--brick-space-3); }\n .brick-grid[data-gap-md=\"4\"] { --brick-grid-gap: var(--brick-space-4); }\n .brick-grid[data-gap-md=\"5\"] { --brick-grid-gap: var(--brick-space-5); }\n .brick-grid[data-gap-md=\"6\"] { --brick-grid-gap: var(--brick-space-6); }\n .brick-grid[data-row-gap-md=\"0\"] { --brick-grid-row-gap: var(--brick-space-0); }\n .brick-grid[data-row-gap-md=\"1\"] { --brick-grid-row-gap: var(--brick-space-1); }\n .brick-grid[data-row-gap-md=\"2\"] { --brick-grid-row-gap: var(--brick-space-2); }\n .brick-grid[data-row-gap-md=\"3\"] { --brick-grid-row-gap: var(--brick-space-3); }\n .brick-grid[data-row-gap-md=\"4\"] { --brick-grid-row-gap: var(--brick-space-4); }\n .brick-grid[data-row-gap-md=\"5\"] { --brick-grid-row-gap: var(--brick-space-5); }\n .brick-grid[data-row-gap-md=\"6\"] { --brick-grid-row-gap: var(--brick-space-6); }\n .brick-grid[data-column-gap-md=\"0\"] { --brick-grid-column-gap: var(--brick-space-0); }\n .brick-grid[data-column-gap-md=\"1\"] { --brick-grid-column-gap: var(--brick-space-1); }\n .brick-grid[data-column-gap-md=\"2\"] { --brick-grid-column-gap: var(--brick-space-2); }\n .brick-grid[data-column-gap-md=\"3\"] { --brick-grid-column-gap: var(--brick-space-3); }\n .brick-grid[data-column-gap-md=\"4\"] { --brick-grid-column-gap: var(--brick-space-4); }\n .brick-grid[data-column-gap-md=\"5\"] { --brick-grid-column-gap: var(--brick-space-5); }\n .brick-grid[data-column-gap-md=\"6\"] { --brick-grid-column-gap: var(--brick-space-6); }\n .brick-grid[data-align-md=\"stretch\"] { align-items: stretch; }\n .brick-grid[data-align-md=\"start\"] { align-items: start; }\n .brick-grid[data-align-md=\"center\"] { align-items: center; }\n .brick-grid[data-align-md=\"end\"] { align-items: end; }\n .brick-grid[data-align-md=\"baseline\"] { align-items: baseline; }\n .brick-grid[data-justify-md=\"stretch\"] { justify-items: stretch; }\n .brick-grid[data-justify-md=\"start\"] { justify-items: start; }\n .brick-grid[data-justify-md=\"center\"] { justify-items: center; }\n .brick-grid[data-justify-md=\"end\"] { justify-items: end; }\n .brick-grid-item[data-align-md=\"auto\"] { align-self: auto; }\n .brick-grid-item[data-align-md=\"stretch\"] { align-self: stretch; }\n .brick-grid-item[data-align-md=\"start\"] { align-self: start; }\n .brick-grid-item[data-align-md=\"center\"] { align-self: center; }\n .brick-grid-item[data-align-md=\"end\"] { align-self: end; }\n .brick-grid-item[data-align-md=\"baseline\"] { align-self: baseline; }\n .brick-grid-item[data-justify-md=\"auto\"] { justify-self: auto; }\n .brick-grid-item[data-justify-md=\"stretch\"] { justify-self: stretch; }\n .brick-grid-item[data-justify-md=\"start\"] { justify-self: start; }\n .brick-grid-item[data-justify-md=\"center\"] { justify-self: center; }\n .brick-grid-item[data-justify-md=\"end\"] { justify-self: end; }\n .brick-grid-item[data-column-span-md=\"full\"] { --brick-grid-item-column-start: 1; --brick-grid-item-column-end: -1; }\n .brick-grid-item[data-column-span-md=\"1\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 1; }\n .brick-grid-item[data-column-span-md=\"2\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 2; }\n .brick-grid-item[data-column-span-md=\"3\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 3; }\n .brick-grid-item[data-column-span-md=\"4\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 4; }\n .brick-grid-item[data-column-span-md=\"5\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 5; }\n .brick-grid-item[data-column-span-md=\"6\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 6; }\n .brick-grid-item[data-column-span-md=\"7\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 7; }\n .brick-grid-item[data-column-span-md=\"8\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 8; }\n .brick-grid-item[data-column-span-md=\"9\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 9; }\n .brick-grid-item[data-column-span-md=\"10\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 10; }\n .brick-grid-item[data-column-span-md=\"11\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 11; }\n .brick-grid-item[data-column-span-md=\"12\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 12; }\n .brick-grid-item[data-row-span-md=\"1\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 1; }\n .brick-grid-item[data-row-span-md=\"2\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 2; }\n .brick-grid-item[data-row-span-md=\"3\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 3; }\n .brick-grid-item[data-row-span-md=\"4\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 4; }\n .brick-grid-item[data-row-span-md=\"5\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 5; }\n .brick-grid-item[data-row-span-md=\"6\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 6; }\n .brick-grid-item[data-row-span-md=\"7\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 7; }\n .brick-grid-item[data-row-span-md=\"8\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 8; }\n .brick-grid-item[data-row-span-md=\"9\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 9; }\n .brick-grid-item[data-row-span-md=\"10\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 10; }\n .brick-grid-item[data-row-span-md=\"11\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 11; }\n .brick-grid-item[data-row-span-md=\"12\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 12; }\n }\n\n @media (width >= 64rem) {\n .brick-grid[data-columns-lg=\"1\"] { --brick-grid-columns: 1; }\n .brick-grid[data-columns-lg=\"2\"] { --brick-grid-columns: 2; }\n .brick-grid[data-columns-lg=\"3\"] { --brick-grid-columns: 3; }\n .brick-grid[data-columns-lg=\"4\"] { --brick-grid-columns: 4; }\n .brick-grid[data-columns-lg=\"5\"] { --brick-grid-columns: 5; }\n .brick-grid[data-columns-lg=\"6\"] { --brick-grid-columns: 6; }\n .brick-grid[data-columns-lg=\"7\"] { --brick-grid-columns: 7; }\n .brick-grid[data-columns-lg=\"8\"] { --brick-grid-columns: 8; }\n .brick-grid[data-columns-lg=\"9\"] { --brick-grid-columns: 9; }\n .brick-grid[data-columns-lg=\"10\"] { --brick-grid-columns: 10; }\n .brick-grid[data-columns-lg=\"11\"] { --brick-grid-columns: 11; }\n .brick-grid[data-columns-lg=\"12\"] { --brick-grid-columns: 12; }\n .brick-grid[data-gap-lg=\"0\"] { --brick-grid-gap: var(--brick-space-0); }\n .brick-grid[data-gap-lg=\"1\"] { --brick-grid-gap: var(--brick-space-1); }\n .brick-grid[data-gap-lg=\"2\"] { --brick-grid-gap: var(--brick-space-2); }\n .brick-grid[data-gap-lg=\"3\"] { --brick-grid-gap: var(--brick-space-3); }\n .brick-grid[data-gap-lg=\"4\"] { --brick-grid-gap: var(--brick-space-4); }\n .brick-grid[data-gap-lg=\"5\"] { --brick-grid-gap: var(--brick-space-5); }\n .brick-grid[data-gap-lg=\"6\"] { --brick-grid-gap: var(--brick-space-6); }\n .brick-grid[data-row-gap-lg=\"0\"] { --brick-grid-row-gap: var(--brick-space-0); }\n .brick-grid[data-row-gap-lg=\"1\"] { --brick-grid-row-gap: var(--brick-space-1); }\n .brick-grid[data-row-gap-lg=\"2\"] { --brick-grid-row-gap: var(--brick-space-2); }\n .brick-grid[data-row-gap-lg=\"3\"] { --brick-grid-row-gap: var(--brick-space-3); }\n .brick-grid[data-row-gap-lg=\"4\"] { --brick-grid-row-gap: var(--brick-space-4); }\n .brick-grid[data-row-gap-lg=\"5\"] { --brick-grid-row-gap: var(--brick-space-5); }\n .brick-grid[data-row-gap-lg=\"6\"] { --brick-grid-row-gap: var(--brick-space-6); }\n .brick-grid[data-column-gap-lg=\"0\"] { --brick-grid-column-gap: var(--brick-space-0); }\n .brick-grid[data-column-gap-lg=\"1\"] { --brick-grid-column-gap: var(--brick-space-1); }\n .brick-grid[data-column-gap-lg=\"2\"] { --brick-grid-column-gap: var(--brick-space-2); }\n .brick-grid[data-column-gap-lg=\"3\"] { --brick-grid-column-gap: var(--brick-space-3); }\n .brick-grid[data-column-gap-lg=\"4\"] { --brick-grid-column-gap: var(--brick-space-4); }\n .brick-grid[data-column-gap-lg=\"5\"] { --brick-grid-column-gap: var(--brick-space-5); }\n .brick-grid[data-column-gap-lg=\"6\"] { --brick-grid-column-gap: var(--brick-space-6); }\n .brick-grid[data-align-lg=\"stretch\"] { align-items: stretch; }\n .brick-grid[data-align-lg=\"start\"] { align-items: start; }\n .brick-grid[data-align-lg=\"center\"] { align-items: center; }\n .brick-grid[data-align-lg=\"end\"] { align-items: end; }\n .brick-grid[data-align-lg=\"baseline\"] { align-items: baseline; }\n .brick-grid[data-justify-lg=\"stretch\"] { justify-items: stretch; }\n .brick-grid[data-justify-lg=\"start\"] { justify-items: start; }\n .brick-grid[data-justify-lg=\"center\"] { justify-items: center; }\n .brick-grid[data-justify-lg=\"end\"] { justify-items: end; }\n .brick-grid-item[data-align-lg=\"auto\"] { align-self: auto; }\n .brick-grid-item[data-align-lg=\"stretch\"] { align-self: stretch; }\n .brick-grid-item[data-align-lg=\"start\"] { align-self: start; }\n .brick-grid-item[data-align-lg=\"center\"] { align-self: center; }\n .brick-grid-item[data-align-lg=\"end\"] { align-self: end; }\n .brick-grid-item[data-align-lg=\"baseline\"] { align-self: baseline; }\n .brick-grid-item[data-justify-lg=\"auto\"] { justify-self: auto; }\n .brick-grid-item[data-justify-lg=\"stretch\"] { justify-self: stretch; }\n .brick-grid-item[data-justify-lg=\"start\"] { justify-self: start; }\n .brick-grid-item[data-justify-lg=\"center\"] { justify-self: center; }\n .brick-grid-item[data-justify-lg=\"end\"] { justify-self: end; }\n .brick-grid-item[data-column-span-lg=\"full\"] { --brick-grid-item-column-start: 1; --brick-grid-item-column-end: -1; }\n .brick-grid-item[data-column-span-lg=\"1\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 1; }\n .brick-grid-item[data-column-span-lg=\"2\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 2; }\n .brick-grid-item[data-column-span-lg=\"3\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 3; }\n .brick-grid-item[data-column-span-lg=\"4\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 4; }\n .brick-grid-item[data-column-span-lg=\"5\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 5; }\n .brick-grid-item[data-column-span-lg=\"6\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 6; }\n .brick-grid-item[data-column-span-lg=\"7\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 7; }\n .brick-grid-item[data-column-span-lg=\"8\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 8; }\n .brick-grid-item[data-column-span-lg=\"9\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 9; }\n .brick-grid-item[data-column-span-lg=\"10\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 10; }\n .brick-grid-item[data-column-span-lg=\"11\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 11; }\n .brick-grid-item[data-column-span-lg=\"12\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 12; }\n .brick-grid-item[data-row-span-lg=\"1\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 1; }\n .brick-grid-item[data-row-span-lg=\"2\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 2; }\n .brick-grid-item[data-row-span-lg=\"3\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 3; }\n .brick-grid-item[data-row-span-lg=\"4\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 4; }\n .brick-grid-item[data-row-span-lg=\"5\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 5; }\n .brick-grid-item[data-row-span-lg=\"6\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 6; }\n .brick-grid-item[data-row-span-lg=\"7\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 7; }\n .brick-grid-item[data-row-span-lg=\"8\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 8; }\n .brick-grid-item[data-row-span-lg=\"9\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 9; }\n .brick-grid-item[data-row-span-lg=\"10\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 10; }\n .brick-grid-item[data-row-span-lg=\"11\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 11; }\n .brick-grid-item[data-row-span-lg=\"12\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 12; }\n }\n\n @media (width >= 80rem) {\n .brick-grid[data-columns-xl=\"1\"] { --brick-grid-columns: 1; }\n .brick-grid[data-columns-xl=\"2\"] { --brick-grid-columns: 2; }\n .brick-grid[data-columns-xl=\"3\"] { --brick-grid-columns: 3; }\n .brick-grid[data-columns-xl=\"4\"] { --brick-grid-columns: 4; }\n .brick-grid[data-columns-xl=\"5\"] { --brick-grid-columns: 5; }\n .brick-grid[data-columns-xl=\"6\"] { --brick-grid-columns: 6; }\n .brick-grid[data-columns-xl=\"7\"] { --brick-grid-columns: 7; }\n .brick-grid[data-columns-xl=\"8\"] { --brick-grid-columns: 8; }\n .brick-grid[data-columns-xl=\"9\"] { --brick-grid-columns: 9; }\n .brick-grid[data-columns-xl=\"10\"] { --brick-grid-columns: 10; }\n .brick-grid[data-columns-xl=\"11\"] { --brick-grid-columns: 11; }\n .brick-grid[data-columns-xl=\"12\"] { --brick-grid-columns: 12; }\n .brick-grid[data-gap-xl=\"0\"] { --brick-grid-gap: var(--brick-space-0); }\n .brick-grid[data-gap-xl=\"1\"] { --brick-grid-gap: var(--brick-space-1); }\n .brick-grid[data-gap-xl=\"2\"] { --brick-grid-gap: var(--brick-space-2); }\n .brick-grid[data-gap-xl=\"3\"] { --brick-grid-gap: var(--brick-space-3); }\n .brick-grid[data-gap-xl=\"4\"] { --brick-grid-gap: var(--brick-space-4); }\n .brick-grid[data-gap-xl=\"5\"] { --brick-grid-gap: var(--brick-space-5); }\n .brick-grid[data-gap-xl=\"6\"] { --brick-grid-gap: var(--brick-space-6); }\n .brick-grid[data-row-gap-xl=\"0\"] { --brick-grid-row-gap: var(--brick-space-0); }\n .brick-grid[data-row-gap-xl=\"1\"] { --brick-grid-row-gap: var(--brick-space-1); }\n .brick-grid[data-row-gap-xl=\"2\"] { --brick-grid-row-gap: var(--brick-space-2); }\n .brick-grid[data-row-gap-xl=\"3\"] { --brick-grid-row-gap: var(--brick-space-3); }\n .brick-grid[data-row-gap-xl=\"4\"] { --brick-grid-row-gap: var(--brick-space-4); }\n .brick-grid[data-row-gap-xl=\"5\"] { --brick-grid-row-gap: var(--brick-space-5); }\n .brick-grid[data-row-gap-xl=\"6\"] { --brick-grid-row-gap: var(--brick-space-6); }\n .brick-grid[data-column-gap-xl=\"0\"] { --brick-grid-column-gap: var(--brick-space-0); }\n .brick-grid[data-column-gap-xl=\"1\"] { --brick-grid-column-gap: var(--brick-space-1); }\n .brick-grid[data-column-gap-xl=\"2\"] { --brick-grid-column-gap: var(--brick-space-2); }\n .brick-grid[data-column-gap-xl=\"3\"] { --brick-grid-column-gap: var(--brick-space-3); }\n .brick-grid[data-column-gap-xl=\"4\"] { --brick-grid-column-gap: var(--brick-space-4); }\n .brick-grid[data-column-gap-xl=\"5\"] { --brick-grid-column-gap: var(--brick-space-5); }\n .brick-grid[data-column-gap-xl=\"6\"] { --brick-grid-column-gap: var(--brick-space-6); }\n .brick-grid[data-align-xl=\"stretch\"] { align-items: stretch; }\n .brick-grid[data-align-xl=\"start\"] { align-items: start; }\n .brick-grid[data-align-xl=\"center\"] { align-items: center; }\n .brick-grid[data-align-xl=\"end\"] { align-items: end; }\n .brick-grid[data-align-xl=\"baseline\"] { align-items: baseline; }\n .brick-grid[data-justify-xl=\"stretch\"] { justify-items: stretch; }\n .brick-grid[data-justify-xl=\"start\"] { justify-items: start; }\n .brick-grid[data-justify-xl=\"center\"] { justify-items: center; }\n .brick-grid[data-justify-xl=\"end\"] { justify-items: end; }\n .brick-grid-item[data-align-xl=\"auto\"] { align-self: auto; }\n .brick-grid-item[data-align-xl=\"stretch\"] { align-self: stretch; }\n .brick-grid-item[data-align-xl=\"start\"] { align-self: start; }\n .brick-grid-item[data-align-xl=\"center\"] { align-self: center; }\n .brick-grid-item[data-align-xl=\"end\"] { align-self: end; }\n .brick-grid-item[data-align-xl=\"baseline\"] { align-self: baseline; }\n .brick-grid-item[data-justify-xl=\"auto\"] { justify-self: auto; }\n .brick-grid-item[data-justify-xl=\"stretch\"] { justify-self: stretch; }\n .brick-grid-item[data-justify-xl=\"start\"] { justify-self: start; }\n .brick-grid-item[data-justify-xl=\"center\"] { justify-self: center; }\n .brick-grid-item[data-justify-xl=\"end\"] { justify-self: end; }\n .brick-grid-item[data-column-span-xl=\"full\"] { --brick-grid-item-column-start: 1; --brick-grid-item-column-end: -1; }\n .brick-grid-item[data-column-span-xl=\"1\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 1; }\n .brick-grid-item[data-column-span-xl=\"2\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 2; }\n .brick-grid-item[data-column-span-xl=\"3\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 3; }\n .brick-grid-item[data-column-span-xl=\"4\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 4; }\n .brick-grid-item[data-column-span-xl=\"5\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 5; }\n .brick-grid-item[data-column-span-xl=\"6\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 6; }\n .brick-grid-item[data-column-span-xl=\"7\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 7; }\n .brick-grid-item[data-column-span-xl=\"8\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 8; }\n .brick-grid-item[data-column-span-xl=\"9\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 9; }\n .brick-grid-item[data-column-span-xl=\"10\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 10; }\n .brick-grid-item[data-column-span-xl=\"11\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 11; }\n .brick-grid-item[data-column-span-xl=\"12\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 12; }\n .brick-grid-item[data-row-span-xl=\"1\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 1; }\n .brick-grid-item[data-row-span-xl=\"2\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 2; }\n .brick-grid-item[data-row-span-xl=\"3\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 3; }\n .brick-grid-item[data-row-span-xl=\"4\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 4; }\n .brick-grid-item[data-row-span-xl=\"5\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 5; }\n .brick-grid-item[data-row-span-xl=\"6\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 6; }\n .brick-grid-item[data-row-span-xl=\"7\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 7; }\n .brick-grid-item[data-row-span-xl=\"8\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 8; }\n .brick-grid-item[data-row-span-xl=\"9\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 9; }\n .brick-grid-item[data-row-span-xl=\"10\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 10; }\n .brick-grid-item[data-row-span-xl=\"11\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 11; }\n .brick-grid-item[data-row-span-xl=\"12\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 12; }\n }\n\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,4cAqBA,sCAIA,iIAQA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,uDACA,uDACA,uDAEA,mEAIA,oEAIA,oEAIA,oEAIA,oEAGA,wFACA,qGACA,8GAEA,gDACA,kDACA,4CACA,sDACA,oDACA,sDACA,gDAEA,iDAKA,iYAeA,wDACA,oDACA,sDACA,gDACA,0DACA,4DACA,wDACA,0DACA,oDAEA,yGAKA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,6EACA,6EACA,6EAEA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,uEACA,uEACA,uEAEA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,2EACA,2EACA,2EACA,2EAEA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,uEACA,uEACA,uEACA,uEAEA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,qEACA,qEACA,qEACA,qEAEA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,iEACA,iEACA,iEACA,iEAEA,sBACE,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,uDACA,mDACA,qDACA,+CACA,yDACA,2DACA,uDACA,yDACA,mDACA,qDACA,2DACA,uDACA,yDACA,mDACA,6DACA,yDACA,+DACA,2DACA,6DACA,uDACA,4GACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,oHACA,oHACA,oHACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,2GACA,2GACA,4GAGF,sBACE,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,uDACA,mDACA,qDACA,+CACA,yDACA,2DACA,uDACA,yDACA,mDACA,qDACA,2DACA,uDACA,yDACA,mDACA,6DACA,yDACA,+DACA,2DACA,6DACA,uDACA,4GACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,oHACA,oHACA,oHACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,2GACA,2GACA,4GAGF,sBACE,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,uDACA,mDACA,qDACA,+CACA,yDACA,2DACA,uDACA,yDACA,mDACA,qDACA,2DACA,uDACA,yDACA,mDACA,6DACA,yDACA,+DACA,2DACA,6DACA,uDACA,4GACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,oHACA,oHACA,oHACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,2GACA,2GACA,4GAGF,sBACE,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,uDACA,mDACA,qDACA,+CACA,yDACA,2DACA,uDACA,yDACA,mDACA,qDACA,2DACA,uDACA,yDACA,mDACA,6DACA,yDACA,+DACA,2DACA,6DACA,uDACA,4GACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,oHACA,oHACA,oHACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,2GACA,2GACA,4GAGF,sBACE,0HACA,2GACA,qHAGF,sBACE,0HACA,2GACA,qHAGF,sBACE,0HACA,2GACA,qHAGF,sBACE,0HACA,2GACA,sHDvcJ","sources":["home/runner/work/brick/brick/.brick-cache/production/grid.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/grid/grid.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/grid/grid.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-grid {\n --brick-grid-columns: 1;\n --brick-grid-gap: var(--brick-space-0);\n --brick-grid-row-gap: var(--brick-grid-gap);\n --brick-grid-column-gap: var(--brick-grid-gap);\n --brick-grid-min-item-size: 16rem;\n\n box-sizing: border-box;\n display: grid;\n min-inline-size: 0;\n margin: 0;\n padding: 0;\n grid-auto-flow: row;\n grid-template-columns:\n repeat(var(--brick-grid-columns), minmax(0, 1fr));\n align-items: stretch;\n justify-items: stretch;\n row-gap: var(--brick-grid-row-gap);\n column-gap: var(--brick-grid-column-gap);\n }\n\n .brick-grid:is(ul, ol) {\n list-style: none;\n }\n\n .brick-grid[data-mode=\"intrinsic\"] {\n grid-template-columns:\n repeat(\n auto-fit,\n minmax(min(100%, var(--brick-grid-min-item-size)), 1fr)\n );\n }\n\n .brick-grid[data-columns=\"2\"] { --brick-grid-columns: 2; }\n .brick-grid[data-columns=\"3\"] { --brick-grid-columns: 3; }\n .brick-grid[data-columns=\"4\"] { --brick-grid-columns: 4; }\n .brick-grid[data-columns=\"5\"] { --brick-grid-columns: 5; }\n .brick-grid[data-columns=\"6\"] { --brick-grid-columns: 6; }\n .brick-grid[data-columns=\"7\"] { --brick-grid-columns: 7; }\n .brick-grid[data-columns=\"8\"] { --brick-grid-columns: 8; }\n .brick-grid[data-columns=\"9\"] { --brick-grid-columns: 9; }\n .brick-grid[data-columns=\"10\"] { --brick-grid-columns: 10; }\n .brick-grid[data-columns=\"11\"] { --brick-grid-columns: 11; }\n .brick-grid[data-columns=\"12\"] { --brick-grid-columns: 12; }\n\n .brick-grid[data-min-item-size=\"xs\"] {\n --brick-grid-min-item-size: 8rem;\n }\n\n .brick-grid[data-min-item-size=\"sm\"] {\n --brick-grid-min-item-size: 12rem;\n }\n\n .brick-grid[data-min-item-size=\"md\"] {\n --brick-grid-min-item-size: 16rem;\n }\n\n .brick-grid[data-min-item-size=\"lg\"] {\n --brick-grid-min-item-size: 20rem;\n }\n\n .brick-grid[data-min-item-size=\"xl\"] {\n --brick-grid-min-item-size: 24rem;\n }\n .brick-grid[data-gap] { --brick-grid-gap: var(--brick-grid-gap-input, var(--brick-space-0)); }\n .brick-grid[data-row-gap] { --brick-grid-row-gap: var(--brick-grid-row-gap-input, var(--brick-grid-gap)); }\n .brick-grid[data-column-gap] { --brick-grid-column-gap: var(--brick-grid-column-gap-input, var(--brick-grid-gap)); }\n\n .brick-grid[data-align=\"start\"] { align-items: start; }\n .brick-grid[data-align=\"center\"] { align-items: center; }\n .brick-grid[data-align=\"end\"] { align-items: end; }\n .brick-grid[data-align=\"baseline\"] { align-items: baseline; }\n .brick-grid[data-justify=\"start\"] { justify-items: start; }\n .brick-grid[data-justify=\"center\"] { justify-items: center; }\n .brick-grid[data-justify=\"end\"] { justify-items: end; }\n\n .brick-grid > *,\n .brick-grid-item {\n min-inline-size: 0;\n }\n\n .brick-grid-item {\n --brick-grid-item-column-start: auto;\n --brick-grid-item-column-end: auto;\n --brick-grid-item-row-start: auto;\n --brick-grid-item-row-end: auto;\n\n box-sizing: border-box;\n grid-column-start: var(--brick-grid-item-column-start);\n grid-column-end: var(--brick-grid-item-column-end);\n grid-row-start: var(--brick-grid-item-row-start);\n grid-row-end: var(--brick-grid-item-row-end);\n align-self: auto;\n justify-self: auto;\n }\n\n .brick-grid-item[data-align=\"stretch\"] { align-self: stretch; }\n .brick-grid-item[data-align=\"start\"] { align-self: start; }\n .brick-grid-item[data-align=\"center\"] { align-self: center; }\n .brick-grid-item[data-align=\"end\"] { align-self: end; }\n .brick-grid-item[data-align=\"baseline\"] { align-self: baseline; }\n .brick-grid-item[data-justify=\"stretch\"] { justify-self: stretch; }\n .brick-grid-item[data-justify=\"start\"] { justify-self: start; }\n .brick-grid-item[data-justify=\"center\"] { justify-self: center; }\n .brick-grid-item[data-justify=\"end\"] { justify-self: end; }\n\n .brick-grid-item[data-column-span=\"full\"] {\n --brick-grid-item-column-start: 1;\n --brick-grid-item-column-end: -1;\n }\n\n .brick-grid-item[data-column-span=\"1\"] { --brick-grid-item-column-end: span 1; }\n .brick-grid-item[data-column-span=\"2\"] { --brick-grid-item-column-end: span 2; }\n .brick-grid-item[data-column-span=\"3\"] { --brick-grid-item-column-end: span 3; }\n .brick-grid-item[data-column-span=\"4\"] { --brick-grid-item-column-end: span 4; }\n .brick-grid-item[data-column-span=\"5\"] { --brick-grid-item-column-end: span 5; }\n .brick-grid-item[data-column-span=\"6\"] { --brick-grid-item-column-end: span 6; }\n .brick-grid-item[data-column-span=\"7\"] { --brick-grid-item-column-end: span 7; }\n .brick-grid-item[data-column-span=\"8\"] { --brick-grid-item-column-end: span 8; }\n .brick-grid-item[data-column-span=\"9\"] { --brick-grid-item-column-end: span 9; }\n .brick-grid-item[data-column-span=\"10\"] { --brick-grid-item-column-end: span 10; }\n .brick-grid-item[data-column-span=\"11\"] { --brick-grid-item-column-end: span 11; }\n .brick-grid-item[data-column-span=\"12\"] { --brick-grid-item-column-end: span 12; }\n\n .brick-grid-item[data-row-span=\"1\"] { --brick-grid-item-row-end: span 1; }\n .brick-grid-item[data-row-span=\"2\"] { --brick-grid-item-row-end: span 2; }\n .brick-grid-item[data-row-span=\"3\"] { --brick-grid-item-row-end: span 3; }\n .brick-grid-item[data-row-span=\"4\"] { --brick-grid-item-row-end: span 4; }\n .brick-grid-item[data-row-span=\"5\"] { --brick-grid-item-row-end: span 5; }\n .brick-grid-item[data-row-span=\"6\"] { --brick-grid-item-row-end: span 6; }\n .brick-grid-item[data-row-span=\"7\"] { --brick-grid-item-row-end: span 7; }\n .brick-grid-item[data-row-span=\"8\"] { --brick-grid-item-row-end: span 8; }\n .brick-grid-item[data-row-span=\"9\"] { --brick-grid-item-row-end: span 9; }\n .brick-grid-item[data-row-span=\"10\"] { --brick-grid-item-row-end: span 10; }\n .brick-grid-item[data-row-span=\"11\"] { --brick-grid-item-row-end: span 11; }\n .brick-grid-item[data-row-span=\"12\"] { --brick-grid-item-row-end: span 12; }\n\n .brick-grid-item[data-column-start=\"1\"] { --brick-grid-item-column-start: 1; }\n .brick-grid-item[data-column-start=\"2\"] { --brick-grid-item-column-start: 2; }\n .brick-grid-item[data-column-start=\"3\"] { --brick-grid-item-column-start: 3; }\n .brick-grid-item[data-column-start=\"4\"] { --brick-grid-item-column-start: 4; }\n .brick-grid-item[data-column-start=\"5\"] { --brick-grid-item-column-start: 5; }\n .brick-grid-item[data-column-start=\"6\"] { --brick-grid-item-column-start: 6; }\n .brick-grid-item[data-column-start=\"7\"] { --brick-grid-item-column-start: 7; }\n .brick-grid-item[data-column-start=\"8\"] { --brick-grid-item-column-start: 8; }\n .brick-grid-item[data-column-start=\"9\"] { --brick-grid-item-column-start: 9; }\n .brick-grid-item[data-column-start=\"10\"] { --brick-grid-item-column-start: 10; }\n .brick-grid-item[data-column-start=\"11\"] { --brick-grid-item-column-start: 11; }\n .brick-grid-item[data-column-start=\"12\"] { --brick-grid-item-column-start: 12; }\n .brick-grid-item[data-column-start=\"13\"] { --brick-grid-item-column-start: 13; }\n\n .brick-grid-item[data-column-end=\"1\"] { --brick-grid-item-column-end: 1; }\n .brick-grid-item[data-column-end=\"2\"] { --brick-grid-item-column-end: 2; }\n .brick-grid-item[data-column-end=\"3\"] { --brick-grid-item-column-end: 3; }\n .brick-grid-item[data-column-end=\"4\"] { --brick-grid-item-column-end: 4; }\n .brick-grid-item[data-column-end=\"5\"] { --brick-grid-item-column-end: 5; }\n .brick-grid-item[data-column-end=\"6\"] { --brick-grid-item-column-end: 6; }\n .brick-grid-item[data-column-end=\"7\"] { --brick-grid-item-column-end: 7; }\n .brick-grid-item[data-column-end=\"8\"] { --brick-grid-item-column-end: 8; }\n .brick-grid-item[data-column-end=\"9\"] { --brick-grid-item-column-end: 9; }\n .brick-grid-item[data-column-end=\"10\"] { --brick-grid-item-column-end: 10; }\n .brick-grid-item[data-column-end=\"11\"] { --brick-grid-item-column-end: 11; }\n .brick-grid-item[data-column-end=\"12\"] { --brick-grid-item-column-end: 12; }\n .brick-grid-item[data-column-end=\"13\"] { --brick-grid-item-column-end: 13; }\n\n .brick-grid-item[data-row-start=\"1\"] { --brick-grid-item-row-start: 1; }\n .brick-grid-item[data-row-start=\"2\"] { --brick-grid-item-row-start: 2; }\n .brick-grid-item[data-row-start=\"3\"] { --brick-grid-item-row-start: 3; }\n .brick-grid-item[data-row-start=\"4\"] { --brick-grid-item-row-start: 4; }\n .brick-grid-item[data-row-start=\"5\"] { --brick-grid-item-row-start: 5; }\n .brick-grid-item[data-row-start=\"6\"] { --brick-grid-item-row-start: 6; }\n .brick-grid-item[data-row-start=\"7\"] { --brick-grid-item-row-start: 7; }\n .brick-grid-item[data-row-start=\"8\"] { --brick-grid-item-row-start: 8; }\n .brick-grid-item[data-row-start=\"9\"] { --brick-grid-item-row-start: 9; }\n .brick-grid-item[data-row-start=\"10\"] { --brick-grid-item-row-start: 10; }\n .brick-grid-item[data-row-start=\"11\"] { --brick-grid-item-row-start: 11; }\n .brick-grid-item[data-row-start=\"12\"] { --brick-grid-item-row-start: 12; }\n .brick-grid-item[data-row-start=\"13\"] { --brick-grid-item-row-start: 13; }\n\n .brick-grid-item[data-row-end=\"1\"] { --brick-grid-item-row-end: 1; }\n .brick-grid-item[data-row-end=\"2\"] { --brick-grid-item-row-end: 2; }\n .brick-grid-item[data-row-end=\"3\"] { --brick-grid-item-row-end: 3; }\n .brick-grid-item[data-row-end=\"4\"] { --brick-grid-item-row-end: 4; }\n .brick-grid-item[data-row-end=\"5\"] { --brick-grid-item-row-end: 5; }\n .brick-grid-item[data-row-end=\"6\"] { --brick-grid-item-row-end: 6; }\n .brick-grid-item[data-row-end=\"7\"] { --brick-grid-item-row-end: 7; }\n .brick-grid-item[data-row-end=\"8\"] { --brick-grid-item-row-end: 8; }\n .brick-grid-item[data-row-end=\"9\"] { --brick-grid-item-row-end: 9; }\n .brick-grid-item[data-row-end=\"10\"] { --brick-grid-item-row-end: 10; }\n .brick-grid-item[data-row-end=\"11\"] { --brick-grid-item-row-end: 11; }\n .brick-grid-item[data-row-end=\"12\"] { --brick-grid-item-row-end: 12; }\n .brick-grid-item[data-row-end=\"13\"] { --brick-grid-item-row-end: 13; }\n\n @media (width >= 30rem) {\n .brick-grid[data-columns-sm=\"1\"] { --brick-grid-columns: 1; }\n .brick-grid[data-columns-sm=\"2\"] { --brick-grid-columns: 2; }\n .brick-grid[data-columns-sm=\"3\"] { --brick-grid-columns: 3; }\n .brick-grid[data-columns-sm=\"4\"] { --brick-grid-columns: 4; }\n .brick-grid[data-columns-sm=\"5\"] { --brick-grid-columns: 5; }\n .brick-grid[data-columns-sm=\"6\"] { --brick-grid-columns: 6; }\n .brick-grid[data-columns-sm=\"7\"] { --brick-grid-columns: 7; }\n .brick-grid[data-columns-sm=\"8\"] { --brick-grid-columns: 8; }\n .brick-grid[data-columns-sm=\"9\"] { --brick-grid-columns: 9; }\n .brick-grid[data-columns-sm=\"10\"] { --brick-grid-columns: 10; }\n .brick-grid[data-columns-sm=\"11\"] { --brick-grid-columns: 11; }\n .brick-grid[data-columns-sm=\"12\"] { --brick-grid-columns: 12; }\n .brick-grid[data-align-sm=\"stretch\"] { align-items: stretch; }\n .brick-grid[data-align-sm=\"start\"] { align-items: start; }\n .brick-grid[data-align-sm=\"center\"] { align-items: center; }\n .brick-grid[data-align-sm=\"end\"] { align-items: end; }\n .brick-grid[data-align-sm=\"baseline\"] { align-items: baseline; }\n .brick-grid[data-justify-sm=\"stretch\"] { justify-items: stretch; }\n .brick-grid[data-justify-sm=\"start\"] { justify-items: start; }\n .brick-grid[data-justify-sm=\"center\"] { justify-items: center; }\n .brick-grid[data-justify-sm=\"end\"] { justify-items: end; }\n .brick-grid-item[data-align-sm=\"auto\"] { align-self: auto; }\n .brick-grid-item[data-align-sm=\"stretch\"] { align-self: stretch; }\n .brick-grid-item[data-align-sm=\"start\"] { align-self: start; }\n .brick-grid-item[data-align-sm=\"center\"] { align-self: center; }\n .brick-grid-item[data-align-sm=\"end\"] { align-self: end; }\n .brick-grid-item[data-align-sm=\"baseline\"] { align-self: baseline; }\n .brick-grid-item[data-justify-sm=\"auto\"] { justify-self: auto; }\n .brick-grid-item[data-justify-sm=\"stretch\"] { justify-self: stretch; }\n .brick-grid-item[data-justify-sm=\"start\"] { justify-self: start; }\n .brick-grid-item[data-justify-sm=\"center\"] { justify-self: center; }\n .brick-grid-item[data-justify-sm=\"end\"] { justify-self: end; }\n .brick-grid-item[data-column-span-sm=\"full\"] { --brick-grid-item-column-start: 1; --brick-grid-item-column-end: -1; }\n .brick-grid-item[data-column-span-sm=\"1\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 1; }\n .brick-grid-item[data-column-span-sm=\"2\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 2; }\n .brick-grid-item[data-column-span-sm=\"3\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 3; }\n .brick-grid-item[data-column-span-sm=\"4\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 4; }\n .brick-grid-item[data-column-span-sm=\"5\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 5; }\n .brick-grid-item[data-column-span-sm=\"6\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 6; }\n .brick-grid-item[data-column-span-sm=\"7\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 7; }\n .brick-grid-item[data-column-span-sm=\"8\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 8; }\n .brick-grid-item[data-column-span-sm=\"9\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 9; }\n .brick-grid-item[data-column-span-sm=\"10\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 10; }\n .brick-grid-item[data-column-span-sm=\"11\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 11; }\n .brick-grid-item[data-column-span-sm=\"12\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 12; }\n .brick-grid-item[data-row-span-sm=\"1\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 1; }\n .brick-grid-item[data-row-span-sm=\"2\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 2; }\n .brick-grid-item[data-row-span-sm=\"3\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 3; }\n .brick-grid-item[data-row-span-sm=\"4\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 4; }\n .brick-grid-item[data-row-span-sm=\"5\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 5; }\n .brick-grid-item[data-row-span-sm=\"6\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 6; }\n .brick-grid-item[data-row-span-sm=\"7\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 7; }\n .brick-grid-item[data-row-span-sm=\"8\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 8; }\n .brick-grid-item[data-row-span-sm=\"9\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 9; }\n .brick-grid-item[data-row-span-sm=\"10\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 10; }\n .brick-grid-item[data-row-span-sm=\"11\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 11; }\n .brick-grid-item[data-row-span-sm=\"12\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 12; }\n }\n\n @media (width >= 48rem) {\n .brick-grid[data-columns-md=\"1\"] { --brick-grid-columns: 1; }\n .brick-grid[data-columns-md=\"2\"] { --brick-grid-columns: 2; }\n .brick-grid[data-columns-md=\"3\"] { --brick-grid-columns: 3; }\n .brick-grid[data-columns-md=\"4\"] { --brick-grid-columns: 4; }\n .brick-grid[data-columns-md=\"5\"] { --brick-grid-columns: 5; }\n .brick-grid[data-columns-md=\"6\"] { --brick-grid-columns: 6; }\n .brick-grid[data-columns-md=\"7\"] { --brick-grid-columns: 7; }\n .brick-grid[data-columns-md=\"8\"] { --brick-grid-columns: 8; }\n .brick-grid[data-columns-md=\"9\"] { --brick-grid-columns: 9; }\n .brick-grid[data-columns-md=\"10\"] { --brick-grid-columns: 10; }\n .brick-grid[data-columns-md=\"11\"] { --brick-grid-columns: 11; }\n .brick-grid[data-columns-md=\"12\"] { --brick-grid-columns: 12; }\n .brick-grid[data-align-md=\"stretch\"] { align-items: stretch; }\n .brick-grid[data-align-md=\"start\"] { align-items: start; }\n .brick-grid[data-align-md=\"center\"] { align-items: center; }\n .brick-grid[data-align-md=\"end\"] { align-items: end; }\n .brick-grid[data-align-md=\"baseline\"] { align-items: baseline; }\n .brick-grid[data-justify-md=\"stretch\"] { justify-items: stretch; }\n .brick-grid[data-justify-md=\"start\"] { justify-items: start; }\n .brick-grid[data-justify-md=\"center\"] { justify-items: center; }\n .brick-grid[data-justify-md=\"end\"] { justify-items: end; }\n .brick-grid-item[data-align-md=\"auto\"] { align-self: auto; }\n .brick-grid-item[data-align-md=\"stretch\"] { align-self: stretch; }\n .brick-grid-item[data-align-md=\"start\"] { align-self: start; }\n .brick-grid-item[data-align-md=\"center\"] { align-self: center; }\n .brick-grid-item[data-align-md=\"end\"] { align-self: end; }\n .brick-grid-item[data-align-md=\"baseline\"] { align-self: baseline; }\n .brick-grid-item[data-justify-md=\"auto\"] { justify-self: auto; }\n .brick-grid-item[data-justify-md=\"stretch\"] { justify-self: stretch; }\n .brick-grid-item[data-justify-md=\"start\"] { justify-self: start; }\n .brick-grid-item[data-justify-md=\"center\"] { justify-self: center; }\n .brick-grid-item[data-justify-md=\"end\"] { justify-self: end; }\n .brick-grid-item[data-column-span-md=\"full\"] { --brick-grid-item-column-start: 1; --brick-grid-item-column-end: -1; }\n .brick-grid-item[data-column-span-md=\"1\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 1; }\n .brick-grid-item[data-column-span-md=\"2\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 2; }\n .brick-grid-item[data-column-span-md=\"3\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 3; }\n .brick-grid-item[data-column-span-md=\"4\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 4; }\n .brick-grid-item[data-column-span-md=\"5\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 5; }\n .brick-grid-item[data-column-span-md=\"6\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 6; }\n .brick-grid-item[data-column-span-md=\"7\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 7; }\n .brick-grid-item[data-column-span-md=\"8\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 8; }\n .brick-grid-item[data-column-span-md=\"9\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 9; }\n .brick-grid-item[data-column-span-md=\"10\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 10; }\n .brick-grid-item[data-column-span-md=\"11\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 11; }\n .brick-grid-item[data-column-span-md=\"12\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 12; }\n .brick-grid-item[data-row-span-md=\"1\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 1; }\n .brick-grid-item[data-row-span-md=\"2\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 2; }\n .brick-grid-item[data-row-span-md=\"3\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 3; }\n .brick-grid-item[data-row-span-md=\"4\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 4; }\n .brick-grid-item[data-row-span-md=\"5\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 5; }\n .brick-grid-item[data-row-span-md=\"6\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 6; }\n .brick-grid-item[data-row-span-md=\"7\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 7; }\n .brick-grid-item[data-row-span-md=\"8\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 8; }\n .brick-grid-item[data-row-span-md=\"9\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 9; }\n .brick-grid-item[data-row-span-md=\"10\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 10; }\n .brick-grid-item[data-row-span-md=\"11\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 11; }\n .brick-grid-item[data-row-span-md=\"12\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 12; }\n }\n\n @media (width >= 64rem) {\n .brick-grid[data-columns-lg=\"1\"] { --brick-grid-columns: 1; }\n .brick-grid[data-columns-lg=\"2\"] { --brick-grid-columns: 2; }\n .brick-grid[data-columns-lg=\"3\"] { --brick-grid-columns: 3; }\n .brick-grid[data-columns-lg=\"4\"] { --brick-grid-columns: 4; }\n .brick-grid[data-columns-lg=\"5\"] { --brick-grid-columns: 5; }\n .brick-grid[data-columns-lg=\"6\"] { --brick-grid-columns: 6; }\n .brick-grid[data-columns-lg=\"7\"] { --brick-grid-columns: 7; }\n .brick-grid[data-columns-lg=\"8\"] { --brick-grid-columns: 8; }\n .brick-grid[data-columns-lg=\"9\"] { --brick-grid-columns: 9; }\n .brick-grid[data-columns-lg=\"10\"] { --brick-grid-columns: 10; }\n .brick-grid[data-columns-lg=\"11\"] { --brick-grid-columns: 11; }\n .brick-grid[data-columns-lg=\"12\"] { --brick-grid-columns: 12; }\n .brick-grid[data-align-lg=\"stretch\"] { align-items: stretch; }\n .brick-grid[data-align-lg=\"start\"] { align-items: start; }\n .brick-grid[data-align-lg=\"center\"] { align-items: center; }\n .brick-grid[data-align-lg=\"end\"] { align-items: end; }\n .brick-grid[data-align-lg=\"baseline\"] { align-items: baseline; }\n .brick-grid[data-justify-lg=\"stretch\"] { justify-items: stretch; }\n .brick-grid[data-justify-lg=\"start\"] { justify-items: start; }\n .brick-grid[data-justify-lg=\"center\"] { justify-items: center; }\n .brick-grid[data-justify-lg=\"end\"] { justify-items: end; }\n .brick-grid-item[data-align-lg=\"auto\"] { align-self: auto; }\n .brick-grid-item[data-align-lg=\"stretch\"] { align-self: stretch; }\n .brick-grid-item[data-align-lg=\"start\"] { align-self: start; }\n .brick-grid-item[data-align-lg=\"center\"] { align-self: center; }\n .brick-grid-item[data-align-lg=\"end\"] { align-self: end; }\n .brick-grid-item[data-align-lg=\"baseline\"] { align-self: baseline; }\n .brick-grid-item[data-justify-lg=\"auto\"] { justify-self: auto; }\n .brick-grid-item[data-justify-lg=\"stretch\"] { justify-self: stretch; }\n .brick-grid-item[data-justify-lg=\"start\"] { justify-self: start; }\n .brick-grid-item[data-justify-lg=\"center\"] { justify-self: center; }\n .brick-grid-item[data-justify-lg=\"end\"] { justify-self: end; }\n .brick-grid-item[data-column-span-lg=\"full\"] { --brick-grid-item-column-start: 1; --brick-grid-item-column-end: -1; }\n .brick-grid-item[data-column-span-lg=\"1\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 1; }\n .brick-grid-item[data-column-span-lg=\"2\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 2; }\n .brick-grid-item[data-column-span-lg=\"3\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 3; }\n .brick-grid-item[data-column-span-lg=\"4\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 4; }\n .brick-grid-item[data-column-span-lg=\"5\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 5; }\n .brick-grid-item[data-column-span-lg=\"6\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 6; }\n .brick-grid-item[data-column-span-lg=\"7\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 7; }\n .brick-grid-item[data-column-span-lg=\"8\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 8; }\n .brick-grid-item[data-column-span-lg=\"9\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 9; }\n .brick-grid-item[data-column-span-lg=\"10\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 10; }\n .brick-grid-item[data-column-span-lg=\"11\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 11; }\n .brick-grid-item[data-column-span-lg=\"12\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 12; }\n .brick-grid-item[data-row-span-lg=\"1\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 1; }\n .brick-grid-item[data-row-span-lg=\"2\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 2; }\n .brick-grid-item[data-row-span-lg=\"3\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 3; }\n .brick-grid-item[data-row-span-lg=\"4\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 4; }\n .brick-grid-item[data-row-span-lg=\"5\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 5; }\n .brick-grid-item[data-row-span-lg=\"6\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 6; }\n .brick-grid-item[data-row-span-lg=\"7\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 7; }\n .brick-grid-item[data-row-span-lg=\"8\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 8; }\n .brick-grid-item[data-row-span-lg=\"9\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 9; }\n .brick-grid-item[data-row-span-lg=\"10\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 10; }\n .brick-grid-item[data-row-span-lg=\"11\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 11; }\n .brick-grid-item[data-row-span-lg=\"12\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 12; }\n }\n\n @media (width >= 80rem) {\n .brick-grid[data-columns-xl=\"1\"] { --brick-grid-columns: 1; }\n .brick-grid[data-columns-xl=\"2\"] { --brick-grid-columns: 2; }\n .brick-grid[data-columns-xl=\"3\"] { --brick-grid-columns: 3; }\n .brick-grid[data-columns-xl=\"4\"] { --brick-grid-columns: 4; }\n .brick-grid[data-columns-xl=\"5\"] { --brick-grid-columns: 5; }\n .brick-grid[data-columns-xl=\"6\"] { --brick-grid-columns: 6; }\n .brick-grid[data-columns-xl=\"7\"] { --brick-grid-columns: 7; }\n .brick-grid[data-columns-xl=\"8\"] { --brick-grid-columns: 8; }\n .brick-grid[data-columns-xl=\"9\"] { --brick-grid-columns: 9; }\n .brick-grid[data-columns-xl=\"10\"] { --brick-grid-columns: 10; }\n .brick-grid[data-columns-xl=\"11\"] { --brick-grid-columns: 11; }\n .brick-grid[data-columns-xl=\"12\"] { --brick-grid-columns: 12; }\n .brick-grid[data-align-xl=\"stretch\"] { align-items: stretch; }\n .brick-grid[data-align-xl=\"start\"] { align-items: start; }\n .brick-grid[data-align-xl=\"center\"] { align-items: center; }\n .brick-grid[data-align-xl=\"end\"] { align-items: end; }\n .brick-grid[data-align-xl=\"baseline\"] { align-items: baseline; }\n .brick-grid[data-justify-xl=\"stretch\"] { justify-items: stretch; }\n .brick-grid[data-justify-xl=\"start\"] { justify-items: start; }\n .brick-grid[data-justify-xl=\"center\"] { justify-items: center; }\n .brick-grid[data-justify-xl=\"end\"] { justify-items: end; }\n .brick-grid-item[data-align-xl=\"auto\"] { align-self: auto; }\n .brick-grid-item[data-align-xl=\"stretch\"] { align-self: stretch; }\n .brick-grid-item[data-align-xl=\"start\"] { align-self: start; }\n .brick-grid-item[data-align-xl=\"center\"] { align-self: center; }\n .brick-grid-item[data-align-xl=\"end\"] { align-self: end; }\n .brick-grid-item[data-align-xl=\"baseline\"] { align-self: baseline; }\n .brick-grid-item[data-justify-xl=\"auto\"] { justify-self: auto; }\n .brick-grid-item[data-justify-xl=\"stretch\"] { justify-self: stretch; }\n .brick-grid-item[data-justify-xl=\"start\"] { justify-self: start; }\n .brick-grid-item[data-justify-xl=\"center\"] { justify-self: center; }\n .brick-grid-item[data-justify-xl=\"end\"] { justify-self: end; }\n .brick-grid-item[data-column-span-xl=\"full\"] { --brick-grid-item-column-start: 1; --brick-grid-item-column-end: -1; }\n .brick-grid-item[data-column-span-xl=\"1\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 1; }\n .brick-grid-item[data-column-span-xl=\"2\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 2; }\n .brick-grid-item[data-column-span-xl=\"3\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 3; }\n .brick-grid-item[data-column-span-xl=\"4\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 4; }\n .brick-grid-item[data-column-span-xl=\"5\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 5; }\n .brick-grid-item[data-column-span-xl=\"6\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 6; }\n .brick-grid-item[data-column-span-xl=\"7\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 7; }\n .brick-grid-item[data-column-span-xl=\"8\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 8; }\n .brick-grid-item[data-column-span-xl=\"9\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 9; }\n .brick-grid-item[data-column-span-xl=\"10\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 10; }\n .brick-grid-item[data-column-span-xl=\"11\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 11; }\n .brick-grid-item[data-column-span-xl=\"12\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 12; }\n .brick-grid-item[data-row-span-xl=\"1\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 1; }\n .brick-grid-item[data-row-span-xl=\"2\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 2; }\n .brick-grid-item[data-row-span-xl=\"3\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 3; }\n .brick-grid-item[data-row-span-xl=\"4\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 4; }\n .brick-grid-item[data-row-span-xl=\"5\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 5; }\n .brick-grid-item[data-row-span-xl=\"6\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 6; }\n .brick-grid-item[data-row-span-xl=\"7\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 7; }\n .brick-grid-item[data-row-span-xl=\"8\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 8; }\n .brick-grid-item[data-row-span-xl=\"9\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 9; }\n .brick-grid-item[data-row-span-xl=\"10\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 10; }\n .brick-grid-item[data-row-span-xl=\"11\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 11; }\n .brick-grid-item[data-row-span-xl=\"12\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 12; }\n }\n\n @media (width >= 30rem) {\n .brick-grid[data-gap-sm] { --brick-grid-gap: var(--brick-grid-gap-sm-input, var(--brick-grid-gap-input, var(--brick-space-0))); }\n .brick-grid[data-row-gap-sm] { --brick-grid-row-gap: var(--brick-grid-row-gap-sm-input, var(--brick-grid-gap)); }\n .brick-grid[data-column-gap-sm] { --brick-grid-column-gap: var(--brick-grid-column-gap-sm-input, var(--brick-grid-gap)); }\n }\n\n @media (width >= 48rem) {\n .brick-grid[data-gap-md] { --brick-grid-gap: var(--brick-grid-gap-md-input, var(--brick-grid-gap-input, var(--brick-space-0))); }\n .brick-grid[data-row-gap-md] { --brick-grid-row-gap: var(--brick-grid-row-gap-md-input, var(--brick-grid-gap)); }\n .brick-grid[data-column-gap-md] { --brick-grid-column-gap: var(--brick-grid-column-gap-md-input, var(--brick-grid-gap)); }\n }\n\n @media (width >= 64rem) {\n .brick-grid[data-gap-lg] { --brick-grid-gap: var(--brick-grid-gap-lg-input, var(--brick-grid-gap-input, var(--brick-space-0))); }\n .brick-grid[data-row-gap-lg] { --brick-grid-row-gap: var(--brick-grid-row-gap-lg-input, var(--brick-grid-gap)); }\n .brick-grid[data-column-gap-lg] { --brick-grid-column-gap: var(--brick-grid-column-gap-lg-input, var(--brick-grid-gap)); }\n }\n\n @media (width >= 80rem) {\n .brick-grid[data-gap-xl] { --brick-grid-gap: var(--brick-grid-gap-xl-input, var(--brick-grid-gap-input, var(--brick-space-0))); }\n .brick-grid[data-row-gap-xl] { --brick-grid-row-gap: var(--brick-grid-row-gap-xl-input, var(--brick-grid-gap)); }\n .brick-grid[data-column-gap-xl] { --brick-grid-column-gap: var(--brick-grid-column-gap-xl-input, var(--brick-grid-gap)); }\n }\n\n}\n"],"names":[]}
@@ -0,0 +1,2 @@
1
+ @layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-group{--brick-group-gap:var(--brick-group-gap-input,var(--brick-space-2));--brick-group-overlap:var(--brick-border-width);box-sizing:border-box;align-items:center;gap:var(--brick-group-gap);isolation:isolate;vertical-align:middle;min-inline-size:0;display:inline-flex}.brick-group[data-orientation=vertical]{flex-direction:column}.brick-group[data-grow]{inline-size:100%;display:flex}.brick-group[data-grow]>*{flex:1 1 0;min-inline-size:0}.brick-group[data-attached]{gap:0}.brick-group[data-attached]>*{flex-shrink:0}.brick-group[data-attached]>:hover{z-index:1}.brick-group[data-attached]>:is(:focus-visible,:focus-within){z-index:2}.brick-group[data-attached][data-orientation=horizontal]>:first-child:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.brick-group[data-attached][data-orientation=horizontal]>:not(:first-child,:last-child){border-radius:0}.brick-group[data-attached][data-orientation=horizontal]>:last-child:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:calc(-1 * var(--brick-group-overlap))}.brick-group[data-attached][data-orientation=horizontal]>:not(:first-child,:last-child){margin-inline-start:calc(-1 * var(--brick-group-overlap))}.brick-group[data-attached][data-orientation=vertical]>:first-child:not(:last-child){border-end-end-radius:0;border-end-start-radius:0}.brick-group[data-attached][data-orientation=vertical]>:not(:first-child,:last-child){border-radius:0}.brick-group[data-attached][data-orientation=vertical]>:last-child:not(:first-child){border-start-start-radius:0;border-start-end-radius:0;margin-block-start:calc(-1 * var(--brick-group-overlap))}.brick-group[data-attached][data-orientation=vertical]>:not(:first-child,:last-child){margin-block-start:calc(-1 * var(--brick-group-overlap))}}@layer brick.utilities,brick.effects;
2
+ /*# sourceMappingURL=group.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,mRAaA,8DAIA,sDAKA,uDAKA,kCAIA,4CAIA,6CAIA,wEAIA,yIAMA,wGAKA,uMAOA,kJAKA,uIAMA,sGAKA,oMAOA,gJDrFF","sources":["home/runner/work/brick/brick/.brick-cache/production/group.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/group/group.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/group/group.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-group {\n --brick-group-gap: var(--brick-group-gap-input, var(--brick-space-2));\n --brick-group-overlap: var(--brick-border-width);\n\n display: inline-flex;\n box-sizing: border-box;\n min-inline-size: 0;\n align-items: center;\n gap: var(--brick-group-gap);\n isolation: isolate;\n vertical-align: middle;\n }\n\n .brick-group[data-orientation=\"vertical\"] {\n flex-direction: column;\n }\n\n .brick-group[data-grow] {\n display: flex;\n inline-size: 100%;\n }\n\n .brick-group[data-grow] > * {\n flex: 1 1 0;\n min-inline-size: 0;\n }\n\n .brick-group[data-attached] {\n gap: 0;\n }\n\n .brick-group[data-attached] > * {\n flex-shrink: 0;\n }\n\n .brick-group[data-attached] > :hover {\n z-index: 1;\n }\n\n .brick-group[data-attached] > :is(:focus-visible, :focus-within) {\n z-index: 2;\n }\n\n .brick-group[data-attached][data-orientation=\"horizontal\"]\n > :first-child:not(:last-child) {\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n }\n\n .brick-group[data-attached][data-orientation=\"horizontal\"]\n > :not(:first-child, :last-child) {\n border-radius: 0;\n }\n\n .brick-group[data-attached][data-orientation=\"horizontal\"]\n > :last-child:not(:first-child) {\n margin-inline-start: calc(-1 * var(--brick-group-overlap));\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n }\n\n .brick-group[data-attached][data-orientation=\"horizontal\"]\n > :not(:first-child, :last-child) {\n margin-inline-start: calc(-1 * var(--brick-group-overlap));\n }\n\n .brick-group[data-attached][data-orientation=\"vertical\"]\n > :first-child:not(:last-child) {\n border-end-start-radius: 0;\n border-end-end-radius: 0;\n }\n\n .brick-group[data-attached][data-orientation=\"vertical\"]\n > :not(:first-child, :last-child) {\n border-radius: 0;\n }\n\n .brick-group[data-attached][data-orientation=\"vertical\"]\n > :last-child:not(:first-child) {\n margin-block-start: calc(-1 * var(--brick-group-overlap));\n border-start-start-radius: 0;\n border-start-end-radius: 0;\n }\n\n .brick-group[data-attached][data-orientation=\"vertical\"]\n > :not(:first-child, :last-child) {\n margin-block-start: calc(-1 * var(--brick-group-overlap));\n }\n}\n"],"names":[]}
@@ -1,2 +1,2 @@
1
- @layer brick.tokens,brick.foundations;@layer brick.components{@media (width>=30rem){.brick-hide[data-from=sm]{display:none!important}}@media (width>=48rem){.brick-hide[data-from=md]{display:none!important}}@media (width>=64rem){.brick-hide[data-from=lg]{display:none!important}}@media (width>=80rem){.brick-hide[data-from=xl]{display:none!important}}}@layer brick.utilities,brick.effects;
1
+ @layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-hide{display:contents!important}@media (width>=30rem){.brick-hide[data-from=sm]{display:none!important}}@media (width>=48rem){.brick-hide[data-from=md]{display:none!important}}@media (width>=64rem){.brick-hide[data-from=lg]{display:none!important}}@media (width>=80rem){.brick-hide[data-from=xl]{display:none!important}}}@layer brick.utilities,brick.effects;
2
2
  /*# sourceMappingURL=hide.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,sBAA0B,kDAC1B,sBAA0B,kDAC1B,sBAA0B,kDAC1B,sBAA0B,mDDJ5B","sources":["home/runner/work/brick/brick/.brick-cache/production/hide.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/hide/hide.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/hide/hide.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n @media (width >= 30rem) { .brick-hide[data-from=\"sm\"] { display: none !important; } }\n @media (width >= 48rem) { .brick-hide[data-from=\"md\"] { display: none !important; } }\n @media (width >= 64rem) { .brick-hide[data-from=\"lg\"] { display: none !important; } }\n @media (width >= 80rem) { .brick-hide[data-from=\"xl\"] { display: none !important; } }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,uCACA,sBAA0B,kDAC1B,sBAA0B,kDAC1B,sBAA0B,kDAC1B,sBAA0B,mDDL5B","sources":["home/runner/work/brick/brick/.brick-cache/production/hide.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/hide/hide.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/hide/hide.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n .brick-hide { display: contents !important; }\n @media (width >= 30rem) { .brick-hide[data-from=\"sm\"] { display: none !important; } }\n @media (width >= 48rem) { .brick-hide[data-from=\"md\"] { display: none !important; } }\n @media (width >= 64rem) { .brick-hide[data-from=\"lg\"] { display: none !important; } }\n @media (width >= 80rem) { .brick-hide[data-from=\"xl\"] { display: none !important; } }\n}\n"],"names":[]}
@@ -1,2 +1,2 @@
1
- @layer brick.tokens,brick.foundations;@layer brick.components{:where(.brick-tooltip__arrow,.brick-hover-card__arrow,.brick-popover__arrow){color:var(--brick-floating-arrow-stroke,var(--brick-tooltip-border-color));fill:var(--brick-floating-arrow-fill,var(--brick-tooltip-background));filter:drop-shadow(0 1px 0 var(--brick-floating-arrow-stroke,var(--brick-tooltip-border-color)))}.brick-hover-card{--brick-hover-card-background:var(--brick-color-surface-raised);--brick-hover-card-foreground:var(--brick-color-text-primary);--brick-hover-card-muted-foreground:var(--brick-color-text-primary);--brick-hover-card-border:var(--brick-color-border-subtle);--brick-hover-card-radius:var(--brick-radius-overlay);--brick-hover-card-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 68%);--brick-hover-card-padding:var(--brick-space-4);--brick-hover-card-gap:var(--brick-space-3);--brick-hover-card-max-inline-size-sm:16rem;--brick-hover-card-max-inline-size-md:20rem;--brick-hover-card-max-inline-size-lg:24rem;--brick-hover-card-max-block-size:min(32rem, calc(100dvb - 2rem));z-index:calc(var(--brick-layer-overlay) - 1);box-sizing:border-box;inline-size:max-content;max-inline-size:min(var(--brick-hover-card-max-inline-size-md), calc(100dvi - 2rem));border:var(--brick-border-width) solid var(--brick-hover-card-border);border-radius:var(--brick-hover-card-radius);background:var(--brick-hover-card-background);box-shadow:var(--brick-hover-card-shadow);color:var(--brick-hover-card-foreground);opacity:0;overflow-wrap:anywhere;transform-origin:var(--brick-floating-arrow-transform-origin,center);transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter), scale var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);display:block;scale:.98}.brick-hover-card__viewport{box-sizing:border-box;max-block-size:var(--brick-hover-card-max-block-size);gap:var(--brick-hover-card-gap);padding:var(--brick-hover-card-padding);border-radius:inherit;display:grid;overflow:auto}.brick-hover-card[data-size=sm]{max-inline-size:min(var(--brick-hover-card-max-inline-size-sm), calc(100dvi - 2rem))}.brick-hover-card[data-size=lg]{max-inline-size:min(var(--brick-hover-card-max-inline-size-lg), calc(100dvi - 2rem))}.brick-hover-card[data-positioned]{opacity:1;scale:1}.brick-hover-card[data-state=closed]{opacity:0;pointer-events:none;scale:.98}.brick-hover-card__arrow{--brick-floating-arrow-fill:var(--brick-hover-card-background);--brick-floating-arrow-stroke:var(--brick-hover-card-border)}.brick-hover-card[data-side=top] .brick-hover-card__arrow{translate:0 calc(var(--brick-border-width) * -1);filter:drop-shadow(0 1px 0 var(--brick-hover-card-border))}.brick-hover-card[data-side=right] .brick-hover-card__arrow{translate:var(--brick-border-width) 0;filter:drop-shadow(-1px 0 0 var(--brick-hover-card-border))}.brick-hover-card[data-side=bottom] .brick-hover-card__arrow{translate:0 var(--brick-border-width);filter:drop-shadow(0 -1px 0 var(--brick-hover-card-border))}.brick-hover-card[data-side=left] .brick-hover-card__arrow{translate:calc(var(--brick-border-width) * -1) 0;filter:drop-shadow(1px 0 0 var(--brick-hover-card-border))}.brick-hover-card :where(p){color:var(--brick-hover-card-muted-foreground);margin:0}@media (prefers-reduced-motion:reduce){.brick-hover-card{transition-duration:1ms;scale:1}}@media (forced-colors:active){.brick-hover-card{--brick-hover-card-background:Canvas;--brick-hover-card-foreground:CanvasText;--brick-hover-card-muted-foreground:CanvasText;--brick-hover-card-border:CanvasText;box-shadow:none}.brick-hover-card__arrow{color:canvastext;fill:canvas;filter:none;stroke:canvastext}}}@layer brick.utilities,brick.effects;
1
+ @layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{:where(.brick-tooltip__arrow,.brick-hover-card__arrow,.brick-popover__arrow){color:var(--brick-floating-arrow-stroke,var(--brick-tooltip-border-color));fill:var(--brick-floating-arrow-fill,var(--brick-tooltip-background));filter:drop-shadow(0 1px 0 var(--brick-floating-arrow-stroke,var(--brick-tooltip-border-color)))}.brick-hover-card{--brick-hover-card-background:var(--brick-color-surface-raised);--brick-hover-card-foreground:var(--brick-color-text-primary);--brick-hover-card-muted-foreground:var(--brick-color-text-primary);--brick-hover-card-border:var(--brick-color-border-subtle);--brick-hover-card-radius:var(--brick-radius-overlay);--brick-hover-card-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 68%);--brick-hover-card-padding:var(--brick-space-4);--brick-hover-card-gap:var(--brick-space-3);--brick-hover-card-max-inline-size-sm:16rem;--brick-hover-card-max-inline-size-md:20rem;--brick-hover-card-max-inline-size-lg:24rem;--brick-hover-card-max-block-size:min(32rem, calc(100dvb - 2rem));z-index:calc(var(--brick-layer-overlay) - 1);box-sizing:border-box;inline-size:max-content;max-inline-size:min(var(--brick-hover-card-max-inline-size-md), calc(100dvi - 2rem));border:var(--brick-border-width) solid var(--brick-hover-card-border);border-radius:var(--brick-hover-card-radius);background:var(--brick-hover-card-background);box-shadow:var(--brick-hover-card-shadow);color:var(--brick-hover-card-foreground);opacity:0;overflow-wrap:anywhere;transform-origin:var(--brick-floating-arrow-transform-origin,center);transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter), scale var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);display:block;scale:.98}.brick-hover-card__viewport{box-sizing:border-box;max-block-size:var(--brick-hover-card-max-block-size);gap:var(--brick-hover-card-gap);padding:var(--brick-hover-card-padding);border-radius:inherit;display:grid;overflow:auto}.brick-hover-card[data-size=sm]{max-inline-size:min(var(--brick-hover-card-max-inline-size-sm), calc(100dvi - 2rem))}.brick-hover-card[data-size=lg]{max-inline-size:min(var(--brick-hover-card-max-inline-size-lg), calc(100dvi - 2rem))}.brick-hover-card[data-positioned]{opacity:1;scale:1}.brick-hover-card[data-state=closed]{opacity:0;pointer-events:none;scale:.98}.brick-hover-card__arrow{--brick-floating-arrow-fill:var(--brick-hover-card-background);--brick-floating-arrow-stroke:var(--brick-hover-card-border)}.brick-hover-card[data-side=top] .brick-hover-card__arrow{translate:0 calc(var(--brick-border-width) * -1);filter:drop-shadow(0 1px 0 var(--brick-hover-card-border))}.brick-hover-card[data-side=right] .brick-hover-card__arrow{translate:var(--brick-border-width) 0;filter:drop-shadow(-1px 0 0 var(--brick-hover-card-border))}.brick-hover-card[data-side=bottom] .brick-hover-card__arrow{translate:0 var(--brick-border-width);filter:drop-shadow(0 -1px 0 var(--brick-hover-card-border))}.brick-hover-card[data-side=left] .brick-hover-card__arrow{translate:calc(var(--brick-border-width) * -1) 0;filter:drop-shadow(1px 0 0 var(--brick-hover-card-border))}.brick-hover-card :where(p){color:var(--brick-hover-card-muted-foreground);margin:0}@media (prefers-reduced-motion:reduce){.brick-hover-card{transition-duration:1ms;scale:1}}@media (forced-colors:active){.brick-hover-card{--brick-hover-card-background:Canvas;--brick-hover-card-foreground:CanvasText;--brick-hover-card-muted-foreground:CanvasText;--brick-hover-card-border:CanvasText;box-shadow:none}.brick-hover-card__arrow{color:canvastext;fill:canvas;filter:none;stroke:canvastext}}}@layer brick.utilities,brick.effects;
2
2
  /*# sourceMappingURL=hover-card.css.map */