@flowstack-ui/brick 0.1.6 → 0.1.9

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 (174) hide show
  1. package/README.md +4 -1
  2. package/dist/agents/accordion.json +10 -1
  3. package/dist/agents/accordion.md +3 -1
  4. package/dist/agents/manifest.json +1 -1
  5. package/dist/agents/surface.json +12 -2
  6. package/dist/agents/surface.md +4 -1
  7. package/dist/styles/accordion.css +1 -1
  8. package/dist/styles/accordion.css.map +1 -1
  9. package/dist/styles/alert-dialog.css +1 -1
  10. package/dist/styles/alert-dialog.css.map +1 -1
  11. package/dist/styles/app-bar.css +1 -1
  12. package/dist/styles/app-bar.css.map +1 -1
  13. package/dist/styles/appearance.css +1 -1
  14. package/dist/styles/appearance.css.map +1 -1
  15. package/dist/styles/aspect-ratio.css +1 -1
  16. package/dist/styles/aspect-ratio.css.map +1 -1
  17. package/dist/styles/avatar.css +1 -1
  18. package/dist/styles/avatar.css.map +1 -1
  19. package/dist/styles/badge.css +1 -1
  20. package/dist/styles/badge.css.map +1 -1
  21. package/dist/styles/bottom-navigation.css +1 -1
  22. package/dist/styles/bottom-navigation.css.map +1 -1
  23. package/dist/styles/breadcrumb.css +1 -1
  24. package/dist/styles/breadcrumb.css.map +1 -1
  25. package/dist/styles/button.css +1 -1
  26. package/dist/styles/button.css.map +1 -1
  27. package/dist/styles/card.css +1 -1
  28. package/dist/styles/card.css.map +1 -1
  29. package/dist/styles/carousel.css +1 -1
  30. package/dist/styles/carousel.css.map +1 -1
  31. package/dist/styles/checkbox-group.css +1 -1
  32. package/dist/styles/checkbox-group.css.map +1 -1
  33. package/dist/styles/checkbox.css +1 -1
  34. package/dist/styles/checkbox.css.map +1 -1
  35. package/dist/styles/chip.css +1 -1
  36. package/dist/styles/chip.css.map +1 -1
  37. package/dist/styles/code-block.css +1 -1
  38. package/dist/styles/code-block.css.map +1 -1
  39. package/dist/styles/code.css +1 -1
  40. package/dist/styles/code.css.map +1 -1
  41. package/dist/styles/collapsible.css +1 -1
  42. package/dist/styles/collapsible.css.map +1 -1
  43. package/dist/styles/combobox.css +1 -1
  44. package/dist/styles/combobox.css.map +1 -1
  45. package/dist/styles/container.css +1 -1
  46. package/dist/styles/container.css.map +1 -1
  47. package/dist/styles/context-menu.css +1 -1
  48. package/dist/styles/context-menu.css.map +1 -1
  49. package/dist/styles/core.css +1 -1
  50. package/dist/styles/core.css.map +1 -1
  51. package/dist/styles/data-grid.css +1 -1
  52. package/dist/styles/data-grid.css.map +1 -1
  53. package/dist/styles/dialog.css +1 -1
  54. package/dist/styles/dialog.css.map +1 -1
  55. package/dist/styles/divider.css +1 -1
  56. package/dist/styles/divider.css.map +1 -1
  57. package/dist/styles/drawer.css +1 -1
  58. package/dist/styles/drawer.css.map +1 -1
  59. package/dist/styles/dropdown-menu.css +1 -1
  60. package/dist/styles/dropdown-menu.css.map +1 -1
  61. package/dist/styles/feed.css +1 -1
  62. package/dist/styles/feed.css.map +1 -1
  63. package/dist/styles/field.css +1 -1
  64. package/dist/styles/field.css.map +1 -1
  65. package/dist/styles/fieldset.css +1 -1
  66. package/dist/styles/fieldset.css.map +1 -1
  67. package/dist/styles/file-upload.css +1 -1
  68. package/dist/styles/file-upload.css.map +1 -1
  69. package/dist/styles/form.css +1 -1
  70. package/dist/styles/form.css.map +1 -1
  71. package/dist/styles/frame.css +1 -1
  72. package/dist/styles/frame.css.map +1 -1
  73. package/dist/styles/grid.css +1 -1
  74. package/dist/styles/grid.css.map +1 -1
  75. package/dist/styles/hide.css +1 -1
  76. package/dist/styles/hide.css.map +1 -1
  77. package/dist/styles/hover-card.css +1 -1
  78. package/dist/styles/hover-card.css.map +1 -1
  79. package/dist/styles/icon-button.css +1 -1
  80. package/dist/styles/icon-button.css.map +1 -1
  81. package/dist/styles/icon.css +1 -1
  82. package/dist/styles/icon.css.map +1 -1
  83. package/dist/styles/image.css +1 -1
  84. package/dist/styles/image.css.map +1 -1
  85. package/dist/styles/input.css +1 -1
  86. package/dist/styles/input.css.map +1 -1
  87. package/dist/styles/link.css +1 -1
  88. package/dist/styles/link.css.map +1 -1
  89. package/dist/styles/list.css +1 -1
  90. package/dist/styles/list.css.map +1 -1
  91. package/dist/styles/menubar.css +1 -1
  92. package/dist/styles/menubar.css.map +1 -1
  93. package/dist/styles/multi-select.css +1 -1
  94. package/dist/styles/multi-select.css.map +1 -1
  95. package/dist/styles/nav-list.css +1 -1
  96. package/dist/styles/nav-list.css.map +1 -1
  97. package/dist/styles/navigation-menu.css +1 -1
  98. package/dist/styles/navigation-menu.css.map +1 -1
  99. package/dist/styles/number-input.css +1 -1
  100. package/dist/styles/number-input.css.map +1 -1
  101. package/dist/styles/otp-field.css +1 -1
  102. package/dist/styles/otp-field.css.map +1 -1
  103. package/dist/styles/pagination.css +1 -1
  104. package/dist/styles/pagination.css.map +1 -1
  105. package/dist/styles/password-toggle-field.css +1 -1
  106. package/dist/styles/password-toggle-field.css.map +1 -1
  107. package/dist/styles/popover.css +1 -1
  108. package/dist/styles/popover.css.map +1 -1
  109. package/dist/styles/progress-circle.css +1 -1
  110. package/dist/styles/progress-circle.css.map +1 -1
  111. package/dist/styles/progress.css +1 -1
  112. package/dist/styles/progress.css.map +1 -1
  113. package/dist/styles/radio-group.css +1 -1
  114. package/dist/styles/radio-group.css.map +1 -1
  115. package/dist/styles/rating.css +1 -1
  116. package/dist/styles/rating.css.map +1 -1
  117. package/dist/styles/scroll-area.css +1 -1
  118. package/dist/styles/scroll-area.css.map +1 -1
  119. package/dist/styles/section.css +1 -1
  120. package/dist/styles/section.css.map +1 -1
  121. package/dist/styles/select.css +1 -1
  122. package/dist/styles/select.css.map +1 -1
  123. package/dist/styles/show.css +1 -1
  124. package/dist/styles/show.css.map +1 -1
  125. package/dist/styles/sidebar.css +1 -1
  126. package/dist/styles/sidebar.css.map +1 -1
  127. package/dist/styles/skeleton.css +1 -1
  128. package/dist/styles/skeleton.css.map +1 -1
  129. package/dist/styles/skip-link.css +1 -1
  130. package/dist/styles/skip-link.css.map +1 -1
  131. package/dist/styles/slider.css +1 -1
  132. package/dist/styles/slider.css.map +1 -1
  133. package/dist/styles/stack.css +1 -1
  134. package/dist/styles/stack.css.map +1 -1
  135. package/dist/styles/surface.css +1 -1
  136. package/dist/styles/surface.css.map +1 -1
  137. package/dist/styles/swipeable-item.css +1 -1
  138. package/dist/styles/swipeable-item.css.map +1 -1
  139. package/dist/styles/switch.css +1 -1
  140. package/dist/styles/switch.css.map +1 -1
  141. package/dist/styles/table.css +1 -1
  142. package/dist/styles/table.css.map +1 -1
  143. package/dist/styles/tabs.css +1 -1
  144. package/dist/styles/tabs.css.map +1 -1
  145. package/dist/styles/text.css +1 -1
  146. package/dist/styles/text.css.map +1 -1
  147. package/dist/styles/textarea.css +1 -1
  148. package/dist/styles/textarea.css.map +1 -1
  149. package/dist/styles/toast.css +1 -1
  150. package/dist/styles/toast.css.map +1 -1
  151. package/dist/styles/toggle-group.css +1 -1
  152. package/dist/styles/toggle-group.css.map +1 -1
  153. package/dist/styles/toggle.css +1 -1
  154. package/dist/styles/toggle.css.map +1 -1
  155. package/dist/styles/toolbar.css +1 -1
  156. package/dist/styles/toolbar.css.map +1 -1
  157. package/dist/styles/tooltip.css +1 -1
  158. package/dist/styles/tooltip.css.map +1 -1
  159. package/dist/styles/tree-grid.css +1 -1
  160. package/dist/styles/tree-grid.css.map +1 -1
  161. package/dist/styles/tree.css +1 -1
  162. package/dist/styles/tree.css.map +1 -1
  163. package/dist/styles/visually-hidden.css +1 -1
  164. package/dist/styles/visually-hidden.css.map +1 -1
  165. package/dist/styles/z-stack.css +1 -1
  166. package/dist/styles/z-stack.css.map +1 -1
  167. package/dist/styles.css +1 -1
  168. package/dist/styles.css.map +1 -1
  169. package/dist/theme-contract.json +23663 -0
  170. package/dist/tokens.css +1 -1
  171. package/dist/tokens.css.map +1 -1
  172. package/docs/guides/appearance-and-tokens.md +11 -5
  173. package/docs/guides/theme-contract.md +72 -0
  174. package/package.json +8 -3
package/dist/styles/grid.css CHANGED
@@ -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;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;
2
2
  /*# sourceMappingURL=grid.css.map */
package/dist/styles/grid.css.map CHANGED
@@ -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,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, 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 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":[]}
package/dist/styles/hide.css CHANGED
@@ -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{@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 */
package/dist/styles/hide.css.map CHANGED
@@ -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,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, flowstack.theme, 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":[]}
package/dist/styles/hover-card.css CHANGED
@@ -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 */
package/dist/styles/hover-card.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,+TCAA,g5CAiCA,iOAUA,qHAIA,qHAIA,qDAKA,6EAMA,qJAKA,sKAKA,8JAKA,+JAKA,uKAKA,oFAKA,uCACE,mDAMF,8BACE,oMAQA,sFF7GJ","sources":["home/runner/work/brick/brick/.brick-cache/production/hover-card.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/floating-arrow.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/hover-card/hover-card.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/styles/floating-arrow.css\";\n@import \"../../src/components/hover-card/hover-card.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n :where(.brick-tooltip__arrow, .brick-hover-card__arrow, .brick-popover__arrow) {\n color: var(--brick-floating-arrow-stroke, var(--brick-tooltip-border-color));\n fill: var(--brick-floating-arrow-fill, var(--brick-tooltip-background));\n filter: drop-shadow(0 1px 0 var(--brick-floating-arrow-stroke, var(--brick-tooltip-border-color)));\n }\n}\n","@layer brick.components {\n .brick-hover-card {\n --brick-hover-card-background: var(--brick-color-surface-raised);\n --brick-hover-card-foreground: var(--brick-color-text-primary);\n --brick-hover-card-muted-foreground: var(--brick-color-text-primary);\n --brick-hover-card-border: var(--brick-color-border-subtle);\n --brick-hover-card-radius: var(--brick-radius-overlay);\n --brick-hover-card-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 68%);\n --brick-hover-card-padding: var(--brick-space-4);\n --brick-hover-card-gap: var(--brick-space-3);\n --brick-hover-card-max-inline-size-sm: 16rem;\n --brick-hover-card-max-inline-size-md: 20rem;\n --brick-hover-card-max-inline-size-lg: 24rem;\n --brick-hover-card-max-block-size: min(32rem, calc(100dvb - 2rem));\n\n z-index: calc(var(--brick-layer-overlay) - 1);\n box-sizing: border-box;\n display: block;\n inline-size: max-content;\n max-inline-size: min(var(--brick-hover-card-max-inline-size-md), calc(100dvi - 2rem));\n border: var(--brick-border-width) solid var(--brick-hover-card-border);\n border-radius: var(--brick-hover-card-radius);\n background: var(--brick-hover-card-background);\n box-shadow: var(--brick-hover-card-shadow);\n color: var(--brick-hover-card-foreground);\n opacity: 0;\n overflow-wrap: anywhere;\n scale: 0.98;\n transform-origin: var(--brick-floating-arrow-transform-origin, center);\n transition:\n opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter),\n scale var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);\n }\n\n .brick-hover-card__viewport {\n box-sizing: border-box;\n display: grid;\n max-block-size: var(--brick-hover-card-max-block-size);\n gap: var(--brick-hover-card-gap);\n padding: var(--brick-hover-card-padding);\n overflow: auto;\n border-radius: inherit;\n }\n\n .brick-hover-card[data-size=\"sm\"] {\n max-inline-size: min(var(--brick-hover-card-max-inline-size-sm), calc(100dvi - 2rem));\n }\n\n .brick-hover-card[data-size=\"lg\"] {\n max-inline-size: min(var(--brick-hover-card-max-inline-size-lg), calc(100dvi - 2rem));\n }\n\n .brick-hover-card[data-positioned] {\n opacity: 1;\n scale: 1;\n }\n\n .brick-hover-card[data-state=\"closed\"] {\n opacity: 0;\n pointer-events: none;\n scale: 0.98;\n }\n\n .brick-hover-card__arrow {\n --brick-floating-arrow-fill: var(--brick-hover-card-background);\n --brick-floating-arrow-stroke: var(--brick-hover-card-border);\n }\n\n .brick-hover-card[data-side=\"top\"] .brick-hover-card__arrow {\n translate: 0 calc(var(--brick-border-width) * -1);\n filter: drop-shadow(0 1px 0 var(--brick-hover-card-border));\n }\n\n .brick-hover-card[data-side=\"right\"] .brick-hover-card__arrow {\n translate: var(--brick-border-width) 0;\n filter: drop-shadow(-1px 0 0 var(--brick-hover-card-border));\n }\n\n .brick-hover-card[data-side=\"bottom\"] .brick-hover-card__arrow {\n translate: 0 var(--brick-border-width);\n filter: drop-shadow(0 -1px 0 var(--brick-hover-card-border));\n }\n\n .brick-hover-card[data-side=\"left\"] .brick-hover-card__arrow {\n translate: calc(var(--brick-border-width) * -1) 0;\n filter: drop-shadow(1px 0 0 var(--brick-hover-card-border));\n }\n\n .brick-hover-card :where(p) {\n margin: 0;\n color: var(--brick-hover-card-muted-foreground);\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-hover-card {\n scale: 1;\n transition-duration: 1ms;\n }\n }\n\n @media (forced-colors: active) {\n .brick-hover-card {\n --brick-hover-card-background: Canvas;\n --brick-hover-card-foreground: CanvasText;\n --brick-hover-card-muted-foreground: CanvasText;\n --brick-hover-card-border: CanvasText;\n box-shadow: none;\n }\n\n .brick-hover-card__arrow {\n color: CanvasText;\n fill: Canvas;\n filter: none;\n stroke: CanvasText;\n }\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,+TCAA,g5CAiCA,iOAUA,qHAIA,qHAIA,qDAKA,6EAMA,qJAKA,sKAKA,8JAKA,+JAKA,uKAKA,oFAKA,uCACE,mDAMF,8BACE,oMAQA,sFF7GJ","sources":["home/runner/work/brick/brick/.brick-cache/production/hover-card.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/floating-arrow.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/hover-card/hover-card.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/styles/floating-arrow.css\";\n@import \"../../src/components/hover-card/hover-card.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n :where(.brick-tooltip__arrow, .brick-hover-card__arrow, .brick-popover__arrow) {\n color: var(--brick-floating-arrow-stroke, var(--brick-tooltip-border-color));\n fill: var(--brick-floating-arrow-fill, var(--brick-tooltip-background));\n filter: drop-shadow(0 1px 0 var(--brick-floating-arrow-stroke, var(--brick-tooltip-border-color)));\n }\n}\n","@layer brick.components {\n .brick-hover-card {\n --brick-hover-card-background: var(--brick-color-surface-raised);\n --brick-hover-card-foreground: var(--brick-color-text-primary);\n --brick-hover-card-muted-foreground: var(--brick-color-text-primary);\n --brick-hover-card-border: var(--brick-color-border-subtle);\n --brick-hover-card-radius: var(--brick-radius-overlay);\n --brick-hover-card-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 68%);\n --brick-hover-card-padding: var(--brick-space-4);\n --brick-hover-card-gap: var(--brick-space-3);\n --brick-hover-card-max-inline-size-sm: 16rem;\n --brick-hover-card-max-inline-size-md: 20rem;\n --brick-hover-card-max-inline-size-lg: 24rem;\n --brick-hover-card-max-block-size: min(32rem, calc(100dvb - 2rem));\n\n z-index: calc(var(--brick-layer-overlay) - 1);\n box-sizing: border-box;\n display: block;\n inline-size: max-content;\n max-inline-size: min(var(--brick-hover-card-max-inline-size-md), calc(100dvi - 2rem));\n border: var(--brick-border-width) solid var(--brick-hover-card-border);\n border-radius: var(--brick-hover-card-radius);\n background: var(--brick-hover-card-background);\n box-shadow: var(--brick-hover-card-shadow);\n color: var(--brick-hover-card-foreground);\n opacity: 0;\n overflow-wrap: anywhere;\n scale: 0.98;\n transform-origin: var(--brick-floating-arrow-transform-origin, center);\n transition:\n opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter),\n scale var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);\n }\n\n .brick-hover-card__viewport {\n box-sizing: border-box;\n display: grid;\n max-block-size: var(--brick-hover-card-max-block-size);\n gap: var(--brick-hover-card-gap);\n padding: var(--brick-hover-card-padding);\n overflow: auto;\n border-radius: inherit;\n }\n\n .brick-hover-card[data-size=\"sm\"] {\n max-inline-size: min(var(--brick-hover-card-max-inline-size-sm), calc(100dvi - 2rem));\n }\n\n .brick-hover-card[data-size=\"lg\"] {\n max-inline-size: min(var(--brick-hover-card-max-inline-size-lg), calc(100dvi - 2rem));\n }\n\n .brick-hover-card[data-positioned] {\n opacity: 1;\n scale: 1;\n }\n\n .brick-hover-card[data-state=\"closed\"] {\n opacity: 0;\n pointer-events: none;\n scale: 0.98;\n }\n\n .brick-hover-card__arrow {\n --brick-floating-arrow-fill: var(--brick-hover-card-background);\n --brick-floating-arrow-stroke: var(--brick-hover-card-border);\n }\n\n .brick-hover-card[data-side=\"top\"] .brick-hover-card__arrow {\n translate: 0 calc(var(--brick-border-width) * -1);\n filter: drop-shadow(0 1px 0 var(--brick-hover-card-border));\n }\n\n .brick-hover-card[data-side=\"right\"] .brick-hover-card__arrow {\n translate: var(--brick-border-width) 0;\n filter: drop-shadow(-1px 0 0 var(--brick-hover-card-border));\n }\n\n .brick-hover-card[data-side=\"bottom\"] .brick-hover-card__arrow {\n translate: 0 var(--brick-border-width);\n filter: drop-shadow(0 -1px 0 var(--brick-hover-card-border));\n }\n\n .brick-hover-card[data-side=\"left\"] .brick-hover-card__arrow {\n translate: calc(var(--brick-border-width) * -1) 0;\n filter: drop-shadow(1px 0 0 var(--brick-hover-card-border));\n }\n\n .brick-hover-card :where(p) {\n margin: 0;\n color: var(--brick-hover-card-muted-foreground);\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-hover-card {\n scale: 1;\n transition-duration: 1ms;\n }\n }\n\n @media (forced-colors: active) {\n .brick-hover-card {\n --brick-hover-card-background: Canvas;\n --brick-hover-card-foreground: CanvasText;\n --brick-hover-card-muted-foreground: CanvasText;\n --brick-hover-card-border: CanvasText;\n box-shadow: none;\n }\n\n .brick-hover-card__arrow {\n color: CanvasText;\n fill: Canvas;\n filter: none;\n stroke: CanvasText;\n }\n }\n}\n"],"names":[]}
package/dist/styles/icon-button.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer brick.tokens,brick.foundations;@layer brick.components{:where(.brick-button,.brick-icon-button)[data-loading]:after{inline-size:var(--brick-action-spinner-size);block-size:var(--brick-action-spinner-size);border:.125rem solid #0000;border-block-start-color:var(--brick-action-spinner-color);border-inline-end-color:var(--brick-action-spinner-color);border-radius:var(--brick-radius-full);content:"";animation:.7s linear infinite brick-action-spinner-spin;position:absolute;inset-block-start:50%;inset-inline-start:50%}:where([dir=rtl]) :where(.brick-button,.brick-icon-button)[data-loading]:after{animation-name:brick-action-spinner-spin-rtl}@media (prefers-reduced-motion:reduce){:where(.brick-button,.brick-icon-button)[data-loading]:after{animation-duration:1.4s}}@media (forced-colors:active){:where(.brick-button,.brick-icon-button)[data-loading]:after{border-block-start-color:buttontext;border-inline-end-color:buttontext}}@keyframes brick-action-spinner-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes brick-action-spinner-spin-rtl{0%{transform:translate(50%,-50%)rotate(0)}to{transform:translate(50%,-50%)rotate(360deg)}}.brick-icon-button{--brick-icon-button-size:var(--brick-control-min-block-size-md);--brick-icon-button-icon-size:1.125rem;--brick-icon-button-radius:var(--brick-radius-control);--brick-icon-button-background:transparent;--brick-icon-button-background-hover:var(--brick-icon-button-tone-soft);--brick-icon-button-background-pressed:var(--brick-icon-button-tone-soft-pressed);--brick-icon-button-border-color:transparent;--brick-icon-button-foreground:var(--brick-icon-button-tone-text);--brick-icon-button-spinner-color:var(--brick-icon-button-foreground);--brick-action-spinner-size:var(--brick-icon-button-icon-size);--brick-action-spinner-color:var(--brick-icon-button-spinner-color);box-sizing:border-box;flex:0 0 var(--brick-icon-button-size);inline-size:var(--brick-icon-button-size);min-inline-size:var(--brick-icon-button-size);block-size:var(--brick-icon-button-size);min-block-size:var(--brick-icon-button-size);border:var(--brick-border-width) solid var(--brick-icon-button-border-color);border-radius:var(--brick-icon-button-radius);appearance:none;background:var(--brick-icon-button-background);color:var(--brick-icon-button-foreground);font:inherit;-webkit-user-select:none;user-select:none;vertical-align:middle;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), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);justify-content:center;align-items:center;padding:0;line-height:1;text-decoration:none;display:inline-flex;position:relative}.brick-icon-button__icon{inline-size:var(--brick-icon-button-icon-size);block-size:var(--brick-icon-button-icon-size);pointer-events:none;justify-content:center;align-items:center;display:inline-flex}.brick-icon-button__icon>:where(svg,img){block-size:100%;inline-size:100%}.brick-icon-button>:where(svg,img){inline-size:var(--brick-icon-button-icon-size);block-size:var(--brick-icon-button-icon-size)}.brick-icon-button:not([data-disabled],[data-loading]){cursor:pointer}.brick-icon-button:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-icon-button:not([data-disabled],[data-loading]):active{background:var(--brick-icon-button-background-pressed)}.brick-icon-button[data-variant=solid]{--brick-icon-button-background:var(--brick-icon-button-tone-solid);--brick-icon-button-background-hover:var(--brick-icon-button-tone-solid-hover);--brick-icon-button-background-pressed:var(--brick-icon-button-tone-solid-pressed);--brick-icon-button-border-color:var(--brick-icon-button-tone-solid);--brick-icon-button-foreground:var(--brick-icon-button-tone-on-solid)}.brick-icon-button[data-variant=soft]{--brick-icon-button-background:var(--brick-icon-button-tone-soft);--brick-icon-button-background-hover:var(--brick-icon-button-tone-soft-hover);--brick-icon-button-background-pressed:var(--brick-icon-button-tone-soft-pressed);--brick-icon-button-border-color:var(--brick-icon-button-tone-border);--brick-icon-button-foreground:var(--brick-icon-button-tone-on-soft)}.brick-icon-button[data-variant=outline]{--brick-icon-button-background:transparent;--brick-icon-button-border-color:var(--brick-icon-button-tone-border);--brick-icon-button-foreground:var(--brick-icon-button-tone-text)}.brick-icon-button[data-variant=ghost]{--brick-icon-button-background:transparent;--brick-icon-button-border-color:transparent;--brick-icon-button-foreground:var(--brick-icon-button-tone-text)}.brick-icon-button[data-tone=neutral]{--brick-icon-button-tone-solid:var(--brick-color-text-primary);--brick-icon-button-tone-solid-hover:var(--brick-color-text-secondary);--brick-icon-button-tone-solid-pressed:var(--brick-color-border-strong);--brick-icon-button-tone-on-solid:var(--brick-color-text-inverse);--brick-icon-button-tone-soft:var(--brick-color-surface-subtle);--brick-icon-button-tone-soft-hover:var(--brick-color-surface-base);--brick-icon-button-tone-soft-pressed:var(--brick-color-border-subtle);--brick-icon-button-tone-on-soft:var(--brick-color-text-primary);--brick-icon-button-tone-border:var(--brick-color-border-strong);--brick-icon-button-tone-text:var(--brick-color-text-primary)}.brick-icon-button[data-tone=accent]{--brick-icon-button-tone-solid:var(--brick-color-accent-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-accent-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-accent-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-accent-on-solid);--brick-icon-button-tone-soft:var(--brick-color-accent-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-accent-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-accent-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-accent-on-soft);--brick-icon-button-tone-border:var(--brick-color-accent-border);--brick-icon-button-tone-text:var(--brick-color-accent-text)}.brick-icon-button[data-tone=info]{--brick-icon-button-tone-solid:var(--brick-color-info-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-info-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-info-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-info-on-solid);--brick-icon-button-tone-soft:var(--brick-color-info-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-info-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-info-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-info-on-soft);--brick-icon-button-tone-border:var(--brick-color-info-border);--brick-icon-button-tone-text:var(--brick-color-info-text)}.brick-icon-button[data-tone=success]{--brick-icon-button-tone-solid:var(--brick-color-success-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-success-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-success-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-success-on-solid);--brick-icon-button-tone-soft:var(--brick-color-success-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-success-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-success-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-success-on-soft);--brick-icon-button-tone-border:var(--brick-color-success-border);--brick-icon-button-tone-text:var(--brick-color-success-text)}.brick-icon-button[data-tone=warning]{--brick-icon-button-tone-solid:var(--brick-color-warning-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-warning-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-warning-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-warning-on-solid);--brick-icon-button-tone-soft:var(--brick-color-warning-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-warning-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-warning-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-warning-on-soft);--brick-icon-button-tone-border:var(--brick-color-warning-border);--brick-icon-button-tone-text:var(--brick-color-warning-text)}.brick-icon-button[data-tone=danger]{--brick-icon-button-tone-solid:var(--brick-color-danger-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-danger-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-danger-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-danger-on-solid);--brick-icon-button-tone-soft:var(--brick-color-danger-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-danger-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-danger-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-danger-on-soft);--brick-icon-button-tone-border:var(--brick-color-danger-border);--brick-icon-button-tone-text:var(--brick-color-danger-text)}.brick-icon-button[data-size=xs]{--brick-icon-button-size:var(--brick-control-min-block-size-xs);--brick-icon-button-icon-size:.875rem}.brick-icon-button[data-size=sm]{--brick-icon-button-size:var(--brick-control-min-block-size-sm);--brick-icon-button-icon-size:1rem}.brick-icon-button[data-size=lg]{--brick-icon-button-size:var(--brick-control-min-block-size-lg);--brick-icon-button-icon-size:1.25rem}.brick-icon-button[data-size=xl]{--brick-icon-button-size:var(--brick-control-min-block-size-xl);--brick-icon-button-icon-size:1.5rem}.brick-icon-button[data-shape=circle]{--brick-icon-button-radius:var(--brick-radius-full)}.brick-icon-button[data-disabled]{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);cursor:not-allowed;opacity:.65}.brick-icon-button[data-loading]{color:#0000;cursor:progress}.brick-icon-button[data-loading]>*{opacity:0}@media (hover:hover) and (pointer:fine){.brick-icon-button:not([data-disabled],[data-loading]):hover{border-color:var(--brick-icon-button-border-color);background:var(--brick-icon-button-background-hover)}}@media (prefers-reduced-motion:reduce){.brick-icon-button{transition-duration:0s}}@media (forced-colors:active){.brick-icon-button{color:buttontext;background:buttonface;border-color:buttontext}.brick-icon-button:focus-visible{outline-color:highlight}.brick-icon-button[data-disabled]{color:graytext;opacity:1;border-color:graytext}}}@layer brick.utilities,brick.effects;
1
+ @layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{:where(.brick-button,.brick-icon-button)[data-loading]:after{inline-size:var(--brick-action-spinner-size);block-size:var(--brick-action-spinner-size);border:.125rem solid #0000;border-block-start-color:var(--brick-action-spinner-color);border-inline-end-color:var(--brick-action-spinner-color);border-radius:var(--brick-radius-full);content:"";animation:.7s linear infinite brick-action-spinner-spin;position:absolute;inset-block-start:50%;inset-inline-start:50%}:where([dir=rtl]) :where(.brick-button,.brick-icon-button)[data-loading]:after{animation-name:brick-action-spinner-spin-rtl}@media (prefers-reduced-motion:reduce){:where(.brick-button,.brick-icon-button)[data-loading]:after{animation-duration:1.4s}}@media (forced-colors:active){:where(.brick-button,.brick-icon-button)[data-loading]:after{border-block-start-color:buttontext;border-inline-end-color:buttontext}}@keyframes brick-action-spinner-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes brick-action-spinner-spin-rtl{0%{transform:translate(50%,-50%)rotate(0)}to{transform:translate(50%,-50%)rotate(360deg)}}.brick-icon-button{--brick-icon-button-size:var(--brick-control-min-block-size-md);--brick-icon-button-icon-size:1.125rem;--brick-icon-button-radius:var(--brick-radius-control);--brick-icon-button-background:transparent;--brick-icon-button-background-hover:var(--brick-icon-button-tone-soft);--brick-icon-button-background-pressed:var(--brick-icon-button-tone-soft-pressed);--brick-icon-button-border-color:transparent;--brick-icon-button-foreground:var(--brick-icon-button-tone-text);--brick-icon-button-spinner-color:var(--brick-icon-button-foreground);--brick-action-spinner-size:var(--brick-icon-button-icon-size);--brick-action-spinner-color:var(--brick-icon-button-spinner-color);box-sizing:border-box;flex:0 0 var(--brick-icon-button-size);inline-size:var(--brick-icon-button-size);min-inline-size:var(--brick-icon-button-size);block-size:var(--brick-icon-button-size);min-block-size:var(--brick-icon-button-size);border:var(--brick-border-width) solid var(--brick-icon-button-border-color);border-radius:var(--brick-icon-button-radius);appearance:none;background:var(--brick-icon-button-background);color:var(--brick-icon-button-foreground);font:inherit;-webkit-user-select:none;user-select:none;vertical-align:middle;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), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);justify-content:center;align-items:center;padding:0;line-height:1;text-decoration:none;display:inline-flex;position:relative}.brick-icon-button__icon{inline-size:var(--brick-icon-button-icon-size);block-size:var(--brick-icon-button-icon-size);pointer-events:none;justify-content:center;align-items:center;display:inline-flex}.brick-icon-button__icon>:where(svg,img){block-size:100%;inline-size:100%}.brick-icon-button>:where(svg,img){inline-size:var(--brick-icon-button-icon-size);block-size:var(--brick-icon-button-icon-size)}.brick-icon-button:not([data-disabled],[data-loading]){cursor:pointer}.brick-icon-button:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-icon-button:not([data-disabled],[data-loading]):active{background:var(--brick-icon-button-background-pressed)}.brick-icon-button[data-variant=solid]{--brick-icon-button-background:var(--brick-icon-button-tone-solid);--brick-icon-button-background-hover:var(--brick-icon-button-tone-solid-hover);--brick-icon-button-background-pressed:var(--brick-icon-button-tone-solid-pressed);--brick-icon-button-border-color:var(--brick-icon-button-tone-solid);--brick-icon-button-foreground:var(--brick-icon-button-tone-on-solid)}.brick-icon-button[data-variant=soft]{--brick-icon-button-background:var(--brick-icon-button-tone-soft);--brick-icon-button-background-hover:var(--brick-icon-button-tone-soft-hover);--brick-icon-button-background-pressed:var(--brick-icon-button-tone-soft-pressed);--brick-icon-button-border-color:var(--brick-icon-button-tone-border);--brick-icon-button-foreground:var(--brick-icon-button-tone-on-soft)}.brick-icon-button[data-variant=outline]{--brick-icon-button-background:transparent;--brick-icon-button-border-color:var(--brick-icon-button-tone-border);--brick-icon-button-foreground:var(--brick-icon-button-tone-text)}.brick-icon-button[data-variant=ghost]{--brick-icon-button-background:transparent;--brick-icon-button-border-color:transparent;--brick-icon-button-foreground:var(--brick-icon-button-tone-text)}.brick-icon-button[data-tone=neutral]{--brick-icon-button-tone-solid:var(--brick-color-text-primary);--brick-icon-button-tone-solid-hover:var(--brick-color-text-secondary);--brick-icon-button-tone-solid-pressed:var(--brick-color-border-strong);--brick-icon-button-tone-on-solid:var(--brick-color-text-inverse);--brick-icon-button-tone-soft:var(--brick-color-surface-subtle);--brick-icon-button-tone-soft-hover:var(--brick-color-surface-base);--brick-icon-button-tone-soft-pressed:var(--brick-color-border-subtle);--brick-icon-button-tone-on-soft:var(--brick-color-text-primary);--brick-icon-button-tone-border:var(--brick-color-border-strong);--brick-icon-button-tone-text:var(--brick-color-text-primary)}.brick-icon-button[data-tone=accent]{--brick-icon-button-tone-solid:var(--brick-color-accent-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-accent-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-accent-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-accent-on-solid);--brick-icon-button-tone-soft:var(--brick-color-accent-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-accent-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-accent-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-accent-on-soft);--brick-icon-button-tone-border:var(--brick-color-accent-border);--brick-icon-button-tone-text:var(--brick-color-accent-text)}.brick-icon-button[data-tone=info]{--brick-icon-button-tone-solid:var(--brick-color-info-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-info-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-info-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-info-on-solid);--brick-icon-button-tone-soft:var(--brick-color-info-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-info-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-info-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-info-on-soft);--brick-icon-button-tone-border:var(--brick-color-info-border);--brick-icon-button-tone-text:var(--brick-color-info-text)}.brick-icon-button[data-tone=success]{--brick-icon-button-tone-solid:var(--brick-color-success-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-success-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-success-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-success-on-solid);--brick-icon-button-tone-soft:var(--brick-color-success-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-success-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-success-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-success-on-soft);--brick-icon-button-tone-border:var(--brick-color-success-border);--brick-icon-button-tone-text:var(--brick-color-success-text)}.brick-icon-button[data-tone=warning]{--brick-icon-button-tone-solid:var(--brick-color-warning-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-warning-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-warning-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-warning-on-solid);--brick-icon-button-tone-soft:var(--brick-color-warning-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-warning-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-warning-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-warning-on-soft);--brick-icon-button-tone-border:var(--brick-color-warning-border);--brick-icon-button-tone-text:var(--brick-color-warning-text)}.brick-icon-button[data-tone=danger]{--brick-icon-button-tone-solid:var(--brick-color-danger-solid);--brick-icon-button-tone-solid-hover:var(--brick-color-danger-solid-hover);--brick-icon-button-tone-solid-pressed:var(--brick-color-danger-solid-pressed);--brick-icon-button-tone-on-solid:var(--brick-color-danger-on-solid);--brick-icon-button-tone-soft:var(--brick-color-danger-soft);--brick-icon-button-tone-soft-hover:var(--brick-color-danger-soft-hover);--brick-icon-button-tone-soft-pressed:var(--brick-color-danger-soft-pressed);--brick-icon-button-tone-on-soft:var(--brick-color-danger-on-soft);--brick-icon-button-tone-border:var(--brick-color-danger-border);--brick-icon-button-tone-text:var(--brick-color-danger-text)}.brick-icon-button[data-size=xs]{--brick-icon-button-size:var(--brick-control-min-block-size-xs);--brick-icon-button-icon-size:.875rem}.brick-icon-button[data-size=sm]{--brick-icon-button-size:var(--brick-control-min-block-size-sm);--brick-icon-button-icon-size:1rem}.brick-icon-button[data-size=lg]{--brick-icon-button-size:var(--brick-control-min-block-size-lg);--brick-icon-button-icon-size:1.25rem}.brick-icon-button[data-size=xl]{--brick-icon-button-size:var(--brick-control-min-block-size-xl);--brick-icon-button-icon-size:1.5rem}.brick-icon-button[data-shape=circle]{--brick-icon-button-radius:var(--brick-radius-full)}.brick-icon-button[data-disabled]{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);cursor:not-allowed;opacity:.65}.brick-icon-button[data-loading]{color:#0000;cursor:progress}.brick-icon-button[data-loading]>*{opacity:0}@media (hover:hover) and (pointer:fine){.brick-icon-button:not([data-disabled],[data-loading]):hover{border-color:var(--brick-icon-button-border-color);background:var(--brick-icon-button-background-hover)}}@media (prefers-reduced-motion:reduce){.brick-icon-button{transition-duration:0s}}@media (forced-colors:active){.brick-icon-button{color:buttontext;background:buttonface;border-color:buttontext}.brick-icon-button:focus-visible{outline-color:highlight}.brick-icon-button[data-disabled]{color:graytext;opacity:1;border-color:graytext}}}@layer brick.utilities,brick.effects;
2
2
  /*# sourceMappingURL=icon-button.css.map */
package/dist/styles/icon-button.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":null,"mappings":"ACAA,sCAAA,wBCCE,+cAcA,4HAKA,uCACE,sFAKF,8BACE,qIAMF,iIAUA,mIC1CA,0kDAwCA,wMASA,0EAKA,gIAKA,sEAIA,6JAKA,qHAIA,uZAQA,mZAQA,4NAMA,iMAMA,isBAaA,utBAaA,isBAaA,kuBAaA,kuBAaA,utBAaA,uIAKA,oIAKA,uIAKA,sIAKA,0FAIA,oMAQA,6DAKA,6CAIA,wCACE,sKAMF,uCACE,2CAKF,8BACE,kFAMA,yDAIA,mFFpPJ","sources":["home/runner/work/brick/brick/.brick-cache/production/icon-button.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/_action-spinner/action-spinner.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/icon-button/icon-button.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/_action-spinner/action-spinner.css\";\n@import \"../../src/components/icon-button/icon-button.css\";","@layer brick.tokens, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n :where(.brick-button, .brick-icon-button)[data-loading]::after {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-start: 50%;\n inline-size: var(--brick-action-spinner-size);\n block-size: var(--brick-action-spinner-size);\n border: 0.125rem solid transparent;\n border-block-start-color: var(--brick-action-spinner-color);\n border-inline-end-color: var(--brick-action-spinner-color);\n border-radius: var(--brick-radius-full);\n content: \"\";\n animation: brick-action-spinner-spin 700ms linear infinite;\n }\n\n :where([dir=\"rtl\"])\n :where(.brick-button, .brick-icon-button)[data-loading]::after {\n animation-name: brick-action-spinner-spin-rtl;\n }\n\n @media (prefers-reduced-motion: reduce) {\n :where(.brick-button, .brick-icon-button)[data-loading]::after {\n animation-duration: 1400ms;\n }\n }\n\n @media (forced-colors: active) {\n :where(.brick-button, .brick-icon-button)[data-loading]::after {\n border-block-start-color: ButtonText;\n border-inline-end-color: ButtonText;\n }\n }\n\n @keyframes brick-action-spinner-spin {\n from {\n transform: translate(-50%, -50%) rotate(0deg);\n }\n\n to {\n transform: translate(-50%, -50%) rotate(360deg);\n }\n }\n\n @keyframes brick-action-spinner-spin-rtl {\n from {\n transform: translate(50%, -50%) rotate(0deg);\n }\n\n to {\n transform: translate(50%, -50%) rotate(360deg);\n }\n }\n}\n","@layer brick.components {\n .brick-icon-button {\n --brick-icon-button-size: var(--brick-control-min-block-size-md);\n --brick-icon-button-icon-size: 1.125rem;\n --brick-icon-button-radius: var(--brick-radius-control);\n --brick-icon-button-background: transparent;\n --brick-icon-button-background-hover: var(--brick-icon-button-tone-soft);\n --brick-icon-button-background-pressed: var(--brick-icon-button-tone-soft-pressed);\n --brick-icon-button-border-color: transparent;\n --brick-icon-button-foreground: var(--brick-icon-button-tone-text);\n --brick-icon-button-spinner-color: var(--brick-icon-button-foreground);\n --brick-action-spinner-size: var(--brick-icon-button-icon-size);\n --brick-action-spinner-color: var(--brick-icon-button-spinner-color);\n\n position: relative;\n display: inline-flex;\n box-sizing: border-box;\n flex: 0 0 var(--brick-icon-button-size);\n inline-size: var(--brick-icon-button-size);\n min-inline-size: var(--brick-icon-button-size);\n block-size: var(--brick-icon-button-size);\n min-block-size: var(--brick-icon-button-size);\n align-items: center;\n justify-content: center;\n padding: 0;\n border: var(--brick-border-width) solid var(--brick-icon-button-border-color);\n border-radius: var(--brick-icon-button-radius);\n appearance: none;\n background: var(--brick-icon-button-background);\n color: var(--brick-icon-button-foreground);\n font: inherit;\n line-height: 1;\n text-decoration: none;\n user-select: none;\n vertical-align: middle;\n transition:\n background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n }\n\n .brick-icon-button__icon {\n display: inline-flex;\n inline-size: var(--brick-icon-button-icon-size);\n block-size: var(--brick-icon-button-icon-size);\n align-items: center;\n justify-content: center;\n pointer-events: none;\n }\n\n .brick-icon-button__icon > :where(svg, img) {\n inline-size: 100%;\n block-size: 100%;\n }\n\n .brick-icon-button > :where(svg, img) {\n inline-size: var(--brick-icon-button-icon-size);\n block-size: var(--brick-icon-button-icon-size);\n }\n\n .brick-icon-button:not([data-disabled], [data-loading]) {\n cursor: pointer;\n }\n\n .brick-icon-button: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-icon-button:not([data-disabled], [data-loading]):active {\n background: var(--brick-icon-button-background-pressed);\n }\n\n .brick-icon-button[data-variant=\"solid\"] {\n --brick-icon-button-background: var(--brick-icon-button-tone-solid);\n --brick-icon-button-background-hover: var(--brick-icon-button-tone-solid-hover);\n --brick-icon-button-background-pressed: var(--brick-icon-button-tone-solid-pressed);\n --brick-icon-button-border-color: var(--brick-icon-button-tone-solid);\n --brick-icon-button-foreground: var(--brick-icon-button-tone-on-solid);\n }\n\n .brick-icon-button[data-variant=\"soft\"] {\n --brick-icon-button-background: var(--brick-icon-button-tone-soft);\n --brick-icon-button-background-hover: var(--brick-icon-button-tone-soft-hover);\n --brick-icon-button-background-pressed: var(--brick-icon-button-tone-soft-pressed);\n --brick-icon-button-border-color: var(--brick-icon-button-tone-border);\n --brick-icon-button-foreground: var(--brick-icon-button-tone-on-soft);\n }\n\n .brick-icon-button[data-variant=\"outline\"] {\n --brick-icon-button-background: transparent;\n --brick-icon-button-border-color: var(--brick-icon-button-tone-border);\n --brick-icon-button-foreground: var(--brick-icon-button-tone-text);\n }\n\n .brick-icon-button[data-variant=\"ghost\"] {\n --brick-icon-button-background: transparent;\n --brick-icon-button-border-color: transparent;\n --brick-icon-button-foreground: var(--brick-icon-button-tone-text);\n }\n\n .brick-icon-button[data-tone=\"neutral\"] {\n --brick-icon-button-tone-solid: var(--brick-color-text-primary);\n --brick-icon-button-tone-solid-hover: var(--brick-color-text-secondary);\n --brick-icon-button-tone-solid-pressed: var(--brick-color-border-strong);\n --brick-icon-button-tone-on-solid: var(--brick-color-text-inverse);\n --brick-icon-button-tone-soft: var(--brick-color-surface-subtle);\n --brick-icon-button-tone-soft-hover: var(--brick-color-surface-base);\n --brick-icon-button-tone-soft-pressed: var(--brick-color-border-subtle);\n --brick-icon-button-tone-on-soft: var(--brick-color-text-primary);\n --brick-icon-button-tone-border: var(--brick-color-border-strong);\n --brick-icon-button-tone-text: var(--brick-color-text-primary);\n }\n\n .brick-icon-button[data-tone=\"accent\"] {\n --brick-icon-button-tone-solid: var(--brick-color-accent-solid);\n --brick-icon-button-tone-solid-hover: var(--brick-color-accent-solid-hover);\n --brick-icon-button-tone-solid-pressed: var(--brick-color-accent-solid-pressed);\n --brick-icon-button-tone-on-solid: var(--brick-color-accent-on-solid);\n --brick-icon-button-tone-soft: var(--brick-color-accent-soft);\n --brick-icon-button-tone-soft-hover: var(--brick-color-accent-soft-hover);\n --brick-icon-button-tone-soft-pressed: var(--brick-color-accent-soft-pressed);\n --brick-icon-button-tone-on-soft: var(--brick-color-accent-on-soft);\n --brick-icon-button-tone-border: var(--brick-color-accent-border);\n --brick-icon-button-tone-text: var(--brick-color-accent-text);\n }\n\n .brick-icon-button[data-tone=\"info\"] {\n --brick-icon-button-tone-solid: var(--brick-color-info-solid);\n --brick-icon-button-tone-solid-hover: var(--brick-color-info-solid-hover);\n --brick-icon-button-tone-solid-pressed: var(--brick-color-info-solid-pressed);\n --brick-icon-button-tone-on-solid: var(--brick-color-info-on-solid);\n --brick-icon-button-tone-soft: var(--brick-color-info-soft);\n --brick-icon-button-tone-soft-hover: var(--brick-color-info-soft-hover);\n --brick-icon-button-tone-soft-pressed: var(--brick-color-info-soft-pressed);\n --brick-icon-button-tone-on-soft: var(--brick-color-info-on-soft);\n --brick-icon-button-tone-border: var(--brick-color-info-border);\n --brick-icon-button-tone-text: var(--brick-color-info-text);\n }\n\n .brick-icon-button[data-tone=\"success\"] {\n --brick-icon-button-tone-solid: var(--brick-color-success-solid);\n --brick-icon-button-tone-solid-hover: var(--brick-color-success-solid-hover);\n --brick-icon-button-tone-solid-pressed: var(--brick-color-success-solid-pressed);\n --brick-icon-button-tone-on-solid: var(--brick-color-success-on-solid);\n --brick-icon-button-tone-soft: var(--brick-color-success-soft);\n --brick-icon-button-tone-soft-hover: var(--brick-color-success-soft-hover);\n --brick-icon-button-tone-soft-pressed: var(--brick-color-success-soft-pressed);\n --brick-icon-button-tone-on-soft: var(--brick-color-success-on-soft);\n --brick-icon-button-tone-border: var(--brick-color-success-border);\n --brick-icon-button-tone-text: var(--brick-color-success-text);\n }\n\n .brick-icon-button[data-tone=\"warning\"] {\n --brick-icon-button-tone-solid: var(--brick-color-warning-solid);\n --brick-icon-button-tone-solid-hover: var(--brick-color-warning-solid-hover);\n --brick-icon-button-tone-solid-pressed: var(--brick-color-warning-solid-pressed);\n --brick-icon-button-tone-on-solid: var(--brick-color-warning-on-solid);\n --brick-icon-button-tone-soft: var(--brick-color-warning-soft);\n --brick-icon-button-tone-soft-hover: var(--brick-color-warning-soft-hover);\n --brick-icon-button-tone-soft-pressed: var(--brick-color-warning-soft-pressed);\n --brick-icon-button-tone-on-soft: var(--brick-color-warning-on-soft);\n --brick-icon-button-tone-border: var(--brick-color-warning-border);\n --brick-icon-button-tone-text: var(--brick-color-warning-text);\n }\n\n .brick-icon-button[data-tone=\"danger\"] {\n --brick-icon-button-tone-solid: var(--brick-color-danger-solid);\n --brick-icon-button-tone-solid-hover: var(--brick-color-danger-solid-hover);\n --brick-icon-button-tone-solid-pressed: var(--brick-color-danger-solid-pressed);\n --brick-icon-button-tone-on-solid: var(--brick-color-danger-on-solid);\n --brick-icon-button-tone-soft: var(--brick-color-danger-soft);\n --brick-icon-button-tone-soft-hover: var(--brick-color-danger-soft-hover);\n --brick-icon-button-tone-soft-pressed: var(--brick-color-danger-soft-pressed);\n --brick-icon-button-tone-on-soft: var(--brick-color-danger-on-soft);\n --brick-icon-button-tone-border: var(--brick-color-danger-border);\n --brick-icon-button-tone-text: var(--brick-color-danger-text);\n }\n\n .brick-icon-button[data-size=\"xs\"] {\n --brick-icon-button-size: var(--brick-control-min-block-size-xs);\n --brick-icon-button-icon-size: 0.875rem;\n }\n\n .brick-icon-button[data-size=\"sm\"] {\n --brick-icon-button-size: var(--brick-control-min-block-size-sm);\n --brick-icon-button-icon-size: 1rem;\n }\n\n .brick-icon-button[data-size=\"lg\"] {\n --brick-icon-button-size: var(--brick-control-min-block-size-lg);\n --brick-icon-button-icon-size: 1.25rem;\n }\n\n .brick-icon-button[data-size=\"xl\"] {\n --brick-icon-button-size: var(--brick-control-min-block-size-xl);\n --brick-icon-button-icon-size: 1.5rem;\n }\n\n .brick-icon-button[data-shape=\"circle\"] {\n --brick-icon-button-radius: var(--brick-radius-full);\n }\n\n .brick-icon-button[data-disabled] {\n border-color: var(--brick-color-border-subtle);\n background: var(--brick-color-surface-subtle);\n color: var(--brick-color-text-secondary);\n cursor: not-allowed;\n opacity: 0.65;\n }\n\n .brick-icon-button[data-loading] {\n color: transparent;\n cursor: progress;\n }\n\n .brick-icon-button[data-loading] > * {\n opacity: 0;\n }\n\n @media (hover: hover) and (pointer: fine) {\n .brick-icon-button:not([data-disabled], [data-loading]):hover {\n border-color: var(--brick-icon-button-border-color);\n background: var(--brick-icon-button-background-hover);\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-icon-button {\n transition-duration: 0ms;\n }\n }\n\n @media (forced-colors: active) {\n .brick-icon-button {\n border-color: ButtonText;\n background: ButtonFace;\n color: ButtonText;\n }\n\n .brick-icon-button:focus-visible {\n outline-color: Highlight;\n }\n\n .brick-icon-button[data-disabled] {\n border-color: GrayText;\n color: GrayText;\n opacity: 1;\n }\n }\n}\n"],"names":[]}
1
+ {"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,+cAcA,4HAKA,uCACE,sFAKF,8BACE,qIAMF,iIAUA,mIC1CA,0kDAwCA,wMASA,0EAKA,gIAKA,sEAIA,6JAKA,qHAIA,uZAQA,mZAQA,4NAMA,iMAMA,isBAaA,utBAaA,isBAaA,kuBAaA,kuBAaA,utBAaA,uIAKA,oIAKA,uIAKA,sIAKA,0FAIA,oMAQA,6DAKA,6CAIA,wCACE,sKAMF,uCACE,2CAKF,8BACE,kFAMA,yDAIA,mFFpPJ","sources":["home/runner/work/brick/brick/.brick-cache/production/icon-button.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/_action-spinner/action-spinner.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/icon-button/icon-button.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/_action-spinner/action-spinner.css\";\n@import \"../../src/components/icon-button/icon-button.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n :where(.brick-button, .brick-icon-button)[data-loading]::after {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-start: 50%;\n inline-size: var(--brick-action-spinner-size);\n block-size: var(--brick-action-spinner-size);\n border: 0.125rem solid transparent;\n border-block-start-color: var(--brick-action-spinner-color);\n border-inline-end-color: var(--brick-action-spinner-color);\n border-radius: var(--brick-radius-full);\n content: \"\";\n animation: brick-action-spinner-spin 700ms linear infinite;\n }\n\n :where([dir=\"rtl\"])\n :where(.brick-button, .brick-icon-button)[data-loading]::after {\n animation-name: brick-action-spinner-spin-rtl;\n }\n\n @media (prefers-reduced-motion: reduce) {\n :where(.brick-button, .brick-icon-button)[data-loading]::after {\n animation-duration: 1400ms;\n }\n }\n\n @media (forced-colors: active) {\n :where(.brick-button, .brick-icon-button)[data-loading]::after {\n border-block-start-color: ButtonText;\n border-inline-end-color: ButtonText;\n }\n }\n\n @keyframes brick-action-spinner-spin {\n from {\n transform: translate(-50%, -50%) rotate(0deg);\n }\n\n to {\n transform: translate(-50%, -50%) rotate(360deg);\n }\n }\n\n @keyframes brick-action-spinner-spin-rtl {\n from {\n transform: translate(50%, -50%) rotate(0deg);\n }\n\n to {\n transform: translate(50%, -50%) rotate(360deg);\n }\n }\n}\n","@layer brick.components {\n .brick-icon-button {\n --brick-icon-button-size: var(--brick-control-min-block-size-md);\n --brick-icon-button-icon-size: 1.125rem;\n --brick-icon-button-radius: var(--brick-radius-control);\n --brick-icon-button-background: transparent;\n --brick-icon-button-background-hover: var(--brick-icon-button-tone-soft);\n --brick-icon-button-background-pressed: var(--brick-icon-button-tone-soft-pressed);\n --brick-icon-button-border-color: transparent;\n --brick-icon-button-foreground: var(--brick-icon-button-tone-text);\n --brick-icon-button-spinner-color: var(--brick-icon-button-foreground);\n --brick-action-spinner-size: var(--brick-icon-button-icon-size);\n --brick-action-spinner-color: var(--brick-icon-button-spinner-color);\n\n position: relative;\n display: inline-flex;\n box-sizing: border-box;\n flex: 0 0 var(--brick-icon-button-size);\n inline-size: var(--brick-icon-button-size);\n min-inline-size: var(--brick-icon-button-size);\n block-size: var(--brick-icon-button-size);\n min-block-size: var(--brick-icon-button-size);\n align-items: center;\n justify-content: center;\n padding: 0;\n border: var(--brick-border-width) solid var(--brick-icon-button-border-color);\n border-radius: var(--brick-icon-button-radius);\n appearance: none;\n background: var(--brick-icon-button-background);\n color: var(--brick-icon-button-foreground);\n font: inherit;\n line-height: 1;\n text-decoration: none;\n user-select: none;\n vertical-align: middle;\n transition:\n background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n }\n\n .brick-icon-button__icon {\n display: inline-flex;\n inline-size: var(--brick-icon-button-icon-size);\n block-size: var(--brick-icon-button-icon-size);\n align-items: center;\n justify-content: center;\n pointer-events: none;\n }\n\n .brick-icon-button__icon > :where(svg, img) {\n inline-size: 100%;\n block-size: 100%;\n }\n\n .brick-icon-button > :where(svg, img) {\n inline-size: var(--brick-icon-button-icon-size);\n block-size: var(--brick-icon-button-icon-size);\n }\n\n .brick-icon-button:not([data-disabled], [data-loading]) {\n cursor: pointer;\n }\n\n .brick-icon-button: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-icon-button:not([data-disabled], [data-loading]):active {\n background: var(--brick-icon-button-background-pressed);\n }\n\n .brick-icon-button[data-variant=\"solid\"] {\n --brick-icon-button-background: var(--brick-icon-button-tone-solid);\n --brick-icon-button-background-hover: var(--brick-icon-button-tone-solid-hover);\n --brick-icon-button-background-pressed: var(--brick-icon-button-tone-solid-pressed);\n --brick-icon-button-border-color: var(--brick-icon-button-tone-solid);\n --brick-icon-button-foreground: var(--brick-icon-button-tone-on-solid);\n }\n\n .brick-icon-button[data-variant=\"soft\"] {\n --brick-icon-button-background: var(--brick-icon-button-tone-soft);\n --brick-icon-button-background-hover: var(--brick-icon-button-tone-soft-hover);\n --brick-icon-button-background-pressed: var(--brick-icon-button-tone-soft-pressed);\n --brick-icon-button-border-color: var(--brick-icon-button-tone-border);\n --brick-icon-button-foreground: var(--brick-icon-button-tone-on-soft);\n }\n\n .brick-icon-button[data-variant=\"outline\"] {\n --brick-icon-button-background: transparent;\n --brick-icon-button-border-color: var(--brick-icon-button-tone-border);\n --brick-icon-button-foreground: var(--brick-icon-button-tone-text);\n }\n\n .brick-icon-button[data-variant=\"ghost\"] {\n --brick-icon-button-background: transparent;\n --brick-icon-button-border-color: transparent;\n --brick-icon-button-foreground: var(--brick-icon-button-tone-text);\n }\n\n .brick-icon-button[data-tone=\"neutral\"] {\n --brick-icon-button-tone-solid: var(--brick-color-text-primary);\n --brick-icon-button-tone-solid-hover: var(--brick-color-text-secondary);\n --brick-icon-button-tone-solid-pressed: var(--brick-color-border-strong);\n --brick-icon-button-tone-on-solid: var(--brick-color-text-inverse);\n --brick-icon-button-tone-soft: var(--brick-color-surface-subtle);\n --brick-icon-button-tone-soft-hover: var(--brick-color-surface-base);\n --brick-icon-button-tone-soft-pressed: var(--brick-color-border-subtle);\n --brick-icon-button-tone-on-soft: var(--brick-color-text-primary);\n --brick-icon-button-tone-border: var(--brick-color-border-strong);\n --brick-icon-button-tone-text: var(--brick-color-text-primary);\n }\n\n .brick-icon-button[data-tone=\"accent\"] {\n --brick-icon-button-tone-solid: var(--brick-color-accent-solid);\n --brick-icon-button-tone-solid-hover: var(--brick-color-accent-solid-hover);\n --brick-icon-button-tone-solid-pressed: var(--brick-color-accent-solid-pressed);\n --brick-icon-button-tone-on-solid: var(--brick-color-accent-on-solid);\n --brick-icon-button-tone-soft: var(--brick-color-accent-soft);\n --brick-icon-button-tone-soft-hover: var(--brick-color-accent-soft-hover);\n --brick-icon-button-tone-soft-pressed: var(--brick-color-accent-soft-pressed);\n --brick-icon-button-tone-on-soft: var(--brick-color-accent-on-soft);\n --brick-icon-button-tone-border: var(--brick-color-accent-border);\n --brick-icon-button-tone-text: var(--brick-color-accent-text);\n }\n\n .brick-icon-button[data-tone=\"info\"] {\n --brick-icon-button-tone-solid: var(--brick-color-info-solid);\n --brick-icon-button-tone-solid-hover: var(--brick-color-info-solid-hover);\n --brick-icon-button-tone-solid-pressed: var(--brick-color-info-solid-pressed);\n --brick-icon-button-tone-on-solid: var(--brick-color-info-on-solid);\n --brick-icon-button-tone-soft: var(--brick-color-info-soft);\n --brick-icon-button-tone-soft-hover: var(--brick-color-info-soft-hover);\n --brick-icon-button-tone-soft-pressed: var(--brick-color-info-soft-pressed);\n --brick-icon-button-tone-on-soft: var(--brick-color-info-on-soft);\n --brick-icon-button-tone-border: var(--brick-color-info-border);\n --brick-icon-button-tone-text: var(--brick-color-info-text);\n }\n\n .brick-icon-button[data-tone=\"success\"] {\n --brick-icon-button-tone-solid: var(--brick-color-success-solid);\n --brick-icon-button-tone-solid-hover: var(--brick-color-success-solid-hover);\n --brick-icon-button-tone-solid-pressed: var(--brick-color-success-solid-pressed);\n --brick-icon-button-tone-on-solid: var(--brick-color-success-on-solid);\n --brick-icon-button-tone-soft: var(--brick-color-success-soft);\n --brick-icon-button-tone-soft-hover: var(--brick-color-success-soft-hover);\n --brick-icon-button-tone-soft-pressed: var(--brick-color-success-soft-pressed);\n --brick-icon-button-tone-on-soft: var(--brick-color-success-on-soft);\n --brick-icon-button-tone-border: var(--brick-color-success-border);\n --brick-icon-button-tone-text: var(--brick-color-success-text);\n }\n\n .brick-icon-button[data-tone=\"warning\"] {\n --brick-icon-button-tone-solid: var(--brick-color-warning-solid);\n --brick-icon-button-tone-solid-hover: var(--brick-color-warning-solid-hover);\n --brick-icon-button-tone-solid-pressed: var(--brick-color-warning-solid-pressed);\n --brick-icon-button-tone-on-solid: var(--brick-color-warning-on-solid);\n --brick-icon-button-tone-soft: var(--brick-color-warning-soft);\n --brick-icon-button-tone-soft-hover: var(--brick-color-warning-soft-hover);\n --brick-icon-button-tone-soft-pressed: var(--brick-color-warning-soft-pressed);\n --brick-icon-button-tone-on-soft: var(--brick-color-warning-on-soft);\n --brick-icon-button-tone-border: var(--brick-color-warning-border);\n --brick-icon-button-tone-text: var(--brick-color-warning-text);\n }\n\n .brick-icon-button[data-tone=\"danger\"] {\n --brick-icon-button-tone-solid: var(--brick-color-danger-solid);\n --brick-icon-button-tone-solid-hover: var(--brick-color-danger-solid-hover);\n --brick-icon-button-tone-solid-pressed: var(--brick-color-danger-solid-pressed);\n --brick-icon-button-tone-on-solid: var(--brick-color-danger-on-solid);\n --brick-icon-button-tone-soft: var(--brick-color-danger-soft);\n --brick-icon-button-tone-soft-hover: var(--brick-color-danger-soft-hover);\n --brick-icon-button-tone-soft-pressed: var(--brick-color-danger-soft-pressed);\n --brick-icon-button-tone-on-soft: var(--brick-color-danger-on-soft);\n --brick-icon-button-tone-border: var(--brick-color-danger-border);\n --brick-icon-button-tone-text: var(--brick-color-danger-text);\n }\n\n .brick-icon-button[data-size=\"xs\"] {\n --brick-icon-button-size: var(--brick-control-min-block-size-xs);\n --brick-icon-button-icon-size: 0.875rem;\n }\n\n .brick-icon-button[data-size=\"sm\"] {\n --brick-icon-button-size: var(--brick-control-min-block-size-sm);\n --brick-icon-button-icon-size: 1rem;\n }\n\n .brick-icon-button[data-size=\"lg\"] {\n --brick-icon-button-size: var(--brick-control-min-block-size-lg);\n --brick-icon-button-icon-size: 1.25rem;\n }\n\n .brick-icon-button[data-size=\"xl\"] {\n --brick-icon-button-size: var(--brick-control-min-block-size-xl);\n --brick-icon-button-icon-size: 1.5rem;\n }\n\n .brick-icon-button[data-shape=\"circle\"] {\n --brick-icon-button-radius: var(--brick-radius-full);\n }\n\n .brick-icon-button[data-disabled] {\n border-color: var(--brick-color-border-subtle);\n background: var(--brick-color-surface-subtle);\n color: var(--brick-color-text-secondary);\n cursor: not-allowed;\n opacity: 0.65;\n }\n\n .brick-icon-button[data-loading] {\n color: transparent;\n cursor: progress;\n }\n\n .brick-icon-button[data-loading] > * {\n opacity: 0;\n }\n\n @media (hover: hover) and (pointer: fine) {\n .brick-icon-button:not([data-disabled], [data-loading]):hover {\n border-color: var(--brick-icon-button-border-color);\n background: var(--brick-icon-button-background-hover);\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .brick-icon-button {\n transition-duration: 0ms;\n }\n }\n\n @media (forced-colors: active) {\n .brick-icon-button {\n border-color: ButtonText;\n background: ButtonFace;\n color: ButtonText;\n }\n\n .brick-icon-button:focus-visible {\n outline-color: Highlight;\n }\n\n .brick-icon-button[data-disabled] {\n border-color: GrayText;\n color: GrayText;\n opacity: 1;\n }\n }\n}\n"],"names":[]}