@flowstack-ui/brick 0.1.9 → 0.1.12

package/dist/styles/toolbar.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,09BA2BA,yGACA,iGACA,4JACA,0IACA,uIACA,qsBAMA,oKACA,oKACA,yIACA,oOACA,yJACA,uLACA,8CACA,qLACA,uKACA,wCAA4C,yJAC5C,uCAA0C,iGAC1C,8BAAiC,uCAA6C,yEDlDhF","sources":["home/runner/work/brick/brick/.brick-cache/production/toolbar.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/toolbar/toolbar.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/toolbar/toolbar.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-toolbar {\n    --brick-toolbar-surface: var(--brick-color-surface-subtle);\n    --brick-toolbar-border-color: transparent;\n    --brick-toolbar-radius: var(--brick-radius-control);\n    --brick-toolbar-gap: 0.25rem;\n    --brick-toolbar-padding: 0.25rem;\n    --brick-toolbar-item-size: var(--brick-control-min-block-size-md);\n    --brick-toolbar-item-padding-inline: 0.75rem;\n    --brick-toolbar-item-radius: calc(var(--brick-toolbar-radius) - 0.125rem);\n    --brick-toolbar-item-background: transparent;\n    --brick-toolbar-item-selected-background: var(--brick-color-accent-soft);\n    --brick-toolbar-separator-color: var(--brick-color-border-default);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    align-items: center;\n    gap: var(--brick-toolbar-gap);\n    padding: var(--brick-toolbar-padding);\n    border: var(--brick-border-width) solid var(--brick-toolbar-border-color);\n    border-radius: var(--brick-toolbar-radius);\n    background: var(--brick-toolbar-surface);\n    color: var(--brick-color-text-primary);\n    overflow: auto hidden;\n    scrollbar-width: thin;\n  }\n  .brick-toolbar[data-orientation=\"vertical\"] { flex-direction: column; align-items: stretch; overflow: hidden auto; }\n  .brick-toolbar[data-variant=\"plain\"] { --brick-toolbar-surface: transparent; --brick-toolbar-padding: 0; }\n  .brick-toolbar[data-variant=\"outline\"] { --brick-toolbar-surface: var(--brick-color-surface-base); --brick-toolbar-border-color: var(--brick-color-border-default); }\n  .brick-toolbar[data-size=\"sm\"] { --brick-toolbar-item-size: var(--brick-control-min-block-size-sm); --brick-toolbar-item-padding-inline: 0.625rem; }\n  .brick-toolbar[data-size=\"lg\"] { --brick-toolbar-item-size: var(--brick-control-min-block-size-lg); --brick-toolbar-item-padding-inline: 1rem; }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) {\n    display: inline-flex; box-sizing: border-box; flex: 0 0 auto; min-block-size: var(--brick-toolbar-item-size); align-items: center; justify-content: center;\n    gap: 0.375rem; padding: 0.25rem var(--brick-toolbar-item-padding-inline); border: var(--brick-border-width) solid transparent; border-radius: var(--brick-toolbar-item-radius);\n    appearance: none; background: var(--brick-toolbar-item-background); color: inherit; font: inherit; font-family: var(--brick-typography-control-md-font-family); font-weight: var(--brick-typography-control-md-font-weight);\n    line-height: var(--brick-typography-control-md-line-height); text-decoration: none; white-space: nowrap; cursor: pointer;\n  }\n  .brick-toolbar[data-size=\"sm\"] :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) { font-size: var(--brick-typography-control-sm-font-size); }\n  .brick-toolbar[data-size=\"lg\"] :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) { font-size: var(--brick-typography-control-lg-font-size); }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) > :where(svg, img) { inline-size: 1em; block-size: 1em; flex: none; }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item):focus-visible { z-index: 1; outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item)[data-disabled] { color: var(--brick-color-text-disabled); cursor: not-allowed; }\n  .brick-toolbar__toggle-item[data-state=\"on\"] { border-color: var(--brick-color-accent-border); background: var(--brick-toolbar-item-selected-background); color: var(--brick-color-accent-text); }\n  .brick-toolbar__toggle-group { display: contents; }\n  .brick-toolbar__separator { flex: 0 0 auto; align-self: stretch; inline-size: var(--brick-border-width); min-block-size: 1.25rem; margin: 0 0.125rem; background: var(--brick-toolbar-separator-color); }\n  .brick-toolbar__separator[data-orientation=\"horizontal\"] { inline-size: auto; min-block-size: 0; block-size: var(--brick-border-width); min-inline-size: 1.25rem; margin: 0.125rem 0; }\n  @media (hover: hover) and (pointer: fine) { :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item):not([data-disabled]):hover { background: var(--brick-color-surface-raised); } }\n  @media (prefers-reduced-motion: reduce) { :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) { transition: none; } }\n  @media (forced-colors: active) { .brick-toolbar { border-color: CanvasText; } .brick-toolbar__toggle-item[data-state=\"on\"] { outline: 2px solid Highlight; } }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,i+BA2BA,yGACA,iGACA,4JACA,0IACA,uIACA,qsBAMA,oKACA,oKACA,yIACA,8OACA,uNAQA,8vBAcA,ywCAqBA,6TAMA,kPAKA,6IACA,+LAIA,4FACA,+MAKA,6JACA,8OAIA,2LAMA,qLACA,uKACA,wCACE,wJACA,0JACA,yOAIA,uKAEF,uCAA0C,iGAC1C,8BAAiC,uCAA6C,yEDnIhF","sources":["home/runner/work/brick/brick/.brick-cache/production/toolbar.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/toolbar/toolbar.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/toolbar/toolbar.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-toolbar {\n    --brick-toolbar-surface: var(--brick-color-surface-subtle);\n    --brick-toolbar-border-color: transparent;\n    --brick-toolbar-radius: var(--brick-radius-control);\n    --brick-toolbar-gap: 0.25rem;\n    --brick-toolbar-padding: 0.25rem;\n    --brick-toolbar-item-size: var(--brick-control-min-block-size-md);\n    --brick-toolbar-item-padding-inline: 0.75rem;\n    --brick-toolbar-item-radius: calc(var(--brick-toolbar-radius) - 0.125rem);\n    --brick-toolbar-item-background: transparent;\n    --brick-toolbar-item-selected-background: var(--brick-toolbar-toggle-tone-soft);\n    --brick-toolbar-separator-color: var(--brick-color-border-default);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    align-items: center;\n    gap: var(--brick-toolbar-gap);\n    padding: var(--brick-toolbar-padding);\n    border: var(--brick-border-width) solid var(--brick-toolbar-border-color);\n    border-radius: var(--brick-toolbar-radius);\n    background: var(--brick-toolbar-surface);\n    color: var(--brick-color-text-primary);\n    overflow: auto hidden;\n    scrollbar-width: thin;\n  }\n  .brick-toolbar[data-orientation=\"vertical\"] { flex-direction: column; align-items: stretch; overflow: hidden auto; }\n  .brick-toolbar[data-variant=\"plain\"] { --brick-toolbar-surface: transparent; --brick-toolbar-padding: 0; }\n  .brick-toolbar[data-variant=\"outline\"] { --brick-toolbar-surface: var(--brick-color-surface-base); --brick-toolbar-border-color: var(--brick-color-border-default); }\n  .brick-toolbar[data-size=\"sm\"] { --brick-toolbar-item-size: var(--brick-control-min-block-size-sm); --brick-toolbar-item-padding-inline: 0.625rem; }\n  .brick-toolbar[data-size=\"lg\"] { --brick-toolbar-item-size: var(--brick-control-min-block-size-lg); --brick-toolbar-item-padding-inline: 1rem; }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) {\n    display: inline-flex; box-sizing: border-box; flex: 0 0 auto; min-block-size: var(--brick-toolbar-item-size); align-items: center; justify-content: center;\n    gap: 0.375rem; padding: 0.25rem var(--brick-toolbar-item-padding-inline); border: var(--brick-border-width) solid transparent; border-radius: var(--brick-toolbar-item-radius);\n    appearance: none; background: var(--brick-toolbar-item-background); color: inherit; font: inherit; font-family: var(--brick-typography-control-md-font-family); font-weight: var(--brick-typography-control-md-font-weight);\n    line-height: var(--brick-typography-control-md-line-height); text-decoration: none; white-space: nowrap; cursor: pointer;\n  }\n  .brick-toolbar[data-size=\"sm\"] :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) { font-size: var(--brick-typography-control-sm-font-size); }\n  .brick-toolbar[data-size=\"lg\"] :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) { font-size: var(--brick-typography-control-lg-font-size); }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) > :where(svg, img) { inline-size: 1em; block-size: 1em; flex: none; }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item):focus-visible { z-index: 1; outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring); outline-offset: calc(-1 * var(--brick-border-focus-width)); }\n  :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item)[data-disabled] {\n    border-color: transparent;\n    background: transparent;\n    color: var(--brick-color-text-disabled);\n    box-shadow: none;\n    cursor: not-allowed;\n    opacity: 0.55;\n  }\n  .brick-toolbar__toggle-group {\n    --brick-toolbar-toggle-tone-solid: var(--brick-color-accent-solid);\n    --brick-toolbar-toggle-tone-solid-hover: var(--brick-color-accent-solid-hover);\n    --brick-toolbar-toggle-tone-solid-pressed: var(--brick-color-accent-solid-pressed);\n    --brick-toolbar-toggle-tone-on-solid: var(--brick-color-accent-on-solid);\n    --brick-toolbar-toggle-tone-soft: var(--brick-color-accent-soft);\n    --brick-toolbar-toggle-tone-soft-hover: var(--brick-color-accent-soft-hover);\n    --brick-toolbar-toggle-tone-soft-pressed: var(--brick-color-accent-soft-pressed);\n    --brick-toolbar-toggle-tone-on-soft: var(--brick-color-accent-on-soft);\n    --brick-toolbar-toggle-tone-border: var(--brick-color-accent-border);\n    --brick-toolbar-toggle-tone-text: var(--brick-color-accent-text);\n\n    display: contents;\n  }\n  .brick-toolbar__toggle-group[data-tone=\"neutral\"] {\n    --brick-toolbar-toggle-tone-solid: light-dark(\n      var(--brick-color-surface-raised),\n      color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 16%)\n    );\n    --brick-toolbar-toggle-tone-solid-hover: light-dark(\n      color-mix(in srgb, var(--brick-color-surface-raised) 80%, var(--brick-color-surface-subtle)),\n      color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 22%)\n    );\n    --brick-toolbar-toggle-tone-solid-pressed: light-dark(\n      color-mix(in srgb, var(--brick-color-surface-raised) 60%, var(--brick-color-surface-subtle)),\n      color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 28%)\n    );\n    --brick-toolbar-toggle-tone-on-solid: var(--brick-color-text-primary);\n    --brick-toolbar-toggle-tone-soft: var(--brick-color-surface-subtle);\n    --brick-toolbar-toggle-tone-soft-hover: var(--brick-color-surface-base);\n    --brick-toolbar-toggle-tone-soft-pressed: var(--brick-color-border-subtle);\n    --brick-toolbar-toggle-tone-on-soft: var(--brick-color-text-primary);\n    --brick-toolbar-toggle-tone-border: var(--brick-color-border-strong);\n    --brick-toolbar-toggle-tone-text: var(--brick-color-text-primary);\n  }\n  .brick-toolbar__toggle-group[data-variant=\"soft\"] > .brick-toolbar__toggle-item[data-state=\"on\"] {\n    border-color: var(--brick-toolbar-toggle-tone-border);\n    background: var(--brick-toolbar-item-selected-background);\n    color: var(--brick-toolbar-toggle-tone-on-soft);\n    box-shadow: inset 0 -0.125rem 0 var(--brick-toolbar-toggle-tone-solid);\n  }\n  .brick-toolbar__toggle-group[data-variant=\"solid\"] > .brick-toolbar__toggle-item[data-state=\"on\"] {\n    border-color: var(--brick-toolbar-toggle-tone-solid);\n    background: var(--brick-toolbar-toggle-tone-solid);\n    color: var(--brick-toolbar-toggle-tone-on-solid);\n  }\n  .brick-toolbar__toggle-group[data-variant=\"outline\"] > .brick-toolbar__toggle-item { border-color: var(--brick-color-border-default); background: transparent; }\n  .brick-toolbar__toggle-group[data-variant=\"outline\"] > .brick-toolbar__toggle-item[data-state=\"on\"] {\n    border-color: var(--brick-toolbar-toggle-tone-border);\n    color: var(--brick-toolbar-toggle-tone-text);\n  }\n  .brick-toolbar__toggle-group[data-variant=\"ghost\"] > .brick-toolbar__toggle-item { background: transparent; }\n  .brick-toolbar__toggle-group[data-variant=\"ghost\"] > .brick-toolbar__toggle-item[data-state=\"on\"] {\n    border-color: transparent;\n    background: var(--brick-toolbar-toggle-tone-soft);\n    color: var(--brick-toolbar-toggle-tone-on-soft);\n  }\n  .brick-toolbar__toggle-group > .brick-toolbar__toggle-item[data-state=\"on\"]:not([data-disabled]):active { background: var(--brick-toolbar-toggle-tone-soft-pressed); }\n  .brick-toolbar__toggle-group[data-variant=\"solid\"] > .brick-toolbar__toggle-item[data-state=\"on\"]:not([data-disabled]):active {\n    border-color: var(--brick-toolbar-toggle-tone-solid-pressed);\n    background: var(--brick-toolbar-toggle-tone-solid-pressed);\n  }\n  .brick-toolbar__toggle-group[data-variant] > .brick-toolbar__toggle-item[data-disabled][data-state] {\n    border-color: transparent;\n    background: transparent;\n    color: var(--brick-color-text-disabled);\n    box-shadow: none;\n  }\n  .brick-toolbar__separator { flex: 0 0 auto; align-self: stretch; inline-size: var(--brick-border-width); min-block-size: 1.25rem; margin: 0 0.125rem; background: var(--brick-toolbar-separator-color); }\n  .brick-toolbar__separator[data-orientation=\"horizontal\"] { inline-size: auto; min-block-size: 0; block-size: var(--brick-border-width); min-inline-size: 1.25rem; margin: 0.125rem 0; }\n  @media (hover: hover) and (pointer: fine) {\n    :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item):not([data-disabled]):hover { background: var(--brick-color-surface-raised); }\n    .brick-toolbar__toggle-group > .brick-toolbar__toggle-item[data-state=\"on\"]:not([data-disabled]):hover { background: var(--brick-toolbar-toggle-tone-soft-hover); }\n    .brick-toolbar__toggle-group[data-variant=\"solid\"] > .brick-toolbar__toggle-item[data-state=\"on\"]:not([data-disabled]):hover {\n      border-color: var(--brick-toolbar-toggle-tone-solid-hover);\n      background: var(--brick-toolbar-toggle-tone-solid-hover);\n    }\n    .brick-toolbar__toggle-group[data-variant=\"outline\"] > .brick-toolbar__toggle-item[data-state=\"on\"]:not([data-disabled]):hover { background: var(--brick-color-surface-raised); }\n  }\n  @media (prefers-reduced-motion: reduce) { :where(.brick-toolbar__button, .brick-toolbar__link, .brick-toolbar__toggle-item) { transition: none; } }\n  @media (forced-colors: active) { .brick-toolbar { border-color: CanvasText; } .brick-toolbar__toggle-item[data-state=\"on\"] { outline: 2px solid Highlight; } }\n}\n"],"names":[]}

package/dist/styles/z-stack.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-z-stack{box-sizing:border-box;grid-template:minmax(0,auto)/minmax(0,1fr);place-items:stretch stretch;min-block-size:0;min-inline-size:0;display:grid}.brick-z-stack>*{grid-area:1/1;min-block-size:0;min-inline-size:0}.brick-z-stack[data-align=start]{align-items:start}.brick-z-stack[data-align=center]{align-items:center}.brick-z-stack[data-align=end]{align-items:end}.brick-z-stack[data-justify=start]{justify-items:start}.brick-z-stack[data-justify=center]{justify-items:center}.brick-z-stack[data-justify=end]{justify-items:end}.brick-z-stack-item{box-sizing:border-box;place-self:auto}.brick-z-stack-item[data-align=stretch]{align-self:stretch}.brick-z-stack-item[data-align=start]{align-self:start}.brick-z-stack-item[data-align=center]{align-self:center}.brick-z-stack-item[data-align=end]{align-self:end}.brick-z-stack-item[data-justify=stretch]{justify-self:stretch}.brick-z-stack-item[data-justify=start]{justify-self:start}.brick-z-stack-item[data-justify=center]{justify-self:center}.brick-z-stack-item[data-justify=end]{justify-self:end}@media (width>=30rem){.brick-z-stack[data-align-sm=stretch]{align-items:stretch}.brick-z-stack[data-align-sm=start]{align-items:start}.brick-z-stack[data-align-sm=center]{align-items:center}.brick-z-stack[data-align-sm=end]{align-items:end}.brick-z-stack[data-justify-sm=stretch]{justify-items:stretch}.brick-z-stack[data-justify-sm=start]{justify-items:start}.brick-z-stack[data-justify-sm=center]{justify-items:center}.brick-z-stack[data-justify-sm=end]{justify-items:end}.brick-z-stack-item[data-align-sm=auto]{align-self:auto}.brick-z-stack-item[data-align-sm=stretch]{align-self:stretch}.brick-z-stack-item[data-align-sm=start]{align-self:start}.brick-z-stack-item[data-align-sm=center]{align-self:center}.brick-z-stack-item[data-align-sm=end]{align-self:end}.brick-z-stack-item[data-justify-sm=auto]{justify-self:auto}.brick-z-stack-item[data-justify-sm=stretch]{justify-self:stretch}.brick-z-stack-item[data-justify-sm=start]{justify-self:start}.brick-z-stack-item[data-justify-sm=center]{justify-self:center}.brick-z-stack-item[data-justify-sm=end]{justify-self:end}}@media (width>=48rem){.brick-z-stack[data-align-md=stretch]{align-items:stretch}.brick-z-stack[data-align-md=start]{align-items:start}.brick-z-stack[data-align-md=center]{align-items:center}.brick-z-stack[data-align-md=end]{align-items:end}.brick-z-stack[data-justify-md=stretch]{justify-items:stretch}.brick-z-stack[data-justify-md=start]{justify-items:start}.brick-z-stack[data-justify-md=center]{justify-items:center}.brick-z-stack[data-justify-md=end]{justify-items:end}.brick-z-stack-item[data-align-md=auto]{align-self:auto}.brick-z-stack-item[data-align-md=stretch]{align-self:stretch}.brick-z-stack-item[data-align-md=start]{align-self:start}.brick-z-stack-item[data-align-md=center]{align-self:center}.brick-z-stack-item[data-align-md=end]{align-self:end}.brick-z-stack-item[data-justify-md=auto]{justify-self:auto}.brick-z-stack-item[data-justify-md=stretch]{justify-self:stretch}.brick-z-stack-item[data-justify-md=start]{justify-self:start}.brick-z-stack-item[data-justify-md=center]{justify-self:center}.brick-z-stack-item[data-justify-md=end]{justify-self:end}}@media (width>=64rem){.brick-z-stack[data-align-lg=stretch]{align-items:stretch}.brick-z-stack[data-align-lg=start]{align-items:start}.brick-z-stack[data-align-lg=center]{align-items:center}.brick-z-stack[data-align-lg=end]{align-items:end}.brick-z-stack[data-justify-lg=stretch]{justify-items:stretch}.brick-z-stack[data-justify-lg=start]{justify-items:start}.brick-z-stack[data-justify-lg=center]{justify-items:center}.brick-z-stack[data-justify-lg=end]{justify-items:end}.brick-z-stack-item[data-align-lg=auto]{align-self:auto}.brick-z-stack-item[data-align-lg=stretch]{align-self:stretch}.brick-z-stack-item[data-align-lg=start]{align-self:start}.brick-z-stack-item[data-align-lg=center]{align-self:center}.brick-z-stack-item[data-align-lg=end]{align-self:end}.brick-z-stack-item[data-justify-lg=auto]{justify-self:auto}.brick-z-stack-item[data-justify-lg=stretch]{justify-self:stretch}.brick-z-stack-item[data-justify-lg=start]{justify-self:start}.brick-z-stack-item[data-justify-lg=center]{justify-self:center}.brick-z-stack-item[data-justify-lg=end]{justify-self:end}}@media (width>=80rem){.brick-z-stack[data-align-xl=stretch]{align-items:stretch}.brick-z-stack[data-align-xl=start]{align-items:start}.brick-z-stack[data-align-xl=center]{align-items:center}.brick-z-stack[data-align-xl=end]{align-items:end}.brick-z-stack[data-justify-xl=stretch]{justify-items:stretch}.brick-z-stack[data-justify-xl=start]{justify-items:start}.brick-z-stack[data-justify-xl=center]{justify-items:center}.brick-z-stack[data-justify-xl=end]{justify-items:end}.brick-z-stack-item[data-align-xl=auto]{align-self:auto}.brick-z-stack-item[data-align-xl=stretch]{align-self:stretch}.brick-z-stack-item[data-align-xl=start]{align-self:start}.brick-z-stack-item[data-align-xl=center]{align-self:center}.brick-z-stack-item[data-align-xl=end]{align-self:end}.brick-z-stack-item[data-justify-xl=auto]{justify-self:auto}.brick-z-stack-item[data-justify-xl=stretch]{justify-self:stretch}.brick-z-stack-item[data-justify-xl=start]{justify-self:start}.brick-z-stack-item[data-justify-xl=center]{justify-self:center}.brick-z-stack-item[data-justify-xl=end]{justify-self:end}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-z-stack{box-sizing:border-box;isolation:isolate;grid-template:minmax(0,auto)/minmax(0,1fr);place-items:stretch stretch;min-block-size:0;min-inline-size:0;display:grid}.brick-z-stack>*{z-index:0;grid-area:1/1;min-block-size:0;min-inline-size:0}.brick-z-stack[data-align=start]{align-items:start}.brick-z-stack[data-align=center]{align-items:center}.brick-z-stack[data-align=end]{align-items:end}.brick-z-stack[data-justify=start]{justify-items:start}.brick-z-stack[data-justify=center]{justify-items:center}.brick-z-stack[data-justify=end]{justify-items:end}.brick-z-stack[data-isolation=open]{isolation:auto}.brick-z-stack-item{--brick-z-stack-item-edge-spacing:var(--brick-space-0);box-sizing:border-box;margin:var(--brick-z-stack-item-edge-spacing);place-self:auto}.brick-z-stack-item[data-edge-spacing]{--brick-z-stack-item-edge-spacing:var(--brick-z-stack-item-edge-spacing-input,var(--brick-space-0))}.brick-z-stack-item[data-layer=content]{z-index:1}.brick-z-stack-item[data-layer=action]{z-index:2}.brick-z-stack-item[data-align=stretch]{align-self:stretch}.brick-z-stack-item[data-align=start]{align-self:start}.brick-z-stack-item[data-align=center]{align-self:center}.brick-z-stack-item[data-align=end]{align-self:end}.brick-z-stack-item[data-justify=stretch]{justify-self:stretch}.brick-z-stack-item[data-justify=start]{justify-self:start}.brick-z-stack-item[data-justify=center]{justify-self:center}.brick-z-stack-item[data-justify=end]{justify-self:end}@media (width>=30rem){.brick-z-stack-item[data-edge-spacing-sm]{--brick-z-stack-item-edge-spacing:var(--brick-z-stack-item-edge-spacing-sm-input,var(--brick-z-stack-item-edge-spacing))}.brick-z-stack[data-align-sm=stretch]{align-items:stretch}.brick-z-stack[data-align-sm=start]{align-items:start}.brick-z-stack[data-align-sm=center]{align-items:center}.brick-z-stack[data-align-sm=end]{align-items:end}.brick-z-stack[data-justify-sm=stretch]{justify-items:stretch}.brick-z-stack[data-justify-sm=start]{justify-items:start}.brick-z-stack[data-justify-sm=center]{justify-items:center}.brick-z-stack[data-justify-sm=end]{justify-items:end}.brick-z-stack-item[data-align-sm=auto]{align-self:auto}.brick-z-stack-item[data-align-sm=stretch]{align-self:stretch}.brick-z-stack-item[data-align-sm=start]{align-self:start}.brick-z-stack-item[data-align-sm=center]{align-self:center}.brick-z-stack-item[data-align-sm=end]{align-self:end}.brick-z-stack-item[data-justify-sm=auto]{justify-self:auto}.brick-z-stack-item[data-justify-sm=stretch]{justify-self:stretch}.brick-z-stack-item[data-justify-sm=start]{justify-self:start}.brick-z-stack-item[data-justify-sm=center]{justify-self:center}.brick-z-stack-item[data-justify-sm=end]{justify-self:end}}@media (width>=48rem){.brick-z-stack-item[data-edge-spacing-md]{--brick-z-stack-item-edge-spacing:var(--brick-z-stack-item-edge-spacing-md-input,var(--brick-z-stack-item-edge-spacing))}.brick-z-stack[data-align-md=stretch]{align-items:stretch}.brick-z-stack[data-align-md=start]{align-items:start}.brick-z-stack[data-align-md=center]{align-items:center}.brick-z-stack[data-align-md=end]{align-items:end}.brick-z-stack[data-justify-md=stretch]{justify-items:stretch}.brick-z-stack[data-justify-md=start]{justify-items:start}.brick-z-stack[data-justify-md=center]{justify-items:center}.brick-z-stack[data-justify-md=end]{justify-items:end}.brick-z-stack-item[data-align-md=auto]{align-self:auto}.brick-z-stack-item[data-align-md=stretch]{align-self:stretch}.brick-z-stack-item[data-align-md=start]{align-self:start}.brick-z-stack-item[data-align-md=center]{align-self:center}.brick-z-stack-item[data-align-md=end]{align-self:end}.brick-z-stack-item[data-justify-md=auto]{justify-self:auto}.brick-z-stack-item[data-justify-md=stretch]{justify-self:stretch}.brick-z-stack-item[data-justify-md=start]{justify-self:start}.brick-z-stack-item[data-justify-md=center]{justify-self:center}.brick-z-stack-item[data-justify-md=end]{justify-self:end}}@media (width>=64rem){.brick-z-stack-item[data-edge-spacing-lg]{--brick-z-stack-item-edge-spacing:var(--brick-z-stack-item-edge-spacing-lg-input,var(--brick-z-stack-item-edge-spacing))}.brick-z-stack[data-align-lg=stretch]{align-items:stretch}.brick-z-stack[data-align-lg=start]{align-items:start}.brick-z-stack[data-align-lg=center]{align-items:center}.brick-z-stack[data-align-lg=end]{align-items:end}.brick-z-stack[data-justify-lg=stretch]{justify-items:stretch}.brick-z-stack[data-justify-lg=start]{justify-items:start}.brick-z-stack[data-justify-lg=center]{justify-items:center}.brick-z-stack[data-justify-lg=end]{justify-items:end}.brick-z-stack-item[data-align-lg=auto]{align-self:auto}.brick-z-stack-item[data-align-lg=stretch]{align-self:stretch}.brick-z-stack-item[data-align-lg=start]{align-self:start}.brick-z-stack-item[data-align-lg=center]{align-self:center}.brick-z-stack-item[data-align-lg=end]{align-self:end}.brick-z-stack-item[data-justify-lg=auto]{justify-self:auto}.brick-z-stack-item[data-justify-lg=stretch]{justify-self:stretch}.brick-z-stack-item[data-justify-lg=start]{justify-self:start}.brick-z-stack-item[data-justify-lg=center]{justify-self:center}.brick-z-stack-item[data-justify-lg=end]{justify-self:end}}@media (width>=80rem){.brick-z-stack-item[data-edge-spacing-xl]{--brick-z-stack-item-edge-spacing:var(--brick-z-stack-item-edge-spacing-xl-input,var(--brick-z-stack-item-edge-spacing))}.brick-z-stack[data-align-xl=stretch]{align-items:stretch}.brick-z-stack[data-align-xl=start]{align-items:start}.brick-z-stack[data-align-xl=center]{align-items:center}.brick-z-stack[data-align-xl=end]{align-items:end}.brick-z-stack[data-justify-xl=stretch]{justify-items:stretch}.brick-z-stack[data-justify-xl=start]{justify-items:start}.brick-z-stack[data-justify-xl=center]{justify-items:center}.brick-z-stack[data-justify-xl=end]{justify-items:end}.brick-z-stack-item[data-align-xl=auto]{align-self:auto}.brick-z-stack-item[data-align-xl=stretch]{align-self:stretch}.brick-z-stack-item[data-align-xl=start]{align-self:start}.brick-z-stack-item[data-align-xl=center]{align-self:center}.brick-z-stack-item[data-align-xl=end]{align-self:end}.brick-z-stack-item[data-justify-xl=auto]{justify-self:auto}.brick-z-stack-item[data-justify-xl=stretch]{justify-self:stretch}.brick-z-stack-item[data-justify-xl=start]{justify-self:start}.brick-z-stack-item[data-justify-xl=center]{justify-self:center}.brick-z-stack-item[data-justify-xl=end]{justify-self:end}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=z-stack.css.map */

package/dist/styles/z-stack.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,4JAUA,kEAMA,mDACA,qDACA,+CACA,uDACA,yDACA,mDAEA,0DACA,2DACA,uDACA,yDACA,mDACA,+DACA,2DACA,6DACA,uDAEA,sBACE,0DACA,sDACA,wDACA,kDACA,8DACA,0DACA,4DACA,sDACA,wDACA,8DACA,0DACA,4DACA,sDACA,4DACA,kEACA,8DACA,gEACA,2DAGF,sBACE,0DACA,sDACA,wDACA,kDACA,8DACA,0DACA,4DACA,sDACA,wDACA,8DACA,0DACA,4DACA,sDACA,4DACA,kEACA,8DACA,gEACA,2DAGF,sBACE,0DACA,sDACA,wDACA,kDACA,8DACA,0DACA,4DACA,sDACA,wDACA,8DACA,0DACA,4DACA,sDACA,4DACA,kEACA,8DACA,gEACA,2DAGF,sBACE,0DACA,sDACA,wDACA,kDACA,8DACA,0DACA,4DACA,sDACA,wDACA,8DACA,0DACA,4DACA,sDACA,4DACA,kEACA,8DACA,gEACA,4DDnHJ","sources":["home/runner/work/brick/brick/.brick-cache/production/z-stack.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/z-stack/z-stack.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/z-stack/z-stack.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-z-stack {\n    box-sizing: border-box;\n    display: grid;\n    min-inline-size: 0;\n    min-block-size: 0;\n    grid-template: minmax(0, auto) / minmax(0, 1fr);\n    align-items: stretch;\n    justify-items: stretch;\n  }\n\n  .brick-z-stack > * {\n    min-inline-size: 0;\n    min-block-size: 0;\n    grid-area: 1 / 1;\n  }\n\n  .brick-z-stack[data-align=\"start\"] { align-items: start; }\n  .brick-z-stack[data-align=\"center\"] { align-items: center; }\n  .brick-z-stack[data-align=\"end\"] { align-items: end; }\n  .brick-z-stack[data-justify=\"start\"] { justify-items: start; }\n  .brick-z-stack[data-justify=\"center\"] { justify-items: center; }\n  .brick-z-stack[data-justify=\"end\"] { justify-items: end; }\n\n  .brick-z-stack-item { box-sizing: border-box; align-self: auto; justify-self: auto; }\n  .brick-z-stack-item[data-align=\"stretch\"] { align-self: stretch; }\n  .brick-z-stack-item[data-align=\"start\"] { align-self: start; }\n  .brick-z-stack-item[data-align=\"center\"] { align-self: center; }\n  .brick-z-stack-item[data-align=\"end\"] { align-self: end; }\n  .brick-z-stack-item[data-justify=\"stretch\"] { justify-self: stretch; }\n  .brick-z-stack-item[data-justify=\"start\"] { justify-self: start; }\n  .brick-z-stack-item[data-justify=\"center\"] { justify-self: center; }\n  .brick-z-stack-item[data-justify=\"end\"] { justify-self: end; }\n\n  @media (width >= 30rem) {\n    .brick-z-stack[data-align-sm=\"stretch\"] { align-items: stretch; }\n    .brick-z-stack[data-align-sm=\"start\"] { align-items: start; }\n    .brick-z-stack[data-align-sm=\"center\"] { align-items: center; }\n    .brick-z-stack[data-align-sm=\"end\"] { align-items: end; }\n    .brick-z-stack[data-justify-sm=\"stretch\"] { justify-items: stretch; }\n    .brick-z-stack[data-justify-sm=\"start\"] { justify-items: start; }\n    .brick-z-stack[data-justify-sm=\"center\"] { justify-items: center; }\n    .brick-z-stack[data-justify-sm=\"end\"] { justify-items: end; }\n    .brick-z-stack-item[data-align-sm=\"auto\"] { align-self: auto; }\n    .brick-z-stack-item[data-align-sm=\"stretch\"] { align-self: stretch; }\n    .brick-z-stack-item[data-align-sm=\"start\"] { align-self: start; }\n    .brick-z-stack-item[data-align-sm=\"center\"] { align-self: center; }\n    .brick-z-stack-item[data-align-sm=\"end\"] { align-self: end; }\n    .brick-z-stack-item[data-justify-sm=\"auto\"] { justify-self: auto; }\n    .brick-z-stack-item[data-justify-sm=\"stretch\"] { justify-self: stretch; }\n    .brick-z-stack-item[data-justify-sm=\"start\"] { justify-self: start; }\n    .brick-z-stack-item[data-justify-sm=\"center\"] { justify-self: center; }\n    .brick-z-stack-item[data-justify-sm=\"end\"] { justify-self: end; }\n  }\n\n  @media (width >= 48rem) {\n    .brick-z-stack[data-align-md=\"stretch\"] { align-items: stretch; }\n    .brick-z-stack[data-align-md=\"start\"] { align-items: start; }\n    .brick-z-stack[data-align-md=\"center\"] { align-items: center; }\n    .brick-z-stack[data-align-md=\"end\"] { align-items: end; }\n    .brick-z-stack[data-justify-md=\"stretch\"] { justify-items: stretch; }\n    .brick-z-stack[data-justify-md=\"start\"] { justify-items: start; }\n    .brick-z-stack[data-justify-md=\"center\"] { justify-items: center; }\n    .brick-z-stack[data-justify-md=\"end\"] { justify-items: end; }\n    .brick-z-stack-item[data-align-md=\"auto\"] { align-self: auto; }\n    .brick-z-stack-item[data-align-md=\"stretch\"] { align-self: stretch; }\n    .brick-z-stack-item[data-align-md=\"start\"] { align-self: start; }\n    .brick-z-stack-item[data-align-md=\"center\"] { align-self: center; }\n    .brick-z-stack-item[data-align-md=\"end\"] { align-self: end; }\n    .brick-z-stack-item[data-justify-md=\"auto\"] { justify-self: auto; }\n    .brick-z-stack-item[data-justify-md=\"stretch\"] { justify-self: stretch; }\n    .brick-z-stack-item[data-justify-md=\"start\"] { justify-self: start; }\n    .brick-z-stack-item[data-justify-md=\"center\"] { justify-self: center; }\n    .brick-z-stack-item[data-justify-md=\"end\"] { justify-self: end; }\n  }\n\n  @media (width >= 64rem) {\n    .brick-z-stack[data-align-lg=\"stretch\"] { align-items: stretch; }\n    .brick-z-stack[data-align-lg=\"start\"] { align-items: start; }\n    .brick-z-stack[data-align-lg=\"center\"] { align-items: center; }\n    .brick-z-stack[data-align-lg=\"end\"] { align-items: end; }\n    .brick-z-stack[data-justify-lg=\"stretch\"] { justify-items: stretch; }\n    .brick-z-stack[data-justify-lg=\"start\"] { justify-items: start; }\n    .brick-z-stack[data-justify-lg=\"center\"] { justify-items: center; }\n    .brick-z-stack[data-justify-lg=\"end\"] { justify-items: end; }\n    .brick-z-stack-item[data-align-lg=\"auto\"] { align-self: auto; }\n    .brick-z-stack-item[data-align-lg=\"stretch\"] { align-self: stretch; }\n    .brick-z-stack-item[data-align-lg=\"start\"] { align-self: start; }\n    .brick-z-stack-item[data-align-lg=\"center\"] { align-self: center; }\n    .brick-z-stack-item[data-align-lg=\"end\"] { align-self: end; }\n    .brick-z-stack-item[data-justify-lg=\"auto\"] { justify-self: auto; }\n    .brick-z-stack-item[data-justify-lg=\"stretch\"] { justify-self: stretch; }\n    .brick-z-stack-item[data-justify-lg=\"start\"] { justify-self: start; }\n    .brick-z-stack-item[data-justify-lg=\"center\"] { justify-self: center; }\n    .brick-z-stack-item[data-justify-lg=\"end\"] { justify-self: end; }\n  }\n\n  @media (width >= 80rem) {\n    .brick-z-stack[data-align-xl=\"stretch\"] { align-items: stretch; }\n    .brick-z-stack[data-align-xl=\"start\"] { align-items: start; }\n    .brick-z-stack[data-align-xl=\"center\"] { align-items: center; }\n    .brick-z-stack[data-align-xl=\"end\"] { align-items: end; }\n    .brick-z-stack[data-justify-xl=\"stretch\"] { justify-items: stretch; }\n    .brick-z-stack[data-justify-xl=\"start\"] { justify-items: start; }\n    .brick-z-stack[data-justify-xl=\"center\"] { justify-items: center; }\n    .brick-z-stack[data-justify-xl=\"end\"] { justify-items: end; }\n    .brick-z-stack-item[data-align-xl=\"auto\"] { align-self: auto; }\n    .brick-z-stack-item[data-align-xl=\"stretch\"] { align-self: stretch; }\n    .brick-z-stack-item[data-align-xl=\"start\"] { align-self: start; }\n    .brick-z-stack-item[data-align-xl=\"center\"] { align-self: center; }\n    .brick-z-stack-item[data-align-xl=\"end\"] { align-self: end; }\n    .brick-z-stack-item[data-justify-xl=\"auto\"] { justify-self: auto; }\n    .brick-z-stack-item[data-justify-xl=\"stretch\"] { justify-self: stretch; }\n    .brick-z-stack-item[data-justify-xl=\"start\"] { justify-self: start; }\n    .brick-z-stack-item[data-justify-xl=\"center\"] { justify-self: center; }\n    .brick-z-stack-item[data-justify-xl=\"end\"] { justify-self: end; }\n  }\n\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,8KAWA,4EAOA,mDACA,qDACA,+CACA,uDACA,yDACA,mDACA,mDAEA,+JAQA,2IACA,kDACA,iDACA,2DACA,uDACA,yDACA,mDACA,+DACA,2DACA,6DACA,uDAEA,sBACE,mKACA,0DACA,sDACA,wDACA,kDACA,8DACA,0DACA,4DACA,sDACA,wDACA,8DACA,0DACA,4DACA,sDACA,4DACA,kEACA,8DACA,gEACA,2DAGF,sBACE,mKACA,0DACA,sDACA,wDACA,kDACA,8DACA,0DACA,4DACA,sDACA,wDACA,8DACA,0DACA,4DACA,sDACA,4DACA,kEACA,8DACA,gEACA,2DAGF,sBACE,mKACA,0DACA,sDACA,wDACA,kDACA,8DACA,0DACA,4DACA,sDACA,wDACA,8DACA,0DACA,4DACA,sDACA,4DACA,kEACA,8DACA,gEACA,2DAGF,sBACE,mKACA,0DACA,sDACA,wDACA,kDACA,8DACA,0DACA,4DACA,sDACA,wDACA,8DACA,0DACA,4DACA,sDACA,4DACA,kEACA,8DACA,gEACA,4DDpIJ","sources":["home/runner/work/brick/brick/.brick-cache/production/z-stack.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/z-stack/z-stack.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/z-stack/z-stack.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-z-stack {\n    box-sizing: border-box;\n    display: grid;\n    min-inline-size: 0;\n    min-block-size: 0;\n    grid-template: minmax(0, auto) / minmax(0, 1fr);\n    align-items: stretch;\n    justify-items: stretch;\n    isolation: isolate;\n  }\n\n  .brick-z-stack > * {\n    min-inline-size: 0;\n    min-block-size: 0;\n    grid-area: 1 / 1;\n    z-index: 0;\n  }\n\n  .brick-z-stack[data-align=\"start\"] { align-items: start; }\n  .brick-z-stack[data-align=\"center\"] { align-items: center; }\n  .brick-z-stack[data-align=\"end\"] { align-items: end; }\n  .brick-z-stack[data-justify=\"start\"] { justify-items: start; }\n  .brick-z-stack[data-justify=\"center\"] { justify-items: center; }\n  .brick-z-stack[data-justify=\"end\"] { justify-items: end; }\n  .brick-z-stack[data-isolation=\"open\"] { isolation: auto; }\n\n  .brick-z-stack-item {\n    --brick-z-stack-item-edge-spacing: var(--brick-space-0);\n\n    box-sizing: border-box;\n    align-self: auto;\n    justify-self: auto;\n    margin: var(--brick-z-stack-item-edge-spacing);\n  }\n  .brick-z-stack-item[data-edge-spacing] { --brick-z-stack-item-edge-spacing: var(--brick-z-stack-item-edge-spacing-input, var(--brick-space-0)); }\n  .brick-z-stack-item[data-layer=\"content\"] { z-index: 1; }\n  .brick-z-stack-item[data-layer=\"action\"] { z-index: 2; }\n  .brick-z-stack-item[data-align=\"stretch\"] { align-self: stretch; }\n  .brick-z-stack-item[data-align=\"start\"] { align-self: start; }\n  .brick-z-stack-item[data-align=\"center\"] { align-self: center; }\n  .brick-z-stack-item[data-align=\"end\"] { align-self: end; }\n  .brick-z-stack-item[data-justify=\"stretch\"] { justify-self: stretch; }\n  .brick-z-stack-item[data-justify=\"start\"] { justify-self: start; }\n  .brick-z-stack-item[data-justify=\"center\"] { justify-self: center; }\n  .brick-z-stack-item[data-justify=\"end\"] { justify-self: end; }\n\n  @media (width >= 30rem) {\n    .brick-z-stack-item[data-edge-spacing-sm] { --brick-z-stack-item-edge-spacing: var(--brick-z-stack-item-edge-spacing-sm-input, var(--brick-z-stack-item-edge-spacing)); }\n    .brick-z-stack[data-align-sm=\"stretch\"] { align-items: stretch; }\n    .brick-z-stack[data-align-sm=\"start\"] { align-items: start; }\n    .brick-z-stack[data-align-sm=\"center\"] { align-items: center; }\n    .brick-z-stack[data-align-sm=\"end\"] { align-items: end; }\n    .brick-z-stack[data-justify-sm=\"stretch\"] { justify-items: stretch; }\n    .brick-z-stack[data-justify-sm=\"start\"] { justify-items: start; }\n    .brick-z-stack[data-justify-sm=\"center\"] { justify-items: center; }\n    .brick-z-stack[data-justify-sm=\"end\"] { justify-items: end; }\n    .brick-z-stack-item[data-align-sm=\"auto\"] { align-self: auto; }\n    .brick-z-stack-item[data-align-sm=\"stretch\"] { align-self: stretch; }\n    .brick-z-stack-item[data-align-sm=\"start\"] { align-self: start; }\n    .brick-z-stack-item[data-align-sm=\"center\"] { align-self: center; }\n    .brick-z-stack-item[data-align-sm=\"end\"] { align-self: end; }\n    .brick-z-stack-item[data-justify-sm=\"auto\"] { justify-self: auto; }\n    .brick-z-stack-item[data-justify-sm=\"stretch\"] { justify-self: stretch; }\n    .brick-z-stack-item[data-justify-sm=\"start\"] { justify-self: start; }\n    .brick-z-stack-item[data-justify-sm=\"center\"] { justify-self: center; }\n    .brick-z-stack-item[data-justify-sm=\"end\"] { justify-self: end; }\n  }\n\n  @media (width >= 48rem) {\n    .brick-z-stack-item[data-edge-spacing-md] { --brick-z-stack-item-edge-spacing: var(--brick-z-stack-item-edge-spacing-md-input, var(--brick-z-stack-item-edge-spacing)); }\n    .brick-z-stack[data-align-md=\"stretch\"] { align-items: stretch; }\n    .brick-z-stack[data-align-md=\"start\"] { align-items: start; }\n    .brick-z-stack[data-align-md=\"center\"] { align-items: center; }\n    .brick-z-stack[data-align-md=\"end\"] { align-items: end; }\n    .brick-z-stack[data-justify-md=\"stretch\"] { justify-items: stretch; }\n    .brick-z-stack[data-justify-md=\"start\"] { justify-items: start; }\n    .brick-z-stack[data-justify-md=\"center\"] { justify-items: center; }\n    .brick-z-stack[data-justify-md=\"end\"] { justify-items: end; }\n    .brick-z-stack-item[data-align-md=\"auto\"] { align-self: auto; }\n    .brick-z-stack-item[data-align-md=\"stretch\"] { align-self: stretch; }\n    .brick-z-stack-item[data-align-md=\"start\"] { align-self: start; }\n    .brick-z-stack-item[data-align-md=\"center\"] { align-self: center; }\n    .brick-z-stack-item[data-align-md=\"end\"] { align-self: end; }\n    .brick-z-stack-item[data-justify-md=\"auto\"] { justify-self: auto; }\n    .brick-z-stack-item[data-justify-md=\"stretch\"] { justify-self: stretch; }\n    .brick-z-stack-item[data-justify-md=\"start\"] { justify-self: start; }\n    .brick-z-stack-item[data-justify-md=\"center\"] { justify-self: center; }\n    .brick-z-stack-item[data-justify-md=\"end\"] { justify-self: end; }\n  }\n\n  @media (width >= 64rem) {\n    .brick-z-stack-item[data-edge-spacing-lg] { --brick-z-stack-item-edge-spacing: var(--brick-z-stack-item-edge-spacing-lg-input, var(--brick-z-stack-item-edge-spacing)); }\n    .brick-z-stack[data-align-lg=\"stretch\"] { align-items: stretch; }\n    .brick-z-stack[data-align-lg=\"start\"] { align-items: start; }\n    .brick-z-stack[data-align-lg=\"center\"] { align-items: center; }\n    .brick-z-stack[data-align-lg=\"end\"] { align-items: end; }\n    .brick-z-stack[data-justify-lg=\"stretch\"] { justify-items: stretch; }\n    .brick-z-stack[data-justify-lg=\"start\"] { justify-items: start; }\n    .brick-z-stack[data-justify-lg=\"center\"] { justify-items: center; }\n    .brick-z-stack[data-justify-lg=\"end\"] { justify-items: end; }\n    .brick-z-stack-item[data-align-lg=\"auto\"] { align-self: auto; }\n    .brick-z-stack-item[data-align-lg=\"stretch\"] { align-self: stretch; }\n    .brick-z-stack-item[data-align-lg=\"start\"] { align-self: start; }\n    .brick-z-stack-item[data-align-lg=\"center\"] { align-self: center; }\n    .brick-z-stack-item[data-align-lg=\"end\"] { align-self: end; }\n    .brick-z-stack-item[data-justify-lg=\"auto\"] { justify-self: auto; }\n    .brick-z-stack-item[data-justify-lg=\"stretch\"] { justify-self: stretch; }\n    .brick-z-stack-item[data-justify-lg=\"start\"] { justify-self: start; }\n    .brick-z-stack-item[data-justify-lg=\"center\"] { justify-self: center; }\n    .brick-z-stack-item[data-justify-lg=\"end\"] { justify-self: end; }\n  }\n\n  @media (width >= 80rem) {\n    .brick-z-stack-item[data-edge-spacing-xl] { --brick-z-stack-item-edge-spacing: var(--brick-z-stack-item-edge-spacing-xl-input, var(--brick-z-stack-item-edge-spacing)); }\n    .brick-z-stack[data-align-xl=\"stretch\"] { align-items: stretch; }\n    .brick-z-stack[data-align-xl=\"start\"] { align-items: start; }\n    .brick-z-stack[data-align-xl=\"center\"] { align-items: center; }\n    .brick-z-stack[data-align-xl=\"end\"] { align-items: end; }\n    .brick-z-stack[data-justify-xl=\"stretch\"] { justify-items: stretch; }\n    .brick-z-stack[data-justify-xl=\"start\"] { justify-items: start; }\n    .brick-z-stack[data-justify-xl=\"center\"] { justify-items: center; }\n    .brick-z-stack[data-justify-xl=\"end\"] { justify-items: end; }\n    .brick-z-stack-item[data-align-xl=\"auto\"] { align-self: auto; }\n    .brick-z-stack-item[data-align-xl=\"stretch\"] { align-self: stretch; }\n    .brick-z-stack-item[data-align-xl=\"start\"] { align-self: start; }\n    .brick-z-stack-item[data-align-xl=\"center\"] { align-self: center; }\n    .brick-z-stack-item[data-align-xl=\"end\"] { align-self: end; }\n    .brick-z-stack-item[data-justify-xl=\"auto\"] { justify-self: auto; }\n    .brick-z-stack-item[data-justify-xl=\"stretch\"] { justify-self: stretch; }\n    .brick-z-stack-item[data-justify-xl=\"start\"] { justify-self: start; }\n    .brick-z-stack-item[data-justify-xl=\"center\"] { justify-self: center; }\n    .brick-z-stack-item[data-justify-xl=\"end\"] { justify-self: end; }\n  }\n\n}\n"],"names":[]}