@flowstack-ui/brick 0.1.9 → 0.1.11

package/dist/styles/dropdown-menu.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){box-sizing:border-box;min-inline-size:max(12rem, var(--atom-menu-anchor-width,0rem));max-inline-size:min(24rem, calc(100dvi - 2 * var(--brick-space-3)));max-block-size:min(var(--brick-action-menu-content-max-block-size), var(--atom-menu-available-height,var(--brick-action-menu-content-max-block-size)));padding:var(--brick-action-menu-content-padding);overscroll-behavior:contain;border:var(--brick-border-width) solid var(--brick-action-menu-content-border);border-radius:var(--brick-action-menu-content-radius);background:var(--brick-action-menu-content-background);box-shadow:var(--brick-action-menu-content-shadow);color:var(--brick-action-menu-content-foreground);opacity:0;scrollbar-width:thin;transition:opacity var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter), translate var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter);z-index:var(--brick-action-menu-content-z-index);overflow:hidden auto;translate:0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=top]{translate:0 var(--brick-space-1)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=right]{translate:calc(var(--brick-space-1) * -1) 0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=bottom]{translate:0 calc(var(--brick-space-1) * -1)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=left]{translate:var(--brick-space-1) 0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-positioned]{opacity:1;translate:0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-size=sm]{--brick-action-menu-row-min-block-size:2rem;--brick-action-menu-row-padding-inline:var(--brick-space-2);--brick-action-menu-row-gap:.375rem;--brick-action-menu-indicator-size:.875rem;--brick-action-menu-font-size:var(--brick-typography-control-sm-font-size);--brick-action-menu-line-height:var(--brick-typography-control-sm-line-height)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-size=lg]{--brick-action-menu-row-min-block-size:3rem;--brick-action-menu-row-padding-inline:var(--brick-space-4);--brick-action-menu-row-gap:var(--brick-space-3);--brick-action-menu-indicator-size:1.125rem;--brick-action-menu-font-size:var(--brick-typography-control-lg-font-size);--brick-action-menu-line-height:var(--brick-typography-control-lg-line-height)}:where(.brick-dropdown-menu__group,.brick-context-menu__group,.brick-menubar__group)+:where(.brick-dropdown-menu__group,.brick-context-menu__group,.brick-menubar__group){margin-block-start:var(--brick-space-1)}:where(.brick-dropdown-menu__label,.brick-context-menu__label,.brick-menubar__label){padding:var(--brick-space-2) var(--brick-action-menu-row-padding-inline) var(--brick-space-1);color:var(--brick-action-menu-label-foreground);font-family:var(--brick-typography-caption-font-family);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-label-md-font-weight);letter-spacing:var(--brick-typography-caption-letter-spacing);line-height:var(--brick-typography-caption-line-height)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger){box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-action-menu-row-min-block-size);grid-template-columns:var(--brick-action-menu-indicator-size) minmax(0, 1fr) auto;align-items:center;gap:var(--brick-action-menu-row-gap);padding:var(--brick-space-1) var(--brick-action-menu-row-padding-inline);border-radius:var(--brick-action-menu-row-radius);color:var(--brick-action-menu-row-foreground);font-family:var(--brick-typography-control-md-font-family);font-size:var(--brick-action-menu-font-size);font-weight:var(--brick-typography-control-md-font-weight);line-height:var(--brick-action-menu-line-height);text-align:start;cursor:default;-webkit-user-select:none;user-select:none;outline:0;display:grid}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-highlighted]{background:var(--brick-action-menu-row-highlighted-background);color:var(--brick-action-menu-row-highlighted-foreground);box-shadow:inset 0 0 0 var(--brick-border-width) var(--brick-action-menu-focus-ring)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-tone=danger]{color:var(--brick-action-menu-danger-foreground)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-tone=danger][data-highlighted]{background:var(--brick-action-menu-danger-background);color:var(--brick-action-menu-danger-foreground)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-disabled]{color:var(--brick-action-menu-disabled-foreground);opacity:.65}:where(.brick-dropdown-menu__leading,.brick-context-menu__leading,.brick-menubar__leading,.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator){inline-size:var(--brick-action-menu-indicator-size);block-size:var(--brick-action-menu-indicator-size);color:currentColor;place-items:center;display:inline-grid}:where(.brick-dropdown-menu__item,.brick-context-menu__item,.brick-menubar__item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__sub-trigger,.brick-menubar__sub-trigger)>:where(.brick-dropdown-menu__item-label,.brick-context-menu__item-label,.brick-menubar__item-label):first-child{grid-column:2}:where(.brick-dropdown-menu__item-label,.brick-context-menu__item-label,.brick-menubar__item-label){overflow-wrap:anywhere;grid-column:2;min-inline-size:0}:where(.brick-dropdown-menu__description,.brick-context-menu__description,.brick-menubar__description){min-inline-size:0;color:var(--brick-action-menu-description-foreground);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);line-height:var(--brick-typography-supporting-sm-line-height);overflow-wrap:anywhere;grid-column:2/-1}:where(.brick-dropdown-menu__shortcut,.brick-context-menu__shortcut,.brick-menubar__shortcut){color:var(--brick-action-menu-shortcut-foreground);font-family:var(--brick-typography-code-inline-font-family);font-size:var(--brick-typography-caption-font-size);line-height:var(--brick-typography-caption-line-height);white-space:nowrap;grid-column:3}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator){grid-column:1}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator):empty:before{content:"✓";font-weight:var(--brick-typography-label-strong-font-weight)}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator)[data-state=indeterminate]:empty:before{content:"−"}:where(.brick-dropdown-menu__sub-trigger,.brick-context-menu__sub-trigger,.brick-menubar__sub-trigger):after{content:"";block-size:.5em;inline-size:.5em;color:var(--brick-action-menu-shortcut-foreground);direction:ltr;border-bottom:.125rem solid;border-right:.125rem solid;grid-column:3;transform:rotate(-45deg)}:where([dir=rtl] .brick-dropdown-menu__sub-trigger,[dir=rtl] .brick-context-menu__sub-trigger,[dir=rtl] .brick-menubar__sub-trigger,.brick-dropdown-menu__sub-trigger[dir=rtl],.brick-context-menu__sub-trigger[dir=rtl],.brick-menubar__sub-trigger[dir=rtl]):after{transform:rotate(135deg)}:where(.brick-dropdown-menu__separator,.brick-context-menu__separator,.brick-menubar__separator){block-size:var(--brick-border-width);margin:var(--brick-space-1) var(--brick-action-menu-row-padding-inline);background:var(--brick-action-menu-separator-color)}:where(.brick-dropdown-menu__arrow,.brick-context-menu__arrow,.brick-menubar__arrow){--brick-floating-arrow-fill:var(--brick-action-menu-content-background);--brick-floating-arrow-stroke:var(--brick-action-menu-content-border);color:var(--brick-action-menu-content-background)}@supports not (width:100dvi){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){max-inline-size:min(24rem, calc(100vw - 2 * var(--brick-space-3)))}}@media (prefers-reduced-motion:reduce){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){transition-duration:1ms;scale:1}}@media (forced-colors:active){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){box-shadow:none;color:canvastext;background:canvas;border-color:canvastext}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-highlighted]{outline:var(--brick-border-focus-width) solid Highlight;outline-offset:calc(var(--brick-border-focus-width) * -1);box-shadow:none;color:highlighttext;background:highlight}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-disabled]{color:graytext}}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content){--brick-dropdown-menu-content-background:var(--brick-color-surface-overlay);--brick-dropdown-menu-content-foreground:var(--brick-color-text-primary);--brick-dropdown-menu-content-border:var(--brick-color-border-subtle);--brick-dropdown-menu-content-radius:var(--brick-radius-overlay);--brick-dropdown-menu-content-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);--brick-dropdown-menu-content-padding:var(--brick-space-1);--brick-dropdown-menu-content-max-block-size:20rem;--brick-dropdown-menu-row-min-block-size:var(--brick-control-target-min);--brick-dropdown-menu-row-padding-inline:var(--brick-space-3);--brick-dropdown-menu-row-gap:var(--brick-space-2);--brick-dropdown-menu-row-radius:var(--brick-radius-control);--brick-dropdown-menu-row-foreground:var(--brick-color-text-primary);--brick-dropdown-menu-row-highlighted-background:var(--brick-color-accent-soft);--brick-dropdown-menu-row-highlighted-foreground:var(--brick-color-accent-text);--brick-dropdown-menu-description-foreground:var(--brick-color-text-secondary);--brick-dropdown-menu-shortcut-foreground:var(--brick-color-text-muted);--brick-dropdown-menu-label-foreground:var(--brick-color-text-secondary);--brick-dropdown-menu-disabled-foreground:var(--brick-color-text-muted);--brick-dropdown-menu-danger-foreground:var(--brick-color-danger-text);--brick-dropdown-menu-danger-background:var(--brick-color-danger-soft);--brick-dropdown-menu-separator-color:var(--brick-color-border-subtle);--brick-dropdown-menu-indicator-size:1rem;--brick-dropdown-menu-focus-ring:var(--brick-color-focus-ring);--brick-dropdown-menu-motion-duration:var(--brick-motion-duration-fast);--brick-action-menu-content-background:var(--brick-dropdown-menu-content-background);--brick-action-menu-content-foreground:var(--brick-dropdown-menu-content-foreground);--brick-action-menu-content-border:var(--brick-dropdown-menu-content-border);--brick-action-menu-content-radius:var(--brick-dropdown-menu-content-radius);--brick-action-menu-content-shadow:var(--brick-dropdown-menu-content-shadow);--brick-action-menu-content-padding:var(--brick-dropdown-menu-content-padding);--brick-action-menu-content-max-block-size:var(--brick-dropdown-menu-content-max-block-size);--brick-action-menu-content-z-index:var(--brick-layer-overlay);--brick-action-menu-row-min-block-size:var(--brick-dropdown-menu-row-min-block-size);--brick-action-menu-row-padding-inline:var(--brick-dropdown-menu-row-padding-inline);--brick-action-menu-row-gap:var(--brick-dropdown-menu-row-gap);--brick-action-menu-row-radius:var(--brick-dropdown-menu-row-radius);--brick-action-menu-row-foreground:var(--brick-dropdown-menu-row-foreground);--brick-action-menu-row-highlighted-background:var(--brick-dropdown-menu-row-highlighted-background);--brick-action-menu-row-highlighted-foreground:var(--brick-dropdown-menu-row-highlighted-foreground);--brick-action-menu-description-foreground:var(--brick-dropdown-menu-description-foreground);--brick-action-menu-shortcut-foreground:var(--brick-dropdown-menu-shortcut-foreground);--brick-action-menu-label-foreground:var(--brick-dropdown-menu-label-foreground);--brick-action-menu-disabled-foreground:var(--brick-dropdown-menu-disabled-foreground);--brick-action-menu-danger-foreground:var(--brick-dropdown-menu-danger-foreground);--brick-action-menu-danger-background:var(--brick-dropdown-menu-danger-background);--brick-action-menu-separator-color:var(--brick-dropdown-menu-separator-color);--brick-action-menu-indicator-size:var(--brick-dropdown-menu-indicator-size);--brick-action-menu-focus-ring:var(--brick-dropdown-menu-focus-ring);--brick-action-menu-motion-duration:var(--brick-dropdown-menu-motion-duration);--brick-action-menu-font-size:var(--brick-typography-control-md-font-size);--brick-action-menu-line-height:var(--brick-typography-control-md-line-height)}.brick-dropdown-menu__trigger{touch-action:manipulation}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){box-sizing:border-box;min-inline-size:max(12rem, var(--atom-menu-anchor-width,0rem));max-inline-size:min(24rem, calc(100dvi - 2 * var(--brick-space-3)));max-block-size:min(var(--brick-action-menu-content-max-block-size), var(--atom-menu-available-height,var(--brick-action-menu-content-max-block-size)));padding:var(--brick-action-menu-content-padding);overscroll-behavior:contain;border:var(--brick-border-width) solid var(--brick-action-menu-content-border);border-radius:var(--brick-action-menu-content-radius);background:var(--brick-action-menu-content-background);box-shadow:var(--brick-action-menu-content-shadow);color:var(--brick-action-menu-content-foreground);opacity:0;scrollbar-width:thin;transition:opacity var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter), translate var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter);z-index:var(--brick-action-menu-content-z-index);overflow:hidden auto;translate:0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=top]{translate:0 var(--brick-space-1)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=right]{translate:calc(var(--brick-space-1) * -1) 0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=bottom]{translate:0 calc(var(--brick-space-1) * -1)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-side=left]{translate:var(--brick-space-1) 0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-positioned]{opacity:1;translate:0}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-size=sm]{--brick-action-menu-row-min-block-size:2rem;--brick-action-menu-row-padding-inline:var(--brick-space-2);--brick-action-menu-row-gap:.375rem;--brick-action-menu-indicator-size:.875rem;--brick-action-menu-font-size:var(--brick-typography-control-sm-font-size);--brick-action-menu-line-height:var(--brick-typography-control-sm-line-height)}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content)[data-size=lg]{--brick-action-menu-row-min-block-size:3rem;--brick-action-menu-row-padding-inline:var(--brick-space-4);--brick-action-menu-row-gap:var(--brick-space-3);--brick-action-menu-indicator-size:1.125rem;--brick-action-menu-font-size:var(--brick-typography-control-lg-font-size);--brick-action-menu-line-height:var(--brick-typography-control-lg-line-height)}:where(.brick-dropdown-menu__group,.brick-context-menu__group,.brick-menubar__group)+:where(.brick-dropdown-menu__group,.brick-context-menu__group,.brick-menubar__group){margin-block-start:var(--brick-space-1)}:where(.brick-dropdown-menu__label,.brick-context-menu__label,.brick-menubar__label){padding:var(--brick-space-2) var(--brick-action-menu-row-padding-inline) var(--brick-space-1);color:var(--brick-action-menu-label-foreground);font-family:var(--brick-typography-caption-font-family);font-size:var(--brick-typography-caption-font-size);font-weight:var(--brick-typography-label-md-font-weight);letter-spacing:var(--brick-typography-caption-letter-spacing);line-height:var(--brick-typography-caption-line-height)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger){box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-action-menu-row-min-block-size);grid-template-columns:var(--brick-action-menu-indicator-size) minmax(0, 1fr) auto;align-items:center;gap:var(--brick-action-menu-row-gap);padding:var(--brick-space-1) var(--brick-action-menu-row-padding-inline);border-radius:var(--brick-action-menu-row-radius);color:var(--brick-action-menu-row-foreground);font-family:var(--brick-typography-control-md-font-family);font-size:var(--brick-action-menu-font-size);font-weight:var(--brick-typography-control-md-font-weight);line-height:var(--brick-action-menu-line-height);text-align:start;cursor:default;-webkit-user-select:none;user-select:none;outline:0;display:grid}.brick-link:is(.brick-dropdown-menu__item,.brick-context-menu__item,.brick-menubar__item){align-items:center;gap:var(--brick-action-menu-row-gap);inline-size:100%;color:var(--brick-action-menu-row-foreground);font-family:var(--brick-typography-control-md-font-family);font-size:var(--brick-action-menu-font-size);font-weight:var(--brick-typography-control-md-font-weight);line-height:var(--brick-action-menu-line-height);vertical-align:middle;text-decoration-line:none;display:grid}.brick-link:is(.brick-dropdown-menu__item,.brick-context-menu__item,.brick-menubar__item)>.brick-link__content{display:contents}.brick-link:is(.brick-dropdown-menu__item,.brick-context-menu__item,.brick-menubar__item):is(:hover,:focus-visible,:active){color:currentColor;outline:0;text-decoration-line:none}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-highlighted]{background:var(--brick-action-menu-row-highlighted-background);color:var(--brick-action-menu-row-highlighted-foreground);box-shadow:inset 0 0 0 var(--brick-border-width) var(--brick-action-menu-focus-ring)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-tone=danger]{color:var(--brick-action-menu-danger-foreground)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-tone=danger][data-highlighted]{background:var(--brick-action-menu-danger-background);color:var(--brick-action-menu-danger-foreground)}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-disabled]{color:var(--brick-action-menu-disabled-foreground);opacity:.65}:where(.brick-dropdown-menu__leading,.brick-context-menu__leading,.brick-menubar__leading,.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator){inline-size:var(--brick-action-menu-indicator-size);block-size:var(--brick-action-menu-indicator-size);color:currentColor;place-items:center;display:inline-grid}:is(.brick-dropdown-menu__leading,.brick-context-menu__leading,.brick-menubar__leading)>.brick-icon,:is(.brick-dropdown-menu__leading,.brick-context-menu__leading,.brick-menubar__leading)>.brick-icon[data-size]{--brick-icon-size:var(--brick-action-menu-indicator-size)}:where(.brick-dropdown-menu__leading,.brick-context-menu__leading,.brick-menubar__leading)>:where(svg,img){block-size:100%;inline-size:100%;display:block}:where(.brick-dropdown-menu__item,.brick-context-menu__item,.brick-menubar__item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__sub-trigger,.brick-menubar__sub-trigger)>:where(.brick-dropdown-menu__item-label,.brick-context-menu__item-label,.brick-menubar__item-label):first-child{grid-column:2}:where(.brick-dropdown-menu__item-label,.brick-context-menu__item-label,.brick-menubar__item-label){overflow-wrap:anywhere;grid-column:2;min-inline-size:0}:where(.brick-dropdown-menu__description,.brick-context-menu__description,.brick-menubar__description){min-inline-size:0;color:var(--brick-action-menu-description-foreground);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);line-height:var(--brick-typography-supporting-sm-line-height);overflow-wrap:anywhere;grid-column:2/-1}:where(.brick-dropdown-menu__shortcut,.brick-context-menu__shortcut,.brick-menubar__shortcut){color:var(--brick-action-menu-shortcut-foreground);font-family:var(--brick-typography-code-inline-font-family);font-size:var(--brick-typography-caption-font-size);line-height:var(--brick-typography-caption-line-height);white-space:nowrap;grid-column:3}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator){grid-column:1}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator):empty:before{content:"✓";font-weight:var(--brick-typography-label-strong-font-weight)}:where(.brick-dropdown-menu__item-indicator,.brick-context-menu__item-indicator,.brick-menubar__item-indicator)[data-state=indeterminate]:empty:before{content:"−"}:where(.brick-dropdown-menu__sub-trigger,.brick-context-menu__sub-trigger,.brick-menubar__sub-trigger):after{content:"";block-size:.5em;inline-size:.5em;color:var(--brick-action-menu-shortcut-foreground);direction:ltr;border-bottom:.125rem solid;border-right:.125rem solid;grid-column:3;transform:rotate(-45deg)}:where([dir=rtl] .brick-dropdown-menu__sub-trigger,[dir=rtl] .brick-context-menu__sub-trigger,[dir=rtl] .brick-menubar__sub-trigger,.brick-dropdown-menu__sub-trigger[dir=rtl],.brick-context-menu__sub-trigger[dir=rtl],.brick-menubar__sub-trigger[dir=rtl]):after{transform:rotate(135deg)}:where(.brick-dropdown-menu__separator,.brick-context-menu__separator,.brick-menubar__separator){block-size:var(--brick-border-width);margin:var(--brick-space-1) var(--brick-action-menu-row-padding-inline);background:var(--brick-action-menu-separator-color)}:where(.brick-dropdown-menu__arrow,.brick-context-menu__arrow,.brick-menubar__arrow){--brick-floating-arrow-fill:var(--brick-action-menu-content-background);--brick-floating-arrow-stroke:var(--brick-action-menu-content-border);color:var(--brick-action-menu-content-background)}@supports not (width:100dvi){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){max-inline-size:min(24rem, calc(100vw - 2 * var(--brick-space-3)))}}@media (prefers-reduced-motion:reduce){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){transition-duration:1ms;scale:1}}@media (forced-colors:active){:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content,.brick-context-menu__content,.brick-context-menu__sub-content,.brick-menubar__content,.brick-menubar__sub-content){box-shadow:none;color:canvastext;background:canvas;border-color:canvastext}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-highlighted]{outline:var(--brick-border-focus-width) solid Highlight;outline-offset:calc(var(--brick-border-focus-width) * -1);box-shadow:none;color:highlighttext;background:highlight}:where(.brick-dropdown-menu__item,.brick-dropdown-menu__checkbox-item,.brick-dropdown-menu__radio-item,.brick-dropdown-menu__sub-trigger,.brick-context-menu__item,.brick-context-menu__checkbox-item,.brick-context-menu__radio-item,.brick-context-menu__sub-trigger,.brick-menubar__item,.brick-menubar__checkbox-item,.brick-menubar__radio-item,.brick-menubar__sub-trigger)[data-disabled]{color:graytext}}:where(.brick-dropdown-menu__content,.brick-dropdown-menu__sub-content){--brick-dropdown-menu-content-background:var(--brick-color-surface-overlay);--brick-dropdown-menu-content-foreground:var(--brick-color-text-primary);--brick-dropdown-menu-content-border:var(--brick-color-border-subtle);--brick-dropdown-menu-content-radius:var(--brick-radius-overlay);--brick-dropdown-menu-content-shadow:var(--brick-shadow-floating);--brick-dropdown-menu-content-padding:var(--brick-space-1);--brick-dropdown-menu-content-max-block-size:20rem;--brick-dropdown-menu-row-min-block-size:var(--brick-control-target-min);--brick-dropdown-menu-row-padding-inline:var(--brick-space-3);--brick-dropdown-menu-row-gap:var(--brick-space-2);--brick-dropdown-menu-row-radius:var(--brick-radius-control);--brick-dropdown-menu-row-foreground:var(--brick-color-text-primary);--brick-dropdown-menu-row-highlighted-background:var(--brick-color-accent-soft);--brick-dropdown-menu-row-highlighted-foreground:var(--brick-color-accent-text);--brick-dropdown-menu-description-foreground:var(--brick-color-text-secondary);--brick-dropdown-menu-shortcut-foreground:var(--brick-color-text-muted);--brick-dropdown-menu-label-foreground:var(--brick-color-text-secondary);--brick-dropdown-menu-disabled-foreground:var(--brick-color-text-muted);--brick-dropdown-menu-danger-foreground:var(--brick-color-danger-text);--brick-dropdown-menu-danger-background:var(--brick-color-danger-soft);--brick-dropdown-menu-separator-color:var(--brick-color-border-subtle);--brick-dropdown-menu-indicator-size:1rem;--brick-dropdown-menu-focus-ring:var(--brick-color-focus-ring);--brick-dropdown-menu-motion-duration:var(--brick-motion-duration-fast);--brick-action-menu-content-background:var(--brick-dropdown-menu-content-background);--brick-action-menu-content-foreground:var(--brick-dropdown-menu-content-foreground);--brick-action-menu-content-border:var(--brick-dropdown-menu-content-border);--brick-action-menu-content-radius:var(--brick-dropdown-menu-content-radius);--brick-action-menu-content-shadow:var(--brick-dropdown-menu-content-shadow);--brick-action-menu-content-padding:var(--brick-dropdown-menu-content-padding);--brick-action-menu-content-max-block-size:var(--brick-dropdown-menu-content-max-block-size);--brick-action-menu-content-z-index:var(--brick-layer-overlay);--brick-action-menu-row-min-block-size:var(--brick-dropdown-menu-row-min-block-size);--brick-action-menu-row-padding-inline:var(--brick-dropdown-menu-row-padding-inline);--brick-action-menu-row-gap:var(--brick-dropdown-menu-row-gap);--brick-action-menu-row-radius:var(--brick-dropdown-menu-row-radius);--brick-action-menu-row-foreground:var(--brick-dropdown-menu-row-foreground);--brick-action-menu-row-highlighted-background:var(--brick-dropdown-menu-row-highlighted-background);--brick-action-menu-row-highlighted-foreground:var(--brick-dropdown-menu-row-highlighted-foreground);--brick-action-menu-description-foreground:var(--brick-dropdown-menu-description-foreground);--brick-action-menu-shortcut-foreground:var(--brick-dropdown-menu-shortcut-foreground);--brick-action-menu-label-foreground:var(--brick-dropdown-menu-label-foreground);--brick-action-menu-disabled-foreground:var(--brick-dropdown-menu-disabled-foreground);--brick-action-menu-danger-foreground:var(--brick-dropdown-menu-danger-foreground);--brick-action-menu-danger-background:var(--brick-dropdown-menu-danger-background);--brick-action-menu-separator-color:var(--brick-dropdown-menu-separator-color);--brick-action-menu-indicator-size:var(--brick-dropdown-menu-indicator-size);--brick-action-menu-focus-ring:var(--brick-dropdown-menu-focus-ring);--brick-action-menu-motion-duration:var(--brick-dropdown-menu-motion-duration);--brick-action-menu-font-size:var(--brick-typography-control-md-font-size);--brick-action-menu-line-height:var(--brick-typography-control-md-line-height)}.brick-dropdown-menu__trigger{touch-action:manipulation}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=dropdown-menu.css.map */

package/dist/styles/dropdown-menu.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,2nCA8BA,0OAWA,uPAWA,wPAWA,2OAWA,iOAYA,yhBAgBA,uiBAgBA,kNAYA,8fAcA,6jCAkCA,klBAmBA,qbAiBA,6fAkBA,gcAkBA,oWAeA,+SAeA,2JAUA,2cAeA,0VAaA,8HAQA,wMASA,qKAQA,wTAgBA,8RAWA,kQAUA,qRAUA,6BACE,8PAYF,uCACE,2NAaF,8BACE,qQAcA,+iBAqBA,iZCrcF,21HAuDA,yDFxDF","sources":["home/runner/work/brick/brick/.brick-cache/production/dropdown-menu.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-menu/action-menu.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/dropdown-menu/dropdown-menu.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/_action-menu/action-menu.css\";\n@import \"../../src/components/dropdown-menu/dropdown-menu.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  ) {\n    box-sizing: border-box;\n    min-inline-size: max(12rem, var(--atom-menu-anchor-width, 0rem));\n    max-inline-size: min(24rem, calc(100dvi - 2 * var(--brick-space-3)));\n    max-block-size: min(var(--brick-action-menu-content-max-block-size), var(--atom-menu-available-height, var(--brick-action-menu-content-max-block-size)));\n    padding: var(--brick-action-menu-content-padding);\n    overflow-x: hidden;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    border: var(--brick-border-width) solid var(--brick-action-menu-content-border);\n    border-radius: var(--brick-action-menu-content-radius);\n    background: var(--brick-action-menu-content-background);\n    box-shadow: var(--brick-action-menu-content-shadow);\n    color: var(--brick-action-menu-content-foreground);\n    opacity: 0;\n    translate: 0 0;\n    scrollbar-width: thin;\n    transition:\n      opacity var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter),\n      translate var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter);\n    z-index: var(--brick-action-menu-content-z-index);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"top\"] {\n    translate: 0 var(--brick-space-1);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"right\"] {\n    translate: calc(var(--brick-space-1) * -1) 0;\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"bottom\"] {\n    translate: 0 calc(var(--brick-space-1) * -1);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"left\"] {\n    translate: var(--brick-space-1) 0;\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-positioned] {\n    opacity: 1;\n    translate: 0 0;\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-size=\"sm\"] {\n    --brick-action-menu-row-min-block-size: 2rem;\n    --brick-action-menu-row-padding-inline: var(--brick-space-2);\n    --brick-action-menu-row-gap: 0.375rem;\n    --brick-action-menu-indicator-size: 0.875rem;\n    --brick-action-menu-font-size: var(--brick-typography-control-sm-font-size);\n    --brick-action-menu-line-height: var(--brick-typography-control-sm-line-height);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-size=\"lg\"] {\n    --brick-action-menu-row-min-block-size: 3rem;\n    --brick-action-menu-row-padding-inline: var(--brick-space-4);\n    --brick-action-menu-row-gap: var(--brick-space-3);\n    --brick-action-menu-indicator-size: 1.125rem;\n    --brick-action-menu-font-size: var(--brick-typography-control-lg-font-size);\n    --brick-action-menu-line-height: var(--brick-typography-control-lg-line-height);\n  }\n\n  :where(\n    .brick-dropdown-menu__group,\n    .brick-context-menu__group,\n    .brick-menubar__group\n  ) + :where(\n    .brick-dropdown-menu__group,\n    .brick-context-menu__group,\n    .brick-menubar__group\n  ) {\n    margin-block-start: var(--brick-space-1);\n  }\n\n  :where(\n    .brick-dropdown-menu__label,\n    .brick-context-menu__label,\n    .brick-menubar__label\n  ) {\n    padding: var(--brick-space-2) var(--brick-action-menu-row-padding-inline) var(--brick-space-1);\n    color: var(--brick-action-menu-label-foreground);\n    font-family: var(--brick-typography-caption-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    font-weight: var(--brick-typography-label-md-font-weight);\n    letter-spacing: var(--brick-typography-caption-letter-spacing);\n    line-height: var(--brick-typography-caption-line-height);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  ) {\n    display: grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-action-menu-row-min-block-size);\n    grid-template-columns: var(--brick-action-menu-indicator-size) minmax(0, 1fr) auto;\n    align-items: center;\n    gap: var(--brick-action-menu-row-gap);\n    padding: var(--brick-space-1) var(--brick-action-menu-row-padding-inline);\n    border-radius: var(--brick-action-menu-row-radius);\n    outline: 0;\n    color: var(--brick-action-menu-row-foreground);\n    font-family: var(--brick-typography-control-md-font-family);\n    font-size: var(--brick-action-menu-font-size);\n    font-weight: var(--brick-typography-control-md-font-weight);\n    line-height: var(--brick-action-menu-line-height);\n    text-align: start;\n    cursor: default;\n    user-select: none;\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-highlighted] {\n    background: var(--brick-action-menu-row-highlighted-background);\n    color: var(--brick-action-menu-row-highlighted-foreground);\n    box-shadow: inset 0 0 0 var(--brick-border-width) var(--brick-action-menu-focus-ring);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-tone=\"danger\"] {\n    color: var(--brick-action-menu-danger-foreground);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-tone=\"danger\"][data-highlighted] {\n    background: var(--brick-action-menu-danger-background);\n    color: var(--brick-action-menu-danger-foreground);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-disabled] {\n    color: var(--brick-action-menu-disabled-foreground);\n    opacity: 0.65;\n  }\n\n  :where(\n    .brick-dropdown-menu__leading,\n    .brick-context-menu__leading,\n    .brick-menubar__leading,\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  ) {\n    display: inline-grid;\n    inline-size: var(--brick-action-menu-indicator-size);\n    block-size: var(--brick-action-menu-indicator-size);\n    place-items: center;\n    color: currentColor;\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-context-menu__item,\n    .brick-menubar__item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__sub-trigger\n  ) > :where(\n    .brick-dropdown-menu__item-label,\n    .brick-context-menu__item-label,\n    .brick-menubar__item-label\n  ):first-child {\n    grid-column: 2;\n  }\n\n  :where(\n    .brick-dropdown-menu__item-label,\n    .brick-context-menu__item-label,\n    .brick-menubar__item-label\n  ) {\n    min-inline-size: 0;\n    grid-column: 2;\n    overflow-wrap: anywhere;\n  }\n\n  :where(\n    .brick-dropdown-menu__description,\n    .brick-context-menu__description,\n    .brick-menubar__description\n  ) {\n    min-inline-size: 0;\n    grid-column: 2 / -1;\n    color: var(--brick-action-menu-description-foreground);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n    overflow-wrap: anywhere;\n  }\n\n  :where(\n    .brick-dropdown-menu__shortcut,\n    .brick-context-menu__shortcut,\n    .brick-menubar__shortcut\n  ) {\n    grid-column: 3;\n    color: var(--brick-action-menu-shortcut-foreground);\n    font-family: var(--brick-typography-code-inline-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    line-height: var(--brick-typography-caption-line-height);\n    white-space: nowrap;\n  }\n\n  :where(\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  ) {\n    grid-column: 1;\n  }\n\n  :where(\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  ):empty::before {\n    content: \"✓\";\n    font-weight: var(--brick-typography-label-strong-font-weight);\n  }\n\n  :where(\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  )[data-state=\"indeterminate\"]:empty::before {\n    content: \"−\";\n  }\n\n  :where(\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__sub-trigger\n  )::after {\n    content: \"\";\n    grid-column: 3;\n    inline-size: 0.5em;\n    block-size: 0.5em;\n    border-right: 0.125rem solid currentColor;\n    border-bottom: 0.125rem solid currentColor;\n    color: var(--brick-action-menu-shortcut-foreground);\n    direction: ltr;\n    transform: rotate(-45deg);\n  }\n\n  :where(\n    [dir=\"rtl\"] .brick-dropdown-menu__sub-trigger,\n    [dir=\"rtl\"] .brick-context-menu__sub-trigger,\n    [dir=\"rtl\"] .brick-menubar__sub-trigger,\n    .brick-dropdown-menu__sub-trigger[dir=\"rtl\"],\n    .brick-context-menu__sub-trigger[dir=\"rtl\"],\n    .brick-menubar__sub-trigger[dir=\"rtl\"]\n  )::after {\n    transform: rotate(135deg);\n  }\n\n  :where(\n    .brick-dropdown-menu__separator,\n    .brick-context-menu__separator,\n    .brick-menubar__separator\n  ) {\n    block-size: var(--brick-border-width);\n    margin: var(--brick-space-1) var(--brick-action-menu-row-padding-inline);\n    background: var(--brick-action-menu-separator-color);\n  }\n\n  :where(\n    .brick-dropdown-menu__arrow,\n    .brick-context-menu__arrow,\n    .brick-menubar__arrow\n  ) {\n    --brick-floating-arrow-fill: var(--brick-action-menu-content-background);\n    --brick-floating-arrow-stroke: var(--brick-action-menu-content-border);\n    color: var(--brick-action-menu-content-background);\n  }\n\n  @supports not (width: 100dvi) {\n    :where(\n      .brick-dropdown-menu__content,\n      .brick-dropdown-menu__sub-content,\n      .brick-context-menu__content,\n      .brick-context-menu__sub-content,\n      .brick-menubar__content,\n      .brick-menubar__sub-content\n    ) {\n      max-inline-size: min(24rem, calc(100vw - 2 * var(--brick-space-3)));\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(\n      .brick-dropdown-menu__content,\n      .brick-dropdown-menu__sub-content,\n      .brick-context-menu__content,\n      .brick-context-menu__sub-content,\n      .brick-menubar__content,\n      .brick-menubar__sub-content\n    ) {\n      scale: 1;\n      transition-duration: 1ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(\n      .brick-dropdown-menu__content,\n      .brick-dropdown-menu__sub-content,\n      .brick-context-menu__content,\n      .brick-context-menu__sub-content,\n      .brick-menubar__content,\n      .brick-menubar__sub-content\n    ) {\n      border-color: CanvasText;\n      background: Canvas;\n      box-shadow: none;\n      color: CanvasText;\n    }\n\n    :where(\n      .brick-dropdown-menu__item,\n      .brick-dropdown-menu__checkbox-item,\n      .brick-dropdown-menu__radio-item,\n      .brick-dropdown-menu__sub-trigger,\n      .brick-context-menu__item,\n      .brick-context-menu__checkbox-item,\n      .brick-context-menu__radio-item,\n      .brick-context-menu__sub-trigger,\n      .brick-menubar__item,\n      .brick-menubar__checkbox-item,\n      .brick-menubar__radio-item,\n      .brick-menubar__sub-trigger\n    )[data-highlighted] {\n      outline: var(--brick-border-focus-width) solid Highlight;\n      outline-offset: calc(var(--brick-border-focus-width) * -1);\n      background: Highlight;\n      box-shadow: none;\n      color: HighlightText;\n    }\n\n    :where(\n      .brick-dropdown-menu__item,\n      .brick-dropdown-menu__checkbox-item,\n      .brick-dropdown-menu__radio-item,\n      .brick-dropdown-menu__sub-trigger,\n      .brick-context-menu__item,\n      .brick-context-menu__checkbox-item,\n      .brick-context-menu__radio-item,\n      .brick-context-menu__sub-trigger,\n      .brick-menubar__item,\n      .brick-menubar__checkbox-item,\n      .brick-menubar__radio-item,\n      .brick-menubar__sub-trigger\n    )[data-disabled] {\n      color: GrayText;\n    }\n  }\n}\n","@layer brick.components {\n  :where(.brick-dropdown-menu__content, .brick-dropdown-menu__sub-content) {\n    --brick-dropdown-menu-content-background: var(--brick-color-surface-overlay);\n    --brick-dropdown-menu-content-foreground: var(--brick-color-text-primary);\n    --brick-dropdown-menu-content-border: var(--brick-color-border-subtle);\n    --brick-dropdown-menu-content-radius: var(--brick-radius-overlay);\n    --brick-dropdown-menu-content-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);\n    --brick-dropdown-menu-content-padding: var(--brick-space-1);\n    --brick-dropdown-menu-content-max-block-size: 20rem;\n    --brick-dropdown-menu-row-min-block-size: var(--brick-control-target-min);\n    --brick-dropdown-menu-row-padding-inline: var(--brick-space-3);\n    --brick-dropdown-menu-row-gap: var(--brick-space-2);\n    --brick-dropdown-menu-row-radius: var(--brick-radius-control);\n    --brick-dropdown-menu-row-foreground: var(--brick-color-text-primary);\n    --brick-dropdown-menu-row-highlighted-background: var(--brick-color-accent-soft);\n    --brick-dropdown-menu-row-highlighted-foreground: var(--brick-color-accent-text);\n    --brick-dropdown-menu-description-foreground: var(--brick-color-text-secondary);\n    --brick-dropdown-menu-shortcut-foreground: var(--brick-color-text-muted);\n    --brick-dropdown-menu-label-foreground: var(--brick-color-text-secondary);\n    --brick-dropdown-menu-disabled-foreground: var(--brick-color-text-muted);\n    --brick-dropdown-menu-danger-foreground: var(--brick-color-danger-text);\n    --brick-dropdown-menu-danger-background: var(--brick-color-danger-soft);\n    --brick-dropdown-menu-separator-color: var(--brick-color-border-subtle);\n    --brick-dropdown-menu-indicator-size: 1rem;\n    --brick-dropdown-menu-focus-ring: var(--brick-color-focus-ring);\n    --brick-dropdown-menu-motion-duration: var(--brick-motion-duration-fast);\n\n    --brick-action-menu-content-background: var(--brick-dropdown-menu-content-background);\n    --brick-action-menu-content-foreground: var(--brick-dropdown-menu-content-foreground);\n    --brick-action-menu-content-border: var(--brick-dropdown-menu-content-border);\n    --brick-action-menu-content-radius: var(--brick-dropdown-menu-content-radius);\n    --brick-action-menu-content-shadow: var(--brick-dropdown-menu-content-shadow);\n    --brick-action-menu-content-padding: var(--brick-dropdown-menu-content-padding);\n    --brick-action-menu-content-max-block-size: var(--brick-dropdown-menu-content-max-block-size);\n    --brick-action-menu-content-z-index: var(--brick-layer-overlay);\n    --brick-action-menu-row-min-block-size: var(--brick-dropdown-menu-row-min-block-size);\n    --brick-action-menu-row-padding-inline: var(--brick-dropdown-menu-row-padding-inline);\n    --brick-action-menu-row-gap: var(--brick-dropdown-menu-row-gap);\n    --brick-action-menu-row-radius: var(--brick-dropdown-menu-row-radius);\n    --brick-action-menu-row-foreground: var(--brick-dropdown-menu-row-foreground);\n    --brick-action-menu-row-highlighted-background: var(--brick-dropdown-menu-row-highlighted-background);\n    --brick-action-menu-row-highlighted-foreground: var(--brick-dropdown-menu-row-highlighted-foreground);\n    --brick-action-menu-description-foreground: var(--brick-dropdown-menu-description-foreground);\n    --brick-action-menu-shortcut-foreground: var(--brick-dropdown-menu-shortcut-foreground);\n    --brick-action-menu-label-foreground: var(--brick-dropdown-menu-label-foreground);\n    --brick-action-menu-disabled-foreground: var(--brick-dropdown-menu-disabled-foreground);\n    --brick-action-menu-danger-foreground: var(--brick-dropdown-menu-danger-foreground);\n    --brick-action-menu-danger-background: var(--brick-dropdown-menu-danger-background);\n    --brick-action-menu-separator-color: var(--brick-dropdown-menu-separator-color);\n    --brick-action-menu-indicator-size: var(--brick-dropdown-menu-indicator-size);\n    --brick-action-menu-focus-ring: var(--brick-dropdown-menu-focus-ring);\n    --brick-action-menu-motion-duration: var(--brick-dropdown-menu-motion-duration);\n    --brick-action-menu-font-size: var(--brick-typography-control-md-font-size);\n    --brick-action-menu-line-height: var(--brick-typography-control-md-line-height);\n  }\n\n  .brick-dropdown-menu__trigger {\n    touch-action: manipulation;\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,2nCA8BA,0OAWA,uPAWA,wPAWA,2OAWA,iOAYA,yhBAgBA,uiBAgBA,kNAYA,8fAcA,6jCAwCA,keAkBA,gIAQA,mLAUA,klBAmBA,qbAiBA,6fAkBA,gcAkBA,oWAeA,6QAgBA,0JAUA,+SAeA,2JAUA,2cAeA,0VAaA,8HAQA,wMASA,qKAQA,wTAgBA,8RAWA,kQAUA,qRAUA,6BACE,8PAYF,uCACE,2NAaF,8BACE,qQAcA,+iBAqBA,iZCzgBF,2yHAuDA,yDFxDF","sources":["home/runner/work/brick/brick/.brick-cache/production/dropdown-menu.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-menu/action-menu.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/dropdown-menu/dropdown-menu.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/_action-menu/action-menu.css\";\n@import \"../../src/components/dropdown-menu/dropdown-menu.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  ) {\n    box-sizing: border-box;\n    min-inline-size: max(12rem, var(--atom-menu-anchor-width, 0rem));\n    max-inline-size: min(24rem, calc(100dvi - 2 * var(--brick-space-3)));\n    max-block-size: min(var(--brick-action-menu-content-max-block-size), var(--atom-menu-available-height, var(--brick-action-menu-content-max-block-size)));\n    padding: var(--brick-action-menu-content-padding);\n    overflow-x: hidden;\n    overflow-y: auto;\n    overscroll-behavior: contain;\n    border: var(--brick-border-width) solid var(--brick-action-menu-content-border);\n    border-radius: var(--brick-action-menu-content-radius);\n    background: var(--brick-action-menu-content-background);\n    box-shadow: var(--brick-action-menu-content-shadow);\n    color: var(--brick-action-menu-content-foreground);\n    opacity: 0;\n    translate: 0 0;\n    scrollbar-width: thin;\n    transition:\n      opacity var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter),\n      translate var(--brick-action-menu-motion-duration) var(--brick-motion-easing-enter);\n    z-index: var(--brick-action-menu-content-z-index);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"top\"] {\n    translate: 0 var(--brick-space-1);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"right\"] {\n    translate: calc(var(--brick-space-1) * -1) 0;\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"bottom\"] {\n    translate: 0 calc(var(--brick-space-1) * -1);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-side=\"left\"] {\n    translate: var(--brick-space-1) 0;\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-positioned] {\n    opacity: 1;\n    translate: 0 0;\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-size=\"sm\"] {\n    --brick-action-menu-row-min-block-size: 2rem;\n    --brick-action-menu-row-padding-inline: var(--brick-space-2);\n    --brick-action-menu-row-gap: 0.375rem;\n    --brick-action-menu-indicator-size: 0.875rem;\n    --brick-action-menu-font-size: var(--brick-typography-control-sm-font-size);\n    --brick-action-menu-line-height: var(--brick-typography-control-sm-line-height);\n  }\n\n  :where(\n    .brick-dropdown-menu__content,\n    .brick-dropdown-menu__sub-content,\n    .brick-context-menu__content,\n    .brick-context-menu__sub-content,\n    .brick-menubar__content,\n    .brick-menubar__sub-content\n  )[data-size=\"lg\"] {\n    --brick-action-menu-row-min-block-size: 3rem;\n    --brick-action-menu-row-padding-inline: var(--brick-space-4);\n    --brick-action-menu-row-gap: var(--brick-space-3);\n    --brick-action-menu-indicator-size: 1.125rem;\n    --brick-action-menu-font-size: var(--brick-typography-control-lg-font-size);\n    --brick-action-menu-line-height: var(--brick-typography-control-lg-line-height);\n  }\n\n  :where(\n    .brick-dropdown-menu__group,\n    .brick-context-menu__group,\n    .brick-menubar__group\n  ) + :where(\n    .brick-dropdown-menu__group,\n    .brick-context-menu__group,\n    .brick-menubar__group\n  ) {\n    margin-block-start: var(--brick-space-1);\n  }\n\n  :where(\n    .brick-dropdown-menu__label,\n    .brick-context-menu__label,\n    .brick-menubar__label\n  ) {\n    padding: var(--brick-space-2) var(--brick-action-menu-row-padding-inline) var(--brick-space-1);\n    color: var(--brick-action-menu-label-foreground);\n    font-family: var(--brick-typography-caption-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    font-weight: var(--brick-typography-label-md-font-weight);\n    letter-spacing: var(--brick-typography-caption-letter-spacing);\n    line-height: var(--brick-typography-caption-line-height);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  ) {\n    display: grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    min-block-size: var(--brick-action-menu-row-min-block-size);\n    grid-template-columns: var(--brick-action-menu-indicator-size) minmax(0, 1fr) auto;\n    align-items: center;\n    gap: var(--brick-action-menu-row-gap);\n    padding: var(--brick-space-1) var(--brick-action-menu-row-padding-inline);\n    border-radius: var(--brick-action-menu-row-radius);\n    outline: 0;\n    color: var(--brick-action-menu-row-foreground);\n    font-family: var(--brick-typography-control-md-font-family);\n    font-size: var(--brick-action-menu-font-size);\n    font-weight: var(--brick-typography-control-md-font-weight);\n    line-height: var(--brick-action-menu-line-height);\n    text-align: start;\n    cursor: default;\n    user-select: none;\n  }\n\n  /*\n   * Destination rows may compose a Brick Link through the menu item's\n   * `asChild` contract. Restore the menu-row recipe above Link's inline\n   * presentation and flatten Link's content wrapper so Leading, ItemLabel,\n   * Description, and Shortcut continue to participate in the row grid.\n   */\n  .brick-link:is(\n    .brick-dropdown-menu__item,\n    .brick-context-menu__item,\n    .brick-menubar__item\n  ) {\n    display: grid;\n    inline-size: 100%;\n    align-items: center;\n    gap: var(--brick-action-menu-row-gap);\n    color: var(--brick-action-menu-row-foreground);\n    font-family: var(--brick-typography-control-md-font-family);\n    font-size: var(--brick-action-menu-font-size);\n    font-weight: var(--brick-typography-control-md-font-weight);\n    line-height: var(--brick-action-menu-line-height);\n    text-decoration-line: none;\n    vertical-align: middle;\n  }\n\n  .brick-link:is(\n    .brick-dropdown-menu__item,\n    .brick-context-menu__item,\n    .brick-menubar__item\n  ) > .brick-link__content {\n    display: contents;\n  }\n\n  .brick-link:is(\n    .brick-dropdown-menu__item,\n    .brick-context-menu__item,\n    .brick-menubar__item\n  ):is(:hover, :focus-visible, :active) {\n    outline: 0;\n    color: currentColor;\n    text-decoration-line: none;\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-highlighted] {\n    background: var(--brick-action-menu-row-highlighted-background);\n    color: var(--brick-action-menu-row-highlighted-foreground);\n    box-shadow: inset 0 0 0 var(--brick-border-width) var(--brick-action-menu-focus-ring);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-tone=\"danger\"] {\n    color: var(--brick-action-menu-danger-foreground);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-tone=\"danger\"][data-highlighted] {\n    background: var(--brick-action-menu-danger-background);\n    color: var(--brick-action-menu-danger-foreground);\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-dropdown-menu__checkbox-item,\n    .brick-dropdown-menu__radio-item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__item,\n    .brick-context-menu__checkbox-item,\n    .brick-context-menu__radio-item,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__item,\n    .brick-menubar__checkbox-item,\n    .brick-menubar__radio-item,\n    .brick-menubar__sub-trigger\n  )[data-disabled] {\n    color: var(--brick-action-menu-disabled-foreground);\n    opacity: 0.65;\n  }\n\n  :where(\n    .brick-dropdown-menu__leading,\n    .brick-context-menu__leading,\n    .brick-menubar__leading,\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  ) {\n    display: inline-grid;\n    inline-size: var(--brick-action-menu-indicator-size);\n    block-size: var(--brick-action-menu-indicator-size);\n    place-items: center;\n    color: currentColor;\n  }\n\n  :is(\n    .brick-dropdown-menu__leading,\n    .brick-context-menu__leading,\n    .brick-menubar__leading\n  ) > .brick-icon {\n    --brick-icon-size: var(--brick-action-menu-indicator-size);\n  }\n\n  :is(\n    .brick-dropdown-menu__leading,\n    .brick-context-menu__leading,\n    .brick-menubar__leading\n  ) > .brick-icon[data-size] {\n    --brick-icon-size: var(--brick-action-menu-indicator-size);\n  }\n\n  :where(\n    .brick-dropdown-menu__leading,\n    .brick-context-menu__leading,\n    .brick-menubar__leading\n  ) > :where(svg, img) {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n  }\n\n  :where(\n    .brick-dropdown-menu__item,\n    .brick-context-menu__item,\n    .brick-menubar__item,\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__sub-trigger\n  ) > :where(\n    .brick-dropdown-menu__item-label,\n    .brick-context-menu__item-label,\n    .brick-menubar__item-label\n  ):first-child {\n    grid-column: 2;\n  }\n\n  :where(\n    .brick-dropdown-menu__item-label,\n    .brick-context-menu__item-label,\n    .brick-menubar__item-label\n  ) {\n    min-inline-size: 0;\n    grid-column: 2;\n    overflow-wrap: anywhere;\n  }\n\n  :where(\n    .brick-dropdown-menu__description,\n    .brick-context-menu__description,\n    .brick-menubar__description\n  ) {\n    min-inline-size: 0;\n    grid-column: 2 / -1;\n    color: var(--brick-action-menu-description-foreground);\n    font-family: var(--brick-typography-supporting-sm-font-family);\n    font-size: var(--brick-typography-supporting-sm-font-size);\n    font-weight: var(--brick-typography-supporting-sm-font-weight);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n    overflow-wrap: anywhere;\n  }\n\n  :where(\n    .brick-dropdown-menu__shortcut,\n    .brick-context-menu__shortcut,\n    .brick-menubar__shortcut\n  ) {\n    grid-column: 3;\n    color: var(--brick-action-menu-shortcut-foreground);\n    font-family: var(--brick-typography-code-inline-font-family);\n    font-size: var(--brick-typography-caption-font-size);\n    line-height: var(--brick-typography-caption-line-height);\n    white-space: nowrap;\n  }\n\n  :where(\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  ) {\n    grid-column: 1;\n  }\n\n  :where(\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  ):empty::before {\n    content: \"✓\";\n    font-weight: var(--brick-typography-label-strong-font-weight);\n  }\n\n  :where(\n    .brick-dropdown-menu__item-indicator,\n    .brick-context-menu__item-indicator,\n    .brick-menubar__item-indicator\n  )[data-state=\"indeterminate\"]:empty::before {\n    content: \"−\";\n  }\n\n  :where(\n    .brick-dropdown-menu__sub-trigger,\n    .brick-context-menu__sub-trigger,\n    .brick-menubar__sub-trigger\n  )::after {\n    content: \"\";\n    grid-column: 3;\n    inline-size: 0.5em;\n    block-size: 0.5em;\n    border-right: 0.125rem solid currentColor;\n    border-bottom: 0.125rem solid currentColor;\n    color: var(--brick-action-menu-shortcut-foreground);\n    direction: ltr;\n    transform: rotate(-45deg);\n  }\n\n  :where(\n    [dir=\"rtl\"] .brick-dropdown-menu__sub-trigger,\n    [dir=\"rtl\"] .brick-context-menu__sub-trigger,\n    [dir=\"rtl\"] .brick-menubar__sub-trigger,\n    .brick-dropdown-menu__sub-trigger[dir=\"rtl\"],\n    .brick-context-menu__sub-trigger[dir=\"rtl\"],\n    .brick-menubar__sub-trigger[dir=\"rtl\"]\n  )::after {\n    transform: rotate(135deg);\n  }\n\n  :where(\n    .brick-dropdown-menu__separator,\n    .brick-context-menu__separator,\n    .brick-menubar__separator\n  ) {\n    block-size: var(--brick-border-width);\n    margin: var(--brick-space-1) var(--brick-action-menu-row-padding-inline);\n    background: var(--brick-action-menu-separator-color);\n  }\n\n  :where(\n    .brick-dropdown-menu__arrow,\n    .brick-context-menu__arrow,\n    .brick-menubar__arrow\n  ) {\n    --brick-floating-arrow-fill: var(--brick-action-menu-content-background);\n    --brick-floating-arrow-stroke: var(--brick-action-menu-content-border);\n    color: var(--brick-action-menu-content-background);\n  }\n\n  @supports not (width: 100dvi) {\n    :where(\n      .brick-dropdown-menu__content,\n      .brick-dropdown-menu__sub-content,\n      .brick-context-menu__content,\n      .brick-context-menu__sub-content,\n      .brick-menubar__content,\n      .brick-menubar__sub-content\n    ) {\n      max-inline-size: min(24rem, calc(100vw - 2 * var(--brick-space-3)));\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(\n      .brick-dropdown-menu__content,\n      .brick-dropdown-menu__sub-content,\n      .brick-context-menu__content,\n      .brick-context-menu__sub-content,\n      .brick-menubar__content,\n      .brick-menubar__sub-content\n    ) {\n      scale: 1;\n      transition-duration: 1ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(\n      .brick-dropdown-menu__content,\n      .brick-dropdown-menu__sub-content,\n      .brick-context-menu__content,\n      .brick-context-menu__sub-content,\n      .brick-menubar__content,\n      .brick-menubar__sub-content\n    ) {\n      border-color: CanvasText;\n      background: Canvas;\n      box-shadow: none;\n      color: CanvasText;\n    }\n\n    :where(\n      .brick-dropdown-menu__item,\n      .brick-dropdown-menu__checkbox-item,\n      .brick-dropdown-menu__radio-item,\n      .brick-dropdown-menu__sub-trigger,\n      .brick-context-menu__item,\n      .brick-context-menu__checkbox-item,\n      .brick-context-menu__radio-item,\n      .brick-context-menu__sub-trigger,\n      .brick-menubar__item,\n      .brick-menubar__checkbox-item,\n      .brick-menubar__radio-item,\n      .brick-menubar__sub-trigger\n    )[data-highlighted] {\n      outline: var(--brick-border-focus-width) solid Highlight;\n      outline-offset: calc(var(--brick-border-focus-width) * -1);\n      background: Highlight;\n      box-shadow: none;\n      color: HighlightText;\n    }\n\n    :where(\n      .brick-dropdown-menu__item,\n      .brick-dropdown-menu__checkbox-item,\n      .brick-dropdown-menu__radio-item,\n      .brick-dropdown-menu__sub-trigger,\n      .brick-context-menu__item,\n      .brick-context-menu__checkbox-item,\n      .brick-context-menu__radio-item,\n      .brick-context-menu__sub-trigger,\n      .brick-menubar__item,\n      .brick-menubar__checkbox-item,\n      .brick-menubar__radio-item,\n      .brick-menubar__sub-trigger\n    )[data-disabled] {\n      color: GrayText;\n    }\n  }\n}\n","@layer brick.components {\n  :where(.brick-dropdown-menu__content, .brick-dropdown-menu__sub-content) {\n    --brick-dropdown-menu-content-background: var(--brick-color-surface-overlay);\n    --brick-dropdown-menu-content-foreground: var(--brick-color-text-primary);\n    --brick-dropdown-menu-content-border: var(--brick-color-border-subtle);\n    --brick-dropdown-menu-content-radius: var(--brick-radius-overlay);\n    --brick-dropdown-menu-content-shadow: var(--brick-shadow-floating);\n    --brick-dropdown-menu-content-padding: var(--brick-space-1);\n    --brick-dropdown-menu-content-max-block-size: 20rem;\n    --brick-dropdown-menu-row-min-block-size: var(--brick-control-target-min);\n    --brick-dropdown-menu-row-padding-inline: var(--brick-space-3);\n    --brick-dropdown-menu-row-gap: var(--brick-space-2);\n    --brick-dropdown-menu-row-radius: var(--brick-radius-control);\n    --brick-dropdown-menu-row-foreground: var(--brick-color-text-primary);\n    --brick-dropdown-menu-row-highlighted-background: var(--brick-color-accent-soft);\n    --brick-dropdown-menu-row-highlighted-foreground: var(--brick-color-accent-text);\n    --brick-dropdown-menu-description-foreground: var(--brick-color-text-secondary);\n    --brick-dropdown-menu-shortcut-foreground: var(--brick-color-text-muted);\n    --brick-dropdown-menu-label-foreground: var(--brick-color-text-secondary);\n    --brick-dropdown-menu-disabled-foreground: var(--brick-color-text-muted);\n    --brick-dropdown-menu-danger-foreground: var(--brick-color-danger-text);\n    --brick-dropdown-menu-danger-background: var(--brick-color-danger-soft);\n    --brick-dropdown-menu-separator-color: var(--brick-color-border-subtle);\n    --brick-dropdown-menu-indicator-size: 1rem;\n    --brick-dropdown-menu-focus-ring: var(--brick-color-focus-ring);\n    --brick-dropdown-menu-motion-duration: var(--brick-motion-duration-fast);\n\n    --brick-action-menu-content-background: var(--brick-dropdown-menu-content-background);\n    --brick-action-menu-content-foreground: var(--brick-dropdown-menu-content-foreground);\n    --brick-action-menu-content-border: var(--brick-dropdown-menu-content-border);\n    --brick-action-menu-content-radius: var(--brick-dropdown-menu-content-radius);\n    --brick-action-menu-content-shadow: var(--brick-dropdown-menu-content-shadow);\n    --brick-action-menu-content-padding: var(--brick-dropdown-menu-content-padding);\n    --brick-action-menu-content-max-block-size: var(--brick-dropdown-menu-content-max-block-size);\n    --brick-action-menu-content-z-index: var(--brick-layer-overlay);\n    --brick-action-menu-row-min-block-size: var(--brick-dropdown-menu-row-min-block-size);\n    --brick-action-menu-row-padding-inline: var(--brick-dropdown-menu-row-padding-inline);\n    --brick-action-menu-row-gap: var(--brick-dropdown-menu-row-gap);\n    --brick-action-menu-row-radius: var(--brick-dropdown-menu-row-radius);\n    --brick-action-menu-row-foreground: var(--brick-dropdown-menu-row-foreground);\n    --brick-action-menu-row-highlighted-background: var(--brick-dropdown-menu-row-highlighted-background);\n    --brick-action-menu-row-highlighted-foreground: var(--brick-dropdown-menu-row-highlighted-foreground);\n    --brick-action-menu-description-foreground: var(--brick-dropdown-menu-description-foreground);\n    --brick-action-menu-shortcut-foreground: var(--brick-dropdown-menu-shortcut-foreground);\n    --brick-action-menu-label-foreground: var(--brick-dropdown-menu-label-foreground);\n    --brick-action-menu-disabled-foreground: var(--brick-dropdown-menu-disabled-foreground);\n    --brick-action-menu-danger-foreground: var(--brick-dropdown-menu-danger-foreground);\n    --brick-action-menu-danger-background: var(--brick-dropdown-menu-danger-background);\n    --brick-action-menu-separator-color: var(--brick-dropdown-menu-separator-color);\n    --brick-action-menu-indicator-size: var(--brick-dropdown-menu-indicator-size);\n    --brick-action-menu-focus-ring: var(--brick-dropdown-menu-focus-ring);\n    --brick-action-menu-motion-duration: var(--brick-dropdown-menu-motion-duration);\n    --brick-action-menu-font-size: var(--brick-typography-control-md-font-size);\n    --brick-action-menu-line-height: var(--brick-typography-control-md-line-height);\n  }\n\n  .brick-dropdown-menu__trigger {\n    touch-action: manipulation;\n  }\n}\n"],"names":[]}

package/dist/styles/feed.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-feed{--brick-feed-gap:var(--brick-space-3);--brick-feed-item-padding-block:var(--brick-space-4);--brick-feed-item-padding-inline:var(--brick-space-4);--brick-feed-background:transparent;--brick-feed-foreground:var(--brick-color-text-primary);--brick-feed-border-color:var(--brick-color-border-subtle);--brick-feed-border-width:var(--brick-border-width);--brick-feed-radius:var(--brick-radius-surface);--brick-feed-divider-color:var(--brick-color-border-subtle);--brick-feed-focus-color:var(--brick-color-focus-ring);--brick-feed-focus-width:2px;--brick-feed-focus-offset:2px;--brick-feed-transition-duration:var(--brick-motion-duration-fast);box-sizing:border-box;gap:var(--brick-feed-gap);inline-size:100%;min-inline-size:0;max-inline-size:100%;color:var(--brick-feed-foreground);display:grid}.brick-feed[data-density=compact]{--brick-feed-gap:var(--brick-space-2);--brick-feed-item-padding-block:var(--brick-space-2);--brick-feed-item-padding-inline:var(--brick-space-3)}.brick-feed[data-variant=divided]{--brick-feed-gap:0;background:var(--brick-feed-background)}.brick-feed[data-variant=divided]>.brick-feed__item+.brick-feed__item{border-block-start:var(--brick-feed-border-width) solid var(--brick-feed-divider-color)}.brick-feed__item{box-sizing:border-box;min-inline-size:0;max-inline-size:100%;padding-block:var(--brick-feed-item-padding-block);padding-inline:var(--brick-feed-item-padding-inline);color:var(--brick-feed-foreground);overflow-wrap:anywhere;outline:var(--brick-feed-focus-width) solid transparent;outline-offset:var(--brick-feed-focus-offset);transition:border-color var(--brick-feed-transition-duration) ease}.brick-feed[data-variant=outline]>.brick-feed__item{border:var(--brick-feed-border-width) solid var(--brick-feed-border-color);border-radius:var(--brick-feed-radius);background:var(--brick-feed-background)}.brick-feed__item:focus-visible{outline-color:var(--brick-feed-focus-color)}@media (prefers-reduced-motion:reduce){.brick-feed__item{transition-duration:0s}}@media (forced-colors:active){.brick-feed[data-variant=divided]>.brick-feed__item+.brick-feed__item,.brick-feed[data-variant=outline]>.brick-feed__item{border-color:canvastext}.brick-feed__item:focus-visible{outline-color:highlight}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-feed{--brick-feed-gap:var(--brick-space-3);--brick-feed-item-padding-block:var(--brick-space-4);--brick-feed-item-padding-inline:var(--brick-space-4);--brick-feed-background:transparent;--brick-feed-foreground:var(--brick-color-text-primary);--brick-feed-border-color:var(--brick-color-border-subtle);--brick-feed-border-width:var(--brick-border-width);--brick-feed-radius:var(--brick-radius-surface);--brick-feed-divider-color:var(--brick-color-border-subtle);--brick-feed-focus-color:var(--brick-color-focus-ring);--brick-feed-focus-width:2px;--brick-feed-focus-offset:2px;--brick-feed-transition-duration:var(--brick-motion-duration-fast);box-sizing:border-box;gap:var(--brick-feed-gap);inline-size:100%;min-inline-size:0;max-inline-size:100%;color:var(--brick-feed-foreground);display:grid}.brick-feed[data-density=compact]{--brick-feed-gap:var(--brick-space-2);--brick-feed-item-padding-block:var(--brick-space-2);--brick-feed-item-padding-inline:var(--brick-space-3)}.brick-feed[data-divider-strength=default]{--brick-feed-divider-color:var(--brick-color-border-default)}.brick-feed[data-variant=divided]{--brick-feed-gap:0;background:var(--brick-feed-background)}.brick-feed[data-variant=divided]>.brick-feed__item+.brick-feed__item{border-block-start:var(--brick-feed-border-width) solid var(--brick-feed-divider-color)}.brick-feed__item{box-sizing:border-box;min-inline-size:0;max-inline-size:100%;padding-block:var(--brick-feed-item-padding-block);padding-inline:var(--brick-feed-item-padding-inline);color:var(--brick-feed-foreground);overflow-wrap:anywhere;outline:var(--brick-feed-focus-width) solid transparent;outline-offset:var(--brick-feed-focus-offset);transition:border-color var(--brick-feed-transition-duration) ease}.brick-feed[data-variant=outline]>.brick-feed__item{border:var(--brick-feed-border-width) solid var(--brick-feed-border-color);border-radius:var(--brick-feed-radius);background:var(--brick-feed-background)}.brick-feed__item:focus-visible{outline-color:var(--brick-feed-focus-color)}@media (prefers-reduced-motion:reduce){.brick-feed__item{transition-duration:0s}}@media (forced-colors:active){.brick-feed[data-variant=divided]>.brick-feed__item+.brick-feed__item,.brick-feed[data-variant=outline]>.brick-feed__item{border-color:canvastext}.brick-feed__item:focus-visible{outline-color:highlight}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=feed.css.map */

package/dist/styles/feed.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,iyBAwBA,mLAMA,6FAKA,8JAIA,0ZAaA,8MAMA,4EAIA,uCACE,0CAGF,8BACE,kJAKA,0DDzEJ","sources":["home/runner/work/brick/brick/.brick-cache/production/feed.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/feed/feed.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/feed/feed.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-feed {\n    --brick-feed-gap: var(--brick-space-3);\n    --brick-feed-item-padding-block: var(--brick-space-4);\n    --brick-feed-item-padding-inline: var(--brick-space-4);\n    --brick-feed-background: transparent;\n    --brick-feed-foreground: var(--brick-color-text-primary);\n    --brick-feed-border-color: var(--brick-color-border-subtle);\n    --brick-feed-border-width: var(--brick-border-width);\n    --brick-feed-radius: var(--brick-radius-surface);\n    --brick-feed-divider-color: var(--brick-color-border-subtle);\n    --brick-feed-focus-color: var(--brick-color-focus-ring);\n    --brick-feed-focus-width: 2px;\n    --brick-feed-focus-offset: 2px;\n    --brick-feed-transition-duration: var(--brick-motion-duration-fast);\n\n    box-sizing: border-box;\n    display: grid;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    gap: var(--brick-feed-gap);\n    color: var(--brick-feed-foreground);\n  }\n\n  .brick-feed[data-density=\"compact\"] {\n    --brick-feed-gap: var(--brick-space-2);\n    --brick-feed-item-padding-block: var(--brick-space-2);\n    --brick-feed-item-padding-inline: var(--brick-space-3);\n  }\n\n  .brick-feed[data-variant=\"divided\"] {\n    --brick-feed-gap: 0;\n    background: var(--brick-feed-background);\n  }\n\n  .brick-feed[data-variant=\"divided\"] > .brick-feed__item + .brick-feed__item {\n    border-block-start: var(--brick-feed-border-width) solid var(--brick-feed-divider-color);\n  }\n\n  .brick-feed__item {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding-block: var(--brick-feed-item-padding-block);\n    padding-inline: var(--brick-feed-item-padding-inline);\n    color: var(--brick-feed-foreground);\n    overflow-wrap: anywhere;\n    outline: var(--brick-feed-focus-width) solid transparent;\n    outline-offset: var(--brick-feed-focus-offset);\n    transition: border-color var(--brick-feed-transition-duration) ease;\n  }\n\n  .brick-feed[data-variant=\"outline\"] > .brick-feed__item {\n    border: var(--brick-feed-border-width) solid var(--brick-feed-border-color);\n    border-radius: var(--brick-feed-radius);\n    background: var(--brick-feed-background);\n  }\n\n  .brick-feed__item:focus-visible {\n    outline-color: var(--brick-feed-focus-color);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-feed__item { transition-duration: 0s; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-feed[data-variant=\"divided\"] > .brick-feed__item + .brick-feed__item,\n    .brick-feed[data-variant=\"outline\"] > .brick-feed__item {\n      border-color: CanvasText;\n    }\n\n    .brick-feed__item:focus-visible {\n      outline-color: Highlight;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,iyBAwBA,mLAMA,wGAIA,6FAKA,8JAIA,0ZAaA,8MAMA,4EAIA,uCACE,0CAGF,8BACE,kJAKA,0DD7EJ","sources":["home/runner/work/brick/brick/.brick-cache/production/feed.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/feed/feed.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/feed/feed.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-feed {\n    --brick-feed-gap: var(--brick-space-3);\n    --brick-feed-item-padding-block: var(--brick-space-4);\n    --brick-feed-item-padding-inline: var(--brick-space-4);\n    --brick-feed-background: transparent;\n    --brick-feed-foreground: var(--brick-color-text-primary);\n    --brick-feed-border-color: var(--brick-color-border-subtle);\n    --brick-feed-border-width: var(--brick-border-width);\n    --brick-feed-radius: var(--brick-radius-surface);\n    --brick-feed-divider-color: var(--brick-color-border-subtle);\n    --brick-feed-focus-color: var(--brick-color-focus-ring);\n    --brick-feed-focus-width: 2px;\n    --brick-feed-focus-offset: 2px;\n    --brick-feed-transition-duration: var(--brick-motion-duration-fast);\n\n    box-sizing: border-box;\n    display: grid;\n    inline-size: 100%;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    gap: var(--brick-feed-gap);\n    color: var(--brick-feed-foreground);\n  }\n\n  .brick-feed[data-density=\"compact\"] {\n    --brick-feed-gap: var(--brick-space-2);\n    --brick-feed-item-padding-block: var(--brick-space-2);\n    --brick-feed-item-padding-inline: var(--brick-space-3);\n  }\n\n  .brick-feed[data-divider-strength=\"default\"] {\n    --brick-feed-divider-color: var(--brick-color-border-default);\n  }\n\n  .brick-feed[data-variant=\"divided\"] {\n    --brick-feed-gap: 0;\n    background: var(--brick-feed-background);\n  }\n\n  .brick-feed[data-variant=\"divided\"] > .brick-feed__item + .brick-feed__item {\n    border-block-start: var(--brick-feed-border-width) solid var(--brick-feed-divider-color);\n  }\n\n  .brick-feed__item {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    padding-block: var(--brick-feed-item-padding-block);\n    padding-inline: var(--brick-feed-item-padding-inline);\n    color: var(--brick-feed-foreground);\n    overflow-wrap: anywhere;\n    outline: var(--brick-feed-focus-width) solid transparent;\n    outline-offset: var(--brick-feed-focus-offset);\n    transition: border-color var(--brick-feed-transition-duration) ease;\n  }\n\n  .brick-feed[data-variant=\"outline\"] > .brick-feed__item {\n    border: var(--brick-feed-border-width) solid var(--brick-feed-border-color);\n    border-radius: var(--brick-feed-radius);\n    background: var(--brick-feed-background);\n  }\n\n  .brick-feed__item:focus-visible {\n    outline-color: var(--brick-feed-focus-color);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-feed__item { transition-duration: 0s; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-feed[data-variant=\"divided\"] > .brick-feed__item + .brick-feed__item,\n    .brick-feed[data-variant=\"outline\"] > .brick-feed__item {\n      border-color: CanvasText;\n    }\n\n    .brick-feed__item:focus-visible {\n      outline-color: Highlight;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/grid.css

@@ -1,2 +1,2 @@
-@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;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-grid{--brick-grid-columns:1;--brick-grid-gap:var(--brick-space-0);--brick-grid-row-gap:var(--brick-grid-gap);--brick-grid-column-gap:var(--brick-grid-gap);--brick-grid-min-item-size:16rem;box-sizing:border-box;grid-auto-flow:row;grid-template-columns:repeat(var(--brick-grid-columns), minmax(0, 1fr));place-items:stretch stretch;row-gap:var(--brick-grid-row-gap);column-gap:var(--brick-grid-column-gap);min-inline-size:0;margin:0;padding:0;display:grid}.brick-grid:is(ul,ol){list-style:none}.brick-grid[data-mode=intrinsic]{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--brick-grid-min-item-size)), 1fr))}.brick-grid[data-columns="2"]{--brick-grid-columns:2}.brick-grid[data-columns="3"]{--brick-grid-columns:3}.brick-grid[data-columns="4"]{--brick-grid-columns:4}.brick-grid[data-columns="5"]{--brick-grid-columns:5}.brick-grid[data-columns="6"]{--brick-grid-columns:6}.brick-grid[data-columns="7"]{--brick-grid-columns:7}.brick-grid[data-columns="8"]{--brick-grid-columns:8}.brick-grid[data-columns="9"]{--brick-grid-columns:9}.brick-grid[data-columns="10"]{--brick-grid-columns:10}.brick-grid[data-columns="11"]{--brick-grid-columns:11}.brick-grid[data-columns="12"]{--brick-grid-columns:12}.brick-grid[data-min-item-size=xs]{--brick-grid-min-item-size:8rem}.brick-grid[data-min-item-size=sm]{--brick-grid-min-item-size:12rem}.brick-grid[data-min-item-size=md]{--brick-grid-min-item-size:16rem}.brick-grid[data-min-item-size=lg]{--brick-grid-min-item-size:20rem}.brick-grid[data-min-item-size=xl]{--brick-grid-min-item-size:24rem}.brick-grid[data-gap]{--brick-grid-gap:var(--brick-grid-gap-input,var(--brick-space-0))}.brick-grid[data-row-gap]{--brick-grid-row-gap:var(--brick-grid-row-gap-input,var(--brick-grid-gap))}.brick-grid[data-column-gap]{--brick-grid-column-gap:var(--brick-grid-column-gap-input,var(--brick-grid-gap))}.brick-grid[data-align=start]{align-items:start}.brick-grid[data-align=center]{align-items:center}.brick-grid[data-align=end]{align-items:end}.brick-grid[data-align=baseline]{align-items:baseline}.brick-grid[data-justify=start]{justify-items:start}.brick-grid[data-justify=center]{justify-items:center}.brick-grid[data-justify=end]{justify-items:end}.brick-grid>*,.brick-grid-item{min-inline-size:0}.brick-grid-item{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:auto;--brick-grid-item-row-start:auto;--brick-grid-item-row-end:auto;box-sizing:border-box;grid-column-start:var(--brick-grid-item-column-start);grid-column-end:var(--brick-grid-item-column-end);grid-row-start:var(--brick-grid-item-row-start);grid-row-end:var(--brick-grid-item-row-end);place-self:auto}.brick-grid-item[data-align=stretch]{align-self:stretch}.brick-grid-item[data-align=start]{align-self:start}.brick-grid-item[data-align=center]{align-self:center}.brick-grid-item[data-align=end]{align-self:end}.brick-grid-item[data-align=baseline]{align-self:baseline}.brick-grid-item[data-justify=stretch]{justify-self:stretch}.brick-grid-item[data-justify=start]{justify-self:start}.brick-grid-item[data-justify=center]{justify-self:center}.brick-grid-item[data-justify=end]{justify-self:end}.brick-grid-item[data-column-span=full]{--brick-grid-item-column-start:1;--brick-grid-item-column-end:-1}.brick-grid-item[data-column-span="1"]{--brick-grid-item-column-end:span 1}.brick-grid-item[data-column-span="2"]{--brick-grid-item-column-end:span 2}.brick-grid-item[data-column-span="3"]{--brick-grid-item-column-end:span 3}.brick-grid-item[data-column-span="4"]{--brick-grid-item-column-end:span 4}.brick-grid-item[data-column-span="5"]{--brick-grid-item-column-end:span 5}.brick-grid-item[data-column-span="6"]{--brick-grid-item-column-end:span 6}.brick-grid-item[data-column-span="7"]{--brick-grid-item-column-end:span 7}.brick-grid-item[data-column-span="8"]{--brick-grid-item-column-end:span 8}.brick-grid-item[data-column-span="9"]{--brick-grid-item-column-end:span 9}.brick-grid-item[data-column-span="10"]{--brick-grid-item-column-end:span 10}.brick-grid-item[data-column-span="11"]{--brick-grid-item-column-end:span 11}.brick-grid-item[data-column-span="12"]{--brick-grid-item-column-end:span 12}.brick-grid-item[data-row-span="1"]{--brick-grid-item-row-end:span 1}.brick-grid-item[data-row-span="2"]{--brick-grid-item-row-end:span 2}.brick-grid-item[data-row-span="3"]{--brick-grid-item-row-end:span 3}.brick-grid-item[data-row-span="4"]{--brick-grid-item-row-end:span 4}.brick-grid-item[data-row-span="5"]{--brick-grid-item-row-end:span 5}.brick-grid-item[data-row-span="6"]{--brick-grid-item-row-end:span 6}.brick-grid-item[data-row-span="7"]{--brick-grid-item-row-end:span 7}.brick-grid-item[data-row-span="8"]{--brick-grid-item-row-end:span 8}.brick-grid-item[data-row-span="9"]{--brick-grid-item-row-end:span 9}.brick-grid-item[data-row-span="10"]{--brick-grid-item-row-end:span 10}.brick-grid-item[data-row-span="11"]{--brick-grid-item-row-end:span 11}.brick-grid-item[data-row-span="12"]{--brick-grid-item-row-end:span 12}.brick-grid-item[data-column-start="1"]{--brick-grid-item-column-start:1}.brick-grid-item[data-column-start="2"]{--brick-grid-item-column-start:2}.brick-grid-item[data-column-start="3"]{--brick-grid-item-column-start:3}.brick-grid-item[data-column-start="4"]{--brick-grid-item-column-start:4}.brick-grid-item[data-column-start="5"]{--brick-grid-item-column-start:5}.brick-grid-item[data-column-start="6"]{--brick-grid-item-column-start:6}.brick-grid-item[data-column-start="7"]{--brick-grid-item-column-start:7}.brick-grid-item[data-column-start="8"]{--brick-grid-item-column-start:8}.brick-grid-item[data-column-start="9"]{--brick-grid-item-column-start:9}.brick-grid-item[data-column-start="10"]{--brick-grid-item-column-start:10}.brick-grid-item[data-column-start="11"]{--brick-grid-item-column-start:11}.brick-grid-item[data-column-start="12"]{--brick-grid-item-column-start:12}.brick-grid-item[data-column-start="13"]{--brick-grid-item-column-start:13}.brick-grid-item[data-column-end="1"]{--brick-grid-item-column-end:1}.brick-grid-item[data-column-end="2"]{--brick-grid-item-column-end:2}.brick-grid-item[data-column-end="3"]{--brick-grid-item-column-end:3}.brick-grid-item[data-column-end="4"]{--brick-grid-item-column-end:4}.brick-grid-item[data-column-end="5"]{--brick-grid-item-column-end:5}.brick-grid-item[data-column-end="6"]{--brick-grid-item-column-end:6}.brick-grid-item[data-column-end="7"]{--brick-grid-item-column-end:7}.brick-grid-item[data-column-end="8"]{--brick-grid-item-column-end:8}.brick-grid-item[data-column-end="9"]{--brick-grid-item-column-end:9}.brick-grid-item[data-column-end="10"]{--brick-grid-item-column-end:10}.brick-grid-item[data-column-end="11"]{--brick-grid-item-column-end:11}.brick-grid-item[data-column-end="12"]{--brick-grid-item-column-end:12}.brick-grid-item[data-column-end="13"]{--brick-grid-item-column-end:13}.brick-grid-item[data-row-start="1"]{--brick-grid-item-row-start:1}.brick-grid-item[data-row-start="2"]{--brick-grid-item-row-start:2}.brick-grid-item[data-row-start="3"]{--brick-grid-item-row-start:3}.brick-grid-item[data-row-start="4"]{--brick-grid-item-row-start:4}.brick-grid-item[data-row-start="5"]{--brick-grid-item-row-start:5}.brick-grid-item[data-row-start="6"]{--brick-grid-item-row-start:6}.brick-grid-item[data-row-start="7"]{--brick-grid-item-row-start:7}.brick-grid-item[data-row-start="8"]{--brick-grid-item-row-start:8}.brick-grid-item[data-row-start="9"]{--brick-grid-item-row-start:9}.brick-grid-item[data-row-start="10"]{--brick-grid-item-row-start:10}.brick-grid-item[data-row-start="11"]{--brick-grid-item-row-start:11}.brick-grid-item[data-row-start="12"]{--brick-grid-item-row-start:12}.brick-grid-item[data-row-start="13"]{--brick-grid-item-row-start:13}.brick-grid-item[data-row-end="1"]{--brick-grid-item-row-end:1}.brick-grid-item[data-row-end="2"]{--brick-grid-item-row-end:2}.brick-grid-item[data-row-end="3"]{--brick-grid-item-row-end:3}.brick-grid-item[data-row-end="4"]{--brick-grid-item-row-end:4}.brick-grid-item[data-row-end="5"]{--brick-grid-item-row-end:5}.brick-grid-item[data-row-end="6"]{--brick-grid-item-row-end:6}.brick-grid-item[data-row-end="7"]{--brick-grid-item-row-end:7}.brick-grid-item[data-row-end="8"]{--brick-grid-item-row-end:8}.brick-grid-item[data-row-end="9"]{--brick-grid-item-row-end:9}.brick-grid-item[data-row-end="10"]{--brick-grid-item-row-end:10}.brick-grid-item[data-row-end="11"]{--brick-grid-item-row-end:11}.brick-grid-item[data-row-end="12"]{--brick-grid-item-row-end:12}.brick-grid-item[data-row-end="13"]{--brick-grid-item-row-end:13}@media (width>=30rem){.brick-grid[data-columns-sm="1"]{--brick-grid-columns:1}.brick-grid[data-columns-sm="2"]{--brick-grid-columns:2}.brick-grid[data-columns-sm="3"]{--brick-grid-columns:3}.brick-grid[data-columns-sm="4"]{--brick-grid-columns:4}.brick-grid[data-columns-sm="5"]{--brick-grid-columns:5}.brick-grid[data-columns-sm="6"]{--brick-grid-columns:6}.brick-grid[data-columns-sm="7"]{--brick-grid-columns:7}.brick-grid[data-columns-sm="8"]{--brick-grid-columns:8}.brick-grid[data-columns-sm="9"]{--brick-grid-columns:9}.brick-grid[data-columns-sm="10"]{--brick-grid-columns:10}.brick-grid[data-columns-sm="11"]{--brick-grid-columns:11}.brick-grid[data-columns-sm="12"]{--brick-grid-columns:12}.brick-grid[data-align-sm=stretch]{align-items:stretch}.brick-grid[data-align-sm=start]{align-items:start}.brick-grid[data-align-sm=center]{align-items:center}.brick-grid[data-align-sm=end]{align-items:end}.brick-grid[data-align-sm=baseline]{align-items:baseline}.brick-grid[data-justify-sm=stretch]{justify-items:stretch}.brick-grid[data-justify-sm=start]{justify-items:start}.brick-grid[data-justify-sm=center]{justify-items:center}.brick-grid[data-justify-sm=end]{justify-items:end}.brick-grid-item[data-align-sm=auto]{align-self:auto}.brick-grid-item[data-align-sm=stretch]{align-self:stretch}.brick-grid-item[data-align-sm=start]{align-self:start}.brick-grid-item[data-align-sm=center]{align-self:center}.brick-grid-item[data-align-sm=end]{align-self:end}.brick-grid-item[data-align-sm=baseline]{align-self:baseline}.brick-grid-item[data-justify-sm=auto]{justify-self:auto}.brick-grid-item[data-justify-sm=stretch]{justify-self:stretch}.brick-grid-item[data-justify-sm=start]{justify-self:start}.brick-grid-item[data-justify-sm=center]{justify-self:center}.brick-grid-item[data-justify-sm=end]{justify-self:end}.brick-grid-item[data-column-span-sm=full]{--brick-grid-item-column-start:1;--brick-grid-item-column-end:-1}.brick-grid-item[data-column-span-sm="1"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 1}.brick-grid-item[data-column-span-sm="2"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 2}.brick-grid-item[data-column-span-sm="3"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 3}.brick-grid-item[data-column-span-sm="4"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 4}.brick-grid-item[data-column-span-sm="5"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 5}.brick-grid-item[data-column-span-sm="6"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 6}.brick-grid-item[data-column-span-sm="7"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 7}.brick-grid-item[data-column-span-sm="8"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 8}.brick-grid-item[data-column-span-sm="9"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 9}.brick-grid-item[data-column-span-sm="10"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 10}.brick-grid-item[data-column-span-sm="11"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 11}.brick-grid-item[data-column-span-sm="12"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 12}.brick-grid-item[data-row-span-sm="1"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 1}.brick-grid-item[data-row-span-sm="2"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 2}.brick-grid-item[data-row-span-sm="3"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 3}.brick-grid-item[data-row-span-sm="4"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 4}.brick-grid-item[data-row-span-sm="5"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 5}.brick-grid-item[data-row-span-sm="6"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 6}.brick-grid-item[data-row-span-sm="7"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 7}.brick-grid-item[data-row-span-sm="8"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 8}.brick-grid-item[data-row-span-sm="9"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 9}.brick-grid-item[data-row-span-sm="10"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 10}.brick-grid-item[data-row-span-sm="11"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 11}.brick-grid-item[data-row-span-sm="12"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 12}}@media (width>=48rem){.brick-grid[data-columns-md="1"]{--brick-grid-columns:1}.brick-grid[data-columns-md="2"]{--brick-grid-columns:2}.brick-grid[data-columns-md="3"]{--brick-grid-columns:3}.brick-grid[data-columns-md="4"]{--brick-grid-columns:4}.brick-grid[data-columns-md="5"]{--brick-grid-columns:5}.brick-grid[data-columns-md="6"]{--brick-grid-columns:6}.brick-grid[data-columns-md="7"]{--brick-grid-columns:7}.brick-grid[data-columns-md="8"]{--brick-grid-columns:8}.brick-grid[data-columns-md="9"]{--brick-grid-columns:9}.brick-grid[data-columns-md="10"]{--brick-grid-columns:10}.brick-grid[data-columns-md="11"]{--brick-grid-columns:11}.brick-grid[data-columns-md="12"]{--brick-grid-columns:12}.brick-grid[data-align-md=stretch]{align-items:stretch}.brick-grid[data-align-md=start]{align-items:start}.brick-grid[data-align-md=center]{align-items:center}.brick-grid[data-align-md=end]{align-items:end}.brick-grid[data-align-md=baseline]{align-items:baseline}.brick-grid[data-justify-md=stretch]{justify-items:stretch}.brick-grid[data-justify-md=start]{justify-items:start}.brick-grid[data-justify-md=center]{justify-items:center}.brick-grid[data-justify-md=end]{justify-items:end}.brick-grid-item[data-align-md=auto]{align-self:auto}.brick-grid-item[data-align-md=stretch]{align-self:stretch}.brick-grid-item[data-align-md=start]{align-self:start}.brick-grid-item[data-align-md=center]{align-self:center}.brick-grid-item[data-align-md=end]{align-self:end}.brick-grid-item[data-align-md=baseline]{align-self:baseline}.brick-grid-item[data-justify-md=auto]{justify-self:auto}.brick-grid-item[data-justify-md=stretch]{justify-self:stretch}.brick-grid-item[data-justify-md=start]{justify-self:start}.brick-grid-item[data-justify-md=center]{justify-self:center}.brick-grid-item[data-justify-md=end]{justify-self:end}.brick-grid-item[data-column-span-md=full]{--brick-grid-item-column-start:1;--brick-grid-item-column-end:-1}.brick-grid-item[data-column-span-md="1"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 1}.brick-grid-item[data-column-span-md="2"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 2}.brick-grid-item[data-column-span-md="3"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 3}.brick-grid-item[data-column-span-md="4"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 4}.brick-grid-item[data-column-span-md="5"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 5}.brick-grid-item[data-column-span-md="6"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 6}.brick-grid-item[data-column-span-md="7"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 7}.brick-grid-item[data-column-span-md="8"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 8}.brick-grid-item[data-column-span-md="9"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 9}.brick-grid-item[data-column-span-md="10"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 10}.brick-grid-item[data-column-span-md="11"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 11}.brick-grid-item[data-column-span-md="12"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 12}.brick-grid-item[data-row-span-md="1"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 1}.brick-grid-item[data-row-span-md="2"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 2}.brick-grid-item[data-row-span-md="3"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 3}.brick-grid-item[data-row-span-md="4"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 4}.brick-grid-item[data-row-span-md="5"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 5}.brick-grid-item[data-row-span-md="6"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 6}.brick-grid-item[data-row-span-md="7"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 7}.brick-grid-item[data-row-span-md="8"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 8}.brick-grid-item[data-row-span-md="9"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 9}.brick-grid-item[data-row-span-md="10"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 10}.brick-grid-item[data-row-span-md="11"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 11}.brick-grid-item[data-row-span-md="12"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 12}}@media (width>=64rem){.brick-grid[data-columns-lg="1"]{--brick-grid-columns:1}.brick-grid[data-columns-lg="2"]{--brick-grid-columns:2}.brick-grid[data-columns-lg="3"]{--brick-grid-columns:3}.brick-grid[data-columns-lg="4"]{--brick-grid-columns:4}.brick-grid[data-columns-lg="5"]{--brick-grid-columns:5}.brick-grid[data-columns-lg="6"]{--brick-grid-columns:6}.brick-grid[data-columns-lg="7"]{--brick-grid-columns:7}.brick-grid[data-columns-lg="8"]{--brick-grid-columns:8}.brick-grid[data-columns-lg="9"]{--brick-grid-columns:9}.brick-grid[data-columns-lg="10"]{--brick-grid-columns:10}.brick-grid[data-columns-lg="11"]{--brick-grid-columns:11}.brick-grid[data-columns-lg="12"]{--brick-grid-columns:12}.brick-grid[data-align-lg=stretch]{align-items:stretch}.brick-grid[data-align-lg=start]{align-items:start}.brick-grid[data-align-lg=center]{align-items:center}.brick-grid[data-align-lg=end]{align-items:end}.brick-grid[data-align-lg=baseline]{align-items:baseline}.brick-grid[data-justify-lg=stretch]{justify-items:stretch}.brick-grid[data-justify-lg=start]{justify-items:start}.brick-grid[data-justify-lg=center]{justify-items:center}.brick-grid[data-justify-lg=end]{justify-items:end}.brick-grid-item[data-align-lg=auto]{align-self:auto}.brick-grid-item[data-align-lg=stretch]{align-self:stretch}.brick-grid-item[data-align-lg=start]{align-self:start}.brick-grid-item[data-align-lg=center]{align-self:center}.brick-grid-item[data-align-lg=end]{align-self:end}.brick-grid-item[data-align-lg=baseline]{align-self:baseline}.brick-grid-item[data-justify-lg=auto]{justify-self:auto}.brick-grid-item[data-justify-lg=stretch]{justify-self:stretch}.brick-grid-item[data-justify-lg=start]{justify-self:start}.brick-grid-item[data-justify-lg=center]{justify-self:center}.brick-grid-item[data-justify-lg=end]{justify-self:end}.brick-grid-item[data-column-span-lg=full]{--brick-grid-item-column-start:1;--brick-grid-item-column-end:-1}.brick-grid-item[data-column-span-lg="1"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 1}.brick-grid-item[data-column-span-lg="2"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 2}.brick-grid-item[data-column-span-lg="3"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 3}.brick-grid-item[data-column-span-lg="4"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 4}.brick-grid-item[data-column-span-lg="5"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 5}.brick-grid-item[data-column-span-lg="6"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 6}.brick-grid-item[data-column-span-lg="7"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 7}.brick-grid-item[data-column-span-lg="8"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 8}.brick-grid-item[data-column-span-lg="9"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 9}.brick-grid-item[data-column-span-lg="10"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 10}.brick-grid-item[data-column-span-lg="11"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 11}.brick-grid-item[data-column-span-lg="12"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 12}.brick-grid-item[data-row-span-lg="1"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 1}.brick-grid-item[data-row-span-lg="2"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 2}.brick-grid-item[data-row-span-lg="3"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 3}.brick-grid-item[data-row-span-lg="4"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 4}.brick-grid-item[data-row-span-lg="5"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 5}.brick-grid-item[data-row-span-lg="6"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 6}.brick-grid-item[data-row-span-lg="7"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 7}.brick-grid-item[data-row-span-lg="8"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 8}.brick-grid-item[data-row-span-lg="9"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 9}.brick-grid-item[data-row-span-lg="10"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 10}.brick-grid-item[data-row-span-lg="11"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 11}.brick-grid-item[data-row-span-lg="12"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 12}}@media (width>=80rem){.brick-grid[data-columns-xl="1"]{--brick-grid-columns:1}.brick-grid[data-columns-xl="2"]{--brick-grid-columns:2}.brick-grid[data-columns-xl="3"]{--brick-grid-columns:3}.brick-grid[data-columns-xl="4"]{--brick-grid-columns:4}.brick-grid[data-columns-xl="5"]{--brick-grid-columns:5}.brick-grid[data-columns-xl="6"]{--brick-grid-columns:6}.brick-grid[data-columns-xl="7"]{--brick-grid-columns:7}.brick-grid[data-columns-xl="8"]{--brick-grid-columns:8}.brick-grid[data-columns-xl="9"]{--brick-grid-columns:9}.brick-grid[data-columns-xl="10"]{--brick-grid-columns:10}.brick-grid[data-columns-xl="11"]{--brick-grid-columns:11}.brick-grid[data-columns-xl="12"]{--brick-grid-columns:12}.brick-grid[data-align-xl=stretch]{align-items:stretch}.brick-grid[data-align-xl=start]{align-items:start}.brick-grid[data-align-xl=center]{align-items:center}.brick-grid[data-align-xl=end]{align-items:end}.brick-grid[data-align-xl=baseline]{align-items:baseline}.brick-grid[data-justify-xl=stretch]{justify-items:stretch}.brick-grid[data-justify-xl=start]{justify-items:start}.brick-grid[data-justify-xl=center]{justify-items:center}.brick-grid[data-justify-xl=end]{justify-items:end}.brick-grid-item[data-align-xl=auto]{align-self:auto}.brick-grid-item[data-align-xl=stretch]{align-self:stretch}.brick-grid-item[data-align-xl=start]{align-self:start}.brick-grid-item[data-align-xl=center]{align-self:center}.brick-grid-item[data-align-xl=end]{align-self:end}.brick-grid-item[data-align-xl=baseline]{align-self:baseline}.brick-grid-item[data-justify-xl=auto]{justify-self:auto}.brick-grid-item[data-justify-xl=stretch]{justify-self:stretch}.brick-grid-item[data-justify-xl=start]{justify-self:start}.brick-grid-item[data-justify-xl=center]{justify-self:center}.brick-grid-item[data-justify-xl=end]{justify-self:end}.brick-grid-item[data-column-span-xl=full]{--brick-grid-item-column-start:1;--brick-grid-item-column-end:-1}.brick-grid-item[data-column-span-xl="1"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 1}.brick-grid-item[data-column-span-xl="2"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 2}.brick-grid-item[data-column-span-xl="3"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 3}.brick-grid-item[data-column-span-xl="4"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 4}.brick-grid-item[data-column-span-xl="5"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 5}.brick-grid-item[data-column-span-xl="6"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 6}.brick-grid-item[data-column-span-xl="7"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 7}.brick-grid-item[data-column-span-xl="8"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 8}.brick-grid-item[data-column-span-xl="9"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 9}.brick-grid-item[data-column-span-xl="10"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 10}.brick-grid-item[data-column-span-xl="11"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 11}.brick-grid-item[data-column-span-xl="12"]{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:span 12}.brick-grid-item[data-row-span-xl="1"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 1}.brick-grid-item[data-row-span-xl="2"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 2}.brick-grid-item[data-row-span-xl="3"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 3}.brick-grid-item[data-row-span-xl="4"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 4}.brick-grid-item[data-row-span-xl="5"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 5}.brick-grid-item[data-row-span-xl="6"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 6}.brick-grid-item[data-row-span-xl="7"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 7}.brick-grid-item[data-row-span-xl="8"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 8}.brick-grid-item[data-row-span-xl="9"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 9}.brick-grid-item[data-row-span-xl="10"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 10}.brick-grid-item[data-row-span-xl="11"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 11}.brick-grid-item[data-row-span-xl="12"]{--brick-grid-item-row-start:auto;--brick-grid-item-row-end:span 12}}@media (width>=30rem){.brick-grid[data-gap-sm]{--brick-grid-gap:var(--brick-grid-gap-sm-input,var(--brick-grid-gap-input,var(--brick-space-0)))}.brick-grid[data-row-gap-sm]{--brick-grid-row-gap:var(--brick-grid-row-gap-sm-input,var(--brick-grid-gap))}.brick-grid[data-column-gap-sm]{--brick-grid-column-gap:var(--brick-grid-column-gap-sm-input,var(--brick-grid-gap))}}@media (width>=48rem){.brick-grid[data-gap-md]{--brick-grid-gap:var(--brick-grid-gap-md-input,var(--brick-grid-gap-input,var(--brick-space-0)))}.brick-grid[data-row-gap-md]{--brick-grid-row-gap:var(--brick-grid-row-gap-md-input,var(--brick-grid-gap))}.brick-grid[data-column-gap-md]{--brick-grid-column-gap:var(--brick-grid-column-gap-md-input,var(--brick-grid-gap))}}@media (width>=64rem){.brick-grid[data-gap-lg]{--brick-grid-gap:var(--brick-grid-gap-lg-input,var(--brick-grid-gap-input,var(--brick-space-0)))}.brick-grid[data-row-gap-lg]{--brick-grid-row-gap:var(--brick-grid-row-gap-lg-input,var(--brick-grid-gap))}.brick-grid[data-column-gap-lg]{--brick-grid-column-gap:var(--brick-grid-column-gap-lg-input,var(--brick-grid-gap))}}@media (width>=80rem){.brick-grid[data-gap-xl]{--brick-grid-gap:var(--brick-grid-gap-xl-input,var(--brick-grid-gap-input,var(--brick-space-0)))}.brick-grid[data-row-gap-xl]{--brick-grid-row-gap:var(--brick-grid-row-gap-xl-input,var(--brick-grid-gap))}.brick-grid[data-column-gap-xl]{--brick-grid-column-gap:var(--brick-grid-column-gap-xl-input,var(--brick-grid-gap))}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=grid.css.map */

package/dist/styles/grid.css.map

@@ -1 +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":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,4cAqBA,sCAIA,iIAQA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,qDACA,uDACA,uDACA,uDAEA,mEAIA,oEAIA,oEAIA,oEAIA,oEAGA,wFACA,qGACA,8GAEA,gDACA,kDACA,4CACA,sDACA,oDACA,sDACA,gDAEA,iDAKA,iYAeA,wDACA,oDACA,sDACA,gDACA,0DACA,4DACA,wDACA,0DACA,oDAEA,yGAKA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,2EACA,6EACA,6EACA,6EAEA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,uEACA,uEACA,uEAEA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,yEACA,2EACA,2EACA,2EACA,2EAEA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,qEACA,uEACA,uEACA,uEACA,uEAEA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,mEACA,qEACA,qEACA,qEACA,qEAEA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,+DACA,iEACA,iEACA,iEACA,iEAEA,sBACE,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,uDACA,mDACA,qDACA,+CACA,yDACA,2DACA,uDACA,yDACA,mDACA,qDACA,2DACA,uDACA,yDACA,mDACA,6DACA,yDACA,+DACA,2DACA,6DACA,uDACA,4GACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,oHACA,oHACA,oHACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,2GACA,2GACA,4GAGF,sBACE,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,uDACA,mDACA,qDACA,+CACA,yDACA,2DACA,uDACA,yDACA,mDACA,qDACA,2DACA,uDACA,yDACA,mDACA,6DACA,yDACA,+DACA,2DACA,6DACA,uDACA,4GACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,oHACA,oHACA,oHACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,2GACA,2GACA,4GAGF,sBACE,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,uDACA,mDACA,qDACA,+CACA,yDACA,2DACA,uDACA,yDACA,mDACA,qDACA,2DACA,uDACA,yDACA,mDACA,6DACA,yDACA,+DACA,2DACA,6DACA,uDACA,4GACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,oHACA,oHACA,oHACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,2GACA,2GACA,4GAGF,sBACE,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,wDACA,0DACA,0DACA,0DACA,uDACA,mDACA,qDACA,+CACA,yDACA,2DACA,uDACA,yDACA,mDACA,qDACA,2DACA,uDACA,yDACA,mDACA,6DACA,yDACA,+DACA,2DACA,6DACA,uDACA,4GACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,kHACA,oHACA,oHACA,oHACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,yGACA,2GACA,2GACA,4GAGF,sBACE,0HACA,2GACA,qHAGF,sBACE,0HACA,2GACA,qHAGF,sBACE,0HACA,2GACA,qHAGF,sBACE,0HACA,2GACA,sHDvcJ","sources":["home/runner/work/brick/brick/.brick-cache/production/grid.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/grid/grid.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/grid/grid.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-grid {\n    --brick-grid-columns: 1;\n    --brick-grid-gap: var(--brick-space-0);\n    --brick-grid-row-gap: var(--brick-grid-gap);\n    --brick-grid-column-gap: var(--brick-grid-gap);\n    --brick-grid-min-item-size: 16rem;\n\n    box-sizing: border-box;\n    display: grid;\n    min-inline-size: 0;\n    margin: 0;\n    padding: 0;\n    grid-auto-flow: row;\n    grid-template-columns:\n      repeat(var(--brick-grid-columns), minmax(0, 1fr));\n    align-items: stretch;\n    justify-items: stretch;\n    row-gap: var(--brick-grid-row-gap);\n    column-gap: var(--brick-grid-column-gap);\n  }\n\n  .brick-grid:is(ul, ol) {\n    list-style: none;\n  }\n\n  .brick-grid[data-mode=\"intrinsic\"] {\n    grid-template-columns:\n      repeat(\n        auto-fit,\n        minmax(min(100%, var(--brick-grid-min-item-size)), 1fr)\n      );\n  }\n\n  .brick-grid[data-columns=\"2\"] { --brick-grid-columns: 2; }\n  .brick-grid[data-columns=\"3\"] { --brick-grid-columns: 3; }\n  .brick-grid[data-columns=\"4\"] { --brick-grid-columns: 4; }\n  .brick-grid[data-columns=\"5\"] { --brick-grid-columns: 5; }\n  .brick-grid[data-columns=\"6\"] { --brick-grid-columns: 6; }\n  .brick-grid[data-columns=\"7\"] { --brick-grid-columns: 7; }\n  .brick-grid[data-columns=\"8\"] { --brick-grid-columns: 8; }\n  .brick-grid[data-columns=\"9\"] { --brick-grid-columns: 9; }\n  .brick-grid[data-columns=\"10\"] { --brick-grid-columns: 10; }\n  .brick-grid[data-columns=\"11\"] { --brick-grid-columns: 11; }\n  .brick-grid[data-columns=\"12\"] { --brick-grid-columns: 12; }\n\n  .brick-grid[data-min-item-size=\"xs\"] {\n    --brick-grid-min-item-size: 8rem;\n  }\n\n  .brick-grid[data-min-item-size=\"sm\"] {\n    --brick-grid-min-item-size: 12rem;\n  }\n\n  .brick-grid[data-min-item-size=\"md\"] {\n    --brick-grid-min-item-size: 16rem;\n  }\n\n  .brick-grid[data-min-item-size=\"lg\"] {\n    --brick-grid-min-item-size: 20rem;\n  }\n\n  .brick-grid[data-min-item-size=\"xl\"] {\n    --brick-grid-min-item-size: 24rem;\n  }\n  .brick-grid[data-gap] { --brick-grid-gap: var(--brick-grid-gap-input, var(--brick-space-0)); }\n  .brick-grid[data-row-gap] { --brick-grid-row-gap: var(--brick-grid-row-gap-input, var(--brick-grid-gap)); }\n  .brick-grid[data-column-gap] { --brick-grid-column-gap: var(--brick-grid-column-gap-input, var(--brick-grid-gap)); }\n\n  .brick-grid[data-align=\"start\"] { align-items: start; }\n  .brick-grid[data-align=\"center\"] { align-items: center; }\n  .brick-grid[data-align=\"end\"] { align-items: end; }\n  .brick-grid[data-align=\"baseline\"] { align-items: baseline; }\n  .brick-grid[data-justify=\"start\"] { justify-items: start; }\n  .brick-grid[data-justify=\"center\"] { justify-items: center; }\n  .brick-grid[data-justify=\"end\"] { justify-items: end; }\n\n  .brick-grid > *,\n  .brick-grid-item {\n    min-inline-size: 0;\n  }\n\n  .brick-grid-item {\n    --brick-grid-item-column-start: auto;\n    --brick-grid-item-column-end: auto;\n    --brick-grid-item-row-start: auto;\n    --brick-grid-item-row-end: auto;\n\n    box-sizing: border-box;\n    grid-column-start: var(--brick-grid-item-column-start);\n    grid-column-end: var(--brick-grid-item-column-end);\n    grid-row-start: var(--brick-grid-item-row-start);\n    grid-row-end: var(--brick-grid-item-row-end);\n    align-self: auto;\n    justify-self: auto;\n  }\n\n  .brick-grid-item[data-align=\"stretch\"] { align-self: stretch; }\n  .brick-grid-item[data-align=\"start\"] { align-self: start; }\n  .brick-grid-item[data-align=\"center\"] { align-self: center; }\n  .brick-grid-item[data-align=\"end\"] { align-self: end; }\n  .brick-grid-item[data-align=\"baseline\"] { align-self: baseline; }\n  .brick-grid-item[data-justify=\"stretch\"] { justify-self: stretch; }\n  .brick-grid-item[data-justify=\"start\"] { justify-self: start; }\n  .brick-grid-item[data-justify=\"center\"] { justify-self: center; }\n  .brick-grid-item[data-justify=\"end\"] { justify-self: end; }\n\n  .brick-grid-item[data-column-span=\"full\"] {\n    --brick-grid-item-column-start: 1;\n    --brick-grid-item-column-end: -1;\n  }\n\n  .brick-grid-item[data-column-span=\"1\"] { --brick-grid-item-column-end: span 1; }\n  .brick-grid-item[data-column-span=\"2\"] { --brick-grid-item-column-end: span 2; }\n  .brick-grid-item[data-column-span=\"3\"] { --brick-grid-item-column-end: span 3; }\n  .brick-grid-item[data-column-span=\"4\"] { --brick-grid-item-column-end: span 4; }\n  .brick-grid-item[data-column-span=\"5\"] { --brick-grid-item-column-end: span 5; }\n  .brick-grid-item[data-column-span=\"6\"] { --brick-grid-item-column-end: span 6; }\n  .brick-grid-item[data-column-span=\"7\"] { --brick-grid-item-column-end: span 7; }\n  .brick-grid-item[data-column-span=\"8\"] { --brick-grid-item-column-end: span 8; }\n  .brick-grid-item[data-column-span=\"9\"] { --brick-grid-item-column-end: span 9; }\n  .brick-grid-item[data-column-span=\"10\"] { --brick-grid-item-column-end: span 10; }\n  .brick-grid-item[data-column-span=\"11\"] { --brick-grid-item-column-end: span 11; }\n  .brick-grid-item[data-column-span=\"12\"] { --brick-grid-item-column-end: span 12; }\n\n  .brick-grid-item[data-row-span=\"1\"] { --brick-grid-item-row-end: span 1; }\n  .brick-grid-item[data-row-span=\"2\"] { --brick-grid-item-row-end: span 2; }\n  .brick-grid-item[data-row-span=\"3\"] { --brick-grid-item-row-end: span 3; }\n  .brick-grid-item[data-row-span=\"4\"] { --brick-grid-item-row-end: span 4; }\n  .brick-grid-item[data-row-span=\"5\"] { --brick-grid-item-row-end: span 5; }\n  .brick-grid-item[data-row-span=\"6\"] { --brick-grid-item-row-end: span 6; }\n  .brick-grid-item[data-row-span=\"7\"] { --brick-grid-item-row-end: span 7; }\n  .brick-grid-item[data-row-span=\"8\"] { --brick-grid-item-row-end: span 8; }\n  .brick-grid-item[data-row-span=\"9\"] { --brick-grid-item-row-end: span 9; }\n  .brick-grid-item[data-row-span=\"10\"] { --brick-grid-item-row-end: span 10; }\n  .brick-grid-item[data-row-span=\"11\"] { --brick-grid-item-row-end: span 11; }\n  .brick-grid-item[data-row-span=\"12\"] { --brick-grid-item-row-end: span 12; }\n\n  .brick-grid-item[data-column-start=\"1\"] { --brick-grid-item-column-start: 1; }\n  .brick-grid-item[data-column-start=\"2\"] { --brick-grid-item-column-start: 2; }\n  .brick-grid-item[data-column-start=\"3\"] { --brick-grid-item-column-start: 3; }\n  .brick-grid-item[data-column-start=\"4\"] { --brick-grid-item-column-start: 4; }\n  .brick-grid-item[data-column-start=\"5\"] { --brick-grid-item-column-start: 5; }\n  .brick-grid-item[data-column-start=\"6\"] { --brick-grid-item-column-start: 6; }\n  .brick-grid-item[data-column-start=\"7\"] { --brick-grid-item-column-start: 7; }\n  .brick-grid-item[data-column-start=\"8\"] { --brick-grid-item-column-start: 8; }\n  .brick-grid-item[data-column-start=\"9\"] { --brick-grid-item-column-start: 9; }\n  .brick-grid-item[data-column-start=\"10\"] { --brick-grid-item-column-start: 10; }\n  .brick-grid-item[data-column-start=\"11\"] { --brick-grid-item-column-start: 11; }\n  .brick-grid-item[data-column-start=\"12\"] { --brick-grid-item-column-start: 12; }\n  .brick-grid-item[data-column-start=\"13\"] { --brick-grid-item-column-start: 13; }\n\n  .brick-grid-item[data-column-end=\"1\"] { --brick-grid-item-column-end: 1; }\n  .brick-grid-item[data-column-end=\"2\"] { --brick-grid-item-column-end: 2; }\n  .brick-grid-item[data-column-end=\"3\"] { --brick-grid-item-column-end: 3; }\n  .brick-grid-item[data-column-end=\"4\"] { --brick-grid-item-column-end: 4; }\n  .brick-grid-item[data-column-end=\"5\"] { --brick-grid-item-column-end: 5; }\n  .brick-grid-item[data-column-end=\"6\"] { --brick-grid-item-column-end: 6; }\n  .brick-grid-item[data-column-end=\"7\"] { --brick-grid-item-column-end: 7; }\n  .brick-grid-item[data-column-end=\"8\"] { --brick-grid-item-column-end: 8; }\n  .brick-grid-item[data-column-end=\"9\"] { --brick-grid-item-column-end: 9; }\n  .brick-grid-item[data-column-end=\"10\"] { --brick-grid-item-column-end: 10; }\n  .brick-grid-item[data-column-end=\"11\"] { --brick-grid-item-column-end: 11; }\n  .brick-grid-item[data-column-end=\"12\"] { --brick-grid-item-column-end: 12; }\n  .brick-grid-item[data-column-end=\"13\"] { --brick-grid-item-column-end: 13; }\n\n  .brick-grid-item[data-row-start=\"1\"] { --brick-grid-item-row-start: 1; }\n  .brick-grid-item[data-row-start=\"2\"] { --brick-grid-item-row-start: 2; }\n  .brick-grid-item[data-row-start=\"3\"] { --brick-grid-item-row-start: 3; }\n  .brick-grid-item[data-row-start=\"4\"] { --brick-grid-item-row-start: 4; }\n  .brick-grid-item[data-row-start=\"5\"] { --brick-grid-item-row-start: 5; }\n  .brick-grid-item[data-row-start=\"6\"] { --brick-grid-item-row-start: 6; }\n  .brick-grid-item[data-row-start=\"7\"] { --brick-grid-item-row-start: 7; }\n  .brick-grid-item[data-row-start=\"8\"] { --brick-grid-item-row-start: 8; }\n  .brick-grid-item[data-row-start=\"9\"] { --brick-grid-item-row-start: 9; }\n  .brick-grid-item[data-row-start=\"10\"] { --brick-grid-item-row-start: 10; }\n  .brick-grid-item[data-row-start=\"11\"] { --brick-grid-item-row-start: 11; }\n  .brick-grid-item[data-row-start=\"12\"] { --brick-grid-item-row-start: 12; }\n  .brick-grid-item[data-row-start=\"13\"] { --brick-grid-item-row-start: 13; }\n\n  .brick-grid-item[data-row-end=\"1\"] { --brick-grid-item-row-end: 1; }\n  .brick-grid-item[data-row-end=\"2\"] { --brick-grid-item-row-end: 2; }\n  .brick-grid-item[data-row-end=\"3\"] { --brick-grid-item-row-end: 3; }\n  .brick-grid-item[data-row-end=\"4\"] { --brick-grid-item-row-end: 4; }\n  .brick-grid-item[data-row-end=\"5\"] { --brick-grid-item-row-end: 5; }\n  .brick-grid-item[data-row-end=\"6\"] { --brick-grid-item-row-end: 6; }\n  .brick-grid-item[data-row-end=\"7\"] { --brick-grid-item-row-end: 7; }\n  .brick-grid-item[data-row-end=\"8\"] { --brick-grid-item-row-end: 8; }\n  .brick-grid-item[data-row-end=\"9\"] { --brick-grid-item-row-end: 9; }\n  .brick-grid-item[data-row-end=\"10\"] { --brick-grid-item-row-end: 10; }\n  .brick-grid-item[data-row-end=\"11\"] { --brick-grid-item-row-end: 11; }\n  .brick-grid-item[data-row-end=\"12\"] { --brick-grid-item-row-end: 12; }\n  .brick-grid-item[data-row-end=\"13\"] { --brick-grid-item-row-end: 13; }\n\n  @media (width >= 30rem) {\n    .brick-grid[data-columns-sm=\"1\"] { --brick-grid-columns: 1; }\n    .brick-grid[data-columns-sm=\"2\"] { --brick-grid-columns: 2; }\n    .brick-grid[data-columns-sm=\"3\"] { --brick-grid-columns: 3; }\n    .brick-grid[data-columns-sm=\"4\"] { --brick-grid-columns: 4; }\n    .brick-grid[data-columns-sm=\"5\"] { --brick-grid-columns: 5; }\n    .brick-grid[data-columns-sm=\"6\"] { --brick-grid-columns: 6; }\n    .brick-grid[data-columns-sm=\"7\"] { --brick-grid-columns: 7; }\n    .brick-grid[data-columns-sm=\"8\"] { --brick-grid-columns: 8; }\n    .brick-grid[data-columns-sm=\"9\"] { --brick-grid-columns: 9; }\n    .brick-grid[data-columns-sm=\"10\"] { --brick-grid-columns: 10; }\n    .brick-grid[data-columns-sm=\"11\"] { --brick-grid-columns: 11; }\n    .brick-grid[data-columns-sm=\"12\"] { --brick-grid-columns: 12; }\n    .brick-grid[data-align-sm=\"stretch\"] { align-items: stretch; }\n    .brick-grid[data-align-sm=\"start\"] { align-items: start; }\n    .brick-grid[data-align-sm=\"center\"] { align-items: center; }\n    .brick-grid[data-align-sm=\"end\"] { align-items: end; }\n    .brick-grid[data-align-sm=\"baseline\"] { align-items: baseline; }\n    .brick-grid[data-justify-sm=\"stretch\"] { justify-items: stretch; }\n    .brick-grid[data-justify-sm=\"start\"] { justify-items: start; }\n    .brick-grid[data-justify-sm=\"center\"] { justify-items: center; }\n    .brick-grid[data-justify-sm=\"end\"] { justify-items: end; }\n    .brick-grid-item[data-align-sm=\"auto\"] { align-self: auto; }\n    .brick-grid-item[data-align-sm=\"stretch\"] { align-self: stretch; }\n    .brick-grid-item[data-align-sm=\"start\"] { align-self: start; }\n    .brick-grid-item[data-align-sm=\"center\"] { align-self: center; }\n    .brick-grid-item[data-align-sm=\"end\"] { align-self: end; }\n    .brick-grid-item[data-align-sm=\"baseline\"] { align-self: baseline; }\n    .brick-grid-item[data-justify-sm=\"auto\"] { justify-self: auto; }\n    .brick-grid-item[data-justify-sm=\"stretch\"] { justify-self: stretch; }\n    .brick-grid-item[data-justify-sm=\"start\"] { justify-self: start; }\n    .brick-grid-item[data-justify-sm=\"center\"] { justify-self: center; }\n    .brick-grid-item[data-justify-sm=\"end\"] { justify-self: end; }\n    .brick-grid-item[data-column-span-sm=\"full\"] { --brick-grid-item-column-start: 1; --brick-grid-item-column-end: -1; }\n    .brick-grid-item[data-column-span-sm=\"1\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 1; }\n    .brick-grid-item[data-column-span-sm=\"2\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 2; }\n    .brick-grid-item[data-column-span-sm=\"3\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 3; }\n    .brick-grid-item[data-column-span-sm=\"4\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 4; }\n    .brick-grid-item[data-column-span-sm=\"5\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 5; }\n    .brick-grid-item[data-column-span-sm=\"6\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 6; }\n    .brick-grid-item[data-column-span-sm=\"7\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 7; }\n    .brick-grid-item[data-column-span-sm=\"8\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 8; }\n    .brick-grid-item[data-column-span-sm=\"9\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 9; }\n    .brick-grid-item[data-column-span-sm=\"10\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 10; }\n    .brick-grid-item[data-column-span-sm=\"11\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 11; }\n    .brick-grid-item[data-column-span-sm=\"12\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 12; }\n    .brick-grid-item[data-row-span-sm=\"1\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 1; }\n    .brick-grid-item[data-row-span-sm=\"2\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 2; }\n    .brick-grid-item[data-row-span-sm=\"3\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 3; }\n    .brick-grid-item[data-row-span-sm=\"4\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 4; }\n    .brick-grid-item[data-row-span-sm=\"5\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 5; }\n    .brick-grid-item[data-row-span-sm=\"6\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 6; }\n    .brick-grid-item[data-row-span-sm=\"7\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 7; }\n    .brick-grid-item[data-row-span-sm=\"8\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 8; }\n    .brick-grid-item[data-row-span-sm=\"9\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 9; }\n    .brick-grid-item[data-row-span-sm=\"10\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 10; }\n    .brick-grid-item[data-row-span-sm=\"11\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 11; }\n    .brick-grid-item[data-row-span-sm=\"12\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 12; }\n  }\n\n  @media (width >= 48rem) {\n    .brick-grid[data-columns-md=\"1\"] { --brick-grid-columns: 1; }\n    .brick-grid[data-columns-md=\"2\"] { --brick-grid-columns: 2; }\n    .brick-grid[data-columns-md=\"3\"] { --brick-grid-columns: 3; }\n    .brick-grid[data-columns-md=\"4\"] { --brick-grid-columns: 4; }\n    .brick-grid[data-columns-md=\"5\"] { --brick-grid-columns: 5; }\n    .brick-grid[data-columns-md=\"6\"] { --brick-grid-columns: 6; }\n    .brick-grid[data-columns-md=\"7\"] { --brick-grid-columns: 7; }\n    .brick-grid[data-columns-md=\"8\"] { --brick-grid-columns: 8; }\n    .brick-grid[data-columns-md=\"9\"] { --brick-grid-columns: 9; }\n    .brick-grid[data-columns-md=\"10\"] { --brick-grid-columns: 10; }\n    .brick-grid[data-columns-md=\"11\"] { --brick-grid-columns: 11; }\n    .brick-grid[data-columns-md=\"12\"] { --brick-grid-columns: 12; }\n    .brick-grid[data-align-md=\"stretch\"] { align-items: stretch; }\n    .brick-grid[data-align-md=\"start\"] { align-items: start; }\n    .brick-grid[data-align-md=\"center\"] { align-items: center; }\n    .brick-grid[data-align-md=\"end\"] { align-items: end; }\n    .brick-grid[data-align-md=\"baseline\"] { align-items: baseline; }\n    .brick-grid[data-justify-md=\"stretch\"] { justify-items: stretch; }\n    .brick-grid[data-justify-md=\"start\"] { justify-items: start; }\n    .brick-grid[data-justify-md=\"center\"] { justify-items: center; }\n    .brick-grid[data-justify-md=\"end\"] { justify-items: end; }\n    .brick-grid-item[data-align-md=\"auto\"] { align-self: auto; }\n    .brick-grid-item[data-align-md=\"stretch\"] { align-self: stretch; }\n    .brick-grid-item[data-align-md=\"start\"] { align-self: start; }\n    .brick-grid-item[data-align-md=\"center\"] { align-self: center; }\n    .brick-grid-item[data-align-md=\"end\"] { align-self: end; }\n    .brick-grid-item[data-align-md=\"baseline\"] { align-self: baseline; }\n    .brick-grid-item[data-justify-md=\"auto\"] { justify-self: auto; }\n    .brick-grid-item[data-justify-md=\"stretch\"] { justify-self: stretch; }\n    .brick-grid-item[data-justify-md=\"start\"] { justify-self: start; }\n    .brick-grid-item[data-justify-md=\"center\"] { justify-self: center; }\n    .brick-grid-item[data-justify-md=\"end\"] { justify-self: end; }\n    .brick-grid-item[data-column-span-md=\"full\"] { --brick-grid-item-column-start: 1; --brick-grid-item-column-end: -1; }\n    .brick-grid-item[data-column-span-md=\"1\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 1; }\n    .brick-grid-item[data-column-span-md=\"2\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 2; }\n    .brick-grid-item[data-column-span-md=\"3\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 3; }\n    .brick-grid-item[data-column-span-md=\"4\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 4; }\n    .brick-grid-item[data-column-span-md=\"5\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 5; }\n    .brick-grid-item[data-column-span-md=\"6\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 6; }\n    .brick-grid-item[data-column-span-md=\"7\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 7; }\n    .brick-grid-item[data-column-span-md=\"8\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 8; }\n    .brick-grid-item[data-column-span-md=\"9\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 9; }\n    .brick-grid-item[data-column-span-md=\"10\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 10; }\n    .brick-grid-item[data-column-span-md=\"11\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 11; }\n    .brick-grid-item[data-column-span-md=\"12\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 12; }\n    .brick-grid-item[data-row-span-md=\"1\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 1; }\n    .brick-grid-item[data-row-span-md=\"2\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 2; }\n    .brick-grid-item[data-row-span-md=\"3\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 3; }\n    .brick-grid-item[data-row-span-md=\"4\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 4; }\n    .brick-grid-item[data-row-span-md=\"5\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 5; }\n    .brick-grid-item[data-row-span-md=\"6\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 6; }\n    .brick-grid-item[data-row-span-md=\"7\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 7; }\n    .brick-grid-item[data-row-span-md=\"8\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 8; }\n    .brick-grid-item[data-row-span-md=\"9\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 9; }\n    .brick-grid-item[data-row-span-md=\"10\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 10; }\n    .brick-grid-item[data-row-span-md=\"11\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 11; }\n    .brick-grid-item[data-row-span-md=\"12\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 12; }\n  }\n\n  @media (width >= 64rem) {\n    .brick-grid[data-columns-lg=\"1\"] { --brick-grid-columns: 1; }\n    .brick-grid[data-columns-lg=\"2\"] { --brick-grid-columns: 2; }\n    .brick-grid[data-columns-lg=\"3\"] { --brick-grid-columns: 3; }\n    .brick-grid[data-columns-lg=\"4\"] { --brick-grid-columns: 4; }\n    .brick-grid[data-columns-lg=\"5\"] { --brick-grid-columns: 5; }\n    .brick-grid[data-columns-lg=\"6\"] { --brick-grid-columns: 6; }\n    .brick-grid[data-columns-lg=\"7\"] { --brick-grid-columns: 7; }\n    .brick-grid[data-columns-lg=\"8\"] { --brick-grid-columns: 8; }\n    .brick-grid[data-columns-lg=\"9\"] { --brick-grid-columns: 9; }\n    .brick-grid[data-columns-lg=\"10\"] { --brick-grid-columns: 10; }\n    .brick-grid[data-columns-lg=\"11\"] { --brick-grid-columns: 11; }\n    .brick-grid[data-columns-lg=\"12\"] { --brick-grid-columns: 12; }\n    .brick-grid[data-align-lg=\"stretch\"] { align-items: stretch; }\n    .brick-grid[data-align-lg=\"start\"] { align-items: start; }\n    .brick-grid[data-align-lg=\"center\"] { align-items: center; }\n    .brick-grid[data-align-lg=\"end\"] { align-items: end; }\n    .brick-grid[data-align-lg=\"baseline\"] { align-items: baseline; }\n    .brick-grid[data-justify-lg=\"stretch\"] { justify-items: stretch; }\n    .brick-grid[data-justify-lg=\"start\"] { justify-items: start; }\n    .brick-grid[data-justify-lg=\"center\"] { justify-items: center; }\n    .brick-grid[data-justify-lg=\"end\"] { justify-items: end; }\n    .brick-grid-item[data-align-lg=\"auto\"] { align-self: auto; }\n    .brick-grid-item[data-align-lg=\"stretch\"] { align-self: stretch; }\n    .brick-grid-item[data-align-lg=\"start\"] { align-self: start; }\n    .brick-grid-item[data-align-lg=\"center\"] { align-self: center; }\n    .brick-grid-item[data-align-lg=\"end\"] { align-self: end; }\n    .brick-grid-item[data-align-lg=\"baseline\"] { align-self: baseline; }\n    .brick-grid-item[data-justify-lg=\"auto\"] { justify-self: auto; }\n    .brick-grid-item[data-justify-lg=\"stretch\"] { justify-self: stretch; }\n    .brick-grid-item[data-justify-lg=\"start\"] { justify-self: start; }\n    .brick-grid-item[data-justify-lg=\"center\"] { justify-self: center; }\n    .brick-grid-item[data-justify-lg=\"end\"] { justify-self: end; }\n    .brick-grid-item[data-column-span-lg=\"full\"] { --brick-grid-item-column-start: 1; --brick-grid-item-column-end: -1; }\n    .brick-grid-item[data-column-span-lg=\"1\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 1; }\n    .brick-grid-item[data-column-span-lg=\"2\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 2; }\n    .brick-grid-item[data-column-span-lg=\"3\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 3; }\n    .brick-grid-item[data-column-span-lg=\"4\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 4; }\n    .brick-grid-item[data-column-span-lg=\"5\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 5; }\n    .brick-grid-item[data-column-span-lg=\"6\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 6; }\n    .brick-grid-item[data-column-span-lg=\"7\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 7; }\n    .brick-grid-item[data-column-span-lg=\"8\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 8; }\n    .brick-grid-item[data-column-span-lg=\"9\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 9; }\n    .brick-grid-item[data-column-span-lg=\"10\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 10; }\n    .brick-grid-item[data-column-span-lg=\"11\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 11; }\n    .brick-grid-item[data-column-span-lg=\"12\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 12; }\n    .brick-grid-item[data-row-span-lg=\"1\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 1; }\n    .brick-grid-item[data-row-span-lg=\"2\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 2; }\n    .brick-grid-item[data-row-span-lg=\"3\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 3; }\n    .brick-grid-item[data-row-span-lg=\"4\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 4; }\n    .brick-grid-item[data-row-span-lg=\"5\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 5; }\n    .brick-grid-item[data-row-span-lg=\"6\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 6; }\n    .brick-grid-item[data-row-span-lg=\"7\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 7; }\n    .brick-grid-item[data-row-span-lg=\"8\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 8; }\n    .brick-grid-item[data-row-span-lg=\"9\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 9; }\n    .brick-grid-item[data-row-span-lg=\"10\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 10; }\n    .brick-grid-item[data-row-span-lg=\"11\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 11; }\n    .brick-grid-item[data-row-span-lg=\"12\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 12; }\n  }\n\n  @media (width >= 80rem) {\n    .brick-grid[data-columns-xl=\"1\"] { --brick-grid-columns: 1; }\n    .brick-grid[data-columns-xl=\"2\"] { --brick-grid-columns: 2; }\n    .brick-grid[data-columns-xl=\"3\"] { --brick-grid-columns: 3; }\n    .brick-grid[data-columns-xl=\"4\"] { --brick-grid-columns: 4; }\n    .brick-grid[data-columns-xl=\"5\"] { --brick-grid-columns: 5; }\n    .brick-grid[data-columns-xl=\"6\"] { --brick-grid-columns: 6; }\n    .brick-grid[data-columns-xl=\"7\"] { --brick-grid-columns: 7; }\n    .brick-grid[data-columns-xl=\"8\"] { --brick-grid-columns: 8; }\n    .brick-grid[data-columns-xl=\"9\"] { --brick-grid-columns: 9; }\n    .brick-grid[data-columns-xl=\"10\"] { --brick-grid-columns: 10; }\n    .brick-grid[data-columns-xl=\"11\"] { --brick-grid-columns: 11; }\n    .brick-grid[data-columns-xl=\"12\"] { --brick-grid-columns: 12; }\n    .brick-grid[data-align-xl=\"stretch\"] { align-items: stretch; }\n    .brick-grid[data-align-xl=\"start\"] { align-items: start; }\n    .brick-grid[data-align-xl=\"center\"] { align-items: center; }\n    .brick-grid[data-align-xl=\"end\"] { align-items: end; }\n    .brick-grid[data-align-xl=\"baseline\"] { align-items: baseline; }\n    .brick-grid[data-justify-xl=\"stretch\"] { justify-items: stretch; }\n    .brick-grid[data-justify-xl=\"start\"] { justify-items: start; }\n    .brick-grid[data-justify-xl=\"center\"] { justify-items: center; }\n    .brick-grid[data-justify-xl=\"end\"] { justify-items: end; }\n    .brick-grid-item[data-align-xl=\"auto\"] { align-self: auto; }\n    .brick-grid-item[data-align-xl=\"stretch\"] { align-self: stretch; }\n    .brick-grid-item[data-align-xl=\"start\"] { align-self: start; }\n    .brick-grid-item[data-align-xl=\"center\"] { align-self: center; }\n    .brick-grid-item[data-align-xl=\"end\"] { align-self: end; }\n    .brick-grid-item[data-align-xl=\"baseline\"] { align-self: baseline; }\n    .brick-grid-item[data-justify-xl=\"auto\"] { justify-self: auto; }\n    .brick-grid-item[data-justify-xl=\"stretch\"] { justify-self: stretch; }\n    .brick-grid-item[data-justify-xl=\"start\"] { justify-self: start; }\n    .brick-grid-item[data-justify-xl=\"center\"] { justify-self: center; }\n    .brick-grid-item[data-justify-xl=\"end\"] { justify-self: end; }\n    .brick-grid-item[data-column-span-xl=\"full\"] { --brick-grid-item-column-start: 1; --brick-grid-item-column-end: -1; }\n    .brick-grid-item[data-column-span-xl=\"1\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 1; }\n    .brick-grid-item[data-column-span-xl=\"2\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 2; }\n    .brick-grid-item[data-column-span-xl=\"3\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 3; }\n    .brick-grid-item[data-column-span-xl=\"4\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 4; }\n    .brick-grid-item[data-column-span-xl=\"5\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 5; }\n    .brick-grid-item[data-column-span-xl=\"6\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 6; }\n    .brick-grid-item[data-column-span-xl=\"7\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 7; }\n    .brick-grid-item[data-column-span-xl=\"8\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 8; }\n    .brick-grid-item[data-column-span-xl=\"9\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 9; }\n    .brick-grid-item[data-column-span-xl=\"10\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 10; }\n    .brick-grid-item[data-column-span-xl=\"11\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 11; }\n    .brick-grid-item[data-column-span-xl=\"12\"] { --brick-grid-item-column-start: auto; --brick-grid-item-column-end: span 12; }\n    .brick-grid-item[data-row-span-xl=\"1\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 1; }\n    .brick-grid-item[data-row-span-xl=\"2\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 2; }\n    .brick-grid-item[data-row-span-xl=\"3\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 3; }\n    .brick-grid-item[data-row-span-xl=\"4\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 4; }\n    .brick-grid-item[data-row-span-xl=\"5\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 5; }\n    .brick-grid-item[data-row-span-xl=\"6\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 6; }\n    .brick-grid-item[data-row-span-xl=\"7\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 7; }\n    .brick-grid-item[data-row-span-xl=\"8\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 8; }\n    .brick-grid-item[data-row-span-xl=\"9\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 9; }\n    .brick-grid-item[data-row-span-xl=\"10\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 10; }\n    .brick-grid-item[data-row-span-xl=\"11\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 11; }\n    .brick-grid-item[data-row-span-xl=\"12\"] { --brick-grid-item-row-start: auto; --brick-grid-item-row-end: span 12; }\n  }\n\n  @media (width >= 30rem) {\n    .brick-grid[data-gap-sm] { --brick-grid-gap: var(--brick-grid-gap-sm-input, var(--brick-grid-gap-input, var(--brick-space-0))); }\n    .brick-grid[data-row-gap-sm] { --brick-grid-row-gap: var(--brick-grid-row-gap-sm-input, var(--brick-grid-gap)); }\n    .brick-grid[data-column-gap-sm] { --brick-grid-column-gap: var(--brick-grid-column-gap-sm-input, var(--brick-grid-gap)); }\n  }\n\n  @media (width >= 48rem) {\n    .brick-grid[data-gap-md] { --brick-grid-gap: var(--brick-grid-gap-md-input, var(--brick-grid-gap-input, var(--brick-space-0))); }\n    .brick-grid[data-row-gap-md] { --brick-grid-row-gap: var(--brick-grid-row-gap-md-input, var(--brick-grid-gap)); }\n    .brick-grid[data-column-gap-md] { --brick-grid-column-gap: var(--brick-grid-column-gap-md-input, var(--brick-grid-gap)); }\n  }\n\n  @media (width >= 64rem) {\n    .brick-grid[data-gap-lg] { --brick-grid-gap: var(--brick-grid-gap-lg-input, var(--brick-grid-gap-input, var(--brick-space-0))); }\n    .brick-grid[data-row-gap-lg] { --brick-grid-row-gap: var(--brick-grid-row-gap-lg-input, var(--brick-grid-gap)); }\n    .brick-grid[data-column-gap-lg] { --brick-grid-column-gap: var(--brick-grid-column-gap-lg-input, var(--brick-grid-gap)); }\n  }\n\n  @media (width >= 80rem) {\n    .brick-grid[data-gap-xl] { --brick-grid-gap: var(--brick-grid-gap-xl-input, var(--brick-grid-gap-input, var(--brick-space-0))); }\n    .brick-grid[data-row-gap-xl] { --brick-grid-row-gap: var(--brick-grid-row-gap-xl-input, var(--brick-grid-gap)); }\n    .brick-grid[data-column-gap-xl] { --brick-grid-column-gap: var(--brick-grid-column-gap-xl-input, var(--brick-grid-gap)); }\n  }\n\n}\n"],"names":[]}