@flowstack-ui/brick 0.1.9 → 0.1.11

package/dist/styles/button.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,oLAOA,wDAKA,wCAIA,0GAIA,yCAIA,4FAOA,uHAKA,gDAIA,wDAIA,8EAIA,6SASA,0SASA,8SASA,0SASA,osBAiBA,gqBAaA,0oBAaA,2qBAaA,2qBAaA,gqBAaA,4VAQA,kUAQA,4SAQA,wCACE,0JAKA,sMAKA,gGAKF,uCACE,sCAKF,8BACE,6EAMA,oDAIA,8EF/SJ","sources":["home/runner/work/brick/brick/.brick-cache/production/button.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/_action-spinner/action-spinner.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/button/button.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/_action-spinner/action-spinner.css\";\n@import \"../../src/components/button/button.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  :where(.brick-button, .brick-icon-button)[data-loading]::after {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-start: 50%;\n    inline-size: var(--brick-action-spinner-size);\n    block-size: var(--brick-action-spinner-size);\n    border: 0.125rem solid transparent;\n    border-block-start-color: var(--brick-action-spinner-color);\n    border-inline-end-color: var(--brick-action-spinner-color);\n    border-radius: var(--brick-radius-full);\n    content: \"\";\n    animation: brick-action-spinner-spin 700ms linear infinite;\n  }\n\n  :where([dir=\"rtl\"])\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n    animation-name: brick-action-spinner-spin-rtl;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n      animation-duration: 1400ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n      border-block-start-color: ButtonText;\n      border-inline-end-color: ButtonText;\n    }\n  }\n\n  @keyframes brick-action-spinner-spin {\n    from {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n\n    to {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n\n  @keyframes brick-action-spinner-spin-rtl {\n    from {\n      transform: translate(50%, -50%) rotate(0deg);\n    }\n\n    to {\n      transform: translate(50%, -50%) rotate(360deg);\n    }\n  }\n}\n","@layer brick.components {\n  .brick-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    border-color: var(--brick-color-border-default);\n    background: var(--brick-color-surface-subtle);\n    color: var(--brick-color-text-secondary);\n    cursor: not-allowed;\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-secondary);\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: var(--brick-color-text-primary);\n    --brick-button-tone-solid-hover: var(--brick-color-text-secondary);\n    --brick-button-tone-solid-pressed: color-mix(\n      in srgb,\n      var(--brick-color-text-primary),\n      var(--brick-color-text-secondary) 35%\n    );\n    --brick-button-tone-on-solid: var(--brick-color-text-inverse);\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"],"names":[]}
+{"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,8EFrUJ","sources":["home/runner/work/brick/brick/.brick-cache/production/button.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/_action-spinner/action-spinner.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/button/button.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/_action-spinner/action-spinner.css\";\n@import \"../../src/components/button/button.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  :where(.brick-button, .brick-icon-button)[data-loading]::after {\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-start: 50%;\n    inline-size: var(--brick-action-spinner-size);\n    block-size: var(--brick-action-spinner-size);\n    border: 0.125rem solid transparent;\n    border-block-start-color: var(--brick-action-spinner-color);\n    border-inline-end-color: var(--brick-action-spinner-color);\n    border-radius: var(--brick-radius-full);\n    content: \"\";\n    animation: brick-action-spinner-spin 700ms linear infinite;\n  }\n\n  :where([dir=\"rtl\"])\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n    animation-name: brick-action-spinner-spin-rtl;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n      animation-duration: 1400ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(.brick-button, .brick-icon-button)[data-loading]::after {\n      border-block-start-color: ButtonText;\n      border-inline-end-color: ButtonText;\n    }\n  }\n\n  @keyframes brick-action-spinner-spin {\n    from {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n\n    to {\n      transform: translate(-50%, -50%) rotate(360deg);\n    }\n  }\n\n  @keyframes brick-action-spinner-spin-rtl {\n    from {\n      transform: translate(50%, -50%) rotate(0deg);\n    }\n\n    to {\n      transform: translate(50%, -50%) rotate(360deg);\n    }\n  }\n}\n","@layer brick.components {\n  .brick-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"],"names":[]}

package/dist/styles/card.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-card{--brick-card-space:var(--brick-space-5);--brick-card-radius:var(--brick-radius-surface);--brick-card-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 18%);--brick-card-background:var(--brick-color-surface-raised);--brick-card-border-color:var(--brick-color-border-subtle);--brick-card-border-width:var(--brick-border-width);--brick-card-title-size:var(--brick-typography-surface-title-md-font-size);box-sizing:border-box;border:var(--brick-card-border-width) solid var(--brick-card-border-color);border-radius:var(--brick-card-radius);background:var(--brick-card-background);min-inline-size:0;max-inline-size:100%;box-shadow:none;color:var(--brick-color-text-primary);overflow-wrap:anywhere;flex-direction:column;display:flex;overflow:clip}.brick-card[data-variant=elevated]{--brick-card-background:color-mix(in srgb, var(--brick-color-surface-raised), white 6%);--brick-card-border-color:color-mix(in srgb, var(--brick-color-border-subtle), transparent 45%);box-shadow:var(--brick-card-shadow)}.brick-card[data-variant=subtle]{--brick-card-background:var(--brick-color-surface-subtle);--brick-card-border-color:transparent}.brick-card[data-bordered=false]{--brick-card-border-width:0}.brick-card[data-size=sm]{--brick-card-space:var(--brick-space-3);--brick-card-title-size:var(--brick-typography-surface-title-sm-font-size)}.brick-card[data-size=lg]{--brick-card-space:var(--brick-space-6);--brick-card-title-size:var(--brick-typography-surface-title-lg-font-size)}.brick-card-header{gap:var(--brick-space-1) var(--brick-space-3);min-inline-size:0;padding:var(--brick-card-space);grid-template-columns:minmax(0,1fr) auto;grid-auto-flow:row;align-items:start;display:grid}.brick-card-title,.brick-card-description{grid-column:1;min-inline-size:0;margin:0}.brick-card-title{color:var(--brick-color-text-primary);font-family:var(--brick-typography-surface-title-md-font-family);font-size:var(--brick-card-title-size);font-weight:var(--brick-typography-surface-title-md-font-weight);letter-spacing:var(--brick-typography-surface-title-md-letter-spacing);line-height:var(--brick-typography-surface-title-md-line-height)}.brick-card-description{color:var(--brick-color-text-secondary);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-typography-supporting-sm-line-height)}.brick-card-action{grid-area:1/2/-1;justify-content:end;align-items:start;min-inline-size:0;max-inline-size:100%;display:flex}.brick-card-content{min-inline-size:0;padding-inline:var(--brick-card-space);color:var(--brick-color-text-primary);line-height:var(--brick-typography-body-md-line-height);padding-block-end:var(--brick-card-space)}.brick-card>.brick-card-content:first-child{padding-block-start:var(--brick-card-space)}.brick-card-footer{align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding-inline:var(--brick-card-space);flex-wrap:wrap;padding-block-end:var(--brick-card-space);display:flex}.brick-card>.brick-card-footer:first-child{padding-block-start:var(--brick-card-space)}.brick-card>:where(img,picture,video){inline-size:100%;max-inline-size:100%;display:block}.brick-card>:where(img,video),.brick-card>picture>img{block-size:auto}@media (forced-colors:active){.brick-card,.brick-card[data-variant=elevated],.brick-card[data-variant=subtle]{box-shadow:none;border-color:canvastext}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{.brick-card{--brick-card-space:var(--brick-space-5);--brick-card-radius:var(--brick-radius-surface);--brick-card-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 18%);--brick-card-background:var(--brick-color-surface-raised);--brick-card-border-color:var(--brick-color-border-default);--brick-card-border-width:var(--brick-border-width);--brick-card-title-size:var(--brick-typography-surface-title-md-font-size);box-sizing:border-box;border:var(--brick-card-border-width) solid var(--brick-card-border-color);border-radius:var(--brick-card-radius);background:var(--brick-card-background);min-inline-size:0;max-inline-size:100%;box-shadow:none;color:var(--brick-color-text-primary);overflow-wrap:anywhere;flex-direction:column;display:flex;overflow:clip}.brick-card[data-variant=elevated]{--brick-card-background:color-mix(in srgb, var(--brick-color-surface-raised), white 6%);--brick-card-border-color:color-mix(in srgb, var(--brick-color-border-subtle), transparent 45%);box-shadow:var(--brick-card-shadow)}.brick-card[data-variant=subtle]{--brick-card-background:var(--brick-color-surface-subtle);--brick-card-border-color:transparent}.brick-card[data-bordered=false]{--brick-card-border-width:0}.brick-card[data-size=sm]{--brick-card-space:var(--brick-space-3);--brick-card-title-size:var(--brick-typography-surface-title-sm-font-size)}.brick-card[data-size=lg]{--brick-card-space:var(--brick-space-6);--brick-card-title-size:var(--brick-typography-surface-title-lg-font-size)}.brick-card-header{row-gap:var(--brick-space-1);min-inline-size:0;padding:var(--brick-card-space);grid-template-columns:minmax(0,1fr);grid-auto-flow:row;align-items:start;display:grid}.brick-card-header:has(>.brick-card-action){column-gap:var(--brick-space-3);grid-template-columns:minmax(0,1fr) auto}.brick-card-title,.brick-card-description{grid-column:1;min-inline-size:0;margin:0}.brick-card-title{color:var(--brick-color-text-primary);font-family:var(--brick-typography-surface-title-md-font-family);font-size:var(--brick-card-title-size);font-weight:var(--brick-typography-surface-title-md-font-weight);letter-spacing:var(--brick-typography-surface-title-md-letter-spacing);line-height:var(--brick-typography-surface-title-md-line-height)}.brick-card-description{color:var(--brick-color-text-secondary);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-typography-supporting-sm-line-height)}.brick-card-action{grid-area:1/2/-1;justify-content:end;align-items:start;min-inline-size:0;max-inline-size:100%;display:flex}.brick-card-content{min-inline-size:0;padding-inline:var(--brick-card-space);color:var(--brick-color-text-primary);line-height:var(--brick-typography-body-md-line-height);padding-block-end:var(--brick-card-space)}.brick-card>.brick-card-content:first-child{padding-block-start:var(--brick-card-space)}.brick-card-footer{align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding-inline:var(--brick-card-space);flex-wrap:wrap;padding-block-end:var(--brick-card-space);display:flex}.brick-card>.brick-card-footer:first-child{padding-block-start:var(--brick-card-space)}.brick-card>:where(img,picture,video){inline-size:100%;max-inline-size:100%;display:block}.brick-card>:where(img,video),.brick-card>picture>img{block-size:auto}@media (forced-colors:active){.brick-card,.brick-card[data-variant=elevated],.brick-card[data-variant=subtle]{box-shadow:none;border-color:canvastext}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=card.css.map */

package/dist/styles/card.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,8wBA2BA,+PAeA,iIAKA,6DAIA,6IAKA,6IAKA,8MAUA,mFAOA,yWASA,wXASA,8HAUA,qNAQA,wFAIA,8LAUA,uFAIA,0FAMA,sEAKA,8BACE,0HDjJJ","sources":["home/runner/work/brick/brick/.brick-cache/production/card.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/card/card.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/card/card.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-card {\n    --brick-card-space: var(--brick-space-5);\n    --brick-card-radius: var(--brick-radius-surface);\n    --brick-card-shadow: 0 0.75rem 2rem color-mix(\n      in srgb,\n      var(--brick-color-shadow),\n      transparent 18%\n    );\n    --brick-card-background: var(--brick-color-surface-raised);\n    --brick-card-border-color: var(--brick-color-border-subtle);\n    --brick-card-border-width: var(--brick-border-width);\n    --brick-card-title-size: var(--brick-typography-surface-title-md-font-size);\n\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    flex-direction: column;\n    overflow: clip;\n    border: var(--brick-card-border-width) solid var(--brick-card-border-color);\n    border-radius: var(--brick-card-radius);\n    background: var(--brick-card-background);\n    box-shadow: none;\n    color: var(--brick-color-text-primary);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-card[data-variant=\"elevated\"] {\n    --brick-card-background: color-mix(\n      in srgb,\n      var(--brick-color-surface-raised),\n      white 6%\n    );\n    --brick-card-border-color: color-mix(\n      in srgb,\n      var(--brick-color-border-subtle),\n      transparent 45%\n    );\n\n    box-shadow: var(--brick-card-shadow);\n  }\n\n  .brick-card[data-variant=\"subtle\"] {\n    --brick-card-background: var(--brick-color-surface-subtle);\n    --brick-card-border-color: transparent;\n  }\n\n  .brick-card[data-bordered=\"false\"] {\n    --brick-card-border-width: 0;\n  }\n\n  .brick-card[data-size=\"sm\"] {\n    --brick-card-space: var(--brick-space-3);\n    --brick-card-title-size: var(--brick-typography-surface-title-sm-font-size);\n  }\n\n  .brick-card[data-size=\"lg\"] {\n    --brick-card-space: var(--brick-space-6);\n    --brick-card-title-size: var(--brick-typography-surface-title-lg-font-size);\n  }\n\n  .brick-card-header {\n    display: grid;\n    min-inline-size: 0;\n    grid-template-columns: minmax(0, 1fr) auto;\n    grid-auto-flow: row;\n    gap: var(--brick-space-1) var(--brick-space-3);\n    align-items: start;\n    padding: var(--brick-card-space);\n  }\n\n  .brick-card-title,\n  .brick-card-description {\n    min-inline-size: 0;\n    grid-column: 1;\n    margin: 0;\n  }\n\n  .brick-card-title {\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-surface-title-md-font-family);\n    font-size: var(--brick-card-title-size);\n    font-weight: var(--brick-typography-surface-title-md-font-weight);\n    letter-spacing: var(--brick-typography-surface-title-md-letter-spacing);\n    line-height: var(--brick-typography-surface-title-md-line-height);\n  }\n\n  .brick-card-description {\n    color: var(--brick-color-text-secondary);\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    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-card-action {\n    display: flex;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    grid-column: 2;\n    grid-row: 1 / -1;\n    align-items: start;\n    justify-content: end;\n  }\n\n  .brick-card-content {\n    min-inline-size: 0;\n    padding-inline: var(--brick-card-space);\n    padding-block-end: var(--brick-card-space);\n    color: var(--brick-color-text-primary);\n    line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-card > .brick-card-content:first-child {\n    padding-block-start: var(--brick-card-space);\n  }\n\n  .brick-card-footer {\n    display: flex;\n    min-inline-size: 0;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--brick-space-2);\n    padding-inline: var(--brick-card-space);\n    padding-block-end: var(--brick-card-space);\n  }\n\n  .brick-card > .brick-card-footer:first-child {\n    padding-block-start: var(--brick-card-space);\n  }\n\n  .brick-card > :where(img, picture, video) {\n    display: block;\n    inline-size: 100%;\n    max-inline-size: 100%;\n  }\n\n  .brick-card > :where(img, video),\n  .brick-card > picture > img {\n    block-size: auto;\n  }\n\n  @media (forced-colors: active) {\n    .brick-card,\n    .brick-card[data-variant=\"elevated\"],\n    .brick-card[data-variant=\"subtle\"] {\n      border-color: CanvasText;\n      box-shadow: none;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,+wBA2BA,+PAeA,iIAKA,6DAIA,6IAKA,6IAKA,wLAUA,qHAKA,mFAOA,yWASA,wXASA,8HAUA,qNAQA,wFAIA,8LAUA,uFAIA,0FAMA,sEAKA,8BACE,0HDtJJ","sources":["home/runner/work/brick/brick/.brick-cache/production/card.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/card/card.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/card/card.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-card {\n    --brick-card-space: var(--brick-space-5);\n    --brick-card-radius: var(--brick-radius-surface);\n    --brick-card-shadow: 0 0.75rem 2rem color-mix(\n      in srgb,\n      var(--brick-color-shadow),\n      transparent 18%\n    );\n    --brick-card-background: var(--brick-color-surface-raised);\n    --brick-card-border-color: var(--brick-color-border-default);\n    --brick-card-border-width: var(--brick-border-width);\n    --brick-card-title-size: var(--brick-typography-surface-title-md-font-size);\n\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    flex-direction: column;\n    overflow: clip;\n    border: var(--brick-card-border-width) solid var(--brick-card-border-color);\n    border-radius: var(--brick-card-radius);\n    background: var(--brick-card-background);\n    box-shadow: none;\n    color: var(--brick-color-text-primary);\n    overflow-wrap: anywhere;\n  }\n\n  .brick-card[data-variant=\"elevated\"] {\n    --brick-card-background: color-mix(\n      in srgb,\n      var(--brick-color-surface-raised),\n      white 6%\n    );\n    --brick-card-border-color: color-mix(\n      in srgb,\n      var(--brick-color-border-subtle),\n      transparent 45%\n    );\n\n    box-shadow: var(--brick-card-shadow);\n  }\n\n  .brick-card[data-variant=\"subtle\"] {\n    --brick-card-background: var(--brick-color-surface-subtle);\n    --brick-card-border-color: transparent;\n  }\n\n  .brick-card[data-bordered=\"false\"] {\n    --brick-card-border-width: 0;\n  }\n\n  .brick-card[data-size=\"sm\"] {\n    --brick-card-space: var(--brick-space-3);\n    --brick-card-title-size: var(--brick-typography-surface-title-sm-font-size);\n  }\n\n  .brick-card[data-size=\"lg\"] {\n    --brick-card-space: var(--brick-space-6);\n    --brick-card-title-size: var(--brick-typography-surface-title-lg-font-size);\n  }\n\n  .brick-card-header {\n    display: grid;\n    min-inline-size: 0;\n    grid-template-columns: minmax(0, 1fr);\n    grid-auto-flow: row;\n    row-gap: var(--brick-space-1);\n    align-items: start;\n    padding: var(--brick-card-space);\n  }\n\n  .brick-card-header:has(> .brick-card-action) {\n    grid-template-columns: minmax(0, 1fr) auto;\n    column-gap: var(--brick-space-3);\n  }\n\n  .brick-card-title,\n  .brick-card-description {\n    min-inline-size: 0;\n    grid-column: 1;\n    margin: 0;\n  }\n\n  .brick-card-title {\n    color: var(--brick-color-text-primary);\n    font-family: var(--brick-typography-surface-title-md-font-family);\n    font-size: var(--brick-card-title-size);\n    font-weight: var(--brick-typography-surface-title-md-font-weight);\n    letter-spacing: var(--brick-typography-surface-title-md-letter-spacing);\n    line-height: var(--brick-typography-surface-title-md-line-height);\n  }\n\n  .brick-card-description {\n    color: var(--brick-color-text-secondary);\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    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-card-action {\n    display: flex;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    grid-column: 2;\n    grid-row: 1 / -1;\n    align-items: start;\n    justify-content: end;\n  }\n\n  .brick-card-content {\n    min-inline-size: 0;\n    padding-inline: var(--brick-card-space);\n    padding-block-end: var(--brick-card-space);\n    color: var(--brick-color-text-primary);\n    line-height: var(--brick-typography-body-md-line-height);\n  }\n\n  .brick-card > .brick-card-content:first-child {\n    padding-block-start: var(--brick-card-space);\n  }\n\n  .brick-card-footer {\n    display: flex;\n    min-inline-size: 0;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--brick-space-2);\n    padding-inline: var(--brick-card-space);\n    padding-block-end: var(--brick-card-space);\n  }\n\n  .brick-card > .brick-card-footer:first-child {\n    padding-block-start: var(--brick-card-space);\n  }\n\n  .brick-card > :where(img, picture, video) {\n    display: block;\n    inline-size: 100%;\n    max-inline-size: 100%;\n  }\n\n  .brick-card > :where(img, video),\n  .brick-card > picture > img {\n    block-size: auto;\n  }\n\n  @media (forced-colors: active) {\n    .brick-card,\n    .brick-card[data-variant=\"elevated\"],\n    .brick-card[data-variant=\"subtle\"] {\n      border-color: CanvasText;\n      box-shadow: none;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/checkbox-group.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{:where(.brick-checkbox,.brick-checkbox-group){--brick-checkbox-control-size:1.125rem;--brick-checkbox-target-min-size:var(--brick-control-target-min);--brick-checkbox-gap:var(--brick-space-2);--brick-checkbox-border-width:var(--brick-border-width);--brick-checkbox-radius:var(--brick-radius-subtle);--brick-checkbox-indicator-size:.875rem;--brick-checkbox-row-padding-inline:var(--brick-space-2);--brick-checkbox-label-foreground:var(--brick-color-text-primary);--brick-checkbox-description-foreground:var(--brick-color-text-secondary);--brick-checkbox-control-background:var(--brick-color-surface-raised);--brick-checkbox-control-border:var(--brick-color-border-strong);--brick-checkbox-control-checked-background:var(--brick-color-accent-solid);--brick-checkbox-control-checked-foreground:var(--brick-color-accent-on-solid);--brick-checkbox-invalid-foreground:var(--brick-color-danger-text)}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent){box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-checkbox-target-min-size);grid-template-columns:var(--brick-checkbox-control-size) minmax(0, 1fr);align-content:center;align-items:center;gap:0 var(--brick-checkbox-gap);padding-block:var(--brick-space-1);padding-inline:var(--brick-checkbox-row-padding-inline);border-radius:var(--brick-checkbox-radius);appearance:none;color:var(--brick-checkbox-label-foreground);font:inherit;font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-typography-body-md-font-size);font-weight:var(--brick-typography-body-md-font-weight);letter-spacing:var(--brick-typography-body-md-letter-spacing);line-height:var(--brick-typography-body-md-line-height);overflow-wrap:anywhere;text-align:start;-webkit-user-select:none;user-select:none;vertical-align:middle;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);background:0 0;border:0;grid-auto-rows:min-content;text-decoration:none;display:grid}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):not([data-disabled],[data-readonly]){cursor:pointer}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-readonly]{cursor:default}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):is(:focus-visible,[data-focus-visible]){outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-checkbox-control{box-sizing:border-box;inline-size:var(--brick-checkbox-control-size);block-size:var(--brick-checkbox-control-size);border:var(--brick-checkbox-border-width) solid var(--brick-checkbox-control-border);border-radius:var(--brick-checkbox-radius);background:var(--brick-checkbox-control-background);color:#0000;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), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);grid-area:1/1/span 2;align-self:start;place-items:center;margin-block-start:calc((var(--brick-font-size-md) * var(--brick-font-line-height-body) - var(--brick-checkbox-control-size)) / 2);display:grid}.brick-checkbox-indicator{inline-size:var(--brick-checkbox-indicator-size);block-size:var(--brick-checkbox-indicator-size);place-items:center;display:grid}.brick-checkbox-mark{block-size:100%;inline-size:100%;display:block;overflow:visible}:where(.brick-checkbox-check,.brick-checkbox-mixed){fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.brick-checkbox-mixed{display:none}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=checked] .brick-checkbox-control,:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=indeterminate] .brick-checkbox-control{border-color:var(--brick-checkbox-control-checked-background);background:var(--brick-checkbox-control-checked-background);color:var(--brick-checkbox-control-checked-foreground)}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=indeterminate] .brick-checkbox-check{display:none}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=indeterminate] .brick-checkbox-mixed{display:block}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=unchecked] .brick-checkbox-mark{visibility:hidden}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):not([data-disabled],[data-readonly]):active{background:var(--brick-color-accent-soft-pressed)}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):not([data-disabled],[data-readonly]):active .brick-checkbox-control{transform:scale(.94)}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-disabled]{color:var(--brick-color-text-secondary);cursor:not-allowed;opacity:.65}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-disabled] .brick-checkbox-control{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-readonly]{background:var(--brick-color-surface-subtle)}.brick-checkbox[data-invalid],.brick-checkbox-group:not([data-invalid])>:where(.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-invalid]{border-inline-start:var(--brick-border-focus-width) solid var(--brick-checkbox-invalid-foreground);box-shadow:none}.brick-checkbox[data-invalid] .brick-checkbox-control,.brick-checkbox-group:not([data-invalid])>:where(.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-invalid] .brick-checkbox-control{border-color:var(--brick-checkbox-invalid-foreground)}:where(.brick-checkbox)[data-size=sm],:where(.brick-checkbox-group)[data-size=sm]{--brick-checkbox-control-size:1rem;--brick-checkbox-target-min-size:var(--brick-control-target-min);--brick-checkbox-indicator-size:.75rem;--brick-checkbox-gap:.375rem;--brick-checkbox-row-padding-inline:var(--brick-space-1)}:where(.brick-checkbox)[data-size=lg],:where(.brick-checkbox-group)[data-size=lg]{--brick-checkbox-control-size:1.25rem;--brick-checkbox-target-min-size:var(--brick-control-min-block-size-lg);--brick-checkbox-indicator-size:1rem;--brick-checkbox-gap:var(--brick-space-3);--brick-checkbox-row-padding-inline:var(--brick-space-3)}@media (hover:hover) and (pointer:fine){:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):not([data-disabled],[data-readonly]):hover{background:var(--brick-color-accent-soft)}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):not([data-disabled],[data-readonly],[data-invalid]):hover .brick-checkbox-control,.brick-checkbox-group[data-invalid]>:where(.brick-checkbox-group-item,.brick-checkbox-group-parent):not([data-disabled],[data-readonly]):hover .brick-checkbox-control{border-color:var(--brick-color-accent-border)}}@media (prefers-reduced-motion:reduce){:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent,.brick-checkbox-control){transition-duration:0s}}@media (forced-colors:active){:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent){forced-color-adjust:none;color:buttontext}.brick-checkbox-control{background:canvas;border-color:buttontext}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=checked] .brick-checkbox-control,:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=indeterminate] .brick-checkbox-control{color:highlighttext;background:highlight;border-color:highlight}.brick-checkbox[data-invalid],.brick-checkbox-group:not([data-invalid])>:where(.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-invalid]{border-inline-start:var(--brick-border-focus-width) solid Mark;box-shadow:none}.brick-checkbox[data-invalid] .brick-checkbox-control,.brick-checkbox-group:not([data-invalid])>:where(.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-invalid] .brick-checkbox-control{border-color:mark}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-disabled]{color:graytext;opacity:1}}.brick-checkbox-group{--brick-checkbox-group-gap:var(--brick-space-1);--brick-checkbox-radius:var(--brick-radius-subtle);--brick-checkbox-invalid-foreground:var(--brick-color-danger-text);box-sizing:border-box;gap:var(--brick-checkbox-group-gap);min-inline-size:0;max-inline-size:100%;display:flex}.brick-checkbox-group[data-invalid]{border-inline-start:var(--brick-border-focus-width) solid var(--brick-checkbox-invalid-foreground);border-radius:var(--brick-checkbox-radius);padding-inline-start:var(--brick-space-2)}.brick-checkbox-group[data-orientation=vertical]{flex-direction:column}.brick-checkbox-group[data-orientation=horizontal]{flex-flow:wrap;align-items:flex-start}:where(.brick-checkbox-group-item,.brick-checkbox-group-parent){inline-size:fit-content}.brick-checkbox-group[data-orientation=vertical]>:where(.brick-checkbox-group-item,.brick-checkbox-group-parent){inline-size:100%}.brick-checkbox-group-item-label{min-inline-size:0;color:var(--brick-checkbox-label-foreground);font-family:var(--brick-typography-label-md-font-family);font-size:var(--brick-typography-label-md-font-size);font-weight:var(--brick-typography-label-md-font-weight);letter-spacing:var(--brick-typography-label-md-letter-spacing);line-height:var(--brick-typography-label-md-line-height);grid-column:2}.brick-checkbox-group-item-description{min-inline-size:0;color:var(--brick-checkbox-description-foreground);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-typography-supporting-sm-line-height);grid-column:2}.brick-checkbox-group-item-label+.brick-checkbox-group-item-description{margin-block-start:.125rem}.brick-checkbox-group-parent{font-family:var(--brick-typography-label-strong-font-family);font-size:var(--brick-typography-label-strong-font-size);font-weight:var(--brick-typography-label-strong-font-weight);letter-spacing:var(--brick-typography-label-strong-letter-spacing);line-height:var(--brick-typography-label-strong-line-height);margin-block-end:var(--brick-space-1)}.brick-checkbox-group[data-orientation=horizontal]>.brick-checkbox-group-parent{flex-basis:100%}@media (forced-colors:active){.brick-checkbox-group[data-invalid]{border-inline-start-color:mark}.brick-checkbox-group-item-label{color:buttontext}.brick-checkbox-group-item-description{color:canvastext}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{:where(.brick-checkbox,.brick-checkbox-group){--brick-checkbox-control-size:1.125rem;--brick-checkbox-target-min-size:var(--brick-control-target-min);--brick-checkbox-gap:var(--brick-space-2);--brick-checkbox-border-width:var(--brick-border-width);--brick-checkbox-radius:var(--brick-radius-subtle);--brick-checkbox-indicator-size:.875rem;--brick-checkbox-row-padding-inline:var(--brick-space-2);--brick-checkbox-label-foreground:var(--brick-color-text-primary);--brick-checkbox-description-foreground:var(--brick-color-text-secondary);--brick-checkbox-control-background:var(--brick-color-surface-raised);--brick-checkbox-control-border:var(--brick-color-border-strong);--brick-checkbox-control-checked-background:var(--brick-color-accent-solid);--brick-checkbox-control-checked-foreground:var(--brick-color-accent-on-solid);--brick-checkbox-invalid-foreground:var(--brick-color-danger-text)}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent){box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-checkbox-target-min-size);grid-template-columns:var(--brick-checkbox-control-size) minmax(0, 1fr);align-content:center;align-items:center;gap:0 var(--brick-checkbox-gap);padding-block:var(--brick-space-1);padding-inline:var(--brick-checkbox-row-padding-inline);border-radius:var(--brick-checkbox-radius);appearance:none;color:var(--brick-checkbox-label-foreground);font:inherit;font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-typography-body-md-font-size);font-weight:var(--brick-typography-body-md-font-weight);letter-spacing:var(--brick-typography-body-md-letter-spacing);line-height:var(--brick-typography-body-md-line-height);overflow-wrap:anywhere;text-align:start;-webkit-user-select:none;user-select:none;vertical-align:middle;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);background:0 0;border:0;grid-auto-rows:min-content;text-decoration:none;display:grid}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):not([data-disabled],[data-readonly]){cursor:pointer}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-readonly]{cursor:default}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):is(:focus-visible,[data-focus-visible]){outline:none}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):is(:focus-visible,[data-focus-visible]) .brick-checkbox-control{border-color:var(--brick-color-focus-ring);outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-checkbox-control{box-sizing:border-box;inline-size:var(--brick-checkbox-control-size);block-size:var(--brick-checkbox-control-size);border:var(--brick-checkbox-border-width) solid var(--brick-checkbox-control-border);border-radius:var(--brick-checkbox-radius);background:var(--brick-checkbox-control-background);color:#0000;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), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);grid-area:1/1/span 2;align-self:start;place-items:center;margin-block-start:calc((var(--brick-font-size-md) * var(--brick-font-line-height-body) - var(--brick-checkbox-control-size)) / 2);display:grid}.brick-checkbox-indicator{inline-size:var(--brick-checkbox-indicator-size);block-size:var(--brick-checkbox-indicator-size);place-items:center;display:grid}.brick-checkbox-mark{block-size:100%;inline-size:100%;display:block;overflow:visible}:where(.brick-checkbox-check,.brick-checkbox-mixed){fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.brick-checkbox-mixed{display:none}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=checked] .brick-checkbox-control,:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=indeterminate] .brick-checkbox-control{border-color:var(--brick-checkbox-control-checked-background);background:var(--brick-checkbox-control-checked-background);color:var(--brick-checkbox-control-checked-foreground)}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=indeterminate] .brick-checkbox-check{display:none}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=indeterminate] .brick-checkbox-mixed{display:block}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=unchecked] .brick-checkbox-mark{visibility:hidden}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):not([data-disabled],[data-readonly]):active .brick-checkbox-control{transform:scale(.94)}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-disabled]{color:var(--brick-color-text-secondary);cursor:not-allowed;opacity:.65}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-disabled] .brick-checkbox-control{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-readonly]{background:var(--brick-color-surface-subtle)}.brick-checkbox[data-invalid],.brick-checkbox-group:not([data-invalid])>:where(.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-invalid]{border-inline-start:var(--brick-border-focus-width) solid var(--brick-checkbox-invalid-foreground);box-shadow:none}.brick-checkbox[data-invalid] .brick-checkbox-control,.brick-checkbox-group:not([data-invalid])>:where(.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-invalid] .brick-checkbox-control{border-color:var(--brick-checkbox-invalid-foreground)}:where(.brick-checkbox)[data-size=sm],:where(.brick-checkbox-group)[data-size=sm]{--brick-checkbox-control-size:1rem;--brick-checkbox-target-min-size:var(--brick-control-target-min);--brick-checkbox-indicator-size:.75rem;--brick-checkbox-gap:.375rem;--brick-checkbox-row-padding-inline:var(--brick-space-1)}:where(.brick-checkbox)[data-size=lg],:where(.brick-checkbox-group)[data-size=lg]{--brick-checkbox-control-size:1.25rem;--brick-checkbox-target-min-size:var(--brick-control-min-block-size-lg);--brick-checkbox-indicator-size:1rem;--brick-checkbox-gap:var(--brick-space-3);--brick-checkbox-row-padding-inline:var(--brick-space-3)}@media (hover:hover) and (pointer:fine){:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):not([data-disabled],[data-readonly],[data-invalid]):hover .brick-checkbox-control,.brick-checkbox-group[data-invalid]>:where(.brick-checkbox-group-item,.brick-checkbox-group-parent):not([data-disabled],[data-readonly]):hover .brick-checkbox-control{border-color:var(--brick-color-accent-border)}}@media (prefers-reduced-motion:reduce){:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent,.brick-checkbox-control){transition-duration:0s}}@media (forced-colors:active){:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent){forced-color-adjust:none;color:buttontext}.brick-checkbox-control{background:canvas;border-color:buttontext}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):is(:focus-visible,[data-focus-visible]) .brick-checkbox-control{border-color:highlight;outline-color:highlight}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=checked] .brick-checkbox-control,:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=indeterminate] .brick-checkbox-control{color:highlighttext;background:highlight;border-color:highlight}.brick-checkbox[data-invalid],.brick-checkbox-group:not([data-invalid])>:where(.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-invalid]{border-inline-start:var(--brick-border-focus-width) solid Mark;box-shadow:none}.brick-checkbox[data-invalid] .brick-checkbox-control,.brick-checkbox-group:not([data-invalid])>:where(.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-invalid] .brick-checkbox-control{border-color:mark}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-disabled]{color:graytext;opacity:1}}.brick-checkbox-group{--brick-checkbox-group-gap:var(--brick-space-1);--brick-checkbox-radius:var(--brick-radius-subtle);--brick-checkbox-invalid-foreground:var(--brick-color-danger-text);box-sizing:border-box;gap:var(--brick-checkbox-group-gap);min-inline-size:0;max-inline-size:100%;display:flex}.brick-checkbox-group[data-invalid]{border-inline-start:var(--brick-border-focus-width) solid var(--brick-checkbox-invalid-foreground);border-radius:var(--brick-checkbox-radius);padding-inline-start:var(--brick-space-2)}.brick-checkbox-group[data-orientation=vertical]{flex-direction:column}.brick-checkbox-group[data-orientation=horizontal]{flex-flow:wrap;align-items:flex-start}:where(.brick-checkbox-group-item,.brick-checkbox-group-parent){inline-size:fit-content}.brick-checkbox-group[data-orientation=vertical]>:where(.brick-checkbox-group-item,.brick-checkbox-group-parent){inline-size:100%}.brick-checkbox-group-item-label{min-inline-size:0;color:var(--brick-checkbox-label-foreground);font-family:var(--brick-typography-label-md-font-family);font-size:var(--brick-typography-label-md-font-size);font-weight:var(--brick-typography-label-md-font-weight);letter-spacing:var(--brick-typography-label-md-letter-spacing);line-height:var(--brick-typography-label-md-line-height);grid-column:2}.brick-checkbox-group-item-description{min-inline-size:0;color:var(--brick-checkbox-description-foreground);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-typography-supporting-sm-line-height);grid-column:2}.brick-checkbox-group-item-label+.brick-checkbox-group-item-description{margin-block-start:.125rem}.brick-checkbox-group-parent{font-family:var(--brick-typography-label-strong-font-family);font-size:var(--brick-typography-label-strong-font-size);font-weight:var(--brick-typography-label-strong-font-weight);letter-spacing:var(--brick-typography-label-strong-letter-spacing);line-height:var(--brick-typography-label-strong-line-height);margin-block-end:var(--brick-space-1)}.brick-checkbox-group[data-orientation=horizontal]>.brick-checkbox-group-parent{flex-basis:100%}@media (forced-colors:active){.brick-checkbox-group[data-invalid]{border-inline-start-color:mark}.brick-checkbox-group-item-label{color:buttontext}.brick-checkbox-group-item-description{color:canvastext}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=checkbox-group.css.map */

package/dist/styles/checkbox-group.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,63BAiBA,0vCAuCA,oIAQA,8GAQA,oPASA,w2BAqBA,2JAOA,qFAOA,8IAQA,mCAIA,+aAeA,6IAQA,8IAQA,6IAQA,8KAQA,yKAQA,sKAUA,kNASA,4IAQA,yQAQA,4PAOA,mTASA,wUASA,wCACE,qKAQA,wXAkBF,uCACE,gIAUF,8BACE,0HASA,kEAKA,8TAeA,qOAOA,wNAOA,yHCrUF,0SAYA,4NAOA,uEAIA,yFAKA,wFAIA,kIAKA,6YAWA,kbAWA,mGAIA,sXASA,gGAKA,8BACE,mEAIA,kDAIA,0DFvFJ","sources":["home/runner/work/brick/brick/.brick-cache/production/checkbox-group.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/checkbox-group/checkbox-group.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/checkbox/checkbox.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/checkbox/checkbox.css\";\n@import \"../../src/components/checkbox-group/checkbox-group.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  .brick-checkbox-group {\n    --brick-checkbox-group-gap: var(--brick-space-1);\n    --brick-checkbox-radius: var(--brick-radius-subtle);\n    --brick-checkbox-invalid-foreground: var(--brick-color-danger-text);\n\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    gap: var(--brick-checkbox-group-gap);\n  }\n\n  .brick-checkbox-group[data-invalid] {\n    padding-inline-start: var(--brick-space-2);\n    border-inline-start: var(--brick-border-focus-width) solid\n      var(--brick-checkbox-invalid-foreground);\n    border-radius: var(--brick-checkbox-radius);\n  }\n\n  .brick-checkbox-group[data-orientation=\"vertical\"] {\n    flex-direction: column;\n  }\n\n  .brick-checkbox-group[data-orientation=\"horizontal\"] {\n    flex-flow: row wrap;\n    align-items: flex-start;\n  }\n\n  :where(.brick-checkbox-group-item, .brick-checkbox-group-parent) {\n    inline-size: fit-content;\n  }\n\n  .brick-checkbox-group[data-orientation=\"vertical\"]\n    > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent) {\n    inline-size: 100%;\n  }\n\n  .brick-checkbox-group-item-label {\n    min-inline-size: 0;\n    grid-column: 2;\n    color: var(--brick-checkbox-label-foreground);\n    font-family: var(--brick-typography-label-md-font-family);\n    font-size: var(--brick-typography-label-md-font-size);\n    font-weight: var(--brick-typography-label-md-font-weight);\n    letter-spacing: var(--brick-typography-label-md-letter-spacing);\n    line-height: var(--brick-typography-label-md-line-height);\n  }\n\n  .brick-checkbox-group-item-description {\n    min-inline-size: 0;\n    grid-column: 2;\n    color: var(--brick-checkbox-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    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-checkbox-group-item-label + .brick-checkbox-group-item-description {\n    margin-block-start: 0.125rem;\n  }\n\n  .brick-checkbox-group-parent {\n    margin-block-end: var(--brick-space-1);\n    font-family: var(--brick-typography-label-strong-font-family);\n    font-size: var(--brick-typography-label-strong-font-size);\n    font-weight: var(--brick-typography-label-strong-font-weight);\n    letter-spacing: var(--brick-typography-label-strong-letter-spacing);\n    line-height: var(--brick-typography-label-strong-line-height);\n  }\n\n  .brick-checkbox-group[data-orientation=\"horizontal\"]\n    > .brick-checkbox-group-parent {\n    flex-basis: 100%;\n  }\n\n  @media (forced-colors: active) {\n    .brick-checkbox-group[data-invalid] {\n      border-inline-start-color: Mark;\n    }\n\n    .brick-checkbox-group-item-label {\n      color: ButtonText;\n    }\n\n    .brick-checkbox-group-item-description {\n      color: CanvasText;\n    }\n  }\n}\n","@layer brick.components {\n  :where(.brick-checkbox, .brick-checkbox-group) {\n    --brick-checkbox-control-size: 1.125rem;\n    --brick-checkbox-target-min-size: var(--brick-control-target-min);\n    --brick-checkbox-gap: var(--brick-space-2);\n    --brick-checkbox-border-width: var(--brick-border-width);\n    --brick-checkbox-radius: var(--brick-radius-subtle);\n    --brick-checkbox-indicator-size: 0.875rem;\n    --brick-checkbox-row-padding-inline: var(--brick-space-2);\n    --brick-checkbox-label-foreground: var(--brick-color-text-primary);\n    --brick-checkbox-description-foreground: var(--brick-color-text-secondary);\n    --brick-checkbox-control-background: var(--brick-color-surface-raised);\n    --brick-checkbox-control-border: var(--brick-color-border-strong);\n    --brick-checkbox-control-checked-background: var(--brick-color-accent-solid);\n    --brick-checkbox-control-checked-foreground: var(--brick-color-accent-on-solid);\n    --brick-checkbox-invalid-foreground: var(--brick-color-danger-text);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ) {\n    display: grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-checkbox-target-min-size);\n    grid-template-columns: var(--brick-checkbox-control-size) minmax(0, 1fr);\n    grid-auto-rows: min-content;\n    align-content: center;\n    align-items: center;\n    gap: 0 var(--brick-checkbox-gap);\n    padding-block: var(--brick-space-1);\n    padding-inline: var(--brick-checkbox-row-padding-inline);\n    border: 0;\n    border-radius: var(--brick-checkbox-radius);\n    appearance: none;\n    background: transparent;\n    color: var(--brick-checkbox-label-foreground);\n    font: inherit;\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    line-height: var(--brick-typography-body-md-line-height);\n    overflow-wrap: anywhere;\n    text-align: start;\n    text-decoration: none;\n    user-select: none;\n    vertical-align: middle;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ):not([data-disabled], [data-readonly]) {\n    cursor: pointer;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-readonly] {\n    cursor: default;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ):is(:focus-visible, [data-focus-visible]) {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-checkbox-control {\n    display: grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-checkbox-control-size);\n    block-size: var(--brick-checkbox-control-size);\n    grid-column: 1;\n    grid-row: 1 / span 2;\n    place-items: center;\n    align-self: start;\n    margin-block-start: calc((var(--brick-font-size-md) * var(--brick-font-line-height-body) - var(--brick-checkbox-control-size)) / 2);\n    border: var(--brick-checkbox-border-width) solid var(--brick-checkbox-control-border);\n    border-radius: var(--brick-checkbox-radius);\n    background: var(--brick-checkbox-control-background);\n    color: transparent;\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      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-checkbox-indicator {\n    display: grid;\n    inline-size: var(--brick-checkbox-indicator-size);\n    block-size: var(--brick-checkbox-indicator-size);\n    place-items: center;\n  }\n\n  .brick-checkbox-mark {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n    overflow: visible;\n  }\n\n  :where(.brick-checkbox-check, .brick-checkbox-mixed) {\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 2;\n  }\n\n  .brick-checkbox-mixed {\n    display: none;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"checked\"] .brick-checkbox-control,\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"indeterminate\"] .brick-checkbox-control {\n    border-color: var(--brick-checkbox-control-checked-background);\n    background: var(--brick-checkbox-control-checked-background);\n    color: var(--brick-checkbox-control-checked-foreground);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"indeterminate\"] .brick-checkbox-check {\n    display: none;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"indeterminate\"] .brick-checkbox-mixed {\n    display: block;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"unchecked\"] .brick-checkbox-mark {\n    visibility: hidden;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ):not([data-disabled], [data-readonly]):active {\n    background: var(--brick-color-accent-soft-pressed);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ):not([data-disabled], [data-readonly]):active .brick-checkbox-control {\n    transform: scale(0.94);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-disabled] {\n    color: var(--brick-color-text-secondary);\n    cursor: not-allowed;\n    opacity: 0.65;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-disabled] .brick-checkbox-control {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-readonly] {\n    background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-checkbox[data-invalid],\n  .brick-checkbox-group:not([data-invalid])\n    > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent)[data-invalid] {\n    border-inline-start: var(--brick-border-focus-width) solid\n      var(--brick-checkbox-invalid-foreground);\n    box-shadow: none;\n  }\n\n  .brick-checkbox[data-invalid] .brick-checkbox-control,\n  .brick-checkbox-group:not([data-invalid])\n    > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent)[data-invalid]\n    .brick-checkbox-control {\n    border-color: var(--brick-checkbox-invalid-foreground);\n  }\n\n  :where(.brick-checkbox)[data-size=\"sm\"],\n  :where(.brick-checkbox-group)[data-size=\"sm\"] {\n    --brick-checkbox-control-size: 1rem;\n    --brick-checkbox-target-min-size: var(--brick-control-target-min);\n    --brick-checkbox-indicator-size: 0.75rem;\n    --brick-checkbox-gap: 0.375rem;\n    --brick-checkbox-row-padding-inline: var(--brick-space-1);\n  }\n\n  :where(.brick-checkbox)[data-size=\"lg\"],\n  :where(.brick-checkbox-group)[data-size=\"lg\"] {\n    --brick-checkbox-control-size: 1.25rem;\n    --brick-checkbox-target-min-size: var(--brick-control-min-block-size-lg);\n    --brick-checkbox-indicator-size: 1rem;\n    --brick-checkbox-gap: var(--brick-space-3);\n    --brick-checkbox-row-padding-inline: var(--brick-space-3);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    ):not([data-disabled], [data-readonly]):hover {\n      background: var(--brick-color-accent-soft);\n    }\n\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    ):not([data-disabled], [data-readonly], [data-invalid]):hover .brick-checkbox-control {\n      border-color: var(--brick-color-accent-border);\n    }\n\n    .brick-checkbox-group[data-invalid]\n      > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent):not(\n        [data-disabled],\n        [data-readonly]\n      ):hover\n      .brick-checkbox-control {\n      border-color: var(--brick-color-accent-border);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent,\n      .brick-checkbox-control\n    ) {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    ) {\n      forced-color-adjust: none;\n      color: ButtonText;\n    }\n\n    .brick-checkbox-control {\n      border-color: ButtonText;\n      background: Canvas;\n    }\n\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-state=\"checked\"] .brick-checkbox-control,\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-state=\"indeterminate\"] .brick-checkbox-control {\n      border-color: Highlight;\n      background: Highlight;\n      color: HighlightText;\n    }\n\n    .brick-checkbox[data-invalid],\n    .brick-checkbox-group:not([data-invalid])\n      > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent)[data-invalid] {\n      border-inline-start: var(--brick-border-focus-width) solid Mark;\n      box-shadow: none;\n    }\n\n    .brick-checkbox[data-invalid] .brick-checkbox-control,\n    .brick-checkbox-group:not([data-invalid])\n      > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent)[data-invalid]\n      .brick-checkbox-control {\n      border-color: Mark;\n    }\n\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-disabled] {\n      color: GrayText;\n      opacity: 1;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,63BAiBA,0vCAuCA,oIAQA,8GAQA,qIAQA,uTAUA,w2BAqBA,2JAOA,qFAOA,8IAQA,mCAIA,+aAeA,6IAQA,8IAQA,6IAQA,yKAQA,sKAUA,kNASA,4IAQA,yQAQA,4PAOA,mTASA,wUASA,wCACE,wXAkBF,uCACE,gIAUF,8BACE,0HASA,kEAKA,+LASA,8TAeA,qOAOA,wNAOA,yHCvUF,0SAYA,4NAOA,uEAIA,yFAKA,wFAIA,kIAKA,6YAWA,kbAWA,mGAIA,sXASA,gGAKA,8BACE,mEAIA,kDAIA,0DFvFJ","sources":["home/runner/work/brick/brick/.brick-cache/production/checkbox-group.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/checkbox/checkbox.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/checkbox-group/checkbox-group.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/checkbox/checkbox.css\";\n@import \"../../src/components/checkbox-group/checkbox-group.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  :where(.brick-checkbox, .brick-checkbox-group) {\n    --brick-checkbox-control-size: 1.125rem;\n    --brick-checkbox-target-min-size: var(--brick-control-target-min);\n    --brick-checkbox-gap: var(--brick-space-2);\n    --brick-checkbox-border-width: var(--brick-border-width);\n    --brick-checkbox-radius: var(--brick-radius-subtle);\n    --brick-checkbox-indicator-size: 0.875rem;\n    --brick-checkbox-row-padding-inline: var(--brick-space-2);\n    --brick-checkbox-label-foreground: var(--brick-color-text-primary);\n    --brick-checkbox-description-foreground: var(--brick-color-text-secondary);\n    --brick-checkbox-control-background: var(--brick-color-surface-raised);\n    --brick-checkbox-control-border: var(--brick-color-border-strong);\n    --brick-checkbox-control-checked-background: var(--brick-color-accent-solid);\n    --brick-checkbox-control-checked-foreground: var(--brick-color-accent-on-solid);\n    --brick-checkbox-invalid-foreground: var(--brick-color-danger-text);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ) {\n    display: grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-checkbox-target-min-size);\n    grid-template-columns: var(--brick-checkbox-control-size) minmax(0, 1fr);\n    grid-auto-rows: min-content;\n    align-content: center;\n    align-items: center;\n    gap: 0 var(--brick-checkbox-gap);\n    padding-block: var(--brick-space-1);\n    padding-inline: var(--brick-checkbox-row-padding-inline);\n    border: 0;\n    border-radius: var(--brick-checkbox-radius);\n    appearance: none;\n    background: transparent;\n    color: var(--brick-checkbox-label-foreground);\n    font: inherit;\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    line-height: var(--brick-typography-body-md-line-height);\n    overflow-wrap: anywhere;\n    text-align: start;\n    text-decoration: none;\n    user-select: none;\n    vertical-align: middle;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ):not([data-disabled], [data-readonly]) {\n    cursor: pointer;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-readonly] {\n    cursor: default;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ):is(:focus-visible, [data-focus-visible]) {\n    outline: none;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ):is(:focus-visible, [data-focus-visible]) .brick-checkbox-control {\n    border-color: var(--brick-color-focus-ring);\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-checkbox-control {\n    display: grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-checkbox-control-size);\n    block-size: var(--brick-checkbox-control-size);\n    grid-column: 1;\n    grid-row: 1 / span 2;\n    place-items: center;\n    align-self: start;\n    margin-block-start: calc((var(--brick-font-size-md) * var(--brick-font-line-height-body) - var(--brick-checkbox-control-size)) / 2);\n    border: var(--brick-checkbox-border-width) solid var(--brick-checkbox-control-border);\n    border-radius: var(--brick-checkbox-radius);\n    background: var(--brick-checkbox-control-background);\n    color: transparent;\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      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-checkbox-indicator {\n    display: grid;\n    inline-size: var(--brick-checkbox-indicator-size);\n    block-size: var(--brick-checkbox-indicator-size);\n    place-items: center;\n  }\n\n  .brick-checkbox-mark {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n    overflow: visible;\n  }\n\n  :where(.brick-checkbox-check, .brick-checkbox-mixed) {\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 2;\n  }\n\n  .brick-checkbox-mixed {\n    display: none;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"checked\"] .brick-checkbox-control,\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"indeterminate\"] .brick-checkbox-control {\n    border-color: var(--brick-checkbox-control-checked-background);\n    background: var(--brick-checkbox-control-checked-background);\n    color: var(--brick-checkbox-control-checked-foreground);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"indeterminate\"] .brick-checkbox-check {\n    display: none;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"indeterminate\"] .brick-checkbox-mixed {\n    display: block;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"unchecked\"] .brick-checkbox-mark {\n    visibility: hidden;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ):not([data-disabled], [data-readonly]):active .brick-checkbox-control {\n    transform: scale(0.94);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-disabled] {\n    color: var(--brick-color-text-secondary);\n    cursor: not-allowed;\n    opacity: 0.65;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-disabled] .brick-checkbox-control {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-readonly] {\n    background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-checkbox[data-invalid],\n  .brick-checkbox-group:not([data-invalid])\n    > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent)[data-invalid] {\n    border-inline-start: var(--brick-border-focus-width) solid\n      var(--brick-checkbox-invalid-foreground);\n    box-shadow: none;\n  }\n\n  .brick-checkbox[data-invalid] .brick-checkbox-control,\n  .brick-checkbox-group:not([data-invalid])\n    > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent)[data-invalid]\n    .brick-checkbox-control {\n    border-color: var(--brick-checkbox-invalid-foreground);\n  }\n\n  :where(.brick-checkbox)[data-size=\"sm\"],\n  :where(.brick-checkbox-group)[data-size=\"sm\"] {\n    --brick-checkbox-control-size: 1rem;\n    --brick-checkbox-target-min-size: var(--brick-control-target-min);\n    --brick-checkbox-indicator-size: 0.75rem;\n    --brick-checkbox-gap: 0.375rem;\n    --brick-checkbox-row-padding-inline: var(--brick-space-1);\n  }\n\n  :where(.brick-checkbox)[data-size=\"lg\"],\n  :where(.brick-checkbox-group)[data-size=\"lg\"] {\n    --brick-checkbox-control-size: 1.25rem;\n    --brick-checkbox-target-min-size: var(--brick-control-min-block-size-lg);\n    --brick-checkbox-indicator-size: 1rem;\n    --brick-checkbox-gap: var(--brick-space-3);\n    --brick-checkbox-row-padding-inline: var(--brick-space-3);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    ):not([data-disabled], [data-readonly], [data-invalid]):hover .brick-checkbox-control {\n      border-color: var(--brick-color-accent-border);\n    }\n\n    .brick-checkbox-group[data-invalid]\n      > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent):not(\n        [data-disabled],\n        [data-readonly]\n      ):hover\n      .brick-checkbox-control {\n      border-color: var(--brick-color-accent-border);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent,\n      .brick-checkbox-control\n    ) {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    ) {\n      forced-color-adjust: none;\n      color: ButtonText;\n    }\n\n    .brick-checkbox-control {\n      border-color: ButtonText;\n      background: Canvas;\n    }\n\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    ):is(:focus-visible, [data-focus-visible]) .brick-checkbox-control {\n      border-color: Highlight;\n      outline-color: Highlight;\n    }\n\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-state=\"checked\"] .brick-checkbox-control,\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-state=\"indeterminate\"] .brick-checkbox-control {\n      border-color: Highlight;\n      background: Highlight;\n      color: HighlightText;\n    }\n\n    .brick-checkbox[data-invalid],\n    .brick-checkbox-group:not([data-invalid])\n      > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent)[data-invalid] {\n      border-inline-start: var(--brick-border-focus-width) solid Mark;\n      box-shadow: none;\n    }\n\n    .brick-checkbox[data-invalid] .brick-checkbox-control,\n    .brick-checkbox-group:not([data-invalid])\n      > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent)[data-invalid]\n      .brick-checkbox-control {\n      border-color: Mark;\n    }\n\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-disabled] {\n      color: GrayText;\n      opacity: 1;\n    }\n  }\n}\n","@layer brick.components {\n  .brick-checkbox-group {\n    --brick-checkbox-group-gap: var(--brick-space-1);\n    --brick-checkbox-radius: var(--brick-radius-subtle);\n    --brick-checkbox-invalid-foreground: var(--brick-color-danger-text);\n\n    display: flex;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    gap: var(--brick-checkbox-group-gap);\n  }\n\n  .brick-checkbox-group[data-invalid] {\n    padding-inline-start: var(--brick-space-2);\n    border-inline-start: var(--brick-border-focus-width) solid\n      var(--brick-checkbox-invalid-foreground);\n    border-radius: var(--brick-checkbox-radius);\n  }\n\n  .brick-checkbox-group[data-orientation=\"vertical\"] {\n    flex-direction: column;\n  }\n\n  .brick-checkbox-group[data-orientation=\"horizontal\"] {\n    flex-flow: row wrap;\n    align-items: flex-start;\n  }\n\n  :where(.brick-checkbox-group-item, .brick-checkbox-group-parent) {\n    inline-size: fit-content;\n  }\n\n  .brick-checkbox-group[data-orientation=\"vertical\"]\n    > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent) {\n    inline-size: 100%;\n  }\n\n  .brick-checkbox-group-item-label {\n    min-inline-size: 0;\n    grid-column: 2;\n    color: var(--brick-checkbox-label-foreground);\n    font-family: var(--brick-typography-label-md-font-family);\n    font-size: var(--brick-typography-label-md-font-size);\n    font-weight: var(--brick-typography-label-md-font-weight);\n    letter-spacing: var(--brick-typography-label-md-letter-spacing);\n    line-height: var(--brick-typography-label-md-line-height);\n  }\n\n  .brick-checkbox-group-item-description {\n    min-inline-size: 0;\n    grid-column: 2;\n    color: var(--brick-checkbox-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    letter-spacing: var(--brick-typography-supporting-sm-letter-spacing);\n    line-height: var(--brick-typography-supporting-sm-line-height);\n  }\n\n  .brick-checkbox-group-item-label + .brick-checkbox-group-item-description {\n    margin-block-start: 0.125rem;\n  }\n\n  .brick-checkbox-group-parent {\n    margin-block-end: var(--brick-space-1);\n    font-family: var(--brick-typography-label-strong-font-family);\n    font-size: var(--brick-typography-label-strong-font-size);\n    font-weight: var(--brick-typography-label-strong-font-weight);\n    letter-spacing: var(--brick-typography-label-strong-letter-spacing);\n    line-height: var(--brick-typography-label-strong-line-height);\n  }\n\n  .brick-checkbox-group[data-orientation=\"horizontal\"]\n    > .brick-checkbox-group-parent {\n    flex-basis: 100%;\n  }\n\n  @media (forced-colors: active) {\n    .brick-checkbox-group[data-invalid] {\n      border-inline-start-color: Mark;\n    }\n\n    .brick-checkbox-group-item-label {\n      color: ButtonText;\n    }\n\n    .brick-checkbox-group-item-description {\n      color: CanvasText;\n    }\n  }\n}\n"],"names":[]}

package/dist/styles/checkbox.css

@@ -1,2 +1,2 @@
-@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{:where(.brick-checkbox,.brick-checkbox-group){--brick-checkbox-control-size:1.125rem;--brick-checkbox-target-min-size:var(--brick-control-target-min);--brick-checkbox-gap:var(--brick-space-2);--brick-checkbox-border-width:var(--brick-border-width);--brick-checkbox-radius:var(--brick-radius-subtle);--brick-checkbox-indicator-size:.875rem;--brick-checkbox-row-padding-inline:var(--brick-space-2);--brick-checkbox-label-foreground:var(--brick-color-text-primary);--brick-checkbox-description-foreground:var(--brick-color-text-secondary);--brick-checkbox-control-background:var(--brick-color-surface-raised);--brick-checkbox-control-border:var(--brick-color-border-strong);--brick-checkbox-control-checked-background:var(--brick-color-accent-solid);--brick-checkbox-control-checked-foreground:var(--brick-color-accent-on-solid);--brick-checkbox-invalid-foreground:var(--brick-color-danger-text)}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent){box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-checkbox-target-min-size);grid-template-columns:var(--brick-checkbox-control-size) minmax(0, 1fr);align-content:center;align-items:center;gap:0 var(--brick-checkbox-gap);padding-block:var(--brick-space-1);padding-inline:var(--brick-checkbox-row-padding-inline);border-radius:var(--brick-checkbox-radius);appearance:none;color:var(--brick-checkbox-label-foreground);font:inherit;font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-typography-body-md-font-size);font-weight:var(--brick-typography-body-md-font-weight);letter-spacing:var(--brick-typography-body-md-letter-spacing);line-height:var(--brick-typography-body-md-line-height);overflow-wrap:anywhere;text-align:start;-webkit-user-select:none;user-select:none;vertical-align:middle;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);background:0 0;border:0;grid-auto-rows:min-content;text-decoration:none;display:grid}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):not([data-disabled],[data-readonly]){cursor:pointer}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-readonly]{cursor:default}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):is(:focus-visible,[data-focus-visible]){outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-checkbox-control{box-sizing:border-box;inline-size:var(--brick-checkbox-control-size);block-size:var(--brick-checkbox-control-size);border:var(--brick-checkbox-border-width) solid var(--brick-checkbox-control-border);border-radius:var(--brick-checkbox-radius);background:var(--brick-checkbox-control-background);color:#0000;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), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);grid-area:1/1/span 2;align-self:start;place-items:center;margin-block-start:calc((var(--brick-font-size-md) * var(--brick-font-line-height-body) - var(--brick-checkbox-control-size)) / 2);display:grid}.brick-checkbox-indicator{inline-size:var(--brick-checkbox-indicator-size);block-size:var(--brick-checkbox-indicator-size);place-items:center;display:grid}.brick-checkbox-mark{block-size:100%;inline-size:100%;display:block;overflow:visible}:where(.brick-checkbox-check,.brick-checkbox-mixed){fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.brick-checkbox-mixed{display:none}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=checked] .brick-checkbox-control,:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=indeterminate] .brick-checkbox-control{border-color:var(--brick-checkbox-control-checked-background);background:var(--brick-checkbox-control-checked-background);color:var(--brick-checkbox-control-checked-foreground)}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=indeterminate] .brick-checkbox-check{display:none}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=indeterminate] .brick-checkbox-mixed{display:block}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=unchecked] .brick-checkbox-mark{visibility:hidden}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):not([data-disabled],[data-readonly]):active{background:var(--brick-color-accent-soft-pressed)}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):not([data-disabled],[data-readonly]):active .brick-checkbox-control{transform:scale(.94)}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-disabled]{color:var(--brick-color-text-secondary);cursor:not-allowed;opacity:.65}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-disabled] .brick-checkbox-control{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-readonly]{background:var(--brick-color-surface-subtle)}.brick-checkbox[data-invalid],.brick-checkbox-group:not([data-invalid])>:where(.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-invalid]{border-inline-start:var(--brick-border-focus-width) solid var(--brick-checkbox-invalid-foreground);box-shadow:none}.brick-checkbox[data-invalid] .brick-checkbox-control,.brick-checkbox-group:not([data-invalid])>:where(.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-invalid] .brick-checkbox-control{border-color:var(--brick-checkbox-invalid-foreground)}:where(.brick-checkbox)[data-size=sm],:where(.brick-checkbox-group)[data-size=sm]{--brick-checkbox-control-size:1rem;--brick-checkbox-target-min-size:var(--brick-control-target-min);--brick-checkbox-indicator-size:.75rem;--brick-checkbox-gap:.375rem;--brick-checkbox-row-padding-inline:var(--brick-space-1)}:where(.brick-checkbox)[data-size=lg],:where(.brick-checkbox-group)[data-size=lg]{--brick-checkbox-control-size:1.25rem;--brick-checkbox-target-min-size:var(--brick-control-min-block-size-lg);--brick-checkbox-indicator-size:1rem;--brick-checkbox-gap:var(--brick-space-3);--brick-checkbox-row-padding-inline:var(--brick-space-3)}@media (hover:hover) and (pointer:fine){:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):not([data-disabled],[data-readonly]):hover{background:var(--brick-color-accent-soft)}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):not([data-disabled],[data-readonly],[data-invalid]):hover .brick-checkbox-control,.brick-checkbox-group[data-invalid]>:where(.brick-checkbox-group-item,.brick-checkbox-group-parent):not([data-disabled],[data-readonly]):hover .brick-checkbox-control{border-color:var(--brick-color-accent-border)}}@media (prefers-reduced-motion:reduce){:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent,.brick-checkbox-control){transition-duration:0s}}@media (forced-colors:active){:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent){forced-color-adjust:none;color:buttontext}.brick-checkbox-control{background:canvas;border-color:buttontext}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=checked] .brick-checkbox-control,:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=indeterminate] .brick-checkbox-control{color:highlighttext;background:highlight;border-color:highlight}.brick-checkbox[data-invalid],.brick-checkbox-group:not([data-invalid])>:where(.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-invalid]{border-inline-start:var(--brick-border-focus-width) solid Mark;box-shadow:none}.brick-checkbox[data-invalid] .brick-checkbox-control,.brick-checkbox-group:not([data-invalid])>:where(.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-invalid] .brick-checkbox-control{border-color:mark}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-disabled]{color:graytext;opacity:1}}}@layer brick.utilities,brick.effects;
+@layer brick.tokens,flowstack.theme,brick.foundations;@layer brick.components{:where(.brick-checkbox,.brick-checkbox-group){--brick-checkbox-control-size:1.125rem;--brick-checkbox-target-min-size:var(--brick-control-target-min);--brick-checkbox-gap:var(--brick-space-2);--brick-checkbox-border-width:var(--brick-border-width);--brick-checkbox-radius:var(--brick-radius-subtle);--brick-checkbox-indicator-size:.875rem;--brick-checkbox-row-padding-inline:var(--brick-space-2);--brick-checkbox-label-foreground:var(--brick-color-text-primary);--brick-checkbox-description-foreground:var(--brick-color-text-secondary);--brick-checkbox-control-background:var(--brick-color-surface-raised);--brick-checkbox-control-border:var(--brick-color-border-strong);--brick-checkbox-control-checked-background:var(--brick-color-accent-solid);--brick-checkbox-control-checked-foreground:var(--brick-color-accent-on-solid);--brick-checkbox-invalid-foreground:var(--brick-color-danger-text)}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent){box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-checkbox-target-min-size);grid-template-columns:var(--brick-checkbox-control-size) minmax(0, 1fr);align-content:center;align-items:center;gap:0 var(--brick-checkbox-gap);padding-block:var(--brick-space-1);padding-inline:var(--brick-checkbox-row-padding-inline);border-radius:var(--brick-checkbox-radius);appearance:none;color:var(--brick-checkbox-label-foreground);font:inherit;font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-typography-body-md-font-size);font-weight:var(--brick-typography-body-md-font-weight);letter-spacing:var(--brick-typography-body-md-letter-spacing);line-height:var(--brick-typography-body-md-line-height);overflow-wrap:anywhere;text-align:start;-webkit-user-select:none;user-select:none;vertical-align:middle;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);background:0 0;border:0;grid-auto-rows:min-content;text-decoration:none;display:grid}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):not([data-disabled],[data-readonly]){cursor:pointer}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-readonly]{cursor:default}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):is(:focus-visible,[data-focus-visible]){outline:none}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):is(:focus-visible,[data-focus-visible]) .brick-checkbox-control{border-color:var(--brick-color-focus-ring);outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-checkbox-control{box-sizing:border-box;inline-size:var(--brick-checkbox-control-size);block-size:var(--brick-checkbox-control-size);border:var(--brick-checkbox-border-width) solid var(--brick-checkbox-control-border);border-radius:var(--brick-checkbox-radius);background:var(--brick-checkbox-control-background);color:#0000;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), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);grid-area:1/1/span 2;align-self:start;place-items:center;margin-block-start:calc((var(--brick-font-size-md) * var(--brick-font-line-height-body) - var(--brick-checkbox-control-size)) / 2);display:grid}.brick-checkbox-indicator{inline-size:var(--brick-checkbox-indicator-size);block-size:var(--brick-checkbox-indicator-size);place-items:center;display:grid}.brick-checkbox-mark{block-size:100%;inline-size:100%;display:block;overflow:visible}:where(.brick-checkbox-check,.brick-checkbox-mixed){fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.brick-checkbox-mixed{display:none}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=checked] .brick-checkbox-control,:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=indeterminate] .brick-checkbox-control{border-color:var(--brick-checkbox-control-checked-background);background:var(--brick-checkbox-control-checked-background);color:var(--brick-checkbox-control-checked-foreground)}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=indeterminate] .brick-checkbox-check{display:none}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=indeterminate] .brick-checkbox-mixed{display:block}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=unchecked] .brick-checkbox-mark{visibility:hidden}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):not([data-disabled],[data-readonly]):active .brick-checkbox-control{transform:scale(.94)}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-disabled]{color:var(--brick-color-text-secondary);cursor:not-allowed;opacity:.65}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-disabled] .brick-checkbox-control{border-color:var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle)}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-readonly]{background:var(--brick-color-surface-subtle)}.brick-checkbox[data-invalid],.brick-checkbox-group:not([data-invalid])>:where(.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-invalid]{border-inline-start:var(--brick-border-focus-width) solid var(--brick-checkbox-invalid-foreground);box-shadow:none}.brick-checkbox[data-invalid] .brick-checkbox-control,.brick-checkbox-group:not([data-invalid])>:where(.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-invalid] .brick-checkbox-control{border-color:var(--brick-checkbox-invalid-foreground)}:where(.brick-checkbox)[data-size=sm],:where(.brick-checkbox-group)[data-size=sm]{--brick-checkbox-control-size:1rem;--brick-checkbox-target-min-size:var(--brick-control-target-min);--brick-checkbox-indicator-size:.75rem;--brick-checkbox-gap:.375rem;--brick-checkbox-row-padding-inline:var(--brick-space-1)}:where(.brick-checkbox)[data-size=lg],:where(.brick-checkbox-group)[data-size=lg]{--brick-checkbox-control-size:1.25rem;--brick-checkbox-target-min-size:var(--brick-control-min-block-size-lg);--brick-checkbox-indicator-size:1rem;--brick-checkbox-gap:var(--brick-space-3);--brick-checkbox-row-padding-inline:var(--brick-space-3)}@media (hover:hover) and (pointer:fine){:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):not([data-disabled],[data-readonly],[data-invalid]):hover .brick-checkbox-control,.brick-checkbox-group[data-invalid]>:where(.brick-checkbox-group-item,.brick-checkbox-group-parent):not([data-disabled],[data-readonly]):hover .brick-checkbox-control{border-color:var(--brick-color-accent-border)}}@media (prefers-reduced-motion:reduce){:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent,.brick-checkbox-control){transition-duration:0s}}@media (forced-colors:active){:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent){forced-color-adjust:none;color:buttontext}.brick-checkbox-control{background:canvas;border-color:buttontext}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent):is(:focus-visible,[data-focus-visible]) .brick-checkbox-control{border-color:highlight;outline-color:highlight}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=checked] .brick-checkbox-control,:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-state=indeterminate] .brick-checkbox-control{color:highlighttext;background:highlight;border-color:highlight}.brick-checkbox[data-invalid],.brick-checkbox-group:not([data-invalid])>:where(.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-invalid]{border-inline-start:var(--brick-border-focus-width) solid Mark;box-shadow:none}.brick-checkbox[data-invalid] .brick-checkbox-control,.brick-checkbox-group:not([data-invalid])>:where(.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-invalid] .brick-checkbox-control{border-color:mark}:where(.brick-checkbox,.brick-checkbox-group-item,.brick-checkbox-group-parent)[data-disabled]{color:graytext;opacity:1}}}@layer brick.utilities,brick.effects;
 /*# sourceMappingURL=checkbox.css.map */

package/dist/styles/checkbox.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,63BAiBA,0vCAuCA,oIAQA,8GAQA,oPASA,w2BAqBA,2JAOA,qFAOA,8IAQA,mCAIA,+aAeA,6IAQA,8IAQA,6IAQA,8KAQA,yKAQA,sKAUA,kNASA,4IAQA,yQAQA,4PAOA,mTASA,wUASA,wCACE,qKAQA,wXAkBF,uCACE,gIAUF,8BACE,0HASA,kEAKA,8TAeA,qOAOA,wNAOA,0HDtUJ","sources":["home/runner/work/brick/brick/.brick-cache/production/checkbox.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/checkbox/checkbox.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/checkbox/checkbox.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  :where(.brick-checkbox, .brick-checkbox-group) {\n    --brick-checkbox-control-size: 1.125rem;\n    --brick-checkbox-target-min-size: var(--brick-control-target-min);\n    --brick-checkbox-gap: var(--brick-space-2);\n    --brick-checkbox-border-width: var(--brick-border-width);\n    --brick-checkbox-radius: var(--brick-radius-subtle);\n    --brick-checkbox-indicator-size: 0.875rem;\n    --brick-checkbox-row-padding-inline: var(--brick-space-2);\n    --brick-checkbox-label-foreground: var(--brick-color-text-primary);\n    --brick-checkbox-description-foreground: var(--brick-color-text-secondary);\n    --brick-checkbox-control-background: var(--brick-color-surface-raised);\n    --brick-checkbox-control-border: var(--brick-color-border-strong);\n    --brick-checkbox-control-checked-background: var(--brick-color-accent-solid);\n    --brick-checkbox-control-checked-foreground: var(--brick-color-accent-on-solid);\n    --brick-checkbox-invalid-foreground: var(--brick-color-danger-text);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ) {\n    display: grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-checkbox-target-min-size);\n    grid-template-columns: var(--brick-checkbox-control-size) minmax(0, 1fr);\n    grid-auto-rows: min-content;\n    align-content: center;\n    align-items: center;\n    gap: 0 var(--brick-checkbox-gap);\n    padding-block: var(--brick-space-1);\n    padding-inline: var(--brick-checkbox-row-padding-inline);\n    border: 0;\n    border-radius: var(--brick-checkbox-radius);\n    appearance: none;\n    background: transparent;\n    color: var(--brick-checkbox-label-foreground);\n    font: inherit;\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    line-height: var(--brick-typography-body-md-line-height);\n    overflow-wrap: anywhere;\n    text-align: start;\n    text-decoration: none;\n    user-select: none;\n    vertical-align: middle;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ):not([data-disabled], [data-readonly]) {\n    cursor: pointer;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-readonly] {\n    cursor: default;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ):is(:focus-visible, [data-focus-visible]) {\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-checkbox-control {\n    display: grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-checkbox-control-size);\n    block-size: var(--brick-checkbox-control-size);\n    grid-column: 1;\n    grid-row: 1 / span 2;\n    place-items: center;\n    align-self: start;\n    margin-block-start: calc((var(--brick-font-size-md) * var(--brick-font-line-height-body) - var(--brick-checkbox-control-size)) / 2);\n    border: var(--brick-checkbox-border-width) solid var(--brick-checkbox-control-border);\n    border-radius: var(--brick-checkbox-radius);\n    background: var(--brick-checkbox-control-background);\n    color: transparent;\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      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-checkbox-indicator {\n    display: grid;\n    inline-size: var(--brick-checkbox-indicator-size);\n    block-size: var(--brick-checkbox-indicator-size);\n    place-items: center;\n  }\n\n  .brick-checkbox-mark {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n    overflow: visible;\n  }\n\n  :where(.brick-checkbox-check, .brick-checkbox-mixed) {\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 2;\n  }\n\n  .brick-checkbox-mixed {\n    display: none;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"checked\"] .brick-checkbox-control,\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"indeterminate\"] .brick-checkbox-control {\n    border-color: var(--brick-checkbox-control-checked-background);\n    background: var(--brick-checkbox-control-checked-background);\n    color: var(--brick-checkbox-control-checked-foreground);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"indeterminate\"] .brick-checkbox-check {\n    display: none;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"indeterminate\"] .brick-checkbox-mixed {\n    display: block;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"unchecked\"] .brick-checkbox-mark {\n    visibility: hidden;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ):not([data-disabled], [data-readonly]):active {\n    background: var(--brick-color-accent-soft-pressed);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ):not([data-disabled], [data-readonly]):active .brick-checkbox-control {\n    transform: scale(0.94);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-disabled] {\n    color: var(--brick-color-text-secondary);\n    cursor: not-allowed;\n    opacity: 0.65;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-disabled] .brick-checkbox-control {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-readonly] {\n    background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-checkbox[data-invalid],\n  .brick-checkbox-group:not([data-invalid])\n    > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent)[data-invalid] {\n    border-inline-start: var(--brick-border-focus-width) solid\n      var(--brick-checkbox-invalid-foreground);\n    box-shadow: none;\n  }\n\n  .brick-checkbox[data-invalid] .brick-checkbox-control,\n  .brick-checkbox-group:not([data-invalid])\n    > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent)[data-invalid]\n    .brick-checkbox-control {\n    border-color: var(--brick-checkbox-invalid-foreground);\n  }\n\n  :where(.brick-checkbox)[data-size=\"sm\"],\n  :where(.brick-checkbox-group)[data-size=\"sm\"] {\n    --brick-checkbox-control-size: 1rem;\n    --brick-checkbox-target-min-size: var(--brick-control-target-min);\n    --brick-checkbox-indicator-size: 0.75rem;\n    --brick-checkbox-gap: 0.375rem;\n    --brick-checkbox-row-padding-inline: var(--brick-space-1);\n  }\n\n  :where(.brick-checkbox)[data-size=\"lg\"],\n  :where(.brick-checkbox-group)[data-size=\"lg\"] {\n    --brick-checkbox-control-size: 1.25rem;\n    --brick-checkbox-target-min-size: var(--brick-control-min-block-size-lg);\n    --brick-checkbox-indicator-size: 1rem;\n    --brick-checkbox-gap: var(--brick-space-3);\n    --brick-checkbox-row-padding-inline: var(--brick-space-3);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    ):not([data-disabled], [data-readonly]):hover {\n      background: var(--brick-color-accent-soft);\n    }\n\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    ):not([data-disabled], [data-readonly], [data-invalid]):hover .brick-checkbox-control {\n      border-color: var(--brick-color-accent-border);\n    }\n\n    .brick-checkbox-group[data-invalid]\n      > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent):not(\n        [data-disabled],\n        [data-readonly]\n      ):hover\n      .brick-checkbox-control {\n      border-color: var(--brick-color-accent-border);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent,\n      .brick-checkbox-control\n    ) {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    ) {\n      forced-color-adjust: none;\n      color: ButtonText;\n    }\n\n    .brick-checkbox-control {\n      border-color: ButtonText;\n      background: Canvas;\n    }\n\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-state=\"checked\"] .brick-checkbox-control,\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-state=\"indeterminate\"] .brick-checkbox-control {\n      border-color: Highlight;\n      background: Highlight;\n      color: HighlightText;\n    }\n\n    .brick-checkbox[data-invalid],\n    .brick-checkbox-group:not([data-invalid])\n      > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent)[data-invalid] {\n      border-inline-start: var(--brick-border-focus-width) solid Mark;\n      box-shadow: none;\n    }\n\n    .brick-checkbox[data-invalid] .brick-checkbox-control,\n    .brick-checkbox-group:not([data-invalid])\n      > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent)[data-invalid]\n      .brick-checkbox-control {\n      border-color: Mark;\n    }\n\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-disabled] {\n      color: GrayText;\n      opacity: 1;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"sourceRoot":null,"mappings":"ACAA,sDAAA,wBCCE,63BAiBA,0vCAuCA,oIAQA,8GAQA,qIAQA,uTAUA,w2BAqBA,2JAOA,qFAOA,8IAQA,mCAIA,+aAeA,6IAQA,8IAQA,6IAQA,yKAQA,sKAUA,kNASA,4IAQA,yQAQA,4PAOA,mTASA,wUASA,wCACE,wXAkBF,uCACE,gIAUF,8BACE,0HASA,kEAKA,+LASA,8TAeA,qOAOA,wNAOA,0HDxUJ","sources":["home/runner/work/brick/brick/.brick-cache/production/checkbox.source.css","home/runner/work/brick/brick/.brick-cache/production/../../src/styles/layers.css","home/runner/work/brick/brick/.brick-cache/production/../../src/components/checkbox/checkbox.css"],"sourcesContent":["@import \"../../src/styles/layers.css\";\n@import \"../../src/components/checkbox/checkbox.css\";","@layer brick.tokens, flowstack.theme, brick.foundations, brick.components, brick.utilities, brick.effects;\n","@layer brick.components {\n  :where(.brick-checkbox, .brick-checkbox-group) {\n    --brick-checkbox-control-size: 1.125rem;\n    --brick-checkbox-target-min-size: var(--brick-control-target-min);\n    --brick-checkbox-gap: var(--brick-space-2);\n    --brick-checkbox-border-width: var(--brick-border-width);\n    --brick-checkbox-radius: var(--brick-radius-subtle);\n    --brick-checkbox-indicator-size: 0.875rem;\n    --brick-checkbox-row-padding-inline: var(--brick-space-2);\n    --brick-checkbox-label-foreground: var(--brick-color-text-primary);\n    --brick-checkbox-description-foreground: var(--brick-color-text-secondary);\n    --brick-checkbox-control-background: var(--brick-color-surface-raised);\n    --brick-checkbox-control-border: var(--brick-color-border-strong);\n    --brick-checkbox-control-checked-background: var(--brick-color-accent-solid);\n    --brick-checkbox-control-checked-foreground: var(--brick-color-accent-on-solid);\n    --brick-checkbox-invalid-foreground: var(--brick-color-danger-text);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ) {\n    display: grid;\n    box-sizing: border-box;\n    min-inline-size: 0;\n    max-inline-size: 100%;\n    min-block-size: var(--brick-checkbox-target-min-size);\n    grid-template-columns: var(--brick-checkbox-control-size) minmax(0, 1fr);\n    grid-auto-rows: min-content;\n    align-content: center;\n    align-items: center;\n    gap: 0 var(--brick-checkbox-gap);\n    padding-block: var(--brick-space-1);\n    padding-inline: var(--brick-checkbox-row-padding-inline);\n    border: 0;\n    border-radius: var(--brick-checkbox-radius);\n    appearance: none;\n    background: transparent;\n    color: var(--brick-checkbox-label-foreground);\n    font: inherit;\n    font-family: var(--brick-typography-body-md-font-family);\n    font-size: var(--brick-typography-body-md-font-size);\n    font-weight: var(--brick-typography-body-md-font-weight);\n    letter-spacing: var(--brick-typography-body-md-letter-spacing);\n    line-height: var(--brick-typography-body-md-line-height);\n    overflow-wrap: anywhere;\n    text-align: start;\n    text-decoration: none;\n    user-select: none;\n    vertical-align: middle;\n    transition:\n      background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard),\n      box-shadow var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ):not([data-disabled], [data-readonly]) {\n    cursor: pointer;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-readonly] {\n    cursor: default;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ):is(:focus-visible, [data-focus-visible]) {\n    outline: none;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ):is(:focus-visible, [data-focus-visible]) .brick-checkbox-control {\n    border-color: var(--brick-color-focus-ring);\n    outline: var(--brick-border-focus-width) solid var(--brick-color-focus-ring);\n    outline-offset: var(--brick-border-focus-offset);\n  }\n\n  .brick-checkbox-control {\n    display: grid;\n    box-sizing: border-box;\n    inline-size: var(--brick-checkbox-control-size);\n    block-size: var(--brick-checkbox-control-size);\n    grid-column: 1;\n    grid-row: 1 / span 2;\n    place-items: center;\n    align-self: start;\n    margin-block-start: calc((var(--brick-font-size-md) * var(--brick-font-line-height-body) - var(--brick-checkbox-control-size)) / 2);\n    border: var(--brick-checkbox-border-width) solid var(--brick-checkbox-control-border);\n    border-radius: var(--brick-checkbox-radius);\n    background: var(--brick-checkbox-control-background);\n    color: transparent;\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      transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);\n  }\n\n  .brick-checkbox-indicator {\n    display: grid;\n    inline-size: var(--brick-checkbox-indicator-size);\n    block-size: var(--brick-checkbox-indicator-size);\n    place-items: center;\n  }\n\n  .brick-checkbox-mark {\n    display: block;\n    inline-size: 100%;\n    block-size: 100%;\n    overflow: visible;\n  }\n\n  :where(.brick-checkbox-check, .brick-checkbox-mixed) {\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 2;\n  }\n\n  .brick-checkbox-mixed {\n    display: none;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"checked\"] .brick-checkbox-control,\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"indeterminate\"] .brick-checkbox-control {\n    border-color: var(--brick-checkbox-control-checked-background);\n    background: var(--brick-checkbox-control-checked-background);\n    color: var(--brick-checkbox-control-checked-foreground);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"indeterminate\"] .brick-checkbox-check {\n    display: none;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"indeterminate\"] .brick-checkbox-mixed {\n    display: block;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-state=\"unchecked\"] .brick-checkbox-mark {\n    visibility: hidden;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  ):not([data-disabled], [data-readonly]):active .brick-checkbox-control {\n    transform: scale(0.94);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-disabled] {\n    color: var(--brick-color-text-secondary);\n    cursor: not-allowed;\n    opacity: 0.65;\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-disabled] .brick-checkbox-control {\n    border-color: var(--brick-color-border-subtle);\n    background: var(--brick-color-surface-subtle);\n  }\n\n  :where(\n    .brick-checkbox,\n    .brick-checkbox-group-item,\n    .brick-checkbox-group-parent\n  )[data-readonly] {\n    background: var(--brick-color-surface-subtle);\n  }\n\n  .brick-checkbox[data-invalid],\n  .brick-checkbox-group:not([data-invalid])\n    > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent)[data-invalid] {\n    border-inline-start: var(--brick-border-focus-width) solid\n      var(--brick-checkbox-invalid-foreground);\n    box-shadow: none;\n  }\n\n  .brick-checkbox[data-invalid] .brick-checkbox-control,\n  .brick-checkbox-group:not([data-invalid])\n    > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent)[data-invalid]\n    .brick-checkbox-control {\n    border-color: var(--brick-checkbox-invalid-foreground);\n  }\n\n  :where(.brick-checkbox)[data-size=\"sm\"],\n  :where(.brick-checkbox-group)[data-size=\"sm\"] {\n    --brick-checkbox-control-size: 1rem;\n    --brick-checkbox-target-min-size: var(--brick-control-target-min);\n    --brick-checkbox-indicator-size: 0.75rem;\n    --brick-checkbox-gap: 0.375rem;\n    --brick-checkbox-row-padding-inline: var(--brick-space-1);\n  }\n\n  :where(.brick-checkbox)[data-size=\"lg\"],\n  :where(.brick-checkbox-group)[data-size=\"lg\"] {\n    --brick-checkbox-control-size: 1.25rem;\n    --brick-checkbox-target-min-size: var(--brick-control-min-block-size-lg);\n    --brick-checkbox-indicator-size: 1rem;\n    --brick-checkbox-gap: var(--brick-space-3);\n    --brick-checkbox-row-padding-inline: var(--brick-space-3);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    ):not([data-disabled], [data-readonly], [data-invalid]):hover .brick-checkbox-control {\n      border-color: var(--brick-color-accent-border);\n    }\n\n    .brick-checkbox-group[data-invalid]\n      > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent):not(\n        [data-disabled],\n        [data-readonly]\n      ):hover\n      .brick-checkbox-control {\n      border-color: var(--brick-color-accent-border);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent,\n      .brick-checkbox-control\n    ) {\n      transition-duration: 0ms;\n    }\n  }\n\n  @media (forced-colors: active) {\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    ) {\n      forced-color-adjust: none;\n      color: ButtonText;\n    }\n\n    .brick-checkbox-control {\n      border-color: ButtonText;\n      background: Canvas;\n    }\n\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    ):is(:focus-visible, [data-focus-visible]) .brick-checkbox-control {\n      border-color: Highlight;\n      outline-color: Highlight;\n    }\n\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-state=\"checked\"] .brick-checkbox-control,\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-state=\"indeterminate\"] .brick-checkbox-control {\n      border-color: Highlight;\n      background: Highlight;\n      color: HighlightText;\n    }\n\n    .brick-checkbox[data-invalid],\n    .brick-checkbox-group:not([data-invalid])\n      > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent)[data-invalid] {\n      border-inline-start: var(--brick-border-focus-width) solid Mark;\n      box-shadow: none;\n    }\n\n    .brick-checkbox[data-invalid] .brick-checkbox-control,\n    .brick-checkbox-group:not([data-invalid])\n      > :where(.brick-checkbox-group-item, .brick-checkbox-group-parent)[data-invalid]\n      .brick-checkbox-control {\n      border-color: Mark;\n    }\n\n    :where(\n      .brick-checkbox,\n      .brick-checkbox-group-item,\n      .brick-checkbox-group-parent\n    )[data-disabled] {\n      color: GrayText;\n      opacity: 1;\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]{border-color:var(--brick-color-border-default);background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);cursor:not-allowed}.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-secondary)}.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:var(--brick-color-text-primary);--brick-button-tone-solid-hover:var(--brick-color-text-secondary);--brick-button-tone-solid-pressed:color-mix(in srgb, var(--brick-color-text-primary), var(--brick-color-text-secondary) 35%);--brick-button-tone-on-solid:var(--brick-color-text-inverse);--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-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;
 /*# sourceMappingURL=code-block.css.map */