@flowstack-ui/brick 0.1.11 → 0.1.12

package/dist/styles/blockquote.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,mlEAwCA,mOAMA,yIAOA,4EAKA,mEAKA,iVAWA,uWAUA,oWASA,0CAIA,8BACE,gODnGJ","sources":["home/runner/work/brick/brick/.brick-cache/production/blockquote.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/blockquote/blockquote.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/blockquote/blockquote.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-blockquote {\n    --brick-blockquote-background: transparent;\n    --brick-blockquote-foreground: var(--brick-color-text-primary);\n    --brick-blockquote-muted-foreground: var(--brick-color-text-secondary);\n    --brick-blockquote-accent: var(--brick-color-accent-border);\n    --brick-blockquote-border-color: transparent;\n    --brick-blockquote-border-width: 0rem;\n    --brick-blockquote-radius: var(--brick-radius-surface);\n    --brick-blockquote-padding-block: var(--brick-space-4);\n    --brick-blockquote-padding-inline: var(--brick-space-5);\n    --brick-blockquote-gap: var(--brick-space-3);\n    --brick-blockquote-icon-font-family: var(--brick-typography-display-font-family);\n    --brick-blockquote-icon-size: 2.5rem;\n    --brick-blockquote-icon-font-weight: var(--brick-typography-display-font-weight);\n    --brick-blockquote-icon-line-height: var(--brick-typography-display-line-height);\n    --brick-blockquote-content-font-family: var(--brick-typography-body-lg-font-family);\n    --brick-blockquote-content-font-size: var(--brick-typography-body-lg-font-size);\n    --brick-blockquote-content-font-weight: var(--brick-typography-body-lg-font-weight);\n    --brick-blockquote-content-line-height: var(--brick-typography-body-lg-line-height);\n    --brick-blockquote-content-letter-spacing: var(--brick-typography-body-lg-letter-spacing);\n    --brick-blockquote-caption-font-family: var(--brick-typography-caption-font-family);\n    --brick-blockquote-caption-font-size: var(--brick-typography-caption-font-size);\n    --brick-blockquote-caption-font-weight: var(--brick-typography-caption-font-weight);\n    --brick-blockquote-caption-line-height: var(--brick-typography-caption-line-height);\n    --brick-blockquote-caption-letter-spacing: var(--brick-typography-caption-letter-spacing);\n\n    display: grid;\n    box-sizing: border-box;\n    gap: var(--brick-blockquote-gap);\n    margin: 0;\n    padding-block: var(--brick-blockquote-padding-block);\n    padding-inline: var(--brick-blockquote-padding-inline);\n    border: var(--brick-blockquote-border-width) solid var(--brick-blockquote-border-color);\n    border-inline-start: 0.25rem solid var(--brick-blockquote-accent);\n    border-radius: var(--brick-blockquote-radius);\n    background: var(--brick-blockquote-background);\n    color: var(--brick-blockquote-foreground);\n    text-align: start;\n  }\n\n  .brick-blockquote[data-variant=\"surface\"] {\n    --brick-blockquote-background: var(--brick-color-surface-subtle);\n    --brick-blockquote-border-color: var(--brick-color-border-subtle);\n    --brick-blockquote-border-width: var(--brick-border-width);\n  }\n\n  .brick-blockquote[data-variant=\"plain\"] {\n    --brick-blockquote-padding-block: 0rem;\n    --brick-blockquote-padding-inline: 0rem;\n\n    border-inline-start: 0;\n  }\n\n  .brick-blockquote[data-align=\"center\"] {\n    justify-items: center;\n    text-align: center;\n  }\n\n  .brick-blockquote[data-align=\"end\"] {\n    justify-items: end;\n    text-align: end;\n  }\n\n  .brick-blockquote__icon {\n    display: block;\n    block-size: 0.65em;\n    color: var(--brick-blockquote-accent);\n    font-family: var(--brick-blockquote-icon-font-family);\n    font-size: var(--brick-blockquote-icon-size);\n    font-weight: var(--brick-blockquote-icon-font-weight);\n    line-height: var(--brick-blockquote-icon-line-height);\n    user-select: none;\n  }\n\n  .brick-blockquote__content {\n    margin: 0;\n    color: var(--brick-blockquote-foreground);\n    font-family: var(--brick-blockquote-content-font-family);\n    font-size: var(--brick-blockquote-content-font-size);\n    font-weight: var(--brick-blockquote-content-font-weight);\n    letter-spacing: var(--brick-blockquote-content-letter-spacing);\n    line-height: var(--brick-blockquote-content-line-height);\n  }\n\n  .brick-blockquote__caption {\n    color: var(--brick-blockquote-muted-foreground);\n    font-family: var(--brick-blockquote-caption-font-family);\n    font-size: var(--brick-blockquote-caption-font-size);\n    font-weight: var(--brick-blockquote-caption-font-weight);\n    letter-spacing: var(--brick-blockquote-caption-letter-spacing);\n    line-height: var(--brick-blockquote-caption-line-height);\n  }\n\n  .brick-blockquote__cite {\n    font-style: normal;\n  }\n\n  @media (forced-colors: active) {\n    .brick-blockquote {\n      --brick-blockquote-background: Canvas;\n      --brick-blockquote-foreground: CanvasText;\n      --brick-blockquote-muted-foreground: CanvasText;\n      --brick-blockquote-accent: Highlight;\n      --brick-blockquote-border-color: CanvasText;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/code-block.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{:where(.brick-button,.brick-icon-button)[data-loading]:after{inline-size:var(--brick-action-spinner-size);block-size:var(--brick-action-spinner-size);border:.125rem solid #0000;border-block-start-color:var(--brick-action-spinner-color);border-inline-end-color:var(--brick-action-spinner-color);border-radius:var(--brick-radius-full);content:"";animation:.7s linear infinite brick-action-spinner-spin;position:absolute;inset-block-start:50%;inset-inline-start:50%}:where([dir=rtl]) :where(.brick-button,.brick-icon-button)[data-loading]:after{animation-name:brick-action-spinner-spin-rtl}@media (prefers-reduced-motion:reduce){:where(.brick-button,.brick-icon-button)[data-loading]:after{animation-duration:1.4s}}@media (forced-colors:active){:where(.brick-button,.brick-icon-button)[data-loading]:after{border-block-start-color:buttontext;border-inline-end-color:buttontext}}@keyframes brick-action-spinner-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes brick-action-spinner-spin-rtl{0%{transform:translate(50%,-50%)rotate(0)}to{transform:translate(50%,-50%)rotate(360deg)}}.brick-button{--brick-button-background:var(--brick-button-tone-solid);--brick-button-background-hover:var(--brick-button-tone-solid-hover);--brick-button-background-pressed:var(--brick-button-tone-solid-pressed);--brick-button-foreground:var(--brick-button-tone-on-solid);--brick-button-border-color:var(--brick-button-background);--brick-button-focus-ring:var(--brick-color-focus-ring);--brick-button-min-block-size:var(--brick-control-min-block-size-md);--brick-button-padding-block:.5rem;--brick-button-padding-inline:1rem;--brick-button-gap:.5rem;--brick-button-radius:var(--brick-radius-control);--brick-button-font-family:var(--brick-typography-control-md-font-family);--brick-button-font-size:var(--brick-typography-control-md-font-size);--brick-button-font-weight:var(--brick-typography-control-md-font-weight);--brick-button-line-height:var(--brick-typography-control-md-line-height);--brick-button-letter-spacing:var(--brick-typography-control-md-letter-spacing);--brick-button-icon-size:1.125rem;--brick-action-spinner-size:1em;--brick-action-spinner-color:var(--brick-button-spinner-color,var(--brick-button-foreground));box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-button-min-block-size);justify-content:center;align-items:center;gap:var(--brick-button-gap);padding-block:var(--brick-button-padding-block);padding-inline:var(--brick-button-padding-inline);border:var(--brick-border-width) solid var(--brick-button-border-color);border-radius:var(--brick-button-radius);appearance:none;background:var(--brick-button-background);color:var(--brick-button-foreground);font-family:var(--brick-button-font-family);font-size:var(--brick-button-font-size);font-weight:var(--brick-button-font-weight);letter-spacing:var(--brick-button-letter-spacing);line-height:var(--brick-button-line-height);text-align:center;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;vertical-align:middle;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);text-decoration:none;display:inline-flex;position:relative}.brick-button:not([data-disabled],[data-loading]){cursor:pointer}.brick-button:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-button-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-button:not([data-disabled],[data-loading]):active{background:var(--brick-button-background-pressed);border-color:var(--brick-button-background-pressed)}.brick-button[data-variant=soft]:not([data-disabled],[data-loading]):active,.brick-button[data-variant=outline]:not([data-disabled],[data-loading]):active{border-color:var(--brick-button-tone-border)}.brick-button[data-variant=ghost]:not([data-disabled],[data-loading]):active{border-color:#0000}.brick-button[data-disabled]{color:var(--brick-color-text-disabled);cursor:not-allowed;opacity:1}.brick-button[data-disabled]:is([data-variant=solid],[data-variant=soft]){border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)}.brick-button[data-disabled][data-variant=outline]{border-color:var(--brick-color-border-subtle);background:0 0}.brick-button[data-disabled][data-variant=ghost]{background:0 0;border-color:#0000}.brick-button[data-loading]{cursor:progress;color:#0000}.brick-button[data-loading]>*{opacity:0}.brick-button[data-disabled][data-loading]{--brick-button-spinner-color:var(--brick-color-text-disabled)}.brick-button__content{min-inline-size:0}.brick-button__icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.brick-button__icon>:where(svg,img){inline-size:var(--brick-button-icon-size);block-size:var(--brick-button-icon-size)}.brick-button[data-full-width]{inline-size:100%}.brick-button[data-shape=sharp]{--brick-button-radius:0}.brick-button[data-shape=pill]{--brick-button-radius:var(--brick-radius-full)}.brick-button[data-size=xs]{--brick-button-min-block-size:var(--brick-control-min-block-size-xs);--brick-button-padding-block:.25rem;--brick-button-padding-inline:.625rem;--brick-button-gap:.375rem;--brick-button-font-size:var(--brick-typography-control-xs-font-size);--brick-button-icon-size:.875rem}.brick-button[data-size=sm]{--brick-button-min-block-size:var(--brick-control-min-block-size-sm);--brick-button-padding-block:.375rem;--brick-button-padding-inline:.75rem;--brick-button-gap:.375rem;--brick-button-font-size:var(--brick-typography-control-sm-font-size);--brick-button-icon-size:1rem}.brick-button[data-size=lg]{--brick-button-min-block-size:var(--brick-control-min-block-size-lg);--brick-button-padding-block:.625rem;--brick-button-padding-inline:1.25rem;--brick-button-gap:.625rem;--brick-button-font-size:var(--brick-typography-control-lg-font-size);--brick-button-icon-size:1.25rem}.brick-button[data-size=xl]{--brick-button-min-block-size:var(--brick-control-min-block-size-xl);--brick-button-padding-block:.75rem;--brick-button-padding-inline:1.5rem;--brick-button-gap:.75rem;--brick-button-font-size:var(--brick-typography-control-xl-font-size);--brick-button-icon-size:1.5rem}.brick-button[data-tone=neutral]{--brick-button-tone-solid:color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 16%);--brick-button-tone-solid-hover:color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 22%);--brick-button-tone-solid-pressed:color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 28%);--brick-button-tone-on-solid:var(--brick-color-text-primary);--brick-button-tone-soft:var(--brick-color-surface-subtle);--brick-button-tone-soft-hover:var(--brick-color-surface-base);--brick-button-tone-soft-pressed:var(--brick-color-border-subtle);--brick-button-tone-on-soft:var(--brick-color-text-primary);--brick-button-tone-border:var(--brick-color-border-strong);--brick-button-tone-text:var(--brick-color-text-primary)}.brick-button[data-tone=accent]{--brick-button-tone-solid:var(--brick-color-accent-solid);--brick-button-tone-solid-hover:var(--brick-color-accent-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-accent-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-accent-on-solid);--brick-button-tone-soft:var(--brick-color-accent-soft);--brick-button-tone-soft-hover:var(--brick-color-accent-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-accent-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-accent-on-soft);--brick-button-tone-border:var(--brick-color-accent-border);--brick-button-tone-text:var(--brick-color-accent-text)}.brick-button[data-tone=info]{--brick-button-tone-solid:var(--brick-color-info-solid);--brick-button-tone-solid-hover:var(--brick-color-info-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-info-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-info-on-solid);--brick-button-tone-soft:var(--brick-color-info-soft);--brick-button-tone-soft-hover:var(--brick-color-info-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-info-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-info-on-soft);--brick-button-tone-border:var(--brick-color-info-border);--brick-button-tone-text:var(--brick-color-info-text)}.brick-button[data-tone=success]{--brick-button-tone-solid:var(--brick-color-success-solid);--brick-button-tone-solid-hover:var(--brick-color-success-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-success-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-success-on-solid);--brick-button-tone-soft:var(--brick-color-success-soft);--brick-button-tone-soft-hover:var(--brick-color-success-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-success-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-success-on-soft);--brick-button-tone-border:var(--brick-color-success-border);--brick-button-tone-text:var(--brick-color-success-text)}.brick-button[data-tone=warning]{--brick-button-tone-solid:var(--brick-color-warning-solid);--brick-button-tone-solid-hover:var(--brick-color-warning-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-warning-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-warning-on-solid);--brick-button-tone-soft:var(--brick-color-warning-soft);--brick-button-tone-soft-hover:var(--brick-color-warning-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-warning-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-warning-on-soft);--brick-button-tone-border:var(--brick-color-warning-border);--brick-button-tone-text:var(--brick-color-warning-text)}.brick-button[data-tone=danger]{--brick-button-tone-solid:var(--brick-color-danger-solid);--brick-button-tone-solid-hover:var(--brick-color-danger-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-danger-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-danger-on-solid);--brick-button-tone-soft:var(--brick-color-danger-soft);--brick-button-tone-soft-hover:var(--brick-color-danger-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-danger-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-danger-on-soft);--brick-button-tone-border:var(--brick-color-danger-border);--brick-button-tone-text:var(--brick-color-danger-text)}.brick-button[data-variant=soft]{--brick-button-background:var(--brick-button-tone-soft);--brick-button-background-hover:var(--brick-button-tone-soft-hover);--brick-button-background-pressed:var(--brick-button-tone-soft-pressed);--brick-button-foreground:var(--brick-button-tone-on-soft);--brick-button-border-color:var(--brick-button-tone-border)}.brick-button[data-variant=outline]{--brick-button-background:transparent;--brick-button-background-hover:var(--brick-button-tone-soft);--brick-button-background-pressed:var(--brick-button-tone-soft-hover);--brick-button-foreground:var(--brick-button-tone-text);--brick-button-border-color:var(--brick-button-tone-border)}.brick-button[data-variant=ghost]{--brick-button-background:transparent;--brick-button-background-hover:var(--brick-button-tone-soft);--brick-button-background-pressed:var(--brick-button-tone-soft-hover);--brick-button-foreground:var(--brick-button-tone-text);--brick-button-border-color:transparent}@media (hover:hover) and (pointer:fine){.brick-button:not([data-disabled],[data-loading]):hover{background:var(--brick-button-background-hover);border-color:var(--brick-button-background-hover)}.brick-button[data-variant=soft]:not([data-disabled],[data-loading]):hover,.brick-button[data-variant=outline]:not([data-disabled],[data-loading]):hover{border-color:var(--brick-button-tone-border)}.brick-button[data-variant=ghost]:not([data-disabled],[data-loading]):hover{border-color:#0000}}@media (prefers-reduced-motion:reduce){.brick-button{transition-duration:0s}}@media (forced-colors:active){.brick-button{color:buttontext;background:buttonface;border-color:buttontext}.brick-button:focus-visible{outline-color:highlight}.brick-button[data-disabled]{color:graytext;opacity:1;border-color:graytext}}.brick-code{--brick-code-foreground:var(--brick-color-text-primary);--brick-code-background:var(--brick-color-surface-subtle);--brick-code-border-color:var(--brick-color-border-subtle);--brick-code-border-width:var(--brick-border-width);--brick-code-radius:var(--brick-radius-subtle);--brick-code-padding-block:.0625em;--brick-code-padding-inline:.3em;--brick-code-font-family:var(--brick-typography-code-inline-font-family);--brick-code-font-size:var(--brick-typography-code-inline-font-size);--brick-code-font-weight:var(--brick-typography-code-inline-font-weight);--brick-code-line-height:var(--brick-typography-code-inline-line-height);--brick-code-letter-spacing:var(--brick-typography-code-inline-letter-spacing);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:var(--brick-code-padding-block) var(--brick-code-padding-inline);border:var(--brick-code-border-width) solid var(--brick-code-border-color);border-radius:var(--brick-code-radius);background:var(--brick-code-background);color:var(--brick-code-foreground);font-family:var(--brick-code-font-family);font-size:var(--brick-code-font-size);font-weight:var(--brick-code-font-weight);letter-spacing:var(--brick-code-letter-spacing);line-height:var(--brick-code-line-height);overflow-wrap:anywhere;white-space:normal}.brick-code[data-variant=plain]{--brick-code-background:transparent;--brick-code-border-width:0rem;--brick-code-padding-block:0em;--brick-code-padding-inline:0em}.brick-code[data-tone=inherit]{--brick-code-foreground:currentColor}.brick-code[data-size=sm]{--brick-code-font-size:var(--brick-typography-body-sm-font-size);--brick-code-line-height:var(--brick-typography-body-sm-line-height)}.brick-code[data-size=md]{--brick-code-font-size:var(--brick-typography-body-md-font-size);--brick-code-line-height:var(--brick-typography-body-md-line-height)}@media (forced-colors:active){.brick-code{--brick-code-foreground:CanvasText;--brick-code-background:Canvas;--brick-code-border-color:CanvasText}}.brick-scroll-area{--brick-scroll-area-scrollbar-thumb:var(--brick-color-border-strong);--brick-scroll-area-scrollbar-track:transparent;min-block-size:0;min-inline-size:0}.brick-scroll-area-viewport{box-sizing:border-box;scrollbar-color:var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track);scrollbar-width:auto;block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0}.brick-scroll-area-viewport[data-orientation=vertical]{overflow:hidden auto}.brick-scroll-area-viewport[data-orientation=horizontal]{overflow:auto hidden}.brick-scroll-area-viewport[data-orientation=both]{overflow:auto}.brick-scroll-area[data-scrollbar-gutter=stable]>.brick-scroll-area-viewport{scrollbar-gutter:stable}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=vertical]{overflow-y:scroll}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=horizontal]{overflow-x:scroll}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=both]{overflow:scroll}.brick-scroll-area[data-scrollbar-visibility=interaction]>.brick-scroll-area-viewport{scrollbar-color:transparent transparent}.brick-scroll-area[data-scrollbar-visibility=interaction]:is(:hover,:focus-within)>.brick-scroll-area-viewport{scrollbar-color:var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track)}.brick-scroll-area-viewport:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:calc(-1 * var(--brick-border-focus-width))}@media (forced-colors:active){.brick-scroll-area-viewport,.brick-scroll-area[data-scrollbar-visibility=interaction]>.brick-scroll-area-viewport{scrollbar-color:auto}.brick-scroll-area-viewport:focus-visible{outline-color:highlight}}.brick-code-block{--brick-code-block-background:var(--brick-color-surface-subtle);--brick-code-block-foreground:var(--brick-color-text-primary);--brick-code-block-border-color:var(--brick-color-border-subtle);--brick-code-block-border-width:0rem;--brick-code-block-radius:var(--brick-radius-surface);--brick-code-block-header-padding:var(--brick-space-3) var(--brick-space-4);--brick-code-block-content-padding:var(--brick-space-4);--brick-code-block-gap:var(--brick-space-2);--brick-code-block-font-family:var(--brick-typography-code-block-md-font-family);--brick-code-block-font-size:var(--brick-typography-code-block-md-font-size);--brick-code-block-font-weight:var(--brick-typography-code-block-md-font-weight);--brick-code-block-line-height:var(--brick-typography-code-block-md-line-height);--brick-code-block-letter-spacing:var(--brick-typography-code-block-md-letter-spacing);--brick-code-block-selection-background:var(--brick-color-accent-soft);--brick-code-block-selection-foreground:var(--brick-color-accent-text);box-sizing:border-box;border:var(--brick-code-block-border-width) solid var(--brick-code-block-border-color);border-radius:var(--brick-code-block-radius);background:var(--brick-code-block-background);min-inline-size:0;max-inline-size:100%;color:var(--brick-code-block-foreground);overflow:clip}.brick-code-block[data-variant=bordered]{--brick-code-block-background:var(--brick-color-surface-base);--brick-code-block-border-width:var(--brick-border-width)}.brick-code-block[data-variant=plain]{--brick-code-block-background:transparent;--brick-code-block-radius:0rem}.brick-code-block[data-size=sm]{--brick-code-block-header-padding:var(--brick-space-2) var(--brick-space-3);--brick-code-block-content-padding:var(--brick-space-3);--brick-code-block-font-family:var(--brick-typography-code-block-sm-font-family);--brick-code-block-font-size:var(--brick-typography-code-block-sm-font-size);--brick-code-block-font-weight:var(--brick-typography-code-block-sm-font-weight);--brick-code-block-line-height:var(--brick-typography-code-block-sm-line-height);--brick-code-block-letter-spacing:var(--brick-typography-code-block-sm-letter-spacing)}.brick-code-block-header{align-items:center;gap:var(--brick-code-block-gap);min-inline-size:0;padding:var(--brick-code-block-header-padding);border-block-end:var(--brick-border-width) solid var(--brick-code-block-border-color);display:flex}.brick-code-block-title{min-inline-size:0;color:var(--brick-color-text-primary);font:var(--brick-font-weight-medium) var(--brick-typography-body-sm-font-size) / var(--brick-typography-body-sm-line-height) var(--brick-font-family-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brick-code-block-language{color:var(--brick-color-text-secondary);font:var(--brick-font-weight-medium) var(--brick-typography-caption-font-size) / var(--brick-typography-caption-line-height) var(--brick-font-family-mono)}.brick-code-block-actions{align-items:center;gap:var(--brick-space-1);margin-inline-start:auto;display:flex}.brick-code-block-scroll-area{max-inline-size:100%}.brick-code-block-content{max-inline-size:100%;padding:var(--brick-code-block-content-padding)}.brick-code-block-pre{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;min-inline-size:max-content;font-family:var(--brick-code-block-font-family);font-size:var(--brick-code-block-font-size);font-weight:var(--brick-code-block-font-weight);letter-spacing:var(--brick-code-block-letter-spacing);line-height:var(--brick-code-block-line-height);tab-size:2;white-space:pre;margin:0}.brick-code-block-content[data-wrap=wrap] .brick-code-block-pre{white-space:pre-wrap;overflow-wrap:anywhere;min-inline-size:0}.brick-code-block-pre>.brick-code{font:inherit;letter-spacing:inherit;white-space:inherit}.brick-code-block-pre ::selection{background:var(--brick-code-block-selection-background);color:var(--brick-code-block-selection-foreground)}.brick-code-block-copy-status{padding-inline:var(--brick-space-4);color:var(--brick-color-text-secondary);font:var(--brick-typography-caption-font-weight) var(--brick-typography-caption-font-size) / var(--brick-typography-caption-line-height) var(--brick-typography-caption-font-family);display:block}.brick-code-block-copy-status:not(:empty){padding-block:var(--brick-space-2)}@media (forced-colors:active){.brick-code-block{--brick-code-block-background:Canvas;--brick-code-block-foreground:CanvasText;--brick-code-block-border-color:CanvasText;--brick-code-block-border-width:var(--brick-border-width);--brick-code-block-selection-background:Highlight;--brick-code-block-selection-foreground:HighlightText}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{:where(.brick-button,.brick-icon-button)[data-loading]:after{inline-size:var(--brick-action-spinner-size);block-size:var(--brick-action-spinner-size);border:.125rem solid #0000;border-block-start-color:var(--brick-action-spinner-color);border-inline-end-color:var(--brick-action-spinner-color);border-radius:var(--brick-radius-full);content:"";animation:.7s linear infinite brick-action-spinner-spin;position:absolute;inset-block-start:50%;inset-inline-start:50%}:where([dir=rtl]) :where(.brick-button,.brick-icon-button)[data-loading]:after{animation-name:brick-action-spinner-spin-rtl}@media (prefers-reduced-motion:reduce){:where(.brick-button,.brick-icon-button)[data-loading]:after{animation-duration:1.4s}}@media (forced-colors:active){:where(.brick-button,.brick-icon-button)[data-loading]:after{border-block-start-color:buttontext;border-inline-end-color:buttontext}}@keyframes brick-action-spinner-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes brick-action-spinner-spin-rtl{0%{transform:translate(50%,-50%)rotate(0)}to{transform:translate(50%,-50%)rotate(360deg)}}.brick-button{--brick-button-background:var(--brick-button-tone-solid);--brick-button-background-hover:var(--brick-button-tone-solid-hover);--brick-button-background-pressed:var(--brick-button-tone-solid-pressed);--brick-button-foreground:var(--brick-button-tone-on-solid);--brick-button-border-color:var(--brick-button-background);--brick-button-focus-ring:var(--brick-color-focus-ring);--brick-button-min-block-size:var(--brick-control-min-block-size-md);--brick-button-padding-block:.5rem;--brick-button-padding-inline:1rem;--brick-button-gap:.5rem;--brick-button-radius:var(--brick-radius-control);--brick-button-font-family:var(--brick-typography-control-md-font-family);--brick-button-font-size:var(--brick-typography-control-md-font-size);--brick-button-font-weight:var(--brick-typography-control-md-font-weight);--brick-button-line-height:var(--brick-typography-control-md-line-height);--brick-button-letter-spacing:var(--brick-typography-control-md-letter-spacing);--brick-button-icon-size:1.125rem;--brick-action-spinner-size:1em;--brick-action-spinner-color:var(--brick-button-spinner-color,var(--brick-button-foreground));box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-button-min-block-size);justify-content:center;align-items:center;gap:var(--brick-button-gap);padding-block:var(--brick-button-padding-block);padding-inline:var(--brick-button-padding-inline);border:var(--brick-border-width) solid var(--brick-button-border-color);border-radius:var(--brick-button-radius);appearance:none;background:var(--brick-button-background);color:var(--brick-button-foreground);font-family:var(--brick-button-font-family);font-size:var(--brick-button-font-size);font-weight:var(--brick-button-font-weight);letter-spacing:var(--brick-button-letter-spacing);line-height:var(--brick-button-line-height);text-align:center;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;vertical-align:middle;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);text-decoration:none;display:inline-flex;position:relative}.brick-button:not([data-disabled],[data-loading]){cursor:pointer}.brick-button:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-button-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-button:not([data-disabled],[data-loading]):active{background:var(--brick-button-background-pressed);border-color:var(--brick-button-background-pressed)}.brick-button[data-variant=soft]:not([data-disabled],[data-loading]):active,.brick-button[data-variant=outline]:not([data-disabled],[data-loading]):active{border-color:var(--brick-button-tone-border)}.brick-button[data-variant=ghost]:not([data-disabled],[data-loading]):active{border-color:#0000}.brick-button[data-disabled]{color:var(--brick-color-text-disabled);cursor:not-allowed;opacity:1}.brick-button[data-disabled]:is([data-variant=solid],[data-variant=soft]){border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)}.brick-button[data-disabled][data-variant=outline]{border-color:var(--brick-color-border-subtle);background:0 0}.brick-button[data-disabled][data-variant=ghost]{background:0 0;border-color:#0000}.brick-button[data-loading]{cursor:progress;color:#0000}.brick-button[data-loading]>*{opacity:0}.brick-button[data-disabled][data-loading]{--brick-button-spinner-color:var(--brick-color-text-disabled)}.brick-button__content{min-inline-size:0}.brick-button__icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.brick-button__icon>:where(svg,img){inline-size:var(--brick-button-icon-size);block-size:var(--brick-button-icon-size)}.brick-button[data-full-width]{inline-size:100%}.brick-button[data-shape=sharp]{--brick-button-radius:0}.brick-button[data-shape=pill]{--brick-button-radius:var(--brick-radius-full)}.brick-button[data-size=xs]{--brick-button-min-block-size:var(--brick-control-min-block-size-xs);--brick-button-padding-block:.25rem;--brick-button-padding-inline:.625rem;--brick-button-gap:.375rem;--brick-button-font-size:var(--brick-typography-control-xs-font-size);--brick-button-icon-size:.875rem}.brick-button[data-size=sm]{--brick-button-min-block-size:var(--brick-control-min-block-size-sm);--brick-button-padding-block:.375rem;--brick-button-padding-inline:.75rem;--brick-button-gap:.375rem;--brick-button-font-size:var(--brick-typography-control-sm-font-size);--brick-button-icon-size:1rem}.brick-button[data-size=lg]{--brick-button-min-block-size:var(--brick-control-min-block-size-lg);--brick-button-padding-block:.625rem;--brick-button-padding-inline:1.25rem;--brick-button-gap:.625rem;--brick-button-font-size:var(--brick-typography-control-lg-font-size);--brick-button-icon-size:1.25rem}.brick-button[data-size=xl]{--brick-button-min-block-size:var(--brick-control-min-block-size-xl);--brick-button-padding-block:.75rem;--brick-button-padding-inline:1.5rem;--brick-button-gap:.75rem;--brick-button-font-size:var(--brick-typography-control-xl-font-size);--brick-button-icon-size:1.5rem}.brick-button[data-tone=neutral]{--brick-button-tone-solid:color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 16%);--brick-button-tone-solid-hover:color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 22%);--brick-button-tone-solid-pressed:color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 28%);--brick-button-tone-on-solid:var(--brick-color-text-primary);--brick-button-tone-soft:var(--brick-color-surface-subtle);--brick-button-tone-soft-hover:var(--brick-color-surface-base);--brick-button-tone-soft-pressed:var(--brick-color-border-subtle);--brick-button-tone-on-soft:var(--brick-color-text-primary);--brick-button-tone-border:var(--brick-color-border-strong);--brick-button-tone-text:var(--brick-color-text-primary)}.brick-button[data-tone=accent]{--brick-button-tone-solid:var(--brick-color-accent-solid);--brick-button-tone-solid-hover:var(--brick-color-accent-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-accent-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-accent-on-solid);--brick-button-tone-soft:var(--brick-color-accent-soft);--brick-button-tone-soft-hover:var(--brick-color-accent-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-accent-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-accent-on-soft);--brick-button-tone-border:var(--brick-color-accent-border);--brick-button-tone-text:var(--brick-color-accent-text)}.brick-button[data-tone=info]{--brick-button-tone-solid:var(--brick-color-info-solid);--brick-button-tone-solid-hover:var(--brick-color-info-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-info-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-info-on-solid);--brick-button-tone-soft:var(--brick-color-info-soft);--brick-button-tone-soft-hover:var(--brick-color-info-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-info-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-info-on-soft);--brick-button-tone-border:var(--brick-color-info-border);--brick-button-tone-text:var(--brick-color-info-text)}.brick-button[data-tone=success]{--brick-button-tone-solid:var(--brick-color-success-solid);--brick-button-tone-solid-hover:var(--brick-color-success-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-success-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-success-on-solid);--brick-button-tone-soft:var(--brick-color-success-soft);--brick-button-tone-soft-hover:var(--brick-color-success-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-success-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-success-on-soft);--brick-button-tone-border:var(--brick-color-success-border);--brick-button-tone-text:var(--brick-color-success-text)}.brick-button[data-tone=warning]{--brick-button-tone-solid:var(--brick-color-warning-solid);--brick-button-tone-solid-hover:var(--brick-color-warning-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-warning-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-warning-on-solid);--brick-button-tone-soft:var(--brick-color-warning-soft);--brick-button-tone-soft-hover:var(--brick-color-warning-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-warning-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-warning-on-soft);--brick-button-tone-border:var(--brick-color-warning-border);--brick-button-tone-text:var(--brick-color-warning-text)}.brick-button[data-tone=danger]{--brick-button-tone-solid:var(--brick-color-danger-solid);--brick-button-tone-solid-hover:var(--brick-color-danger-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-danger-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-danger-on-solid);--brick-button-tone-soft:var(--brick-color-danger-soft);--brick-button-tone-soft-hover:var(--brick-color-danger-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-danger-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-danger-on-soft);--brick-button-tone-border:var(--brick-color-danger-border);--brick-button-tone-text:var(--brick-color-danger-text)}.brick-button[data-variant=soft]{--brick-button-background:var(--brick-button-tone-soft);--brick-button-background-hover:var(--brick-button-tone-soft-hover);--brick-button-background-pressed:var(--brick-button-tone-soft-pressed);--brick-button-foreground:var(--brick-button-tone-on-soft);--brick-button-border-color:var(--brick-button-tone-border)}.brick-button[data-variant=outline]{--brick-button-background:transparent;--brick-button-background-hover:var(--brick-button-tone-soft);--brick-button-background-pressed:var(--brick-button-tone-soft-hover);--brick-button-foreground:var(--brick-button-tone-text);--brick-button-border-color:var(--brick-button-tone-border)}.brick-button[data-variant=ghost]{--brick-button-background:transparent;--brick-button-background-hover:var(--brick-button-tone-soft);--brick-button-background-pressed:var(--brick-button-tone-soft-hover);--brick-button-foreground:var(--brick-button-tone-text);--brick-button-border-color:transparent}@media (hover:hover) and (pointer:fine){.brick-button:not([data-disabled],[data-loading]):hover{background:var(--brick-button-background-hover);border-color:var(--brick-button-background-hover)}.brick-button[data-variant=soft]:not([data-disabled],[data-loading]):hover,.brick-button[data-variant=outline]:not([data-disabled],[data-loading]):hover{border-color:var(--brick-button-tone-border)}.brick-button[data-variant=ghost]:not([data-disabled],[data-loading]):hover{border-color:#0000}}@media (prefers-reduced-motion:reduce){.brick-button{transition-duration:0s}}@media (forced-colors:active){.brick-button{color:buttontext;background:buttonface;border-color:buttontext}.brick-button:focus-visible{outline-color:highlight}.brick-button[data-disabled]{color:graytext;opacity:1;border-color:graytext}}.brick-code{--brick-code-foreground:var(--brick-color-text-primary);--brick-code-background:var(--brick-color-surface-subtle);--brick-code-border-color:var(--brick-color-border-subtle);--brick-code-border-width:var(--brick-border-width);--brick-code-radius:var(--brick-radius-subtle);--brick-code-padding-block:.0625em;--brick-code-padding-inline:.3em;--brick-code-font-family:var(--brick-typography-code-inline-font-family);--brick-code-font-size:var(--brick-typography-code-inline-font-size);--brick-code-font-weight:var(--brick-typography-code-inline-font-weight);--brick-code-line-height:var(--brick-typography-code-inline-line-height);--brick-code-letter-spacing:var(--brick-typography-code-inline-letter-spacing);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:var(--brick-code-padding-block) var(--brick-code-padding-inline);border:var(--brick-code-border-width) solid var(--brick-code-border-color);border-radius:var(--brick-code-radius);background:var(--brick-code-background);color:var(--brick-code-foreground);font-family:var(--brick-code-font-family);font-size:var(--brick-code-font-size);font-weight:var(--brick-code-font-weight);letter-spacing:var(--brick-code-letter-spacing);line-height:var(--brick-code-line-height);overflow-wrap:anywhere;white-space:normal}.brick-code[data-variant=plain]{--brick-code-background:transparent;--brick-code-border-width:0rem;--brick-code-padding-block:0em;--brick-code-padding-inline:0em}.brick-code[data-tone=inherit]{--brick-code-foreground:currentColor}.brick-code[data-size=sm]{--brick-code-font-size:var(--brick-typography-body-sm-font-size);--brick-code-line-height:var(--brick-typography-body-sm-line-height)}.brick-code[data-size=md]{--brick-code-font-size:var(--brick-typography-body-md-font-size);--brick-code-line-height:var(--brick-typography-body-md-line-height)}@media (forced-colors:active){.brick-code{--brick-code-foreground:CanvasText;--brick-code-background:Canvas;--brick-code-border-color:CanvasText}}.brick-collapsible{--brick-collapsible-background:transparent;--brick-collapsible-border-color:transparent;--brick-collapsible-trigger-background:transparent;--brick-collapsible-trigger-hover-background:var(--brick-color-surface-subtle);--brick-collapsible-trigger-open-background:var(--brick-color-surface-subtle);--brick-collapsible-foreground:var(--brick-color-text-primary);--brick-collapsible-content-foreground:var(--brick-color-text-secondary);--brick-collapsible-focus-ring:var(--brick-color-focus-ring);--brick-collapsible-radius:var(--brick-radius-control);--brick-collapsible-trigger-height:2.75rem;--brick-collapsible-trigger-padding-inline:var(--brick-space-3);--brick-collapsible-trigger-gap:var(--brick-space-2);--brick-collapsible-content-padding-block:var(--brick-space-3);--brick-collapsible-content-padding-inline:var(--brick-space-3);--brick-collapsible-indicator-size:1rem;--brick-collapsible-font-family:var(--brick-typography-control-md-font-family);--brick-collapsible-font-size:var(--brick-typography-control-md-font-size);--brick-collapsible-font-weight:var(--brick-typography-control-md-font-weight);--brick-collapsible-line-height:var(--brick-typography-control-md-line-height);box-sizing:border-box;border:var(--brick-border-width) solid var(--brick-collapsible-border-color);border-radius:var(--brick-collapsible-radius);background:var(--brick-collapsible-background);inline-size:100%;min-inline-size:0;overflow:visible}.brick-collapsible[data-variant=soft]{--brick-collapsible-background:var(--brick-color-surface-subtle);--brick-collapsible-trigger-hover-background:var(--brick-color-surface-raised);--brick-collapsible-trigger-open-background:var(--brick-color-surface-raised)}.brick-collapsible[data-variant=outline]{--brick-collapsible-border-color:var(--brick-color-border-default)}.brick-collapsible[data-size=sm]{--brick-collapsible-trigger-height:2.25rem;--brick-collapsible-trigger-padding-inline:var(--brick-space-2);--brick-collapsible-content-padding-block:var(--brick-space-2);--brick-collapsible-content-padding-inline:var(--brick-space-2);--brick-collapsible-indicator-size:.875rem;--brick-collapsible-font-family:var(--brick-typography-control-sm-font-family);--brick-collapsible-font-size:var(--brick-typography-control-sm-font-size);--brick-collapsible-font-weight:var(--brick-typography-control-sm-font-weight);--brick-collapsible-line-height:var(--brick-typography-control-sm-line-height)}.brick-collapsible[data-size=lg]{--brick-collapsible-trigger-height:3.25rem;--brick-collapsible-trigger-padding-inline:var(--brick-space-4);--brick-collapsible-content-padding-block:var(--brick-space-4);--brick-collapsible-content-padding-inline:var(--brick-space-4);--brick-collapsible-indicator-size:1.125rem;--brick-collapsible-font-family:var(--brick-typography-control-lg-font-family);--brick-collapsible-font-size:var(--brick-typography-control-lg-font-size);--brick-collapsible-font-weight:var(--brick-typography-control-lg-font-weight);--brick-collapsible-line-height:var(--brick-typography-control-lg-line-height)}.brick-collapsible[data-orientation=horizontal]{align-items:stretch;inline-size:max-content;max-inline-size:100%;display:flex;overflow:auto clip}.brick-collapsible[data-orientation=horizontal] .brick-collapsible-trigger{flex:none;inline-size:auto}.brick-collapsible[data-orientation=horizontal] .brick-collapsible-trigger:focus-visible{outline-offset:calc(-1 * var(--brick-border-focus-width))}.brick-collapsible-trigger{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:var(--brick-collapsible-trigger-height);justify-content:flex-start;align-items:center;gap:var(--brick-collapsible-trigger-gap);padding-block:var(--brick-space-2);padding-inline:var(--brick-collapsible-trigger-padding-inline);border-radius:calc(var(--brick-collapsible-radius) - var(--brick-border-width));background:var(--brick-collapsible-trigger-background);color:var(--brick-collapsible-foreground);font-family:var(--brick-collapsible-font-family);font-size:var(--brick-collapsible-font-size);font-weight:var(--brick-collapsible-font-weight);line-height:var(--brick-collapsible-line-height);text-align:start;white-space:normal;cursor:pointer;touch-action:manipulation;border:0;display:flex}.brick-collapsible-trigger:hover:not(:disabled,[data-disabled]){background:var(--brick-collapsible-trigger-hover-background)}.brick-collapsible-trigger[data-state=open]{background:var(--brick-collapsible-trigger-open-background)}.brick-collapsible-trigger:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-collapsible-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-collapsible-trigger:is(:disabled,[data-disabled]){opacity:.55;cursor:not-allowed}.brick-collapsible-trigger[data-icon-only]{inline-size:var(--brick-collapsible-trigger-height);min-inline-size:var(--brick-collapsible-trigger-height);block-size:var(--brick-collapsible-trigger-height);min-block-size:var(--brick-collapsible-trigger-height);flex:0 0 var(--brick-collapsible-trigger-height);text-align:center;justify-content:center;padding:0}.brick-collapsible-indicator{inline-size:var(--brick-collapsible-indicator-size);block-size:var(--brick-collapsible-indicator-size);color:currentColor;transform-origin:50%;transition:transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);flex:none;justify-content:center;align-items:center;margin-inline-start:auto;display:inline-flex;transform:rotate(0)}.brick-collapsible-indicator>svg{block-size:100%;inline-size:100%;display:block}.brick-collapsible-trigger[data-state=open] .brick-collapsible-indicator{transform:rotate(180deg)}.brick-collapsible-content{box-sizing:border-box;min-inline-size:0;color:var(--brick-collapsible-content-foreground);overflow:hidden}.brick-collapsible-content[data-state=open]{animation:brick-collapsible-open var(--brick-motion-duration-fast) var(--brick-motion-easing-enter) both}.brick-collapsible-content[data-state=closed]{animation:brick-collapsible-close var(--brick-motion-duration-fast) var(--brick-motion-easing-exit) both}.brick-collapsible-content-inner{box-sizing:border-box;min-inline-size:0;padding-block:var(--brick-collapsible-content-padding-block);padding-inline:var(--brick-collapsible-content-padding-inline)}.brick-collapsible[data-orientation=horizontal] .brick-collapsible-content{min-block-size:var(--brick-collapsible-trigger-height);flex:none}.brick-collapsible[data-orientation=horizontal] .brick-collapsible-content[data-state=open]{animation-name:brick-collapsible-open-horizontal}.brick-collapsible[data-orientation=horizontal] .brick-collapsible-content[data-state=closed]{animation-name:brick-collapsible-close-horizontal}.brick-collapsible-content[data-initial-open]{animation:none}.brick-collapsible[data-orientation=horizontal] .brick-collapsible-content-inner{inline-size:var(--content-width);min-block-size:var(--brick-collapsible-trigger-height)}@keyframes brick-collapsible-open{0%{block-size:0}to{block-size:var(--content-height)}}@keyframes brick-collapsible-close{0%{block-size:var(--content-height)}to{block-size:0}}@keyframes brick-collapsible-open-horizontal{0%{inline-size:0}to{inline-size:var(--content-width)}}@keyframes brick-collapsible-close-horizontal{0%{inline-size:var(--content-width)}to{inline-size:0}}@media (prefers-reduced-motion:reduce){.brick-collapsible-indicator{transition:none}.brick-collapsible-content{animation:none!important}}@media (forced-colors:active){.brick-collapsible{--brick-collapsible-border-color:CanvasText;forced-color-adjust:auto}.brick-collapsible[data-variant=plain],.brick-collapsible[data-variant=soft]{--brick-collapsible-border-color:transparent}.brick-collapsible-trigger{color:buttontext}.brick-collapsible-trigger:focus-visible{outline-color:highlight}}.brick-scroll-area{--brick-scroll-area-scrollbar-thumb:var(--brick-color-border-strong);--brick-scroll-area-scrollbar-track:transparent;min-block-size:0;min-inline-size:0}.brick-scroll-area-viewport{box-sizing:border-box;scrollbar-color:var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track);scrollbar-width:auto;block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0}.brick-scroll-area-viewport[data-orientation=vertical]{overflow:hidden auto}.brick-scroll-area-viewport[data-orientation=horizontal]{overflow:auto hidden}.brick-scroll-area-viewport[data-orientation=both]{overflow:auto}.brick-scroll-area[data-scrollbar-gutter=stable]>.brick-scroll-area-viewport{scrollbar-gutter:stable}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=vertical]{overflow-y:scroll}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=horizontal]{overflow-x:scroll}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=both]{overflow:scroll}.brick-scroll-area[data-scrollbar-visibility=interaction]>.brick-scroll-area-viewport{scrollbar-color:transparent transparent}.brick-scroll-area[data-scrollbar-visibility=interaction]:is(:hover,:focus-within)>.brick-scroll-area-viewport{scrollbar-color:var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track)}.brick-scroll-area-viewport:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:calc(-1 * var(--brick-border-focus-width))}@media (forced-colors:active){.brick-scroll-area-viewport,.brick-scroll-area[data-scrollbar-visibility=interaction]>.brick-scroll-area-viewport{scrollbar-color:auto}.brick-scroll-area-viewport:focus-visible{outline-color:highlight}}.brick-code-block{--brick-code-block-background:var(--brick-color-surface-subtle);--brick-code-block-foreground:var(--brick-color-text-primary);--brick-code-block-border-color:var(--brick-color-border-subtle);--brick-code-block-border-width:0rem;--brick-code-block-radius:var(--brick-radius-surface);--brick-code-block-header-padding:var(--brick-space-3) var(--brick-space-4);--brick-code-block-content-padding:var(--brick-space-4);--brick-code-block-content-padding-block:var(--brick-space-4);--brick-code-block-content-padding-inline:var(--brick-space-4);--brick-code-block-gap:var(--brick-space-2);--brick-code-block-font-family:var(--brick-typography-code-block-md-font-family);--brick-code-block-font-size:var(--brick-typography-code-block-md-font-size);--brick-code-block-font-weight:var(--brick-typography-code-block-md-font-weight);--brick-code-block-line-height:var(--brick-typography-code-block-md-line-height);--brick-code-block-letter-spacing:var(--brick-typography-code-block-md-letter-spacing);--brick-code-block-selection-background:var(--brick-color-accent-soft);--brick-code-block-selection-foreground:var(--brick-color-accent-text);--brick-code-block-line-number-foreground:var(--brick-color-text-secondary);--brick-code-block-line-number-width:3ch;--brick-code-block-line-highlight-background:var(--brick-color-accent-soft);--brick-code-block-line-focus-background:var(--brick-color-surface-raised);--brick-code-block-line-added-background:var(--brick-color-success-soft);--brick-code-block-line-added-border:var(--brick-color-success-border);--brick-code-block-line-removed-background:var(--brick-color-danger-soft);--brick-code-block-line-removed-border:var(--brick-color-danger-border);--brick-code-block-max-block-size:none;box-sizing:border-box;border:var(--brick-code-block-border-width) solid var(--brick-code-block-border-color);border-radius:var(--brick-code-block-radius);background:var(--brick-code-block-background);min-inline-size:0;max-inline-size:100%;color:var(--brick-code-block-foreground);overflow:clip}.brick-code-block[data-variant=bordered]{--brick-code-block-background:var(--brick-color-surface-base);--brick-code-block-border-width:var(--brick-border-width)}.brick-code-block[data-variant=plain]{--brick-code-block-background:transparent;--brick-code-block-radius:0rem}.brick-code-block[data-size=sm]{--brick-code-block-header-padding:var(--brick-space-2) var(--brick-space-3);--brick-code-block-content-padding:var(--brick-space-3);--brick-code-block-content-padding-block:var(--brick-space-3);--brick-code-block-content-padding-inline:var(--brick-space-3);--brick-code-block-font-family:var(--brick-typography-code-block-sm-font-family);--brick-code-block-font-size:var(--brick-typography-code-block-sm-font-size);--brick-code-block-font-weight:var(--brick-typography-code-block-sm-font-weight);--brick-code-block-line-height:var(--brick-typography-code-block-sm-line-height);--brick-code-block-letter-spacing:var(--brick-typography-code-block-sm-letter-spacing)}.brick-code-block-header{align-items:center;gap:var(--brick-code-block-gap);min-inline-size:0;padding:var(--brick-code-block-header-padding);border-block-end:var(--brick-border-width) solid var(--brick-code-block-border-color);display:flex}.brick-code-block-title{min-inline-size:0;color:var(--brick-color-text-primary);font:var(--brick-font-weight-medium) var(--brick-typography-body-sm-font-size) / var(--brick-typography-body-sm-line-height) var(--brick-font-family-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brick-code-block-language{color:var(--brick-color-text-secondary);font:var(--brick-font-weight-medium) var(--brick-typography-caption-font-size) / var(--brick-typography-caption-line-height) var(--brick-font-family-mono)}.brick-code-block-actions{align-items:center;gap:var(--brick-space-1);margin-inline-start:auto;display:flex}.brick-code-block-scroll-area{max-inline-size:100%}.brick-code-block-content{max-inline-size:100%;padding:var(--brick-code-block-content-padding);font-size:var(--brick-code-block-font-size);line-height:var(--brick-code-block-line-height)}.brick-code-block-content[data-max-lines]{max-block-size:calc(var(--brick-code-block-max-block-size) + 2 * var(--brick-code-block-content-padding-block));overflow-y:auto}.brick-code-block-pre{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;min-inline-size:max-content;font-family:var(--brick-code-block-font-family);font-size:var(--brick-code-block-font-size);font-weight:var(--brick-code-block-font-weight);letter-spacing:var(--brick-code-block-letter-spacing);line-height:var(--brick-code-block-line-height);tab-size:2;white-space:pre;margin:0}.brick-code-block-content[data-wrap=wrap] .brick-code-block-pre{white-space:pre-wrap;overflow-wrap:anywhere;min-inline-size:0}.brick-code-block-pre>.brick-code{font:inherit;letter-spacing:inherit;white-space:inherit}.brick-code-block-line{min-inline-size:100%;padding-inline:var(--brick-code-block-content-padding-inline);margin-inline:calc(-1 * var(--brick-code-block-content-padding-inline));border-inline-start:var(--brick-border-width) solid transparent;display:block;position:relative}.brick-code-block-line[data-line-number]{grid-template-columns:var(--brick-code-block-line-number-width) minmax(0, 1fr);column-gap:var(--brick-space-3);display:grid}.brick-code-block-line[data-line-number]:before{content:attr(data-line-number);color:var(--brick-code-block-line-number-foreground);font-variant-numeric:tabular-nums;text-align:end;-webkit-user-select:none;user-select:none}.brick-code-block-line-content{min-inline-size:0}.brick-code-block-line[data-highlighted]{background:var(--brick-code-block-line-highlight-background)}.brick-code-block-line[data-focused]{background:var(--brick-code-block-line-focus-background)}.brick-code-block-line[data-change=added]{border-inline-start-color:var(--brick-code-block-line-added-border);background:var(--brick-code-block-line-added-background)}.brick-code-block-line[data-change=removed]{border-inline-start-color:var(--brick-code-block-line-removed-border);background:var(--brick-code-block-line-removed-background)}.brick-code-block-content[data-wrap=wrap] .brick-code-block-line-content{overflow-wrap:anywhere;white-space:pre-wrap}.brick-code-block-collapse-preview .brick-code-block-content[data-max-lines]{overflow-y:clip}.brick-code-block-collapse[data-state=open] .brick-code-block-collapse-preview,.brick-code-block-collapse[data-state=closed] .brick-code-block-collapse-content{display:none}.brick-code-block-collapse-content{color:inherit}.brick-code-block-collapse-content-inner{padding:0}.brick-code-block-collapse-trigger{border-block-start:var(--brick-border-width) solid var(--brick-code-block-border-color);color:var(--brick-color-text-secondary);background:0 0;border-radius:0;justify-content:center}.brick-code-block-pre ::selection{background:var(--brick-code-block-selection-background);color:var(--brick-code-block-selection-foreground)}.brick-code-block-copy-status{padding-inline:var(--brick-space-4);color:var(--brick-color-text-secondary);font:var(--brick-typography-caption-font-weight) var(--brick-typography-caption-font-size) / var(--brick-typography-caption-line-height) var(--brick-typography-caption-font-family);display:block}.brick-code-block-copy-status:not(:empty){padding-block:var(--brick-space-2)}@media (forced-colors:active){.brick-code-block{--brick-code-block-background:Canvas;--brick-code-block-foreground:CanvasText;--brick-code-block-border-color:CanvasText;--brick-code-block-border-width:var(--brick-border-width);--brick-code-block-selection-background:Highlight;--brick-code-block-selection-foreground:HighlightText;--brick-code-block-line-highlight-background:Mark;--brick-code-block-line-focus-background:Canvas;--brick-code-block-line-added-background:Canvas;--brick-code-block-line-added-border:Highlight;--brick-code-block-line-removed-background:Canvas;--brick-code-block-line-removed-border:Highlight}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=code-block.css.map */

package/dist/styles/code-block.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,+cAcA,4HAKA,uCACE,sFAKF,8BACE,qIAMF,iIAUA,mIC1CA,0tEAwDA,iEAIA,yJAKA,+JAKA,wMAKA,gGAIA,iGAMA,qKAKA,gHAKA,mFAKA,wDAKA,wCAIA,yGAIA,yCAIA,4FAOA,uHAKA,gDAIA,wDAIA,8EAIA,6SASA,0SASA,8SASA,0SASA,wzBAyBA,gqBAaA,0oBAaA,2qBAaA,2qBAaA,gqBAaA,4VAQA,kUAQA,4SAQA,wCACE,0JAKA,sMAKA,gGAKF,uCACE,sCAKF,8BACE,6EAMA,oDAIA,6ECpUF,ixCA8BA,kKAOA,oEACA,gKAIA,gKAKA,8BACE,oHChDF,2KAQA,6OAUA,4EACA,8EACA,iEAEA,qGACA,8HACA,gIACA,wHACA,8HACA,iNAIA,gLAKA,8BACE,uIAEA,mECvCF,uyCA2BA,iKAKA,+GAKA,2jBAUA,gPASA,qSASA,8NAKA,4GAOA,mDAEA,+FAKA,uZAaA,8HAMA,0FAMA,6IAKA,6SAOA,6EAEA,8BACE,+SL7HJ","sources":["home/runner/work/brick/brick/.brick-cache/production/code-block.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/_action-spinner/action-spinner.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/button/button.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/code/code.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/scroll-area/scroll-area.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/code-block/code-block.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/_action-spinner/action-spinner.css\";\n@import \"../../src/components/button/button.css\";\n@import \"../../src/components/code/code.css\";\n@import \"../../src/components/scroll-area/scroll-area.css\";\n@import \"../../src/components/code-block/code-block.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  :where(.brick-button, .brick-icon-button)[data-loading]::after {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-start: 50%;\n    inline-size: var(--brick-action-spinner-size);\n    block-size: var(--brick-action-spinner-size);\n    border: 0.125rem solid transparent;\n    border-block-start-color: var(--brick-action-spinner-color);\n    border-inline-end-color: var(--brick-action-spinner-color);\n    border-radius: var(--brick-radius-full);\n    content: \"\";\n    animation: brick-action-spinner-spin 700ms linear infinite;\n  }\n\n  :where([dir=\"rtl\"])\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n    animation-name: brick-action-spinner-spin-rtl;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n      animation-duration: 1400ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n      border-block-start-color: ButtonText;\n      border-inline-end-color: ButtonText;\n    }\n  }\n\n  @keyframes brick-action-spinner-spin {\n    from {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n\n    to {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n\n  @keyframes brick-action-spinner-spin-rtl {\n    from {\n      transform: translate(50%, -50%) rotate(0deg);\n    }\n\n    to {\n      transform: translate(50%, -50%) rotate(360deg);\n    }\n  }\n}\n","@layer brick.components {\n  .brick-button {\n    --brick-button-background: var(--brick-button-tone-solid);\n    --brick-button-background-hover: var(--brick-button-tone-solid-hover);\n    --brick-button-background-pressed: var(--brick-button-tone-solid-pressed);\n    --brick-button-foreground: var(--brick-button-tone-on-solid);\n    --brick-button-border-color: var(--brick-button-background);\n    --brick-button-focus-ring: var(--brick-color-focus-ring);\n    --brick-button-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-button-padding-block: 0.5rem;\n    --brick-button-padding-inline: 1rem;\n    --brick-button-gap: 0.5rem;\n    --brick-button-radius: var(--brick-radius-control);\n    --brick-button-font-family: var(--brick-typography-control-md-font-family);\n    --brick-button-font-size: var(--brick-typography-control-md-font-size);\n    --brick-button-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-button-line-height: var(--brick-typography-control-md-line-height);\n    --brick-button-letter-spacing: var(--brick-typography-control-md-letter-spacing);\n    --brick-button-icon-size: 1.125rem;\n    --brick-action-spinner-size: 1em;\n    --brick-action-spinner-color: var(\n      --brick-button-spinner-color,\n      var(--brick-button-foreground)\n    );\n\n    position: relative;\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-button-min-block-size);\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-button-gap);\n    padding-block: var(--brick-button-padding-block);\n    padding-inline: var(--brick-button-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-button-border-color);\n    border-radius: var(--brick-button-radius);\n    appearance: none;\n    background: var(--brick-button-background);\n    color: var(--brick-button-foreground);\n    font-family: var(--brick-button-font-family);\n    font-size: var(--brick-button-font-size);\n    font-weight: var(--brick-button-font-weight);\n    letter-spacing: var(--brick-button-letter-spacing);\n    line-height: var(--brick-button-line-height);\n    text-align: center;\n    text-decoration: none;\n    overflow-wrap: anywhere;\n    user-select: none;\n    vertical-align: middle;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-button:not([data-disabled], [data-loading]) {\n    cursor: pointer;\n  }\n\n  .brick-button:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-button-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-button:not([data-disabled], [data-loading]):active {\n    background: var(--brick-button-background-pressed);\n    border-color: var(--brick-button-background-pressed);\n  }\n\n  .brick-button[data-variant=\"soft\"]:not([data-disabled], [data-loading]):active,\n  .brick-button[data-variant=\"outline\"]:not([data-disabled], [data-loading]):active {\n    border-color: var(--brick-button-tone-border);\n  }\n\n  .brick-button[data-variant=\"ghost\"]:not([data-disabled], [data-loading]):active {\n    border-color: transparent;\n  }\n\n  .brick-button[data-disabled] {\n    color: var(--brick-color-text-disabled);\n    cursor: not-allowed;\n    opacity: 1;\n  }\n\n  .brick-button[data-disabled]:is([data-variant=\"solid\"], [data-variant=\"soft\"]) {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-button[data-disabled][data-variant=\"outline\"] {\n    border-color: var(--brick-color-border-subtle);\n    background: transparent;\n  }\n\n  .brick-button[data-disabled][data-variant=\"ghost\"] {\n    border-color: transparent;\n    background: transparent;\n  }\n\n  .brick-button[data-loading] {\n    cursor: progress;\n    color: transparent;\n  }\n\n  .brick-button[data-loading] > * {\n    opacity: 0;\n  }\n\n  .brick-button[data-disabled][data-loading] {\n    --brick-button-spinner-color: var(--brick-color-text-disabled);\n  }\n\n  .brick-button__content {\n    min-inline-size: 0;\n  }\n\n  .brick-button__icon {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .brick-button__icon > :where(svg, img) {\n    inline-size: var(--brick-button-icon-size);\n    block-size: var(--brick-button-icon-size);\n  }\n\n  .brick-button[data-full-width] {\n    inline-size: 100%;\n  }\n\n  .brick-button[data-shape=\"sharp\"] {\n    --brick-button-radius: 0;\n  }\n\n  .brick-button[data-shape=\"pill\"] {\n    --brick-button-radius: var(--brick-radius-full);\n  }\n\n  .brick-button[data-size=\"xs\"] {\n    --brick-button-min-block-size: var(--brick-control-min-block-size-xs);\n    --brick-button-padding-block: 0.25rem;\n    --brick-button-padding-inline: 0.625rem;\n    --brick-button-gap: 0.375rem;\n    --brick-button-font-size: var(--brick-typography-control-xs-font-size);\n    --brick-button-icon-size: 0.875rem;\n  }\n\n  .brick-button[data-size=\"sm\"] {\n    --brick-button-min-block-size: var(--brick-control-min-block-size-sm);\n    --brick-button-padding-block: 0.375rem;\n    --brick-button-padding-inline: 0.75rem;\n    --brick-button-gap: 0.375rem;\n    --brick-button-font-size: var(--brick-typography-control-sm-font-size);\n    --brick-button-icon-size: 1rem;\n  }\n\n  .brick-button[data-size=\"lg\"] {\n    --brick-button-min-block-size: var(--brick-control-min-block-size-lg);\n    --brick-button-padding-block: 0.625rem;\n    --brick-button-padding-inline: 1.25rem;\n    --brick-button-gap: 0.625rem;\n    --brick-button-font-size: var(--brick-typography-control-lg-font-size);\n    --brick-button-icon-size: 1.25rem;\n  }\n\n  .brick-button[data-size=\"xl\"] {\n    --brick-button-min-block-size: var(--brick-control-min-block-size-xl);\n    --brick-button-padding-block: 0.75rem;\n    --brick-button-padding-inline: 1.5rem;\n    --brick-button-gap: 0.75rem;\n    --brick-button-font-size: var(--brick-typography-control-xl-font-size);\n    --brick-button-icon-size: 1.5rem;\n  }\n\n  .brick-button[data-tone=\"neutral\"] {\n    --brick-button-tone-solid: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 16%\n    );\n    --brick-button-tone-solid-hover: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 22%\n    );\n    --brick-button-tone-solid-pressed: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 28%\n    );\n    --brick-button-tone-on-solid: var(--brick-color-text-primary);\n    --brick-button-tone-soft: var(--brick-color-surface-subtle);\n    --brick-button-tone-soft-hover: var(--brick-color-surface-base);\n    --brick-button-tone-soft-pressed: var(--brick-color-border-subtle);\n    --brick-button-tone-on-soft: var(--brick-color-text-primary);\n    --brick-button-tone-border: var(--brick-color-border-strong);\n    --brick-button-tone-text: var(--brick-color-text-primary);\n  }\n\n  .brick-button[data-tone=\"accent\"] {\n    --brick-button-tone-solid: var(--brick-color-accent-solid);\n    --brick-button-tone-solid-hover: var(--brick-color-accent-solid-hover);\n    --brick-button-tone-solid-pressed: var(--brick-color-accent-solid-pressed);\n    --brick-button-tone-on-solid: var(--brick-color-accent-on-solid);\n    --brick-button-tone-soft: var(--brick-color-accent-soft);\n    --brick-button-tone-soft-hover: var(--brick-color-accent-soft-hover);\n    --brick-button-tone-soft-pressed: var(--brick-color-accent-soft-pressed);\n    --brick-button-tone-on-soft: var(--brick-color-accent-on-soft);\n    --brick-button-tone-border: var(--brick-color-accent-border);\n    --brick-button-tone-text: var(--brick-color-accent-text);\n  }\n\n  .brick-button[data-tone=\"info\"] {\n    --brick-button-tone-solid: var(--brick-color-info-solid);\n    --brick-button-tone-solid-hover: var(--brick-color-info-solid-hover);\n    --brick-button-tone-solid-pressed: var(--brick-color-info-solid-pressed);\n    --brick-button-tone-on-solid: var(--brick-color-info-on-solid);\n    --brick-button-tone-soft: var(--brick-color-info-soft);\n    --brick-button-tone-soft-hover: var(--brick-color-info-soft-hover);\n    --brick-button-tone-soft-pressed: var(--brick-color-info-soft-pressed);\n    --brick-button-tone-on-soft: var(--brick-color-info-on-soft);\n    --brick-button-tone-border: var(--brick-color-info-border);\n    --brick-button-tone-text: var(--brick-color-info-text);\n  }\n\n  .brick-button[data-tone=\"success\"] {\n    --brick-button-tone-solid: var(--brick-color-success-solid);\n    --brick-button-tone-solid-hover: var(--brick-color-success-solid-hover);\n    --brick-button-tone-solid-pressed: var(--brick-color-success-solid-pressed);\n    --brick-button-tone-on-solid: var(--brick-color-success-on-solid);\n    --brick-button-tone-soft: var(--brick-color-success-soft);\n    --brick-button-tone-soft-hover: var(--brick-color-success-soft-hover);\n    --brick-button-tone-soft-pressed: var(--brick-color-success-soft-pressed);\n    --brick-button-tone-on-soft: var(--brick-color-success-on-soft);\n    --brick-button-tone-border: var(--brick-color-success-border);\n    --brick-button-tone-text: var(--brick-color-success-text);\n  }\n\n  .brick-button[data-tone=\"warning\"] {\n    --brick-button-tone-solid: var(--brick-color-warning-solid);\n    --brick-button-tone-solid-hover: var(--brick-color-warning-solid-hover);\n    --brick-button-tone-solid-pressed: var(--brick-color-warning-solid-pressed);\n    --brick-button-tone-on-solid: var(--brick-color-warning-on-solid);\n    --brick-button-tone-soft: var(--brick-color-warning-soft);\n    --brick-button-tone-soft-hover: var(--brick-color-warning-soft-hover);\n    --brick-button-tone-soft-pressed: var(--brick-color-warning-soft-pressed);\n    --brick-button-tone-on-soft: var(--brick-color-warning-on-soft);\n    --brick-button-tone-border: var(--brick-color-warning-border);\n    --brick-button-tone-text: var(--brick-color-warning-text);\n  }\n\n  .brick-button[data-tone=\"danger\"] {\n    --brick-button-tone-solid: var(--brick-color-danger-solid);\n    --brick-button-tone-solid-hover: var(--brick-color-danger-solid-hover);\n    --brick-button-tone-solid-pressed: var(--brick-color-danger-solid-pressed);\n    --brick-button-tone-on-solid: var(--brick-color-danger-on-solid);\n    --brick-button-tone-soft: var(--brick-color-danger-soft);\n    --brick-button-tone-soft-hover: var(--brick-color-danger-soft-hover);\n    --brick-button-tone-soft-pressed: var(--brick-color-danger-soft-pressed);\n    --brick-button-tone-on-soft: var(--brick-color-danger-on-soft);\n    --brick-button-tone-border: var(--brick-color-danger-border);\n    --brick-button-tone-text: var(--brick-color-danger-text);\n  }\n\n  .brick-button[data-variant=\"soft\"] {\n    --brick-button-background: var(--brick-button-tone-soft);\n    --brick-button-background-hover: var(--brick-button-tone-soft-hover);\n    --brick-button-background-pressed: var(--brick-button-tone-soft-pressed);\n    --brick-button-foreground: var(--brick-button-tone-on-soft);\n    --brick-button-border-color: var(--brick-button-tone-border);\n  }\n\n  .brick-button[data-variant=\"outline\"] {\n    --brick-button-background: transparent;\n    --brick-button-background-hover: var(--brick-button-tone-soft);\n    --brick-button-background-pressed: var(--brick-button-tone-soft-hover);\n    --brick-button-foreground: var(--brick-button-tone-text);\n    --brick-button-border-color: var(--brick-button-tone-border);\n  }\n\n  .brick-button[data-variant=\"ghost\"] {\n    --brick-button-background: transparent;\n    --brick-button-background-hover: var(--brick-button-tone-soft);\n    --brick-button-background-pressed: var(--brick-button-tone-soft-hover);\n    --brick-button-foreground: var(--brick-button-tone-text);\n    --brick-button-border-color: transparent;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-button:not([data-disabled], [data-loading]):hover {\n      background: var(--brick-button-background-hover);\n      border-color: var(--brick-button-background-hover);\n    }\n\n    .brick-button[data-variant=\"soft\"]:not([data-disabled], [data-loading]):hover,\n    .brick-button[data-variant=\"outline\"]:not([data-disabled], [data-loading]):hover {\n      border-color: var(--brick-button-tone-border);\n    }\n\n    .brick-button[data-variant=\"ghost\"]:not([data-disabled], [data-loading]):hover {\n      border-color: transparent;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-button {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-button {\n      border-color: ButtonText;\n      background: ButtonFace;\n      color: ButtonText;\n    }\n\n    .brick-button:focus-visible {\n      outline-color: Highlight;\n    }\n\n    .brick-button[data-disabled] {\n      border-color: GrayText;\n      color: GrayText;\n      opacity: 1;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-code {\n    --brick-code-foreground: var(--brick-color-text-primary);\n    --brick-code-background: var(--brick-color-surface-subtle);\n    --brick-code-border-color: var(--brick-color-border-subtle);\n    --brick-code-border-width: var(--brick-border-width);\n    --brick-code-radius: var(--brick-radius-subtle);\n    --brick-code-padding-block: 0.0625em;\n    --brick-code-padding-inline: 0.3em;\n    --brick-code-font-family: var(--brick-typography-code-inline-font-family);\n    --brick-code-font-size: var(--brick-typography-code-inline-font-size);\n    --brick-code-font-weight: var(--brick-typography-code-inline-font-weight);\n    --brick-code-line-height: var(--brick-typography-code-inline-line-height);\n    --brick-code-letter-spacing: var(--brick-typography-code-inline-letter-spacing);\n\n    box-decoration-break: clone;\n    padding: var(--brick-code-padding-block) var(--brick-code-padding-inline);\n    border: var(--brick-code-border-width) solid var(--brick-code-border-color);\n    border-radius: var(--brick-code-radius);\n    background: var(--brick-code-background);\n    color: var(--brick-code-foreground);\n    font-family: var(--brick-code-font-family);\n    font-size: var(--brick-code-font-size);\n    font-weight: var(--brick-code-font-weight);\n    letter-spacing: var(--brick-code-letter-spacing);\n    line-height: var(--brick-code-line-height);\n    overflow-wrap: anywhere;\n    white-space: normal;\n    -webkit-box-decoration-break: clone;\n  }\n\n  .brick-code[data-variant=\"plain\"] {\n    --brick-code-background: transparent;\n    --brick-code-border-width: 0rem;\n    --brick-code-padding-block: 0em;\n    --brick-code-padding-inline: 0em;\n  }\n\n  .brick-code[data-tone=\"inherit\"] { --brick-code-foreground: currentColor; }\n  .brick-code[data-size=\"sm\"] {\n    --brick-code-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-code-line-height: var(--brick-typography-body-sm-line-height);\n  }\n  .brick-code[data-size=\"md\"] {\n    --brick-code-font-size: var(--brick-typography-body-md-font-size);\n    --brick-code-line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  @media (forced-colors: active) {\n    .brick-code {\n      --brick-code-foreground: CanvasText;\n      --brick-code-background: Canvas;\n      --brick-code-border-color: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-scroll-area {\n    --brick-scroll-area-scrollbar-thumb: var(--brick-color-border-strong);\n    --brick-scroll-area-scrollbar-track: transparent;\n\n    min-inline-size: 0;\n    min-block-size: 0;\n  }\n\n  .brick-scroll-area-viewport {\n    box-sizing: border-box;\n    inline-size: 100%;\n    block-size: 100%;\n    min-inline-size: 0;\n    min-block-size: 0;\n    scrollbar-color: var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track);\n    scrollbar-width: auto;\n  }\n\n  .brick-scroll-area-viewport[data-orientation=\"vertical\"] { overflow-x: hidden; overflow-y: auto; }\n  .brick-scroll-area-viewport[data-orientation=\"horizontal\"] { overflow-x: auto; overflow-y: hidden; }\n  .brick-scroll-area-viewport[data-orientation=\"both\"] { overflow: auto; }\n\n  .brick-scroll-area[data-scrollbar-gutter=\"stable\"] > .brick-scroll-area-viewport { scrollbar-gutter: stable; }\n  .brick-scroll-area[data-scrollbar-visibility=\"always\"] > .brick-scroll-area-viewport[data-orientation=\"vertical\"] { overflow-y: scroll; }\n  .brick-scroll-area[data-scrollbar-visibility=\"always\"] > .brick-scroll-area-viewport[data-orientation=\"horizontal\"] { overflow-x: scroll; }\n  .brick-scroll-area[data-scrollbar-visibility=\"always\"] > .brick-scroll-area-viewport[data-orientation=\"both\"] { overflow: scroll; }\n  .brick-scroll-area[data-scrollbar-visibility=\"interaction\"] > .brick-scroll-area-viewport { scrollbar-color: transparent transparent; }\n  .brick-scroll-area[data-scrollbar-visibility=\"interaction\"]:is(:hover, :focus-within) > .brick-scroll-area-viewport {\n    scrollbar-color: var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track);\n  }\n\n  .brick-scroll-area-viewport:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: calc(-1 * var(--brick-border-focus-width));\n  }\n\n  @media (forced-colors: active) {\n    .brick-scroll-area-viewport,\n    .brick-scroll-area[data-scrollbar-visibility=\"interaction\"] > .brick-scroll-area-viewport { scrollbar-color: auto; }\n    .brick-scroll-area-viewport:focus-visible { outline-color: Highlight; }\n  }\n}\n","@layer brick.components {\n  .brick-code-block {\n    --brick-code-block-background: var(--brick-color-surface-subtle);\n    --brick-code-block-foreground: var(--brick-color-text-primary);\n    --brick-code-block-border-color: var(--brick-color-border-subtle);\n    --brick-code-block-border-width: 0rem;\n    --brick-code-block-radius: var(--brick-radius-surface);\n    --brick-code-block-header-padding: var(--brick-space-3) var(--brick-space-4);\n    --brick-code-block-content-padding: var(--brick-space-4);\n    --brick-code-block-gap: var(--brick-space-2);\n    --brick-code-block-font-family: var(--brick-typography-code-block-md-font-family);\n    --brick-code-block-font-size: var(--brick-typography-code-block-md-font-size);\n    --brick-code-block-font-weight: var(--brick-typography-code-block-md-font-weight);\n    --brick-code-block-line-height: var(--brick-typography-code-block-md-line-height);\n    --brick-code-block-letter-spacing: var(--brick-typography-code-block-md-letter-spacing);\n    --brick-code-block-selection-background: var(--brick-color-accent-soft);\n    --brick-code-block-selection-foreground: var(--brick-color-accent-text);\n\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow: clip;\n    border: var(--brick-code-block-border-width) solid var(--brick-code-block-border-color);\n    border-radius: var(--brick-code-block-radius);\n    background: var(--brick-code-block-background);\n    color: var(--brick-code-block-foreground);\n  }\n\n  .brick-code-block[data-variant=\"bordered\"] {\n    --brick-code-block-background: var(--brick-color-surface-base);\n    --brick-code-block-border-width: var(--brick-border-width);\n  }\n\n  .brick-code-block[data-variant=\"plain\"] {\n    --brick-code-block-background: transparent;\n    --brick-code-block-radius: 0rem;\n  }\n\n  .brick-code-block[data-size=\"sm\"] {\n    --brick-code-block-header-padding: var(--brick-space-2) var(--brick-space-3);\n    --brick-code-block-content-padding: var(--brick-space-3);\n    --brick-code-block-font-family: var(--brick-typography-code-block-sm-font-family);\n    --brick-code-block-font-size: var(--brick-typography-code-block-sm-font-size);\n    --brick-code-block-font-weight: var(--brick-typography-code-block-sm-font-weight);\n    --brick-code-block-line-height: var(--brick-typography-code-block-sm-line-height);\n    --brick-code-block-letter-spacing: var(--brick-typography-code-block-sm-letter-spacing);\n  }\n\n  .brick-code-block-header {\n    display: flex;\n    align-items: center;\n    min-inline-size: 0;\n    gap: var(--brick-code-block-gap);\n    padding: var(--brick-code-block-header-padding);\n    border-block-end: var(--brick-border-width) solid var(--brick-code-block-border-color);\n  }\n\n  .brick-code-block-title {\n    min-inline-size: 0;\n    overflow: hidden;\n    color: var(--brick-color-text-primary);\n    font: var(--brick-font-weight-medium) var(--brick-typography-body-sm-font-size) / var(--brick-typography-body-sm-line-height) var(--brick-font-family-body);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .brick-code-block-language {\n    color: var(--brick-color-text-secondary);\n    font: var(--brick-font-weight-medium) var(--brick-typography-caption-font-size) / var(--brick-typography-caption-line-height) var(--brick-font-family-mono);\n  }\n\n  .brick-code-block-actions {\n    display: flex;\n    align-items: center;\n    gap: var(--brick-space-1);\n    margin-inline-start: auto;\n  }\n\n  .brick-code-block-scroll-area { max-inline-size: 100%; }\n\n  .brick-code-block-content {\n    max-inline-size: 100%;\n    padding: var(--brick-code-block-content-padding);\n  }\n\n  .brick-code-block-pre {\n    min-inline-size: max-content;\n    margin: 0;\n    text-size-adjust: none;\n    font-family: var(--brick-code-block-font-family);\n    font-size: var(--brick-code-block-font-size);\n    font-weight: var(--brick-code-block-font-weight);\n    letter-spacing: var(--brick-code-block-letter-spacing);\n    line-height: var(--brick-code-block-line-height);\n    tab-size: 2;\n    white-space: pre;\n  }\n\n  .brick-code-block-content[data-wrap=\"wrap\"] .brick-code-block-pre {\n    min-inline-size: 0;\n    white-space: pre-wrap;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-code-block-pre > .brick-code {\n    font: inherit;\n    letter-spacing: inherit;\n    white-space: inherit;\n  }\n\n  .brick-code-block-pre ::selection {\n    background: var(--brick-code-block-selection-background);\n    color: var(--brick-code-block-selection-foreground);\n  }\n\n  .brick-code-block-copy-status {\n    display: block;\n    padding-inline: var(--brick-space-4);\n    color: var(--brick-color-text-secondary);\n    font: var(--brick-typography-caption-font-weight) var(--brick-typography-caption-font-size) / var(--brick-typography-caption-line-height) var(--brick-typography-caption-font-family);\n  }\n\n  .brick-code-block-copy-status:not(:empty) { padding-block: var(--brick-space-2); }\n\n  @media (forced-colors: active) {\n    .brick-code-block {\n      --brick-code-block-background: Canvas;\n      --brick-code-block-foreground: CanvasText;\n      --brick-code-block-border-color: CanvasText;\n      --brick-code-block-border-width: var(--brick-border-width);\n      --brick-code-block-selection-background: Highlight;\n      --brick-code-block-selection-foreground: HighlightText;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,+cAcA,4HAKA,uCACE,sFAKF,8BACE,qIAMF,iIAUA,mIE1CA,0tEAwDA,iEAIA,yJAKA,+JAKA,wMAKA,gGAIA,iGAMA,qKAKA,gHAKA,mFAKA,wDAKA,wCAIA,yGAIA,yCAIA,4FAOA,uHAKA,gDAIA,wDAIA,8EAIA,6SASA,0SASA,8SASA,0SASA,wzBAyBA,gqBAaA,0oBAaA,2qBAaA,2qBAaA,gqBAaA,4VAQA,kUAQA,4SAQA,wCACE,0JAKA,sMAKA,gGAKF,uCACE,sCAKF,8BACE,6EAMA,oDAIA,6EDpUF,ixCA8BA,kKAOA,oEACA,gKAIA,gKAKA,8BACE,oHEhDF,06CA8BA,oQAMA,4GAIA,8mBAYA,+mBAYA,iJASA,sGAKA,mJAIA,wxBAyBA,6HACA,wGACA,2KACA,wFAEA,qWAWA,4XAaA,gFACA,kGAEA,qIAMA,qJACA,uJACA,qMAEA,4IAIA,6IACA,gJACA,6DACA,yKAKA,uFACA,wFACA,mGACA,oGAEA,uCACE,6CACA,qDAGF,8BACE,wFACA,0HACA,4CACA,kEC/KF,2KAQA,6OAUA,4EACA,8EACA,iEAEA,qGACA,8HACA,gIACA,wHACA,8HACA,iNAIA,gLAKA,8BACE,uIAEA,mECvCF,y/DAsCA,iKAKA,+GAKA,wrBAYA,gPASA,qSASA,8NAKA,4GAOA,mDAEA,2LAOA,0KAQA,uZAaA,8HAMA,0FAMA,kRASA,qKAMA,+NAQA,iDACA,sGACA,8FACA,uKAIA,6KAKA,qHAKA,6FAKA,6KAEA,iDACA,mDAEA,yNAQA,6IAKA,6SAOA,6EAEA,8BACE,mlBN9MJ","sources":["home/runner/work/brick/brick/.brick-cache/production/code-block.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/_action-spinner/action-spinner.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/code/code.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/button/button.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/collapsible/collapsible.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/scroll-area/scroll-area.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/code-block/code-block.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/_action-spinner/action-spinner.css\";\n@import \"../../src/components/button/button.css\";\n@import \"../../src/components/code/code.css\";\n@import \"../../src/components/collapsible/collapsible.css\";\n@import \"../../src/components/scroll-area/scroll-area.css\";\n@import \"../../src/components/code-block/code-block.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  :where(.brick-button, .brick-icon-button)[data-loading]::after {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-start: 50%;\n    inline-size: var(--brick-action-spinner-size);\n    block-size: var(--brick-action-spinner-size);\n    border: 0.125rem solid transparent;\n    border-block-start-color: var(--brick-action-spinner-color);\n    border-inline-end-color: var(--brick-action-spinner-color);\n    border-radius: var(--brick-radius-full);\n    content: \"\";\n    animation: brick-action-spinner-spin 700ms linear infinite;\n  }\n\n  :where([dir=\"rtl\"])\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n    animation-name: brick-action-spinner-spin-rtl;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n      animation-duration: 1400ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n      border-block-start-color: ButtonText;\n      border-inline-end-color: ButtonText;\n    }\n  }\n\n  @keyframes brick-action-spinner-spin {\n    from {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n\n    to {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n\n  @keyframes brick-action-spinner-spin-rtl {\n    from {\n      transform: translate(50%, -50%) rotate(0deg);\n    }\n\n    to {\n      transform: translate(50%, -50%) rotate(360deg);\n    }\n  }\n}\n","@layer brick.components {\n  .brick-code {\n    --brick-code-foreground: var(--brick-color-text-primary);\n    --brick-code-background: var(--brick-color-surface-subtle);\n    --brick-code-border-color: var(--brick-color-border-subtle);\n    --brick-code-border-width: var(--brick-border-width);\n    --brick-code-radius: var(--brick-radius-subtle);\n    --brick-code-padding-block: 0.0625em;\n    --brick-code-padding-inline: 0.3em;\n    --brick-code-font-family: var(--brick-typography-code-inline-font-family);\n    --brick-code-font-size: var(--brick-typography-code-inline-font-size);\n    --brick-code-font-weight: var(--brick-typography-code-inline-font-weight);\n    --brick-code-line-height: var(--brick-typography-code-inline-line-height);\n    --brick-code-letter-spacing: var(--brick-typography-code-inline-letter-spacing);\n\n    box-decoration-break: clone;\n    padding: var(--brick-code-padding-block) var(--brick-code-padding-inline);\n    border: var(--brick-code-border-width) solid var(--brick-code-border-color);\n    border-radius: var(--brick-code-radius);\n    background: var(--brick-code-background);\n    color: var(--brick-code-foreground);\n    font-family: var(--brick-code-font-family);\n    font-size: var(--brick-code-font-size);\n    font-weight: var(--brick-code-font-weight);\n    letter-spacing: var(--brick-code-letter-spacing);\n    line-height: var(--brick-code-line-height);\n    overflow-wrap: anywhere;\n    white-space: normal;\n    -webkit-box-decoration-break: clone;\n  }\n\n  .brick-code[data-variant=\"plain\"] {\n    --brick-code-background: transparent;\n    --brick-code-border-width: 0rem;\n    --brick-code-padding-block: 0em;\n    --brick-code-padding-inline: 0em;\n  }\n\n  .brick-code[data-tone=\"inherit\"] { --brick-code-foreground: currentColor; }\n  .brick-code[data-size=\"sm\"] {\n    --brick-code-font-size: var(--brick-typography-body-sm-font-size);\n    --brick-code-line-height: var(--brick-typography-body-sm-line-height);\n  }\n  .brick-code[data-size=\"md\"] {\n    --brick-code-font-size: var(--brick-typography-body-md-font-size);\n    --brick-code-line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  @media (forced-colors: active) {\n    .brick-code {\n      --brick-code-foreground: CanvasText;\n      --brick-code-background: Canvas;\n      --brick-code-border-color: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-button {\n    --brick-button-background: var(--brick-button-tone-solid);\n    --brick-button-background-hover: var(--brick-button-tone-solid-hover);\n    --brick-button-background-pressed: var(--brick-button-tone-solid-pressed);\n    --brick-button-foreground: var(--brick-button-tone-on-solid);\n    --brick-button-border-color: var(--brick-button-background);\n    --brick-button-focus-ring: var(--brick-color-focus-ring);\n    --brick-button-min-block-size: var(--brick-control-min-block-size-md);\n    --brick-button-padding-block: 0.5rem;\n    --brick-button-padding-inline: 1rem;\n    --brick-button-gap: 0.5rem;\n    --brick-button-radius: var(--brick-radius-control);\n    --brick-button-font-family: var(--brick-typography-control-md-font-family);\n    --brick-button-font-size: var(--brick-typography-control-md-font-size);\n    --brick-button-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-button-line-height: var(--brick-typography-control-md-line-height);\n    --brick-button-letter-spacing: var(--brick-typography-control-md-letter-spacing);\n    --brick-button-icon-size: 1.125rem;\n    --brick-action-spinner-size: 1em;\n    --brick-action-spinner-color: var(\n      --brick-button-spinner-color,\n      var(--brick-button-foreground)\n    );\n\n    position: relative;\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-button-min-block-size);\n    align-items: center;\n    justify-content: center;\n    gap: var(--brick-button-gap);\n    padding-block: var(--brick-button-padding-block);\n    padding-inline: var(--brick-button-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-button-border-color);\n    border-radius: var(--brick-button-radius);\n    appearance: none;\n    background: var(--brick-button-background);\n    color: var(--brick-button-foreground);\n    font-family: var(--brick-button-font-family);\n    font-size: var(--brick-button-font-size);\n    font-weight: var(--brick-button-font-weight);\n    letter-spacing: var(--brick-button-letter-spacing);\n    line-height: var(--brick-button-line-height);\n    text-align: center;\n    text-decoration: none;\n    overflow-wrap: anywhere;\n    user-select: none;\n    vertical-align: middle;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-button:not([data-disabled], [data-loading]) {\n    cursor: pointer;\n  }\n\n  .brick-button:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-button-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-button:not([data-disabled], [data-loading]):active {\n    background: var(--brick-button-background-pressed);\n    border-color: var(--brick-button-background-pressed);\n  }\n\n  .brick-button[data-variant=\"soft\"]:not([data-disabled], [data-loading]):active,\n  .brick-button[data-variant=\"outline\"]:not([data-disabled], [data-loading]):active {\n    border-color: var(--brick-button-tone-border);\n  }\n\n  .brick-button[data-variant=\"ghost\"]:not([data-disabled], [data-loading]):active {\n    border-color: transparent;\n  }\n\n  .brick-button[data-disabled] {\n    color: var(--brick-color-text-disabled);\n    cursor: not-allowed;\n    opacity: 1;\n  }\n\n  .brick-button[data-disabled]:is([data-variant=\"solid\"], [data-variant=\"soft\"]) {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-button[data-disabled][data-variant=\"outline\"] {\n    border-color: var(--brick-color-border-subtle);\n    background: transparent;\n  }\n\n  .brick-button[data-disabled][data-variant=\"ghost\"] {\n    border-color: transparent;\n    background: transparent;\n  }\n\n  .brick-button[data-loading] {\n    cursor: progress;\n    color: transparent;\n  }\n\n  .brick-button[data-loading] > * {\n    opacity: 0;\n  }\n\n  .brick-button[data-disabled][data-loading] {\n    --brick-button-spinner-color: var(--brick-color-text-disabled);\n  }\n\n  .brick-button__content {\n    min-inline-size: 0;\n  }\n\n  .brick-button__icon {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .brick-button__icon > :where(svg, img) {\n    inline-size: var(--brick-button-icon-size);\n    block-size: var(--brick-button-icon-size);\n  }\n\n  .brick-button[data-full-width] {\n    inline-size: 100%;\n  }\n\n  .brick-button[data-shape=\"sharp\"] {\n    --brick-button-radius: 0;\n  }\n\n  .brick-button[data-shape=\"pill\"] {\n    --brick-button-radius: var(--brick-radius-full);\n  }\n\n  .brick-button[data-size=\"xs\"] {\n    --brick-button-min-block-size: var(--brick-control-min-block-size-xs);\n    --brick-button-padding-block: 0.25rem;\n    --brick-button-padding-inline: 0.625rem;\n    --brick-button-gap: 0.375rem;\n    --brick-button-font-size: var(--brick-typography-control-xs-font-size);\n    --brick-button-icon-size: 0.875rem;\n  }\n\n  .brick-button[data-size=\"sm\"] {\n    --brick-button-min-block-size: var(--brick-control-min-block-size-sm);\n    --brick-button-padding-block: 0.375rem;\n    --brick-button-padding-inline: 0.75rem;\n    --brick-button-gap: 0.375rem;\n    --brick-button-font-size: var(--brick-typography-control-sm-font-size);\n    --brick-button-icon-size: 1rem;\n  }\n\n  .brick-button[data-size=\"lg\"] {\n    --brick-button-min-block-size: var(--brick-control-min-block-size-lg);\n    --brick-button-padding-block: 0.625rem;\n    --brick-button-padding-inline: 1.25rem;\n    --brick-button-gap: 0.625rem;\n    --brick-button-font-size: var(--brick-typography-control-lg-font-size);\n    --brick-button-icon-size: 1.25rem;\n  }\n\n  .brick-button[data-size=\"xl\"] {\n    --brick-button-min-block-size: var(--brick-control-min-block-size-xl);\n    --brick-button-padding-block: 0.75rem;\n    --brick-button-padding-inline: 1.5rem;\n    --brick-button-gap: 0.75rem;\n    --brick-button-font-size: var(--brick-typography-control-xl-font-size);\n    --brick-button-icon-size: 1.5rem;\n  }\n\n  .brick-button[data-tone=\"neutral\"] {\n    --brick-button-tone-solid: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 16%\n    );\n    --brick-button-tone-solid-hover: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 22%\n    );\n    --brick-button-tone-solid-pressed: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 28%\n    );\n    --brick-button-tone-on-solid: var(--brick-color-text-primary);\n    --brick-button-tone-soft: var(--brick-color-surface-subtle);\n    --brick-button-tone-soft-hover: var(--brick-color-surface-base);\n    --brick-button-tone-soft-pressed: var(--brick-color-border-subtle);\n    --brick-button-tone-on-soft: var(--brick-color-text-primary);\n    --brick-button-tone-border: var(--brick-color-border-strong);\n    --brick-button-tone-text: var(--brick-color-text-primary);\n  }\n\n  .brick-button[data-tone=\"accent\"] {\n    --brick-button-tone-solid: var(--brick-color-accent-solid);\n    --brick-button-tone-solid-hover: var(--brick-color-accent-solid-hover);\n    --brick-button-tone-solid-pressed: var(--brick-color-accent-solid-pressed);\n    --brick-button-tone-on-solid: var(--brick-color-accent-on-solid);\n    --brick-button-tone-soft: var(--brick-color-accent-soft);\n    --brick-button-tone-soft-hover: var(--brick-color-accent-soft-hover);\n    --brick-button-tone-soft-pressed: var(--brick-color-accent-soft-pressed);\n    --brick-button-tone-on-soft: var(--brick-color-accent-on-soft);\n    --brick-button-tone-border: var(--brick-color-accent-border);\n    --brick-button-tone-text: var(--brick-color-accent-text);\n  }\n\n  .brick-button[data-tone=\"info\"] {\n    --brick-button-tone-solid: var(--brick-color-info-solid);\n    --brick-button-tone-solid-hover: var(--brick-color-info-solid-hover);\n    --brick-button-tone-solid-pressed: var(--brick-color-info-solid-pressed);\n    --brick-button-tone-on-solid: var(--brick-color-info-on-solid);\n    --brick-button-tone-soft: var(--brick-color-info-soft);\n    --brick-button-tone-soft-hover: var(--brick-color-info-soft-hover);\n    --brick-button-tone-soft-pressed: var(--brick-color-info-soft-pressed);\n    --brick-button-tone-on-soft: var(--brick-color-info-on-soft);\n    --brick-button-tone-border: var(--brick-color-info-border);\n    --brick-button-tone-text: var(--brick-color-info-text);\n  }\n\n  .brick-button[data-tone=\"success\"] {\n    --brick-button-tone-solid: var(--brick-color-success-solid);\n    --brick-button-tone-solid-hover: var(--brick-color-success-solid-hover);\n    --brick-button-tone-solid-pressed: var(--brick-color-success-solid-pressed);\n    --brick-button-tone-on-solid: var(--brick-color-success-on-solid);\n    --brick-button-tone-soft: var(--brick-color-success-soft);\n    --brick-button-tone-soft-hover: var(--brick-color-success-soft-hover);\n    --brick-button-tone-soft-pressed: var(--brick-color-success-soft-pressed);\n    --brick-button-tone-on-soft: var(--brick-color-success-on-soft);\n    --brick-button-tone-border: var(--brick-color-success-border);\n    --brick-button-tone-text: var(--brick-color-success-text);\n  }\n\n  .brick-button[data-tone=\"warning\"] {\n    --brick-button-tone-solid: var(--brick-color-warning-solid);\n    --brick-button-tone-solid-hover: var(--brick-color-warning-solid-hover);\n    --brick-button-tone-solid-pressed: var(--brick-color-warning-solid-pressed);\n    --brick-button-tone-on-solid: var(--brick-color-warning-on-solid);\n    --brick-button-tone-soft: var(--brick-color-warning-soft);\n    --brick-button-tone-soft-hover: var(--brick-color-warning-soft-hover);\n    --brick-button-tone-soft-pressed: var(--brick-color-warning-soft-pressed);\n    --brick-button-tone-on-soft: var(--brick-color-warning-on-soft);\n    --brick-button-tone-border: var(--brick-color-warning-border);\n    --brick-button-tone-text: var(--brick-color-warning-text);\n  }\n\n  .brick-button[data-tone=\"danger\"] {\n    --brick-button-tone-solid: var(--brick-color-danger-solid);\n    --brick-button-tone-solid-hover: var(--brick-color-danger-solid-hover);\n    --brick-button-tone-solid-pressed: var(--brick-color-danger-solid-pressed);\n    --brick-button-tone-on-solid: var(--brick-color-danger-on-solid);\n    --brick-button-tone-soft: var(--brick-color-danger-soft);\n    --brick-button-tone-soft-hover: var(--brick-color-danger-soft-hover);\n    --brick-button-tone-soft-pressed: var(--brick-color-danger-soft-pressed);\n    --brick-button-tone-on-soft: var(--brick-color-danger-on-soft);\n    --brick-button-tone-border: var(--brick-color-danger-border);\n    --brick-button-tone-text: var(--brick-color-danger-text);\n  }\n\n  .brick-button[data-variant=\"soft\"] {\n    --brick-button-background: var(--brick-button-tone-soft);\n    --brick-button-background-hover: var(--brick-button-tone-soft-hover);\n    --brick-button-background-pressed: var(--brick-button-tone-soft-pressed);\n    --brick-button-foreground: var(--brick-button-tone-on-soft);\n    --brick-button-border-color: var(--brick-button-tone-border);\n  }\n\n  .brick-button[data-variant=\"outline\"] {\n    --brick-button-background: transparent;\n    --brick-button-background-hover: var(--brick-button-tone-soft);\n    --brick-button-background-pressed: var(--brick-button-tone-soft-hover);\n    --brick-button-foreground: var(--brick-button-tone-text);\n    --brick-button-border-color: var(--brick-button-tone-border);\n  }\n\n  .brick-button[data-variant=\"ghost\"] {\n    --brick-button-background: transparent;\n    --brick-button-background-hover: var(--brick-button-tone-soft);\n    --brick-button-background-pressed: var(--brick-button-tone-soft-hover);\n    --brick-button-foreground: var(--brick-button-tone-text);\n    --brick-button-border-color: transparent;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .brick-button:not([data-disabled], [data-loading]):hover {\n      background: var(--brick-button-background-hover);\n      border-color: var(--brick-button-background-hover);\n    }\n\n    .brick-button[data-variant=\"soft\"]:not([data-disabled], [data-loading]):hover,\n    .brick-button[data-variant=\"outline\"]:not([data-disabled], [data-loading]):hover {\n      border-color: var(--brick-button-tone-border);\n    }\n\n    .brick-button[data-variant=\"ghost\"]:not([data-disabled], [data-loading]):hover {\n      border-color: transparent;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-button {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .brick-button {\n      border-color: ButtonText;\n      background: ButtonFace;\n      color: ButtonText;\n    }\n\n    .brick-button:focus-visible {\n      outline-color: Highlight;\n    }\n\n    .brick-button[data-disabled] {\n      border-color: GrayText;\n      color: GrayText;\n      opacity: 1;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-collapsible {\n    --brick-collapsible-background: transparent;\n    --brick-collapsible-border-color: transparent;\n    --brick-collapsible-trigger-background: transparent;\n    --brick-collapsible-trigger-hover-background: var(--brick-color-surface-subtle);\n    --brick-collapsible-trigger-open-background: var(--brick-color-surface-subtle);\n    --brick-collapsible-foreground: var(--brick-color-text-primary);\n    --brick-collapsible-content-foreground: var(--brick-color-text-secondary);\n    --brick-collapsible-focus-ring: var(--brick-color-focus-ring);\n    --brick-collapsible-radius: var(--brick-radius-control);\n    --brick-collapsible-trigger-height: 2.75rem;\n    --brick-collapsible-trigger-padding-inline: var(--brick-space-3);\n    --brick-collapsible-trigger-gap: var(--brick-space-2);\n    --brick-collapsible-content-padding-block: var(--brick-space-3);\n    --brick-collapsible-content-padding-inline: var(--brick-space-3);\n    --brick-collapsible-indicator-size: 1rem;\n    --brick-collapsible-font-family: var(--brick-typography-control-md-font-family);\n    --brick-collapsible-font-size: var(--brick-typography-control-md-font-size);\n    --brick-collapsible-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-collapsible-line-height: var(--brick-typography-control-md-line-height);\n\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    overflow: visible;\n    border: var(--brick-border-width) solid var(--brick-collapsible-border-color);\n    border-radius: var(--brick-collapsible-radius);\n    background: var(--brick-collapsible-background);\n  }\n\n  .brick-collapsible[data-variant=\"soft\"] {\n    --brick-collapsible-background: var(--brick-color-surface-subtle);\n    --brick-collapsible-trigger-hover-background: var(--brick-color-surface-raised);\n    --brick-collapsible-trigger-open-background: var(--brick-color-surface-raised);\n  }\n\n  .brick-collapsible[data-variant=\"outline\"] {\n    --brick-collapsible-border-color: var(--brick-color-border-default);\n  }\n\n  .brick-collapsible[data-size=\"sm\"] {\n    --brick-collapsible-trigger-height: 2.25rem;\n    --brick-collapsible-trigger-padding-inline: var(--brick-space-2);\n    --brick-collapsible-content-padding-block: var(--brick-space-2);\n    --brick-collapsible-content-padding-inline: var(--brick-space-2);\n    --brick-collapsible-indicator-size: 0.875rem;\n    --brick-collapsible-font-family: var(--brick-typography-control-sm-font-family);\n    --brick-collapsible-font-size: var(--brick-typography-control-sm-font-size);\n    --brick-collapsible-font-weight: var(--brick-typography-control-sm-font-weight);\n    --brick-collapsible-line-height: var(--brick-typography-control-sm-line-height);\n  }\n\n  .brick-collapsible[data-size=\"lg\"] {\n    --brick-collapsible-trigger-height: 3.25rem;\n    --brick-collapsible-trigger-padding-inline: var(--brick-space-4);\n    --brick-collapsible-content-padding-block: var(--brick-space-4);\n    --brick-collapsible-content-padding-inline: var(--brick-space-4);\n    --brick-collapsible-indicator-size: 1.125rem;\n    --brick-collapsible-font-family: var(--brick-typography-control-lg-font-family);\n    --brick-collapsible-font-size: var(--brick-typography-control-lg-font-size);\n    --brick-collapsible-font-weight: var(--brick-typography-control-lg-font-weight);\n    --brick-collapsible-line-height: var(--brick-typography-control-lg-line-height);\n  }\n\n  .brick-collapsible[data-orientation=\"horizontal\"] {\n    display: flex;\n    inline-size: max-content;\n    max-inline-size: 100%;\n    align-items: stretch;\n    overflow-x: auto;\n    overflow-y: clip;\n  }\n\n  .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-trigger {\n    inline-size: auto;\n    flex: 0 0 auto;\n  }\n\n  .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-trigger:focus-visible {\n    outline-offset: calc(-1 * var(--brick-border-focus-width));\n  }\n\n  .brick-collapsible-trigger {\n    display: flex;\n    box-sizing: border-box;\n    inline-size: 100%;\n    min-inline-size: 0;\n    min-block-size: var(--brick-collapsible-trigger-height);\n    align-items: center;\n    justify-content: flex-start;\n    gap: var(--brick-collapsible-trigger-gap);\n    padding-block: var(--brick-space-2);\n    padding-inline: var(--brick-collapsible-trigger-padding-inline);\n    border: 0;\n    border-radius: calc(var(--brick-collapsible-radius) - var(--brick-border-width));\n    background: var(--brick-collapsible-trigger-background);\n    color: var(--brick-collapsible-foreground);\n    font-family: var(--brick-collapsible-font-family);\n    font-size: var(--brick-collapsible-font-size);\n    font-weight: var(--brick-collapsible-font-weight);\n    line-height: var(--brick-collapsible-line-height);\n    text-align: start;\n    white-space: normal;\n    cursor: pointer;\n    touch-action: manipulation;\n  }\n\n  .brick-collapsible-trigger:hover:not(:disabled, [data-disabled]) { background: var(--brick-collapsible-trigger-hover-background); }\n  .brick-collapsible-trigger[data-state=\"open\"] { background: var(--brick-collapsible-trigger-open-background); }\n  .brick-collapsible-trigger:focus-visible { outline: var(--brick-border-focus-width) solid var(--brick-collapsible-focus-ring); outline-offset: var(--brick-border-focus-offset); }\n  .brick-collapsible-trigger:is(:disabled, [data-disabled]) { opacity: 0.55; cursor: not-allowed; }\n\n  .brick-collapsible-trigger[data-icon-only] {\n    inline-size: var(--brick-collapsible-trigger-height);\n    min-inline-size: var(--brick-collapsible-trigger-height);\n    block-size: var(--brick-collapsible-trigger-height);\n    min-block-size: var(--brick-collapsible-trigger-height);\n    flex: 0 0 var(--brick-collapsible-trigger-height);\n    justify-content: center;\n    padding: 0;\n    text-align: center;\n  }\n\n  .brick-collapsible-indicator {\n    display: inline-flex;\n    inline-size: var(--brick-collapsible-indicator-size);\n    block-size: var(--brick-collapsible-indicator-size);\n    flex: 0 0 auto;\n    align-items: center;\n    justify-content: center;\n    margin-inline-start: auto;\n    color: currentColor;\n    transform: rotate(0deg);\n    transform-origin: center;\n    transition: transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n  .brick-collapsible-indicator > svg { display: block; inline-size: 100%; block-size: 100%; }\n  .brick-collapsible-trigger[data-state=\"open\"] .brick-collapsible-indicator { transform: rotate(180deg); }\n\n  .brick-collapsible-content {\n    box-sizing: border-box;\n    min-inline-size: 0;\n    overflow: hidden;\n    color: var(--brick-collapsible-content-foreground);\n  }\n  .brick-collapsible-content[data-state=\"open\"] { animation: brick-collapsible-open var(--brick-motion-duration-fast) var(--brick-motion-easing-enter) both; }\n  .brick-collapsible-content[data-state=\"closed\"] { animation: brick-collapsible-close var(--brick-motion-duration-fast) var(--brick-motion-easing-exit) both; }\n  .brick-collapsible-content-inner { box-sizing: border-box; min-inline-size: 0; padding-block: var(--brick-collapsible-content-padding-block); padding-inline: var(--brick-collapsible-content-padding-inline); }\n\n  .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-content {\n    flex: 0 0 auto;\n    min-block-size: var(--brick-collapsible-trigger-height);\n  }\n  .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-content[data-state=\"open\"] { animation-name: brick-collapsible-open-horizontal; }\n  .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-content[data-state=\"closed\"] { animation-name: brick-collapsible-close-horizontal; }\n  .brick-collapsible-content[data-initial-open] { animation: none; }\n  .brick-collapsible[data-orientation=\"horizontal\"] .brick-collapsible-content-inner {\n    inline-size: var(--content-width);\n    min-block-size: var(--brick-collapsible-trigger-height);\n  }\n\n  @keyframes brick-collapsible-open { from { block-size: 0; } to { block-size: var(--content-height); } }\n  @keyframes brick-collapsible-close { from { block-size: var(--content-height); } to { block-size: 0; } }\n  @keyframes brick-collapsible-open-horizontal { from { inline-size: 0; } to { inline-size: var(--content-width); } }\n  @keyframes brick-collapsible-close-horizontal { from { inline-size: var(--content-width); } to { inline-size: 0; } }\n\n  @media (prefers-reduced-motion: reduce) {\n    .brick-collapsible-indicator { transition: none; }\n    .brick-collapsible-content { animation: none !important; }\n  }\n\n  @media (forced-colors: active) {\n    .brick-collapsible { --brick-collapsible-border-color: CanvasText; forced-color-adjust: auto; }\n    .brick-collapsible[data-variant=\"plain\"], .brick-collapsible[data-variant=\"soft\"] { --brick-collapsible-border-color: transparent; }\n    .brick-collapsible-trigger { color: ButtonText; }\n    .brick-collapsible-trigger:focus-visible { outline-color: Highlight; }\n  }\n}\n","@layer brick.components {\n  .brick-scroll-area {\n    --brick-scroll-area-scrollbar-thumb: var(--brick-color-border-strong);\n    --brick-scroll-area-scrollbar-track: transparent;\n\n    min-inline-size: 0;\n    min-block-size: 0;\n  }\n\n  .brick-scroll-area-viewport {\n    box-sizing: border-box;\n    inline-size: 100%;\n    block-size: 100%;\n    min-inline-size: 0;\n    min-block-size: 0;\n    scrollbar-color: var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track);\n    scrollbar-width: auto;\n  }\n\n  .brick-scroll-area-viewport[data-orientation=\"vertical\"] { overflow-x: hidden; overflow-y: auto; }\n  .brick-scroll-area-viewport[data-orientation=\"horizontal\"] { overflow-x: auto; overflow-y: hidden; }\n  .brick-scroll-area-viewport[data-orientation=\"both\"] { overflow: auto; }\n\n  .brick-scroll-area[data-scrollbar-gutter=\"stable\"] > .brick-scroll-area-viewport { scrollbar-gutter: stable; }\n  .brick-scroll-area[data-scrollbar-visibility=\"always\"] > .brick-scroll-area-viewport[data-orientation=\"vertical\"] { overflow-y: scroll; }\n  .brick-scroll-area[data-scrollbar-visibility=\"always\"] > .brick-scroll-area-viewport[data-orientation=\"horizontal\"] { overflow-x: scroll; }\n  .brick-scroll-area[data-scrollbar-visibility=\"always\"] > .brick-scroll-area-viewport[data-orientation=\"both\"] { overflow: scroll; }\n  .brick-scroll-area[data-scrollbar-visibility=\"interaction\"] > .brick-scroll-area-viewport { scrollbar-color: transparent transparent; }\n  .brick-scroll-area[data-scrollbar-visibility=\"interaction\"]:is(:hover, :focus-within) > .brick-scroll-area-viewport {\n    scrollbar-color: var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track);\n  }\n\n  .brick-scroll-area-viewport:focus-visible {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: calc(-1 * var(--brick-border-focus-width));\n  }\n\n  @media (forced-colors: active) {\n    .brick-scroll-area-viewport,\n    .brick-scroll-area[data-scrollbar-visibility=\"interaction\"] > .brick-scroll-area-viewport { scrollbar-color: auto; }\n    .brick-scroll-area-viewport:focus-visible { outline-color: Highlight; }\n  }\n}\n","@layer brick.components {\n  .brick-code-block {\n    --brick-code-block-background: var(--brick-color-surface-subtle);\n    --brick-code-block-foreground: var(--brick-color-text-primary);\n    --brick-code-block-border-color: var(--brick-color-border-subtle);\n    --brick-code-block-border-width: 0rem;\n    --brick-code-block-radius: var(--brick-radius-surface);\n    --brick-code-block-header-padding: var(--brick-space-3) var(--brick-space-4);\n    --brick-code-block-content-padding: var(--brick-space-4);\n    --brick-code-block-content-padding-block: var(--brick-space-4);\n    --brick-code-block-content-padding-inline: var(--brick-space-4);\n    --brick-code-block-gap: var(--brick-space-2);\n    --brick-code-block-font-family: var(--brick-typography-code-block-md-font-family);\n    --brick-code-block-font-size: var(--brick-typography-code-block-md-font-size);\n    --brick-code-block-font-weight: var(--brick-typography-code-block-md-font-weight);\n    --brick-code-block-line-height: var(--brick-typography-code-block-md-line-height);\n    --brick-code-block-letter-spacing: var(--brick-typography-code-block-md-letter-spacing);\n    --brick-code-block-selection-background: var(--brick-color-accent-soft);\n    --brick-code-block-selection-foreground: var(--brick-color-accent-text);\n    --brick-code-block-line-number-foreground: var(--brick-color-text-secondary);\n    --brick-code-block-line-number-width: 3ch;\n    --brick-code-block-line-highlight-background: var(--brick-color-accent-soft);\n    --brick-code-block-line-focus-background: var(--brick-color-surface-raised);\n    --brick-code-block-line-added-background: var(--brick-color-success-soft);\n    --brick-code-block-line-added-border: var(--brick-color-success-border);\n    --brick-code-block-line-removed-background: var(--brick-color-danger-soft);\n    --brick-code-block-line-removed-border: var(--brick-color-danger-border);\n    --brick-code-block-max-block-size: none;\n\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    overflow: clip;\n    border: var(--brick-code-block-border-width) solid var(--brick-code-block-border-color);\n    border-radius: var(--brick-code-block-radius);\n    background: var(--brick-code-block-background);\n    color: var(--brick-code-block-foreground);\n  }\n\n  .brick-code-block[data-variant=\"bordered\"] {\n    --brick-code-block-background: var(--brick-color-surface-base);\n    --brick-code-block-border-width: var(--brick-border-width);\n  }\n\n  .brick-code-block[data-variant=\"plain\"] {\n    --brick-code-block-background: transparent;\n    --brick-code-block-radius: 0rem;\n  }\n\n  .brick-code-block[data-size=\"sm\"] {\n    --brick-code-block-header-padding: var(--brick-space-2) var(--brick-space-3);\n    --brick-code-block-content-padding: var(--brick-space-3);\n    --brick-code-block-content-padding-block: var(--brick-space-3);\n    --brick-code-block-content-padding-inline: var(--brick-space-3);\n    --brick-code-block-font-family: var(--brick-typography-code-block-sm-font-family);\n    --brick-code-block-font-size: var(--brick-typography-code-block-sm-font-size);\n    --brick-code-block-font-weight: var(--brick-typography-code-block-sm-font-weight);\n    --brick-code-block-line-height: var(--brick-typography-code-block-sm-line-height);\n    --brick-code-block-letter-spacing: var(--brick-typography-code-block-sm-letter-spacing);\n  }\n\n  .brick-code-block-header {\n    display: flex;\n    align-items: center;\n    min-inline-size: 0;\n    gap: var(--brick-code-block-gap);\n    padding: var(--brick-code-block-header-padding);\n    border-block-end: var(--brick-border-width) solid var(--brick-code-block-border-color);\n  }\n\n  .brick-code-block-title {\n    min-inline-size: 0;\n    overflow: hidden;\n    color: var(--brick-color-text-primary);\n    font: var(--brick-font-weight-medium) var(--brick-typography-body-sm-font-size) / var(--brick-typography-body-sm-line-height) var(--brick-font-family-body);\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .brick-code-block-language {\n    color: var(--brick-color-text-secondary);\n    font: var(--brick-font-weight-medium) var(--brick-typography-caption-font-size) / var(--brick-typography-caption-line-height) var(--brick-font-family-mono);\n  }\n\n  .brick-code-block-actions {\n    display: flex;\n    align-items: center;\n    gap: var(--brick-space-1);\n    margin-inline-start: auto;\n  }\n\n  .brick-code-block-scroll-area { max-inline-size: 100%; }\n\n  .brick-code-block-content {\n    max-inline-size: 100%;\n    padding: var(--brick-code-block-content-padding);\n    font-size: var(--brick-code-block-font-size);\n    line-height: var(--brick-code-block-line-height);\n  }\n\n  .brick-code-block-content[data-max-lines] {\n    max-block-size: calc(\n      var(--brick-code-block-max-block-size) +\n      2 * var(--brick-code-block-content-padding-block)\n    );\n    overflow-y: auto;\n  }\n\n  .brick-code-block-pre {\n    min-inline-size: max-content;\n    margin: 0;\n    text-size-adjust: none;\n    font-family: var(--brick-code-block-font-family);\n    font-size: var(--brick-code-block-font-size);\n    font-weight: var(--brick-code-block-font-weight);\n    letter-spacing: var(--brick-code-block-letter-spacing);\n    line-height: var(--brick-code-block-line-height);\n    tab-size: 2;\n    white-space: pre;\n  }\n\n  .brick-code-block-content[data-wrap=\"wrap\"] .brick-code-block-pre {\n    min-inline-size: 0;\n    white-space: pre-wrap;\n    overflow-wrap: anywhere;\n  }\n\n  .brick-code-block-pre > .brick-code {\n    font: inherit;\n    letter-spacing: inherit;\n    white-space: inherit;\n  }\n\n  .brick-code-block-line {\n    display: block;\n    position: relative;\n    min-inline-size: 100%;\n    padding-inline: var(--brick-code-block-content-padding-inline);\n    margin-inline: calc(-1 * var(--brick-code-block-content-padding-inline));\n    border-inline-start: var(--brick-border-width) solid transparent;\n  }\n\n  .brick-code-block-line[data-line-number] {\n    display: grid;\n    grid-template-columns: var(--brick-code-block-line-number-width) minmax(0, 1fr);\n    column-gap: var(--brick-space-3);\n  }\n\n  .brick-code-block-line[data-line-number]::before {\n    content: attr(data-line-number);\n    color: var(--brick-code-block-line-number-foreground);\n    font-variant-numeric: tabular-nums;\n    text-align: end;\n    user-select: none;\n  }\n\n  .brick-code-block-line-content { min-inline-size: 0; }\n  .brick-code-block-line[data-highlighted] { background: var(--brick-code-block-line-highlight-background); }\n  .brick-code-block-line[data-focused] { background: var(--brick-code-block-line-focus-background); }\n  .brick-code-block-line[data-change=\"added\"] {\n    border-inline-start-color: var(--brick-code-block-line-added-border);\n    background: var(--brick-code-block-line-added-background);\n  }\n  .brick-code-block-line[data-change=\"removed\"] {\n    border-inline-start-color: var(--brick-code-block-line-removed-border);\n    background: var(--brick-code-block-line-removed-background);\n  }\n\n  .brick-code-block-content[data-wrap=\"wrap\"] .brick-code-block-line-content {\n    overflow-wrap: anywhere;\n    white-space: pre-wrap;\n  }\n\n  .brick-code-block-collapse-preview\n    .brick-code-block-content[data-max-lines] {\n    overflow-y: clip;\n  }\n\n  .brick-code-block-collapse[data-state=\"open\"] .brick-code-block-collapse-preview { display: none; }\n  .brick-code-block-collapse[data-state=\"closed\"] .brick-code-block-collapse-content { display: none; }\n  .brick-code-block-collapse-content { color: inherit; }\n  .brick-code-block-collapse-content-inner { padding: 0; }\n\n  .brick-code-block-collapse-trigger {\n    justify-content: center;\n    border-block-start: var(--brick-border-width) solid var(--brick-code-block-border-color);\n    border-radius: 0;\n    background: transparent;\n    color: var(--brick-color-text-secondary);\n  }\n\n  .brick-code-block-pre ::selection {\n    background: var(--brick-code-block-selection-background);\n    color: var(--brick-code-block-selection-foreground);\n  }\n\n  .brick-code-block-copy-status {\n    display: block;\n    padding-inline: var(--brick-space-4);\n    color: var(--brick-color-text-secondary);\n    font: var(--brick-typography-caption-font-weight) var(--brick-typography-caption-font-size) / var(--brick-typography-caption-line-height) var(--brick-typography-caption-font-family);\n  }\n\n  .brick-code-block-copy-status:not(:empty) { padding-block: var(--brick-space-2); }\n\n  @media (forced-colors: active) {\n    .brick-code-block {\n      --brick-code-block-background: Canvas;\n      --brick-code-block-foreground: CanvasText;\n      --brick-code-block-border-color: CanvasText;\n      --brick-code-block-border-width: var(--brick-border-width);\n      --brick-code-block-selection-background: Highlight;\n      --brick-code-block-selection-foreground: HighlightText;\n      --brick-code-block-line-highlight-background: Mark;\n      --brick-code-block-line-focus-background: Canvas;\n      --brick-code-block-line-added-background: Canvas;\n      --brick-code-block-line-added-border: Highlight;\n      --brick-code-block-line-removed-background: Canvas;\n      --brick-code-block-line-removed-border: Highlight;\n    }\n  }\n}\n"],"names":[]}

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,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":[]}
+{"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/dropdown-menu/dropdown-menu.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/_action-menu/action-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(.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","@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"],"names":[]}

package/dist/styles/em.css

@@ -0,0 +1,2 @@
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-em{--brick-em-font-style:italic;color:inherit;font:inherit;font-style:var(--brick-em-font-style)}@media (forced-colors:active){.brick-em{color:currentColor}}}@layer brick.utilities,brick.effects;
+/*# sourceMappingURL=em.css.map */

package/dist/styles/em.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,wGAQA,8BACE,+BDVJ","sources":["home/runner/work/brick/brick/.brick-cache/production/em.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/em/em.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/em/em.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-em {\n    --brick-em-font-style: italic;\n\n    color: inherit;\n    font: inherit;\n    font-style: var(--brick-em-font-style);\n  }\n\n  @media (forced-colors: active) {\n    .brick-em { color: currentColor; }\n  }\n}\n"],"names":[]}

package/dist/styles/highlight.css

@@ -0,0 +1,2 @@
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-highlight{--brick-highlight-background:var(--brick-color-accent-soft);--brick-highlight-foreground:var(--brick-color-accent-text);--brick-highlight-radius:var(--brick-radius-subtle);--brick-highlight-padding-inline:.125em;--brick-highlight-decoration-color:var(--brick-color-accent-border);--brick-highlight-decoration-thickness:.125em;--brick-highlight-decoration-offset:.125em}.brick-highlight[data-tone=neutral]{--brick-highlight-background:color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 28%);--brick-highlight-foreground:var(--brick-color-text-primary);--brick-highlight-decoration-color:var(--brick-color-border-strong)}.brick-highlight[data-variant=solid]{--brick-highlight-background:var(--brick-color-accent-solid);--brick-highlight-foreground:var(--brick-color-accent-on-solid)}.brick-highlight[data-variant=solid][data-tone=neutral]{--brick-highlight-background:var(--brick-color-text-primary);--brick-highlight-foreground:var(--brick-color-surface-canvas)}.brick-highlight [data-slot=highlight-match]{-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:var(--brick-highlight-padding-inline);border-radius:var(--brick-highlight-radius);background:var(--brick-highlight-background);color:var(--brick-highlight-foreground);font:inherit}.brick-highlight[data-variant=underline] [data-slot=highlight-match]{--brick-highlight-background:transparent;--brick-highlight-foreground:currentColor;--brick-highlight-padding-inline:0em;-webkit-text-decoration-color:var(--brick-highlight-decoration-color);text-decoration-color:var(--brick-highlight-decoration-color);-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-decoration-line:underline;text-decoration-thickness:var(--brick-highlight-decoration-thickness);text-underline-offset:var(--brick-highlight-decoration-offset)}@media (forced-colors:active){.brick-highlight{--brick-highlight-background:Highlight;--brick-highlight-foreground:HighlightText;--brick-highlight-decoration-color:Highlight}.brick-highlight[data-variant=underline] [data-slot=highlight-match]{--brick-highlight-background:transparent;--brick-highlight-foreground:CanvasText}}}@layer brick.utilities,brick.effects;
+/*# sourceMappingURL=highlight.css.map */

package/dist/styles/highlight.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,kYAUA,6RAUA,kKAKA,oLAKA,8SAUA,yiBAYA,8BACE,gJAMA,wJD5DJ","sources":["home/runner/work/brick/brick/.brick-cache/production/highlight.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/highlight/highlight.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/highlight/highlight.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-highlight {\n    --brick-highlight-background: var(--brick-color-accent-soft);\n    --brick-highlight-foreground: var(--brick-color-accent-text);\n    --brick-highlight-radius: var(--brick-radius-subtle);\n    --brick-highlight-padding-inline: 0.125em;\n    --brick-highlight-decoration-color: var(--brick-color-accent-border);\n    --brick-highlight-decoration-thickness: 0.125em;\n    --brick-highlight-decoration-offset: 0.125em;\n  }\n\n  .brick-highlight[data-tone=\"neutral\"] {\n    --brick-highlight-background: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 28%\n    );\n    --brick-highlight-foreground: var(--brick-color-text-primary);\n    --brick-highlight-decoration-color: var(--brick-color-border-strong);\n  }\n\n  .brick-highlight[data-variant=\"solid\"] {\n    --brick-highlight-background: var(--brick-color-accent-solid);\n    --brick-highlight-foreground: var(--brick-color-accent-on-solid);\n  }\n\n  .brick-highlight[data-variant=\"solid\"][data-tone=\"neutral\"] {\n    --brick-highlight-background: var(--brick-color-text-primary);\n    --brick-highlight-foreground: var(--brick-color-surface-canvas);\n  }\n\n  .brick-highlight [data-slot=\"highlight-match\"] {\n    box-decoration-break: clone;\n    padding-inline: var(--brick-highlight-padding-inline);\n    border-radius: var(--brick-highlight-radius);\n    background: var(--brick-highlight-background);\n    color: var(--brick-highlight-foreground);\n    font: inherit;\n    -webkit-box-decoration-break: clone;\n  }\n\n  .brick-highlight[data-variant=\"underline\"] [data-slot=\"highlight-match\"] {\n    --brick-highlight-background: transparent;\n    --brick-highlight-foreground: currentColor;\n    --brick-highlight-padding-inline: 0em;\n\n    text-decoration-color: var(--brick-highlight-decoration-color);\n    text-decoration-line: underline;\n    text-decoration-skip-ink: auto;\n    text-decoration-thickness: var(--brick-highlight-decoration-thickness);\n    text-underline-offset: var(--brick-highlight-decoration-offset);\n  }\n\n  @media (forced-colors: active) {\n    .brick-highlight {\n      --brick-highlight-background: Highlight;\n      --brick-highlight-foreground: HighlightText;\n      --brick-highlight-decoration-color: Highlight;\n    }\n\n    .brick-highlight[data-variant=\"underline\"] [data-slot=\"highlight-match\"] {\n      --brick-highlight-background: transparent;\n      --brick-highlight-foreground: CanvasText;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/kbd.css

@@ -0,0 +1,2 @@
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-kbd{--brick-kbd-background:var(--brick-color-surface-raised);--brick-kbd-foreground:var(--brick-color-text-primary);--brick-kbd-border-color:var(--brick-color-border-strong);--brick-kbd-border-block-end-color:var(--brick-color-border-strong);--brick-kbd-radius:var(--brick-radius-subtle);--brick-kbd-font-family:var(--brick-typography-code-inline-font-family);--brick-kbd-font-size:var(--brick-typography-control-sm-font-size);--brick-kbd-font-weight:var(--brick-typography-control-sm-font-weight);--brick-kbd-line-height:var(--brick-typography-control-sm-line-height);--brick-kbd-letter-spacing:var(--brick-typography-code-inline-letter-spacing);--brick-kbd-min-block-size:1.5rem;--brick-kbd-padding-inline:.375rem;--brick-kbd-shadow:0 .125rem 0 var(--brick-kbd-border-block-end-color);box-sizing:border-box;min-inline-size:1.5em;min-block-size:var(--brick-kbd-min-block-size);padding-inline:var(--brick-kbd-padding-inline);border:var(--brick-border-width) solid var(--brick-kbd-border-color);border-radius:var(--brick-kbd-radius);background:var(--brick-kbd-background);box-shadow:var(--brick-kbd-shadow);color:var(--brick-kbd-foreground);font-family:var(--brick-kbd-font-family);font-size:var(--brick-kbd-font-size);font-weight:var(--brick-kbd-font-weight);letter-spacing:var(--brick-kbd-letter-spacing);line-height:var(--brick-kbd-line-height);vertical-align:.08em;white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.brick-kbd[data-variant=outline]{--brick-kbd-background:transparent;--brick-kbd-shadow:none}.brick-kbd[data-variant=subtle]{--brick-kbd-background:var(--brick-color-surface-subtle);--brick-kbd-border-color:transparent;--brick-kbd-shadow:none}.brick-kbd[data-variant=plain]{--brick-kbd-background:transparent;--brick-kbd-border-color:transparent;--brick-kbd-padding-inline:0rem;--brick-kbd-shadow:none}.brick-kbd[data-size=sm]{--brick-kbd-font-size:var(--brick-typography-control-xs-font-size);--brick-kbd-font-weight:var(--brick-typography-control-xs-font-weight);--brick-kbd-line-height:var(--brick-typography-control-xs-line-height);--brick-kbd-min-block-size:1.25rem;--brick-kbd-padding-inline:.25rem}.brick-kbd[data-size=lg]{--brick-kbd-font-size:var(--brick-typography-control-md-font-size);--brick-kbd-font-weight:var(--brick-typography-control-md-font-weight);--brick-kbd-line-height:var(--brick-typography-control-md-line-height);--brick-kbd-min-block-size:1.75rem;--brick-kbd-padding-inline:.5rem}@media (forced-colors:active){.brick-kbd{--brick-kbd-background:Canvas;--brick-kbd-foreground:CanvasText;--brick-kbd-border-color:ButtonText;--brick-kbd-border-block-end-color:ButtonText}.brick-kbd[data-variant=subtle],.brick-kbd[data-variant=plain]{--brick-kbd-border-color:ButtonText}}}@layer brick.utilities,brick.effects;
+/*# sourceMappingURL=kbd.css.map */

package/dist/styles/kbd.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,g7CAoCA,4FAKA,sJAMA,+JAOA,+SAQA,8SAQA,8BACE,6JAOA,qGD/EJ","sources":["home/runner/work/brick/brick/.brick-cache/production/kbd.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/kbd/kbd.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/kbd/kbd.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-kbd {\n    --brick-kbd-background: var(--brick-color-surface-raised);\n    --brick-kbd-foreground: var(--brick-color-text-primary);\n    --brick-kbd-border-color: var(--brick-color-border-strong);\n    --brick-kbd-border-block-end-color: var(--brick-color-border-strong);\n    --brick-kbd-radius: var(--brick-radius-subtle);\n    --brick-kbd-font-family: var(--brick-typography-code-inline-font-family);\n    --brick-kbd-font-size: var(--brick-typography-control-sm-font-size);\n    --brick-kbd-font-weight: var(--brick-typography-control-sm-font-weight);\n    --brick-kbd-line-height: var(--brick-typography-control-sm-line-height);\n    --brick-kbd-letter-spacing: var(--brick-typography-code-inline-letter-spacing);\n    --brick-kbd-min-block-size: 1.5rem;\n    --brick-kbd-padding-inline: 0.375rem;\n    --brick-kbd-shadow: 0 0.125rem 0 var(--brick-kbd-border-block-end-color);\n\n    display: inline-flex;\n    box-sizing: border-box;\n    min-inline-size: 1.5em;\n    min-block-size: var(--brick-kbd-min-block-size);\n    align-items: center;\n    justify-content: center;\n    padding-inline: var(--brick-kbd-padding-inline);\n    border: var(--brick-border-width) solid var(--brick-kbd-border-color);\n    border-radius: var(--brick-kbd-radius);\n    background: var(--brick-kbd-background);\n    box-shadow: var(--brick-kbd-shadow);\n    color: var(--brick-kbd-foreground);\n    font-family: var(--brick-kbd-font-family);\n    font-size: var(--brick-kbd-font-size);\n    font-weight: var(--brick-kbd-font-weight);\n    letter-spacing: var(--brick-kbd-letter-spacing);\n    line-height: var(--brick-kbd-line-height);\n    vertical-align: 0.08em;\n    white-space: nowrap;\n  }\n\n  .brick-kbd[data-variant=\"outline\"] {\n    --brick-kbd-background: transparent;\n    --brick-kbd-shadow: none;\n  }\n\n  .brick-kbd[data-variant=\"subtle\"] {\n    --brick-kbd-background: var(--brick-color-surface-subtle);\n    --brick-kbd-border-color: transparent;\n    --brick-kbd-shadow: none;\n  }\n\n  .brick-kbd[data-variant=\"plain\"] {\n    --brick-kbd-background: transparent;\n    --brick-kbd-border-color: transparent;\n    --brick-kbd-padding-inline: 0rem;\n    --brick-kbd-shadow: none;\n  }\n\n  .brick-kbd[data-size=\"sm\"] {\n    --brick-kbd-font-size: var(--brick-typography-control-xs-font-size);\n    --brick-kbd-font-weight: var(--brick-typography-control-xs-font-weight);\n    --brick-kbd-line-height: var(--brick-typography-control-xs-line-height);\n    --brick-kbd-min-block-size: 1.25rem;\n    --brick-kbd-padding-inline: 0.25rem;\n  }\n\n  .brick-kbd[data-size=\"lg\"] {\n    --brick-kbd-font-size: var(--brick-typography-control-md-font-size);\n    --brick-kbd-font-weight: var(--brick-typography-control-md-font-weight);\n    --brick-kbd-line-height: var(--brick-typography-control-md-line-height);\n    --brick-kbd-min-block-size: 1.75rem;\n    --brick-kbd-padding-inline: 0.5rem;\n  }\n\n  @media (forced-colors: active) {\n    .brick-kbd {\n      --brick-kbd-background: Canvas;\n      --brick-kbd-foreground: CanvasText;\n      --brick-kbd-border-color: ButtonText;\n      --brick-kbd-border-block-end-color: ButtonText;\n    }\n\n    .brick-kbd[data-variant=\"subtle\"],\n    .brick-kbd[data-variant=\"plain\"] {\n      --brick-kbd-border-color: ButtonText;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/mark.css

@@ -0,0 +1,2 @@
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-mark{--brick-mark-background:var(--brick-color-accent-soft);--brick-mark-foreground:var(--brick-color-accent-text);--brick-mark-radius:var(--brick-radius-subtle);--brick-mark-padding-inline:.125em;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-inline:var(--brick-mark-padding-inline);border-radius:var(--brick-mark-radius);background:var(--brick-mark-background);color:var(--brick-mark-foreground);font:inherit}.brick-mark[data-tone=neutral]{--brick-mark-background:color-mix(in srgb, var(--brick-color-surface-subtle), var(--brick-color-text-primary) 28%);--brick-mark-foreground:var(--brick-color-text-primary)}.brick-mark[data-variant=solid]{--brick-mark-background:var(--brick-color-accent-solid);--brick-mark-foreground:var(--brick-color-accent-on-solid)}.brick-mark[data-variant=solid][data-tone=neutral]{--brick-mark-background:var(--brick-color-text-primary);--brick-mark-foreground:var(--brick-color-surface-canvas)}.brick-mark[data-variant=plain]{--brick-mark-background:transparent;--brick-mark-foreground:currentColor;--brick-mark-padding-inline:0em}@media (forced-colors:active){.brick-mark{--brick-mark-background:Highlight;--brick-mark-foreground:HighlightText}.brick-mark[data-variant=plain]{--brick-mark-background:transparent;--brick-mark-foreground:CanvasText;text-decoration:underline}}}@layer brick.utilities,brick.effects;
+/*# sourceMappingURL=mark.css.map */

package/dist/styles/mark.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,ybAeA,0MASA,mJAIA,qKAIA,yIAMA,8BACE,oFAIA,mID5CJ","sources":["home/runner/work/brick/brick/.brick-cache/production/mark.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/mark/mark.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/mark/mark.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-mark {\n    --brick-mark-background: var(--brick-color-accent-soft);\n    --brick-mark-foreground: var(--brick-color-accent-text);\n    --brick-mark-radius: var(--brick-radius-subtle);\n    --brick-mark-padding-inline: 0.125em;\n\n    box-decoration-break: clone;\n    padding-inline: var(--brick-mark-padding-inline);\n    border-radius: var(--brick-mark-radius);\n    background: var(--brick-mark-background);\n    color: var(--brick-mark-foreground);\n    font: inherit;\n    -webkit-box-decoration-break: clone;\n  }\n\n  .brick-mark[data-tone=\"neutral\"] {\n    --brick-mark-background: color-mix(\n      in srgb,\n      var(--brick-color-surface-subtle),\n      var(--brick-color-text-primary) 28%\n    );\n    --brick-mark-foreground: var(--brick-color-text-primary);\n  }\n\n  .brick-mark[data-variant=\"solid\"] {\n    --brick-mark-background: var(--brick-color-accent-solid);\n    --brick-mark-foreground: var(--brick-color-accent-on-solid);\n  }\n  .brick-mark[data-variant=\"solid\"][data-tone=\"neutral\"] {\n    --brick-mark-background: var(--brick-color-text-primary);\n    --brick-mark-foreground: var(--brick-color-surface-canvas);\n  }\n  .brick-mark[data-variant=\"plain\"] {\n    --brick-mark-background: transparent;\n    --brick-mark-foreground: currentColor;\n    --brick-mark-padding-inline: 0em;\n  }\n\n  @media (forced-colors: active) {\n    .brick-mark {\n      --brick-mark-background: Highlight;\n      --brick-mark-foreground: HighlightText;\n    }\n    .brick-mark[data-variant=\"plain\"] {\n      --brick-mark-background: transparent;\n      --brick-mark-foreground: CanvasText;\n      text-decoration: underline;\n    }\n  }\n}\n"],"names":[]}