@flowstack-ui/brick 0.1.3 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -1
- package/dist/agents/app-bar.json +69 -0
- package/dist/agents/app-bar.md +46 -0
- package/dist/agents/bottom-navigation.json +55 -0
- package/dist/agents/bottom-navigation.md +40 -0
- package/dist/agents/breadcrumb.json +48 -0
- package/dist/agents/breadcrumb.md +37 -0
- package/dist/agents/button.json +49 -0
- package/dist/agents/button.md +38 -0
- package/dist/agents/card.json +50 -0
- package/dist/agents/card.md +39 -0
- package/dist/agents/checkbox.json +49 -0
- package/dist/agents/checkbox.md +38 -0
- package/dist/agents/container.json +54 -0
- package/dist/agents/container.md +39 -0
- package/dist/agents/divider.json +54 -0
- package/dist/agents/divider.md +39 -0
- package/dist/agents/drawer.json +76 -0
- package/dist/agents/drawer.md +46 -0
- package/dist/agents/field.json +57 -0
- package/dist/agents/field.md +42 -0
- package/dist/agents/fieldset.json +49 -0
- package/dist/agents/fieldset.md +38 -0
- package/dist/agents/form.json +49 -0
- package/dist/agents/form.md +38 -0
- package/dist/agents/grid.json +57 -0
- package/dist/agents/grid.md +39 -0
- package/dist/agents/hide.json +54 -0
- package/dist/agents/hide.md +39 -0
- package/dist/agents/icon-button.json +54 -0
- package/dist/agents/icon-button.md +39 -0
- package/dist/agents/image.json +59 -0
- package/dist/agents/image.md +40 -0
- package/dist/agents/input.json +48 -0
- package/dist/agents/input.md +37 -0
- package/dist/agents/interface-composition.json +184 -0
- package/dist/agents/interface-composition.md +93 -0
- package/dist/agents/layer-selection.json +107 -0
- package/dist/agents/layer-selection.md +57 -0
- package/dist/agents/link.json +47 -0
- package/dist/agents/link.md +36 -0
- package/dist/agents/manifest.json +207 -0
- package/dist/agents/nav-list.json +65 -0
- package/dist/agents/nav-list.md +42 -0
- package/dist/agents/navigation-menu.json +90 -0
- package/dist/agents/navigation-menu.md +49 -0
- package/dist/agents/pagination.json +48 -0
- package/dist/agents/pagination.md +37 -0
- package/dist/agents/scroll-area.json +54 -0
- package/dist/agents/scroll-area.md +39 -0
- package/dist/agents/show.json +54 -0
- package/dist/agents/show.md +39 -0
- package/dist/agents/sidebar.json +56 -0
- package/dist/agents/sidebar.md +41 -0
- package/dist/agents/skip-link.json +53 -0
- package/dist/agents/skip-link.md +38 -0
- package/dist/agents/stack.json +48 -0
- package/dist/agents/stack.md +37 -0
- package/dist/agents/surface.json +48 -0
- package/dist/agents/surface.md +37 -0
- package/dist/agents/tabs.json +54 -0
- package/dist/agents/tabs.md +39 -0
- package/dist/agents/text.json +65 -0
- package/dist/agents/text.md +42 -0
- package/dist/agents/textarea.json +48 -0
- package/dist/agents/textarea.md +37 -0
- package/dist/agents/toolbar.json +55 -0
- package/dist/agents/toolbar.md +40 -0
- package/dist/components/alert-dialog/AlertDialog.d.ts +7 -0
- package/dist/components/alert-dialog/AlertDialog.d.ts.map +1 -1
- package/dist/components/alert-dialog/AlertDialog.js +2 -2
- package/dist/components/alert-dialog/AlertDialog.js.map +1 -1
- package/dist/components/alert-dialog/index.d.ts +1 -1
- package/dist/components/alert-dialog/index.d.ts.map +1 -1
- package/dist/components/alert-dialog/index.js.map +1 -1
- package/dist/components/button/Button.js +2 -2
- package/dist/components/button/Button.js.map +1 -1
- package/dist/components/chip/Chip.js +4 -4
- package/dist/components/chip/Chip.js.map +1 -1
- package/dist/components/dialog/Dialog.d.ts +7 -0
- package/dist/components/dialog/Dialog.d.ts.map +1 -1
- package/dist/components/dialog/Dialog.js +2 -2
- package/dist/components/dialog/Dialog.js.map +1 -1
- package/dist/components/dialog/index.d.ts +1 -1
- package/dist/components/dialog/index.d.ts.map +1 -1
- package/dist/components/dialog/index.js.map +1 -1
- package/dist/components/drawer/Drawer.d.ts +8 -1
- package/dist/components/drawer/Drawer.d.ts.map +1 -1
- package/dist/components/drawer/Drawer.js +3 -2
- package/dist/components/drawer/Drawer.js.map +1 -1
- package/dist/components/drawer/index.d.ts +1 -1
- package/dist/components/drawer/index.d.ts.map +1 -1
- package/dist/components/drawer/index.js.map +1 -1
- package/dist/components/grid/Grid.d.ts +9 -2
- package/dist/components/grid/Grid.d.ts.map +1 -1
- package/dist/components/grid/Grid.js +51 -4
- package/dist/components/grid/Grid.js.map +1 -1
- package/dist/components/icon-button/IconButton.js +2 -2
- package/dist/components/icon-button/IconButton.js.map +1 -1
- package/dist/components/navigation-menu/NavigationMenu.d.ts +6 -3
- package/dist/components/navigation-menu/NavigationMenu.d.ts.map +1 -1
- package/dist/components/navigation-menu/NavigationMenu.js +2 -2
- package/dist/components/navigation-menu/NavigationMenu.js.map +1 -1
- package/dist/components/navigation-menu/index.d.ts +1 -1
- package/dist/components/navigation-menu/index.d.ts.map +1 -1
- package/dist/components/navigation-menu/index.js.map +1 -1
- package/dist/components/text/Text.d.ts +1 -1
- package/dist/components/text/Text.d.ts.map +1 -1
- package/dist/components/text/Text.js.map +1 -1
- package/dist/drawer.d.ts +1 -0
- package/dist/drawer.d.ts.map +1 -1
- package/dist/drawer.js +1 -0
- package/dist/drawer.js.map +1 -1
- package/dist/index.d.ts +3 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/navigation-menu.d.ts +1 -0
- package/dist/navigation-menu.d.ts.map +1 -1
- package/dist/navigation-menu.js +1 -0
- package/dist/navigation-menu.js.map +1 -1
- package/dist/styles/alert-dialog.css +1 -1
- package/dist/styles/alert-dialog.css.map +1 -1
- package/dist/styles/badge.css +1 -1
- package/dist/styles/badge.css.map +1 -1
- package/dist/styles/code-block.css.map +1 -1
- package/dist/styles/context-menu.css.map +1 -1
- package/dist/styles/core.css +1 -1
- package/dist/styles/core.css.map +1 -1
- package/dist/styles/dialog.css +1 -1
- package/dist/styles/dialog.css.map +1 -1
- package/dist/styles/drawer.css +1 -1
- package/dist/styles/drawer.css.map +1 -1
- package/dist/styles/dropdown-menu.css.map +1 -1
- package/dist/styles/nav-list.css +1 -1
- package/dist/styles/nav-list.css.map +1 -1
- package/dist/styles/navigation-menu.css +1 -1
- package/dist/styles/navigation-menu.css.map +1 -1
- package/dist/styles/sidebar.css.map +1 -1
- package/dist/styles/text.css +1 -1
- package/dist/styles/text.css.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tokens.css.map +1 -1
- package/docs/guides/agent-knowledge.md +44 -0
- package/docs/guides/appearance-and-tokens.md +6 -0
- package/docs/guides/installation.md +11 -6
- package/package.json +11 -5
package/dist/tokens.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer brick.tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--brick-border-focus-offset:.25rem;--brick-border-focus-width:2px;--brick-border-width:1px;--brick-color-accent-border:#aaa8f2;--brick-color-accent-on-soft:#414098;--brick-color-accent-on-solid:#fff;--brick-color-accent-soft:#f0f0ff;--brick-color-accent-soft-hover:#e6e6fe;--brick-color-accent-soft-pressed:#dadaff;--brick-color-accent-solid:#5b5bd6;--brick-color-accent-solid-hover:#5151cd;--brick-color-accent-solid-pressed:#4747c2;--brick-color-accent-text:#414098;--brick-color-border-default:#d9d6d0;--brick-color-border-strong:#aaa69e;--brick-color-border-subtle:#e3e0db;--brick-color-danger-border:#ef9cad;--brick-color-danger-on-soft:#ad233f;--brick-color-danger-on-solid:#fff;--brick-color-danger-soft:#ffeef1;--brick-color-danger-soft-hover:#ffdde3;--brick-color-danger-soft-pressed:#ffcbd5;--brick-color-danger-solid:#ad233f;--brick-color-danger-solid-hover:#9f1f38;--brick-color-danger-solid-pressed:#901a33;--brick-color-danger-surface:#ffeef1;--brick-color-danger-text:#ad233f;--brick-color-focus-ring:#5b5bd6;--brick-color-info-border:#95c9f6;--brick-color-info-on-soft:#105da9;--brick-color-info-on-solid:#fff;--brick-color-info-soft:#ecf6ff;--brick-color-info-soft-hover:#dceeff;--brick-color-info-soft-pressed:#cbe7ff;--brick-color-info-solid:#0073d0;--brick-color-info-solid-hover:#0068bd;--brick-color-info-solid-pressed:#005da9;--brick-color-info-surface:#ecf6ff;--brick-color-info-text:#105da9;--brick-color-scrim:#1413128c;--brick-color-shadow:#1413122e;--brick-color-success-border:#7bd1ad;--brick-color-success-on-soft:#136e4c;--brick-color-success-on-solid:#fff;--brick-color-success-soft:#e8fbf3;--brick-color-success-soft-hover:#d7f6e9;--brick-color-success-soft-pressed:#c5efdd;--brick-color-success-solid:#18794e;--brick-color-success-solid-hover:#146f46;--brick-color-success-solid-pressed:#10643e;--brick-color-success-surface:#e8fbf3;--brick-color-success-text:#136e4c;--brick-color-surface-base:#f9f8f6;--brick-color-surface-canvas:#fdfcfb;--brick-color-surface-overlay:#fff;--brick-color-surface-raised:#fff;--brick-color-surface-subtle:#f2f0ed;--brick-color-text-inverse:#fff;--brick-color-text-muted:#76726c;--brick-color-text-primary:#211f1c;--brick-color-text-secondary:#63605b;--brick-color-warning-border:#e3a644;--brick-color-warning-on-soft:#714904;--brick-color-warning-on-solid:#211f1c;--brick-color-warning-soft:#fff7e3;--brick-color-warning-soft-hover:#ffedc2;--brick-color-warning-soft-pressed:#ffe3a1;--brick-color-warning-solid:#f29f21;--brick-color-warning-solid-hover:#e58c0e;--brick-color-warning-solid-pressed:#d87d00;--brick-color-warning-surface:#fff7e3;--brick-color-warning-text:#714904;--brick-control-min-block-size-lg:3.25rem;--brick-control-min-block-size-md:2.75rem;--brick-control-min-block-size-sm:2.25rem;--brick-control-min-block-size-xl:3.75rem;--brick-control-min-block-size-xs:1.75rem;--brick-control-target-min:2.75rem;--brick-font-family-body:ui-sans-serif, system-ui, sans-serif;--brick-font-family-heading:ui-sans-serif, system-ui, sans-serif;--brick-font-family-mono:ui-monospace, SFMono-Regular, monospace;--brick-font-letter-spacing-normal:0em;--brick-font-letter-spacing-slight:-.01em;--brick-font-letter-spacing-tight:-.02em;--brick-font-letter-spacing-tightest:-.03em;--brick-font-line-height-body:1.5;--brick-font-line-height-tight:1.2;--brick-font-size-2xl:2rem;--brick-font-size-3xl:2.5rem;--brick-font-size-lg:1.25rem;--brick-font-size-md:1rem;--brick-font-size-sm:.875rem;--brick-font-size-xl:1.5rem;--brick-font-size-xs:.75rem;--brick-font-weight-medium:500;--brick-font-weight-regular:400;--brick-font-weight-semibold:600;--brick-layer-base:0;--brick-layer-overlay:1000;--brick-motion-duration-fast:.12s;--brick-motion-duration-moderate:.2s;--brick-motion-easing-enter:cubic-bezier(0, 0, .2, 1);--brick-motion-easing-exit:cubic-bezier(.4, 0, 1, 1);--brick-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--brick-radius-control:.5rem;--brick-radius-full:9999px;--brick-radius-overlay:1rem;--brick-radius-subtle:.25rem;--brick-radius-surface:.75rem;--brick-space-0:0rem;--brick-space-1:.25rem;--brick-space-2:.5rem;--brick-space-3:.75rem;--brick-space-4:1rem;--brick-space-5:1.5rem;--brick-space-6:2rem;--brick-space-component-gap:.5rem;--brick-space-control-inline:1rem;--brick-space-surface:1.5rem;--brick-typography-body-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-lg-font-size:1.25rem;--brick-typography-body-lg-font-weight:400;--brick-typography-body-lg-letter-spacing:0em;--brick-typography-body-lg-line-height:1.5;--brick-typography-body-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-md-font-size:1rem;--brick-typography-body-md-font-weight:400;--brick-typography-body-md-letter-spacing:0em;--brick-typography-body-md-line-height:1.5;--brick-typography-body-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-sm-font-size:.875rem;--brick-typography-body-sm-font-weight:400;--brick-typography-body-sm-letter-spacing:0em;--brick-typography-body-sm-line-height:1.5;--brick-typography-caption-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-caption-font-size:.75rem;--brick-typography-caption-font-weight:400;--brick-typography-caption-letter-spacing:0em;--brick-typography-caption-line-height:1.5;--brick-typography-code-block-md-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-block-md-font-size:1rem;--brick-typography-code-block-md-font-weight:400;--brick-typography-code-block-md-letter-spacing:0em;--brick-typography-code-block-md-line-height:1.5;--brick-typography-code-block-sm-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-block-sm-font-size:.875rem;--brick-typography-code-block-sm-font-weight:400;--brick-typography-code-block-sm-letter-spacing:0em;--brick-typography-code-block-sm-line-height:1.5;--brick-typography-code-inline-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-inline-font-size:.9em;--brick-typography-code-inline-font-weight:400;--brick-typography-code-inline-letter-spacing:0em;--brick-typography-code-inline-line-height:1.5;--brick-typography-compact-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-compact-title-lg-font-size:1rem;--brick-typography-compact-title-lg-font-weight:600;--brick-typography-compact-title-lg-letter-spacing:-.01em;--brick-typography-compact-title-lg-line-height:1.2;--brick-typography-compact-title-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-compact-title-font-size:.875rem;--brick-typography-compact-title-font-weight:600;--brick-typography-compact-title-letter-spacing:0em;--brick-typography-compact-title-line-height:1.2;--brick-typography-control-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-lg-font-size:1rem;--brick-typography-control-lg-font-weight:500;--brick-typography-control-lg-letter-spacing:0em;--brick-typography-control-lg-line-height:1.2;--brick-typography-control-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-md-font-size:.9375rem;--brick-typography-control-md-font-weight:500;--brick-typography-control-md-letter-spacing:0em;--brick-typography-control-md-line-height:1.2;--brick-typography-control-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-sm-font-size:.875rem;--brick-typography-control-sm-font-weight:500;--brick-typography-control-sm-letter-spacing:0em;--brick-typography-control-sm-line-height:1.2;--brick-typography-control-xl-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-xl-font-size:1.125rem;--brick-typography-control-xl-font-weight:500;--brick-typography-control-xl-letter-spacing:0em;--brick-typography-control-xl-line-height:1.2;--brick-typography-control-xs-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-xs-font-size:.75rem;--brick-typography-control-xs-font-weight:500;--brick-typography-control-xs-letter-spacing:0em;--brick-typography-control-xs-line-height:1.2;--brick-typography-display-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-display-font-size:2.5rem;--brick-typography-display-font-weight:600;--brick-typography-display-letter-spacing:-.03em;--brick-typography-display-line-height:1.2;--brick-typography-field-value-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-field-value-lg-font-size:1.125rem;--brick-typography-field-value-lg-font-weight:400;--brick-typography-field-value-lg-letter-spacing:0em;--brick-typography-field-value-lg-line-height:1.5;--brick-typography-field-value-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-field-value-md-font-size:1rem;--brick-typography-field-value-md-font-weight:400;--brick-typography-field-value-md-letter-spacing:0em;--brick-typography-field-value-md-line-height:1.5;--brick-typography-label-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-label-md-font-size:1rem;--brick-typography-label-md-font-weight:500;--brick-typography-label-md-letter-spacing:0em;--brick-typography-label-md-line-height:1.5;--brick-typography-label-strong-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-label-strong-font-size:1rem;--brick-typography-label-strong-font-weight:600;--brick-typography-label-strong-letter-spacing:0em;--brick-typography-label-strong-line-height:1.5;--brick-typography-overlay-title-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-overlay-title-font-size:1.25rem;--brick-typography-overlay-title-font-weight:600;--brick-typography-overlay-title-letter-spacing:-.01em;--brick-typography-overlay-title-line-height:1.2;--brick-typography-supporting-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-supporting-sm-font-size:.875rem;--brick-typography-supporting-sm-font-weight:400;--brick-typography-supporting-sm-letter-spacing:0em;--brick-typography-supporting-sm-line-height:1.5;--brick-typography-surface-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-lg-font-size:1.25rem;--brick-typography-surface-title-lg-font-weight:600;--brick-typography-surface-title-lg-letter-spacing:-.01em;--brick-typography-surface-title-lg-line-height:1.2;--brick-typography-surface-title-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-md-font-size:1.125rem;--brick-typography-surface-title-md-font-weight:600;--brick-typography-surface-title-md-letter-spacing:-.01em;--brick-typography-surface-title-md-line-height:1.2;--brick-typography-surface-title-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-sm-font-size:1rem;--brick-typography-surface-title-sm-font-weight:600;--brick-typography-surface-title-sm-letter-spacing:-.01em;--brick-typography-surface-title-sm-line-height:1.2;--brick-typography-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-lg-font-size:2rem;--brick-typography-title-lg-font-weight:600;--brick-typography-title-lg-letter-spacing:-.02em;--brick-typography-title-lg-line-height:1.2;--brick-typography-title-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-md-font-size:1.5rem;--brick-typography-title-md-font-weight:600;--brick-typography-title-md-letter-spacing:-.02em;--brick-typography-title-md-line-height:1.2;--brick-typography-title-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-sm-font-size:1.25rem;--brick-typography-title-sm-font-weight:600;--brick-typography-title-sm-letter-spacing:-.01em;--brick-typography-title-sm-line-height:1.2;--brick-typography-validation-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-validation-sm-font-size:.875rem;--brick-typography-validation-sm-font-weight:500;--brick-typography-validation-sm-letter-spacing:0em;--brick-typography-validation-sm-line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-brick-appearance]){--brick-color-accent-border:#5a56b5;--brick-color-accent-on-soft:#bebaff;--brick-color-accent-soft:#232149;--brick-color-accent-soft-hover:#2f2c5c;--brick-color-accent-soft-pressed:#3a376f;--brick-color-accent-solid:#5b57c7;--brick-color-accent-solid-hover:#625ed0;--brick-color-accent-solid-pressed:#514db6;--brick-color-accent-text:#bebaff;--brick-color-border-default:#4d4c47;--brick-color-border-strong:#706d64;--brick-color-border-subtle:#3b3b37;--brick-color-danger-border:#993045;--brick-color-danger-on-soft:#ff93a7;--brick-color-danger-soft:#44131e;--brick-color-danger-soft-hover:#561825;--brick-color-danger-soft-pressed:#681d2d;--brick-color-danger-solid:#af2642;--brick-color-danger-solid-hover:#bd2c49;--brick-color-danger-solid-pressed:#9f2038;--brick-color-danger-surface:#44131e;--brick-color-danger-text:#ff93a7;--brick-color-focus-ring:#bebaff;--brick-color-info-border:#2c6ba7;--brick-color-info-on-soft:#95c9f6;--brick-color-info-soft:#102840;--brick-color-info-soft-hover:#143654;--brick-color-info-soft-pressed:#184267;--brick-color-info-solid:#0a6ec3;--brick-color-info-solid-hover:#1178cf;--brick-color-info-solid-pressed:#075fa9;--brick-color-info-surface:#102840;--brick-color-info-text:#95c9f6;--brick-color-scrim:#000000b8;--brick-color-shadow:#00000080;--brick-color-success-border:#237350;--brick-color-success-on-soft:#7bd1ad;--brick-color-success-soft:#0e3022;--brick-color-success-soft-hover:#123d2b;--brick-color-success-soft-pressed:#174b35;--brick-color-success-solid-hover:#1e8357;--brick-color-success-solid-pressed:#12663f;--brick-color-success-surface:#0e3022;--brick-color-success-text:#7bd1ad;--brick-color-surface-base:#20201e;--brick-color-surface-canvas:#191918;--brick-color-surface-overlay:#2e2e2b;--brick-color-surface-raised:#2e2e2b;--brick-color-surface-subtle:#272725;--brick-color-text-inverse:#211f1c;--brick-color-text-muted:#999690;--brick-color-text-primary:#eeeeec;--brick-color-text-secondary:#b8b6b1;--brick-color-warning-border:#905f12;--brick-color-warning-on-soft:#f2bd59;--brick-color-warning-soft:#3d2707;--brick-color-warning-soft-hover:#4d3108;--brick-color-warning-soft-pressed:#5d3b09;--brick-color-warning-solid:#e39019;--brick-color-warning-solid-hover:#eda025;--brick-color-warning-solid-pressed:#cf7d08;--brick-color-warning-surface:#3d2707;--brick-color-warning-text:#f2bd59}}[data-brick-appearance=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brick-border-focus-offset:.25rem;--brick-border-focus-width:2px;--brick-border-width:1px;--brick-color-accent-border:#aaa8f2;--brick-color-accent-on-soft:#414098;--brick-color-accent-on-solid:#fff;--brick-color-accent-soft:#f0f0ff;--brick-color-accent-soft-hover:#e6e6fe;--brick-color-accent-soft-pressed:#dadaff;--brick-color-accent-solid:#5b5bd6;--brick-color-accent-solid-hover:#5151cd;--brick-color-accent-solid-pressed:#4747c2;--brick-color-accent-text:#414098;--brick-color-border-default:#d9d6d0;--brick-color-border-strong:#aaa69e;--brick-color-border-subtle:#e3e0db;--brick-color-danger-border:#ef9cad;--brick-color-danger-on-soft:#ad233f;--brick-color-danger-on-solid:#fff;--brick-color-danger-soft:#ffeef1;--brick-color-danger-soft-hover:#ffdde3;--brick-color-danger-soft-pressed:#ffcbd5;--brick-color-danger-solid:#ad233f;--brick-color-danger-solid-hover:#9f1f38;--brick-color-danger-solid-pressed:#901a33;--brick-color-danger-surface:#ffeef1;--brick-color-danger-text:#ad233f;--brick-color-focus-ring:#5b5bd6;--brick-color-info-border:#95c9f6;--brick-color-info-on-soft:#105da9;--brick-color-info-on-solid:#fff;--brick-color-info-soft:#ecf6ff;--brick-color-info-soft-hover:#dceeff;--brick-color-info-soft-pressed:#cbe7ff;--brick-color-info-solid:#0073d0;--brick-color-info-solid-hover:#0068bd;--brick-color-info-solid-pressed:#005da9;--brick-color-info-surface:#ecf6ff;--brick-color-info-text:#105da9;--brick-color-scrim:#1413128c;--brick-color-shadow:#1413122e;--brick-color-success-border:#7bd1ad;--brick-color-success-on-soft:#136e4c;--brick-color-success-on-solid:#fff;--brick-color-success-soft:#e8fbf3;--brick-color-success-soft-hover:#d7f6e9;--brick-color-success-soft-pressed:#c5efdd;--brick-color-success-solid:#18794e;--brick-color-success-solid-hover:#146f46;--brick-color-success-solid-pressed:#10643e;--brick-color-success-surface:#e8fbf3;--brick-color-success-text:#136e4c;--brick-color-surface-base:#f9f8f6;--brick-color-surface-canvas:#fdfcfb;--brick-color-surface-overlay:#fff;--brick-color-surface-raised:#fff;--brick-color-surface-subtle:#f2f0ed;--brick-color-text-inverse:#fff;--brick-color-text-muted:#76726c;--brick-color-text-primary:#211f1c;--brick-color-text-secondary:#63605b;--brick-color-warning-border:#e3a644;--brick-color-warning-on-soft:#714904;--brick-color-warning-on-solid:#211f1c;--brick-color-warning-soft:#fff7e3;--brick-color-warning-soft-hover:#ffedc2;--brick-color-warning-soft-pressed:#ffe3a1;--brick-color-warning-solid:#f29f21;--brick-color-warning-solid-hover:#e58c0e;--brick-color-warning-solid-pressed:#d87d00;--brick-color-warning-surface:#fff7e3;--brick-color-warning-text:#714904;--brick-control-min-block-size-lg:3.25rem;--brick-control-min-block-size-md:2.75rem;--brick-control-min-block-size-sm:2.25rem;--brick-control-min-block-size-xl:3.75rem;--brick-control-min-block-size-xs:1.75rem;--brick-control-target-min:2.75rem;--brick-font-family-body:ui-sans-serif, system-ui, sans-serif;--brick-font-family-heading:ui-sans-serif, system-ui, sans-serif;--brick-font-family-mono:ui-monospace, SFMono-Regular, monospace;--brick-font-letter-spacing-normal:0em;--brick-font-letter-spacing-slight:-.01em;--brick-font-letter-spacing-tight:-.02em;--brick-font-letter-spacing-tightest:-.03em;--brick-font-line-height-body:1.5;--brick-font-line-height-tight:1.2;--brick-font-size-2xl:2rem;--brick-font-size-3xl:2.5rem;--brick-font-size-lg:1.25rem;--brick-font-size-md:1rem;--brick-font-size-sm:.875rem;--brick-font-size-xl:1.5rem;--brick-font-size-xs:.75rem;--brick-font-weight-medium:500;--brick-font-weight-regular:400;--brick-font-weight-semibold:600;--brick-layer-base:0;--brick-layer-overlay:1000;--brick-motion-duration-fast:.12s;--brick-motion-duration-moderate:.2s;--brick-motion-easing-enter:cubic-bezier(0, 0, .2, 1);--brick-motion-easing-exit:cubic-bezier(.4, 0, 1, 1);--brick-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--brick-radius-control:.5rem;--brick-radius-full:9999px;--brick-radius-overlay:1rem;--brick-radius-subtle:.25rem;--brick-radius-surface:.75rem;--brick-space-0:0rem;--brick-space-1:.25rem;--brick-space-2:.5rem;--brick-space-3:.75rem;--brick-space-4:1rem;--brick-space-5:1.5rem;--brick-space-6:2rem;--brick-space-component-gap:.5rem;--brick-space-control-inline:1rem;--brick-space-surface:1.5rem;--brick-typography-body-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-lg-font-size:1.25rem;--brick-typography-body-lg-font-weight:400;--brick-typography-body-lg-letter-spacing:0em;--brick-typography-body-lg-line-height:1.5;--brick-typography-body-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-md-font-size:1rem;--brick-typography-body-md-font-weight:400;--brick-typography-body-md-letter-spacing:0em;--brick-typography-body-md-line-height:1.5;--brick-typography-body-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-sm-font-size:.875rem;--brick-typography-body-sm-font-weight:400;--brick-typography-body-sm-letter-spacing:0em;--brick-typography-body-sm-line-height:1.5;--brick-typography-caption-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-caption-font-size:.75rem;--brick-typography-caption-font-weight:400;--brick-typography-caption-letter-spacing:0em;--brick-typography-caption-line-height:1.5;--brick-typography-code-block-md-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-block-md-font-size:1rem;--brick-typography-code-block-md-font-weight:400;--brick-typography-code-block-md-letter-spacing:0em;--brick-typography-code-block-md-line-height:1.5;--brick-typography-code-block-sm-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-block-sm-font-size:.875rem;--brick-typography-code-block-sm-font-weight:400;--brick-typography-code-block-sm-letter-spacing:0em;--brick-typography-code-block-sm-line-height:1.5;--brick-typography-code-inline-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-inline-font-size:.9em;--brick-typography-code-inline-font-weight:400;--brick-typography-code-inline-letter-spacing:0em;--brick-typography-code-inline-line-height:1.5;--brick-typography-compact-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-compact-title-lg-font-size:1rem;--brick-typography-compact-title-lg-font-weight:600;--brick-typography-compact-title-lg-letter-spacing:-.01em;--brick-typography-compact-title-lg-line-height:1.2;--brick-typography-compact-title-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-compact-title-font-size:.875rem;--brick-typography-compact-title-font-weight:600;--brick-typography-compact-title-letter-spacing:0em;--brick-typography-compact-title-line-height:1.2;--brick-typography-control-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-lg-font-size:1rem;--brick-typography-control-lg-font-weight:500;--brick-typography-control-lg-letter-spacing:0em;--brick-typography-control-lg-line-height:1.2;--brick-typography-control-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-md-font-size:.9375rem;--brick-typography-control-md-font-weight:500;--brick-typography-control-md-letter-spacing:0em;--brick-typography-control-md-line-height:1.2;--brick-typography-control-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-sm-font-size:.875rem;--brick-typography-control-sm-font-weight:500;--brick-typography-control-sm-letter-spacing:0em;--brick-typography-control-sm-line-height:1.2;--brick-typography-control-xl-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-xl-font-size:1.125rem;--brick-typography-control-xl-font-weight:500;--brick-typography-control-xl-letter-spacing:0em;--brick-typography-control-xl-line-height:1.2;--brick-typography-control-xs-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-xs-font-size:.75rem;--brick-typography-control-xs-font-weight:500;--brick-typography-control-xs-letter-spacing:0em;--brick-typography-control-xs-line-height:1.2;--brick-typography-display-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-display-font-size:2.5rem;--brick-typography-display-font-weight:600;--brick-typography-display-letter-spacing:-.03em;--brick-typography-display-line-height:1.2;--brick-typography-field-value-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-field-value-lg-font-size:1.125rem;--brick-typography-field-value-lg-font-weight:400;--brick-typography-field-value-lg-letter-spacing:0em;--brick-typography-field-value-lg-line-height:1.5;--brick-typography-field-value-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-field-value-md-font-size:1rem;--brick-typography-field-value-md-font-weight:400;--brick-typography-field-value-md-letter-spacing:0em;--brick-typography-field-value-md-line-height:1.5;--brick-typography-label-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-label-md-font-size:1rem;--brick-typography-label-md-font-weight:500;--brick-typography-label-md-letter-spacing:0em;--brick-typography-label-md-line-height:1.5;--brick-typography-label-strong-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-label-strong-font-size:1rem;--brick-typography-label-strong-font-weight:600;--brick-typography-label-strong-letter-spacing:0em;--brick-typography-label-strong-line-height:1.5;--brick-typography-overlay-title-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-overlay-title-font-size:1.25rem;--brick-typography-overlay-title-font-weight:600;--brick-typography-overlay-title-letter-spacing:-.01em;--brick-typography-overlay-title-line-height:1.2;--brick-typography-supporting-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-supporting-sm-font-size:.875rem;--brick-typography-supporting-sm-font-weight:400;--brick-typography-supporting-sm-letter-spacing:0em;--brick-typography-supporting-sm-line-height:1.5;--brick-typography-surface-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-lg-font-size:1.25rem;--brick-typography-surface-title-lg-font-weight:600;--brick-typography-surface-title-lg-letter-spacing:-.01em;--brick-typography-surface-title-lg-line-height:1.2;--brick-typography-surface-title-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-md-font-size:1.125rem;--brick-typography-surface-title-md-font-weight:600;--brick-typography-surface-title-md-letter-spacing:-.01em;--brick-typography-surface-title-md-line-height:1.2;--brick-typography-surface-title-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-sm-font-size:1rem;--brick-typography-surface-title-sm-font-weight:600;--brick-typography-surface-title-sm-letter-spacing:-.01em;--brick-typography-surface-title-sm-line-height:1.2;--brick-typography-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-lg-font-size:2rem;--brick-typography-title-lg-font-weight:600;--brick-typography-title-lg-letter-spacing:-.02em;--brick-typography-title-lg-line-height:1.2;--brick-typography-title-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-md-font-size:1.5rem;--brick-typography-title-md-font-weight:600;--brick-typography-title-md-letter-spacing:-.02em;--brick-typography-title-md-line-height:1.2;--brick-typography-title-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-sm-font-size:1.25rem;--brick-typography-title-sm-font-weight:600;--brick-typography-title-sm-letter-spacing:-.01em;--brick-typography-title-sm-line-height:1.2;--brick-typography-validation-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-validation-sm-font-size:.875rem;--brick-typography-validation-sm-font-weight:500;--brick-typography-validation-sm-letter-spacing:0em;--brick-typography-validation-sm-line-height:1.5}[data-brick-appearance=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brick-color-accent-border:#5a56b5;--brick-color-accent-on-soft:#bebaff;--brick-color-accent-soft:#232149;--brick-color-accent-soft-hover:#2f2c5c;--brick-color-accent-soft-pressed:#3a376f;--brick-color-accent-solid:#5b57c7;--brick-color-accent-solid-hover:#625ed0;--brick-color-accent-solid-pressed:#514db6;--brick-color-accent-text:#bebaff;--brick-color-border-default:#4d4c47;--brick-color-border-strong:#706d64;--brick-color-border-subtle:#3b3b37;--brick-color-danger-border:#993045;--brick-color-danger-on-soft:#ff93a7;--brick-color-danger-soft:#44131e;--brick-color-danger-soft-hover:#561825;--brick-color-danger-soft-pressed:#681d2d;--brick-color-danger-solid:#af2642;--brick-color-danger-solid-hover:#bd2c49;--brick-color-danger-solid-pressed:#9f2038;--brick-color-danger-surface:#44131e;--brick-color-danger-text:#ff93a7;--brick-color-focus-ring:#bebaff;--brick-color-info-border:#2c6ba7;--brick-color-info-on-soft:#95c9f6;--brick-color-info-soft:#102840;--brick-color-info-soft-hover:#143654;--brick-color-info-soft-pressed:#184267;--brick-color-info-solid:#0a6ec3;--brick-color-info-solid-hover:#1178cf;--brick-color-info-solid-pressed:#075fa9;--brick-color-info-surface:#102840;--brick-color-info-text:#95c9f6;--brick-color-scrim:#000000b8;--brick-color-shadow:#00000080;--brick-color-success-border:#237350;--brick-color-success-on-soft:#7bd1ad;--brick-color-success-soft:#0e3022;--brick-color-success-soft-hover:#123d2b;--brick-color-success-soft-pressed:#174b35;--brick-color-success-solid-hover:#1e8357;--brick-color-success-solid-pressed:#12663f;--brick-color-success-surface:#0e3022;--brick-color-success-text:#7bd1ad;--brick-color-surface-base:#20201e;--brick-color-surface-canvas:#191918;--brick-color-surface-overlay:#2e2e2b;--brick-color-surface-raised:#2e2e2b;--brick-color-surface-subtle:#272725;--brick-color-text-inverse:#211f1c;--brick-color-text-muted:#999690;--brick-color-text-primary:#eeeeec;--brick-color-text-secondary:#b8b6b1;--brick-color-warning-border:#905f12;--brick-color-warning-on-soft:#f2bd59;--brick-color-warning-soft:#3d2707;--brick-color-warning-soft-hover:#4d3108;--brick-color-warning-soft-pressed:#5d3b09;--brick-color-warning-solid:#e39019;--brick-color-warning-solid-hover:#eda025;--brick-color-warning-solid-pressed:#cf7d08;--brick-color-warning-surface:#3d2707;--brick-color-warning-text:#f2bd59}}
|
|
1
|
+
@layer brick.tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--brick-border-focus-offset:.25rem;--brick-border-focus-width:2px;--brick-border-width:1px;--brick-color-accent-border:#aaa8f2;--brick-color-accent-on-soft:#414098;--brick-color-accent-on-solid:#fff;--brick-color-accent-soft:#f0f0ff;--brick-color-accent-soft-hover:#e6e6fe;--brick-color-accent-soft-pressed:#dadaff;--brick-color-accent-solid:#5b5bd6;--brick-color-accent-solid-hover:#5151cd;--brick-color-accent-solid-pressed:#4747c2;--brick-color-accent-text:#414098;--brick-color-border-default:#d9d6d0;--brick-color-border-strong:#aaa69e;--brick-color-border-subtle:#e3e0db;--brick-color-danger-border:#ef9cad;--brick-color-danger-on-soft:#ad233f;--brick-color-danger-on-solid:#fff;--brick-color-danger-soft:#ffeef1;--brick-color-danger-soft-hover:#ffdde3;--brick-color-danger-soft-pressed:#ffcbd5;--brick-color-danger-solid:#ad233f;--brick-color-danger-solid-hover:#9f1f38;--brick-color-danger-solid-pressed:#901a33;--brick-color-danger-surface:#ffeef1;--brick-color-danger-text:#ad233f;--brick-color-focus-ring:#5b5bd6;--brick-color-info-border:#95c9f6;--brick-color-info-on-soft:#105da9;--brick-color-info-on-solid:#fff;--brick-color-info-soft:#ecf6ff;--brick-color-info-soft-hover:#dceeff;--brick-color-info-soft-pressed:#cbe7ff;--brick-color-info-solid:#0073d0;--brick-color-info-solid-hover:#0068bd;--brick-color-info-solid-pressed:#005da9;--brick-color-info-surface:#ecf6ff;--brick-color-info-text:#105da9;--brick-color-scrim:#1413128c;--brick-color-shadow:#1413122e;--brick-color-success-border:#7bd1ad;--brick-color-success-on-soft:#136e4c;--brick-color-success-on-solid:#fff;--brick-color-success-soft:#e8fbf3;--brick-color-success-soft-hover:#d7f6e9;--brick-color-success-soft-pressed:#c5efdd;--brick-color-success-solid:#18794e;--brick-color-success-solid-hover:#146f46;--brick-color-success-solid-pressed:#10643e;--brick-color-success-surface:#e8fbf3;--brick-color-success-text:#136e4c;--brick-color-surface-base:#f9f8f6;--brick-color-surface-canvas:#fdfcfb;--brick-color-surface-overlay:#fff;--brick-color-surface-raised:#fff;--brick-color-surface-subtle:#f2f0ed;--brick-color-text-inverse:#fff;--brick-color-text-muted:#76726c;--brick-color-text-primary:#211f1c;--brick-color-text-secondary:#63605b;--brick-color-warning-border:#e3a644;--brick-color-warning-on-soft:#714904;--brick-color-warning-on-solid:#211f1c;--brick-color-warning-soft:#fff7e3;--brick-color-warning-soft-hover:#ffedc2;--brick-color-warning-soft-pressed:#ffe3a1;--brick-color-warning-solid:#f29f21;--brick-color-warning-solid-hover:#e58c0e;--brick-color-warning-solid-pressed:#d87d00;--brick-color-warning-surface:#fff7e3;--brick-color-warning-text:#714904;--brick-control-min-block-size-lg:3.25rem;--brick-control-min-block-size-md:2.75rem;--brick-control-min-block-size-sm:2.25rem;--brick-control-min-block-size-xl:3.75rem;--brick-control-min-block-size-xs:1.75rem;--brick-control-target-min:2.75rem;--brick-font-family-body:ui-sans-serif, system-ui, sans-serif;--brick-font-family-heading:ui-sans-serif, system-ui, sans-serif;--brick-font-family-mono:ui-monospace, SFMono-Regular, monospace;--brick-font-letter-spacing-normal:0em;--brick-font-letter-spacing-slight:-.01em;--brick-font-letter-spacing-tight:-.02em;--brick-font-letter-spacing-tightest:-.03em;--brick-font-letter-spacing-wide:.08em;--brick-font-line-height-body:1.5;--brick-font-line-height-tight:1.2;--brick-font-size-2xl:2rem;--brick-font-size-3xl:2.5rem;--brick-font-size-lg:1.25rem;--brick-font-size-md:1rem;--brick-font-size-sm:.875rem;--brick-font-size-xl:1.5rem;--brick-font-size-xs:.75rem;--brick-font-weight-medium:500;--brick-font-weight-regular:400;--brick-font-weight-semibold:600;--brick-layer-base:0;--brick-layer-overlay:1000;--brick-motion-duration-fast:.12s;--brick-motion-duration-moderate:.2s;--brick-motion-easing-enter:cubic-bezier(0, 0, .2, 1);--brick-motion-easing-exit:cubic-bezier(.4, 0, 1, 1);--brick-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--brick-radius-control:.5rem;--brick-radius-full:9999px;--brick-radius-overlay:1rem;--brick-radius-subtle:.25rem;--brick-radius-surface:.75rem;--brick-space-0:0rem;--brick-space-1:.25rem;--brick-space-2:.5rem;--brick-space-3:.75rem;--brick-space-4:1rem;--brick-space-5:1.5rem;--brick-space-6:2rem;--brick-space-component-gap:.5rem;--brick-space-control-inline:1rem;--brick-space-surface:1.5rem;--brick-typography-body-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-lg-font-size:1.25rem;--brick-typography-body-lg-font-weight:400;--brick-typography-body-lg-letter-spacing:0em;--brick-typography-body-lg-line-height:1.5;--brick-typography-body-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-md-font-size:1rem;--brick-typography-body-md-font-weight:400;--brick-typography-body-md-letter-spacing:0em;--brick-typography-body-md-line-height:1.5;--brick-typography-body-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-sm-font-size:.875rem;--brick-typography-body-sm-font-weight:400;--brick-typography-body-sm-letter-spacing:0em;--brick-typography-body-sm-line-height:1.5;--brick-typography-caption-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-caption-font-size:.75rem;--brick-typography-caption-font-weight:400;--brick-typography-caption-letter-spacing:0em;--brick-typography-caption-line-height:1.5;--brick-typography-code-block-md-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-block-md-font-size:1rem;--brick-typography-code-block-md-font-weight:400;--brick-typography-code-block-md-letter-spacing:0em;--brick-typography-code-block-md-line-height:1.5;--brick-typography-code-block-sm-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-block-sm-font-size:.875rem;--brick-typography-code-block-sm-font-weight:400;--brick-typography-code-block-sm-letter-spacing:0em;--brick-typography-code-block-sm-line-height:1.5;--brick-typography-code-inline-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-inline-font-size:.9em;--brick-typography-code-inline-font-weight:400;--brick-typography-code-inline-letter-spacing:0em;--brick-typography-code-inline-line-height:1.5;--brick-typography-compact-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-compact-title-lg-font-size:1rem;--brick-typography-compact-title-lg-font-weight:600;--brick-typography-compact-title-lg-letter-spacing:-.01em;--brick-typography-compact-title-lg-line-height:1.2;--brick-typography-compact-title-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-compact-title-font-size:.875rem;--brick-typography-compact-title-font-weight:600;--brick-typography-compact-title-letter-spacing:0em;--brick-typography-compact-title-line-height:1.2;--brick-typography-control-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-lg-font-size:1rem;--brick-typography-control-lg-font-weight:500;--brick-typography-control-lg-letter-spacing:0em;--brick-typography-control-lg-line-height:1.2;--brick-typography-control-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-md-font-size:.9375rem;--brick-typography-control-md-font-weight:500;--brick-typography-control-md-letter-spacing:0em;--brick-typography-control-md-line-height:1.2;--brick-typography-control-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-sm-font-size:.875rem;--brick-typography-control-sm-font-weight:500;--brick-typography-control-sm-letter-spacing:0em;--brick-typography-control-sm-line-height:1.2;--brick-typography-control-xl-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-xl-font-size:1.125rem;--brick-typography-control-xl-font-weight:500;--brick-typography-control-xl-letter-spacing:0em;--brick-typography-control-xl-line-height:1.2;--brick-typography-control-xs-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-xs-font-size:.75rem;--brick-typography-control-xs-font-weight:500;--brick-typography-control-xs-letter-spacing:0em;--brick-typography-control-xs-line-height:1.2;--brick-typography-display-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-display-font-size:2.5rem;--brick-typography-display-font-weight:600;--brick-typography-display-letter-spacing:-.03em;--brick-typography-display-line-height:1.2;--brick-typography-eyebrow-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-eyebrow-font-size:.75rem;--brick-typography-eyebrow-font-weight:600;--brick-typography-eyebrow-letter-spacing:.08em;--brick-typography-eyebrow-line-height:1.2;--brick-typography-field-value-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-field-value-lg-font-size:1.125rem;--brick-typography-field-value-lg-font-weight:400;--brick-typography-field-value-lg-letter-spacing:0em;--brick-typography-field-value-lg-line-height:1.5;--brick-typography-field-value-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-field-value-md-font-size:1rem;--brick-typography-field-value-md-font-weight:400;--brick-typography-field-value-md-letter-spacing:0em;--brick-typography-field-value-md-line-height:1.5;--brick-typography-label-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-label-md-font-size:1rem;--brick-typography-label-md-font-weight:500;--brick-typography-label-md-letter-spacing:0em;--brick-typography-label-md-line-height:1.5;--brick-typography-label-strong-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-label-strong-font-size:1rem;--brick-typography-label-strong-font-weight:600;--brick-typography-label-strong-letter-spacing:0em;--brick-typography-label-strong-line-height:1.5;--brick-typography-overlay-title-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-overlay-title-font-size:1.25rem;--brick-typography-overlay-title-font-weight:600;--brick-typography-overlay-title-letter-spacing:-.01em;--brick-typography-overlay-title-line-height:1.2;--brick-typography-supporting-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-supporting-sm-font-size:.875rem;--brick-typography-supporting-sm-font-weight:400;--brick-typography-supporting-sm-letter-spacing:0em;--brick-typography-supporting-sm-line-height:1.5;--brick-typography-surface-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-lg-font-size:1.25rem;--brick-typography-surface-title-lg-font-weight:600;--brick-typography-surface-title-lg-letter-spacing:-.01em;--brick-typography-surface-title-lg-line-height:1.2;--brick-typography-surface-title-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-md-font-size:1.125rem;--brick-typography-surface-title-md-font-weight:600;--brick-typography-surface-title-md-letter-spacing:-.01em;--brick-typography-surface-title-md-line-height:1.2;--brick-typography-surface-title-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-sm-font-size:1rem;--brick-typography-surface-title-sm-font-weight:600;--brick-typography-surface-title-sm-letter-spacing:-.01em;--brick-typography-surface-title-sm-line-height:1.2;--brick-typography-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-lg-font-size:2rem;--brick-typography-title-lg-font-weight:600;--brick-typography-title-lg-letter-spacing:-.02em;--brick-typography-title-lg-line-height:1.2;--brick-typography-title-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-md-font-size:1.5rem;--brick-typography-title-md-font-weight:600;--brick-typography-title-md-letter-spacing:-.02em;--brick-typography-title-md-line-height:1.2;--brick-typography-title-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-sm-font-size:1.25rem;--brick-typography-title-sm-font-weight:600;--brick-typography-title-sm-letter-spacing:-.01em;--brick-typography-title-sm-line-height:1.2;--brick-typography-validation-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-validation-sm-font-size:.875rem;--brick-typography-validation-sm-font-weight:500;--brick-typography-validation-sm-letter-spacing:0em;--brick-typography-validation-sm-line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-brick-appearance]){--brick-color-accent-border:#5a56b5;--brick-color-accent-on-soft:#bebaff;--brick-color-accent-soft:#232149;--brick-color-accent-soft-hover:#2f2c5c;--brick-color-accent-soft-pressed:#3a376f;--brick-color-accent-solid:#5b57c7;--brick-color-accent-solid-hover:#625ed0;--brick-color-accent-solid-pressed:#514db6;--brick-color-accent-text:#bebaff;--brick-color-border-default:#4d4c47;--brick-color-border-strong:#706d64;--brick-color-border-subtle:#3b3b37;--brick-color-danger-border:#993045;--brick-color-danger-on-soft:#ff93a7;--brick-color-danger-soft:#44131e;--brick-color-danger-soft-hover:#561825;--brick-color-danger-soft-pressed:#681d2d;--brick-color-danger-solid:#af2642;--brick-color-danger-solid-hover:#bd2c49;--brick-color-danger-solid-pressed:#9f2038;--brick-color-danger-surface:#44131e;--brick-color-danger-text:#ff93a7;--brick-color-focus-ring:#bebaff;--brick-color-info-border:#2c6ba7;--brick-color-info-on-soft:#95c9f6;--brick-color-info-soft:#102840;--brick-color-info-soft-hover:#143654;--brick-color-info-soft-pressed:#184267;--brick-color-info-solid:#0a6ec3;--brick-color-info-solid-hover:#1178cf;--brick-color-info-solid-pressed:#075fa9;--brick-color-info-surface:#102840;--brick-color-info-text:#95c9f6;--brick-color-scrim:#000000b8;--brick-color-shadow:#00000080;--brick-color-success-border:#237350;--brick-color-success-on-soft:#7bd1ad;--brick-color-success-soft:#0e3022;--brick-color-success-soft-hover:#123d2b;--brick-color-success-soft-pressed:#174b35;--brick-color-success-solid-hover:#1e8357;--brick-color-success-solid-pressed:#12663f;--brick-color-success-surface:#0e3022;--brick-color-success-text:#7bd1ad;--brick-color-surface-base:#20201e;--brick-color-surface-canvas:#191918;--brick-color-surface-overlay:#2e2e2b;--brick-color-surface-raised:#2e2e2b;--brick-color-surface-subtle:#272725;--brick-color-text-inverse:#211f1c;--brick-color-text-muted:#999690;--brick-color-text-primary:#eeeeec;--brick-color-text-secondary:#b8b6b1;--brick-color-warning-border:#905f12;--brick-color-warning-on-soft:#f2bd59;--brick-color-warning-soft:#3d2707;--brick-color-warning-soft-hover:#4d3108;--brick-color-warning-soft-pressed:#5d3b09;--brick-color-warning-solid:#e39019;--brick-color-warning-solid-hover:#eda025;--brick-color-warning-solid-pressed:#cf7d08;--brick-color-warning-surface:#3d2707;--brick-color-warning-text:#f2bd59}}[data-brick-appearance=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brick-border-focus-offset:.25rem;--brick-border-focus-width:2px;--brick-border-width:1px;--brick-color-accent-border:#aaa8f2;--brick-color-accent-on-soft:#414098;--brick-color-accent-on-solid:#fff;--brick-color-accent-soft:#f0f0ff;--brick-color-accent-soft-hover:#e6e6fe;--brick-color-accent-soft-pressed:#dadaff;--brick-color-accent-solid:#5b5bd6;--brick-color-accent-solid-hover:#5151cd;--brick-color-accent-solid-pressed:#4747c2;--brick-color-accent-text:#414098;--brick-color-border-default:#d9d6d0;--brick-color-border-strong:#aaa69e;--brick-color-border-subtle:#e3e0db;--brick-color-danger-border:#ef9cad;--brick-color-danger-on-soft:#ad233f;--brick-color-danger-on-solid:#fff;--brick-color-danger-soft:#ffeef1;--brick-color-danger-soft-hover:#ffdde3;--brick-color-danger-soft-pressed:#ffcbd5;--brick-color-danger-solid:#ad233f;--brick-color-danger-solid-hover:#9f1f38;--brick-color-danger-solid-pressed:#901a33;--brick-color-danger-surface:#ffeef1;--brick-color-danger-text:#ad233f;--brick-color-focus-ring:#5b5bd6;--brick-color-info-border:#95c9f6;--brick-color-info-on-soft:#105da9;--brick-color-info-on-solid:#fff;--brick-color-info-soft:#ecf6ff;--brick-color-info-soft-hover:#dceeff;--brick-color-info-soft-pressed:#cbe7ff;--brick-color-info-solid:#0073d0;--brick-color-info-solid-hover:#0068bd;--brick-color-info-solid-pressed:#005da9;--brick-color-info-surface:#ecf6ff;--brick-color-info-text:#105da9;--brick-color-scrim:#1413128c;--brick-color-shadow:#1413122e;--brick-color-success-border:#7bd1ad;--brick-color-success-on-soft:#136e4c;--brick-color-success-on-solid:#fff;--brick-color-success-soft:#e8fbf3;--brick-color-success-soft-hover:#d7f6e9;--brick-color-success-soft-pressed:#c5efdd;--brick-color-success-solid:#18794e;--brick-color-success-solid-hover:#146f46;--brick-color-success-solid-pressed:#10643e;--brick-color-success-surface:#e8fbf3;--brick-color-success-text:#136e4c;--brick-color-surface-base:#f9f8f6;--brick-color-surface-canvas:#fdfcfb;--brick-color-surface-overlay:#fff;--brick-color-surface-raised:#fff;--brick-color-surface-subtle:#f2f0ed;--brick-color-text-inverse:#fff;--brick-color-text-muted:#76726c;--brick-color-text-primary:#211f1c;--brick-color-text-secondary:#63605b;--brick-color-warning-border:#e3a644;--brick-color-warning-on-soft:#714904;--brick-color-warning-on-solid:#211f1c;--brick-color-warning-soft:#fff7e3;--brick-color-warning-soft-hover:#ffedc2;--brick-color-warning-soft-pressed:#ffe3a1;--brick-color-warning-solid:#f29f21;--brick-color-warning-solid-hover:#e58c0e;--brick-color-warning-solid-pressed:#d87d00;--brick-color-warning-surface:#fff7e3;--brick-color-warning-text:#714904;--brick-control-min-block-size-lg:3.25rem;--brick-control-min-block-size-md:2.75rem;--brick-control-min-block-size-sm:2.25rem;--brick-control-min-block-size-xl:3.75rem;--brick-control-min-block-size-xs:1.75rem;--brick-control-target-min:2.75rem;--brick-font-family-body:ui-sans-serif, system-ui, sans-serif;--brick-font-family-heading:ui-sans-serif, system-ui, sans-serif;--brick-font-family-mono:ui-monospace, SFMono-Regular, monospace;--brick-font-letter-spacing-normal:0em;--brick-font-letter-spacing-slight:-.01em;--brick-font-letter-spacing-tight:-.02em;--brick-font-letter-spacing-tightest:-.03em;--brick-font-letter-spacing-wide:.08em;--brick-font-line-height-body:1.5;--brick-font-line-height-tight:1.2;--brick-font-size-2xl:2rem;--brick-font-size-3xl:2.5rem;--brick-font-size-lg:1.25rem;--brick-font-size-md:1rem;--brick-font-size-sm:.875rem;--brick-font-size-xl:1.5rem;--brick-font-size-xs:.75rem;--brick-font-weight-medium:500;--brick-font-weight-regular:400;--brick-font-weight-semibold:600;--brick-layer-base:0;--brick-layer-overlay:1000;--brick-motion-duration-fast:.12s;--brick-motion-duration-moderate:.2s;--brick-motion-easing-enter:cubic-bezier(0, 0, .2, 1);--brick-motion-easing-exit:cubic-bezier(.4, 0, 1, 1);--brick-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--brick-radius-control:.5rem;--brick-radius-full:9999px;--brick-radius-overlay:1rem;--brick-radius-subtle:.25rem;--brick-radius-surface:.75rem;--brick-space-0:0rem;--brick-space-1:.25rem;--brick-space-2:.5rem;--brick-space-3:.75rem;--brick-space-4:1rem;--brick-space-5:1.5rem;--brick-space-6:2rem;--brick-space-component-gap:.5rem;--brick-space-control-inline:1rem;--brick-space-surface:1.5rem;--brick-typography-body-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-lg-font-size:1.25rem;--brick-typography-body-lg-font-weight:400;--brick-typography-body-lg-letter-spacing:0em;--brick-typography-body-lg-line-height:1.5;--brick-typography-body-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-md-font-size:1rem;--brick-typography-body-md-font-weight:400;--brick-typography-body-md-letter-spacing:0em;--brick-typography-body-md-line-height:1.5;--brick-typography-body-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-body-sm-font-size:.875rem;--brick-typography-body-sm-font-weight:400;--brick-typography-body-sm-letter-spacing:0em;--brick-typography-body-sm-line-height:1.5;--brick-typography-caption-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-caption-font-size:.75rem;--brick-typography-caption-font-weight:400;--brick-typography-caption-letter-spacing:0em;--brick-typography-caption-line-height:1.5;--brick-typography-code-block-md-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-block-md-font-size:1rem;--brick-typography-code-block-md-font-weight:400;--brick-typography-code-block-md-letter-spacing:0em;--brick-typography-code-block-md-line-height:1.5;--brick-typography-code-block-sm-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-block-sm-font-size:.875rem;--brick-typography-code-block-sm-font-weight:400;--brick-typography-code-block-sm-letter-spacing:0em;--brick-typography-code-block-sm-line-height:1.5;--brick-typography-code-inline-font-family:ui-monospace, SFMono-Regular, monospace;--brick-typography-code-inline-font-size:.9em;--brick-typography-code-inline-font-weight:400;--brick-typography-code-inline-letter-spacing:0em;--brick-typography-code-inline-line-height:1.5;--brick-typography-compact-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-compact-title-lg-font-size:1rem;--brick-typography-compact-title-lg-font-weight:600;--brick-typography-compact-title-lg-letter-spacing:-.01em;--brick-typography-compact-title-lg-line-height:1.2;--brick-typography-compact-title-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-compact-title-font-size:.875rem;--brick-typography-compact-title-font-weight:600;--brick-typography-compact-title-letter-spacing:0em;--brick-typography-compact-title-line-height:1.2;--brick-typography-control-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-lg-font-size:1rem;--brick-typography-control-lg-font-weight:500;--brick-typography-control-lg-letter-spacing:0em;--brick-typography-control-lg-line-height:1.2;--brick-typography-control-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-md-font-size:.9375rem;--brick-typography-control-md-font-weight:500;--brick-typography-control-md-letter-spacing:0em;--brick-typography-control-md-line-height:1.2;--brick-typography-control-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-sm-font-size:.875rem;--brick-typography-control-sm-font-weight:500;--brick-typography-control-sm-letter-spacing:0em;--brick-typography-control-sm-line-height:1.2;--brick-typography-control-xl-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-xl-font-size:1.125rem;--brick-typography-control-xl-font-weight:500;--brick-typography-control-xl-letter-spacing:0em;--brick-typography-control-xl-line-height:1.2;--brick-typography-control-xs-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-control-xs-font-size:.75rem;--brick-typography-control-xs-font-weight:500;--brick-typography-control-xs-letter-spacing:0em;--brick-typography-control-xs-line-height:1.2;--brick-typography-display-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-display-font-size:2.5rem;--brick-typography-display-font-weight:600;--brick-typography-display-letter-spacing:-.03em;--brick-typography-display-line-height:1.2;--brick-typography-eyebrow-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-eyebrow-font-size:.75rem;--brick-typography-eyebrow-font-weight:600;--brick-typography-eyebrow-letter-spacing:.08em;--brick-typography-eyebrow-line-height:1.2;--brick-typography-field-value-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-field-value-lg-font-size:1.125rem;--brick-typography-field-value-lg-font-weight:400;--brick-typography-field-value-lg-letter-spacing:0em;--brick-typography-field-value-lg-line-height:1.5;--brick-typography-field-value-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-field-value-md-font-size:1rem;--brick-typography-field-value-md-font-weight:400;--brick-typography-field-value-md-letter-spacing:0em;--brick-typography-field-value-md-line-height:1.5;--brick-typography-label-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-label-md-font-size:1rem;--brick-typography-label-md-font-weight:500;--brick-typography-label-md-letter-spacing:0em;--brick-typography-label-md-line-height:1.5;--brick-typography-label-strong-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-label-strong-font-size:1rem;--brick-typography-label-strong-font-weight:600;--brick-typography-label-strong-letter-spacing:0em;--brick-typography-label-strong-line-height:1.5;--brick-typography-overlay-title-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-overlay-title-font-size:1.25rem;--brick-typography-overlay-title-font-weight:600;--brick-typography-overlay-title-letter-spacing:-.01em;--brick-typography-overlay-title-line-height:1.2;--brick-typography-supporting-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-supporting-sm-font-size:.875rem;--brick-typography-supporting-sm-font-weight:400;--brick-typography-supporting-sm-letter-spacing:0em;--brick-typography-supporting-sm-line-height:1.5;--brick-typography-surface-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-lg-font-size:1.25rem;--brick-typography-surface-title-lg-font-weight:600;--brick-typography-surface-title-lg-letter-spacing:-.01em;--brick-typography-surface-title-lg-line-height:1.2;--brick-typography-surface-title-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-md-font-size:1.125rem;--brick-typography-surface-title-md-font-weight:600;--brick-typography-surface-title-md-letter-spacing:-.01em;--brick-typography-surface-title-md-line-height:1.2;--brick-typography-surface-title-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-surface-title-sm-font-size:1rem;--brick-typography-surface-title-sm-font-weight:600;--brick-typography-surface-title-sm-letter-spacing:-.01em;--brick-typography-surface-title-sm-line-height:1.2;--brick-typography-title-lg-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-lg-font-size:2rem;--brick-typography-title-lg-font-weight:600;--brick-typography-title-lg-letter-spacing:-.02em;--brick-typography-title-lg-line-height:1.2;--brick-typography-title-md-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-md-font-size:1.5rem;--brick-typography-title-md-font-weight:600;--brick-typography-title-md-letter-spacing:-.02em;--brick-typography-title-md-line-height:1.2;--brick-typography-title-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-title-sm-font-size:1.25rem;--brick-typography-title-sm-font-weight:600;--brick-typography-title-sm-letter-spacing:-.01em;--brick-typography-title-sm-line-height:1.2;--brick-typography-validation-sm-font-family:ui-sans-serif, system-ui, sans-serif;--brick-typography-validation-sm-font-size:.875rem;--brick-typography-validation-sm-font-weight:500;--brick-typography-validation-sm-letter-spacing:0em;--brick-typography-validation-sm-line-height:1.5}[data-brick-appearance=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brick-color-accent-border:#5a56b5;--brick-color-accent-on-soft:#bebaff;--brick-color-accent-soft:#232149;--brick-color-accent-soft-hover:#2f2c5c;--brick-color-accent-soft-pressed:#3a376f;--brick-color-accent-solid:#5b57c7;--brick-color-accent-solid-hover:#625ed0;--brick-color-accent-solid-pressed:#514db6;--brick-color-accent-text:#bebaff;--brick-color-border-default:#4d4c47;--brick-color-border-strong:#706d64;--brick-color-border-subtle:#3b3b37;--brick-color-danger-border:#993045;--brick-color-danger-on-soft:#ff93a7;--brick-color-danger-soft:#44131e;--brick-color-danger-soft-hover:#561825;--brick-color-danger-soft-pressed:#681d2d;--brick-color-danger-solid:#af2642;--brick-color-danger-solid-hover:#bd2c49;--brick-color-danger-solid-pressed:#9f2038;--brick-color-danger-surface:#44131e;--brick-color-danger-text:#ff93a7;--brick-color-focus-ring:#bebaff;--brick-color-info-border:#2c6ba7;--brick-color-info-on-soft:#95c9f6;--brick-color-info-soft:#102840;--brick-color-info-soft-hover:#143654;--brick-color-info-soft-pressed:#184267;--brick-color-info-solid:#0a6ec3;--brick-color-info-solid-hover:#1178cf;--brick-color-info-solid-pressed:#075fa9;--brick-color-info-surface:#102840;--brick-color-info-text:#95c9f6;--brick-color-scrim:#000000b8;--brick-color-shadow:#00000080;--brick-color-success-border:#237350;--brick-color-success-on-soft:#7bd1ad;--brick-color-success-soft:#0e3022;--brick-color-success-soft-hover:#123d2b;--brick-color-success-soft-pressed:#174b35;--brick-color-success-solid-hover:#1e8357;--brick-color-success-solid-pressed:#12663f;--brick-color-success-surface:#0e3022;--brick-color-success-text:#7bd1ad;--brick-color-surface-base:#20201e;--brick-color-surface-canvas:#191918;--brick-color-surface-overlay:#2e2e2b;--brick-color-surface-raised:#2e2e2b;--brick-color-surface-subtle:#272725;--brick-color-text-inverse:#211f1c;--brick-color-text-muted:#999690;--brick-color-text-primary:#eeeeec;--brick-color-text-secondary:#b8b6b1;--brick-color-warning-border:#905f12;--brick-color-warning-on-soft:#f2bd59;--brick-color-warning-soft:#3d2707;--brick-color-warning-soft-hover:#4d3108;--brick-color-warning-soft-pressed:#5d3b09;--brick-color-warning-solid:#e39019;--brick-color-warning-solid-hover:#eda025;--brick-color-warning-solid-pressed:#cf7d08;--brick-color-warning-surface:#3d2707;--brick-color-warning-text:#f2bd59}}
|
|
2
2
|
/*# sourceMappingURL=tokens.css.map */
|
package/dist/tokens.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":null,"mappings":"AAAA,oBACE,2vXAAA,mCAAA,yDAwQE,i1EAmEF,8wXAuQA","sources":["home/runner/work/brick/brick/.brick-cache/production/tokens.source.css"],"sourcesContent":["@layer brick.tokens {\n :root {\n color-scheme: light dark;\n --brick-border-focus-offset: 0.25rem;\n --brick-border-focus-width: 2px;\n --brick-border-width: 1px;\n --brick-color-accent-border: #aaa8f2;\n --brick-color-accent-on-soft: #414098;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #f0f0ff;\n --brick-color-accent-soft-hover: #e6e6fe;\n --brick-color-accent-soft-pressed: #dadaff;\n --brick-color-accent-solid: #5b5bd6;\n --brick-color-accent-solid-hover: #5151cd;\n --brick-color-accent-solid-pressed: #4747c2;\n --brick-color-accent-text: #414098;\n --brick-color-border-default: #d9d6d0;\n --brick-color-border-strong: #aaa69e;\n --brick-color-border-subtle: #e3e0db;\n --brick-color-danger-border: #ef9cad;\n --brick-color-danger-on-soft: #ad233f;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #ffeef1;\n --brick-color-danger-soft-hover: #ffdde3;\n --brick-color-danger-soft-pressed: #ffcbd5;\n --brick-color-danger-solid: #ad233f;\n --brick-color-danger-solid-hover: #9f1f38;\n --brick-color-danger-solid-pressed: #901a33;\n --brick-color-danger-surface: #ffeef1;\n --brick-color-danger-text: #ad233f;\n --brick-color-focus-ring: #5b5bd6;\n --brick-color-info-border: #95c9f6;\n --brick-color-info-on-soft: #105da9;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #ecf6ff;\n --brick-color-info-soft-hover: #dceeff;\n --brick-color-info-soft-pressed: #cbe7ff;\n --brick-color-info-solid: #0073d0;\n --brick-color-info-solid-hover: #0068bd;\n --brick-color-info-solid-pressed: #005da9;\n --brick-color-info-surface: #ecf6ff;\n --brick-color-info-text: #105da9;\n --brick-color-scrim: #1413128c;\n --brick-color-shadow: #1413122e;\n --brick-color-success-border: #7bd1ad;\n --brick-color-success-on-soft: #136e4c;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #e8fbf3;\n --brick-color-success-soft-hover: #d7f6e9;\n --brick-color-success-soft-pressed: #c5efdd;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #146f46;\n --brick-color-success-solid-pressed: #10643e;\n --brick-color-success-surface: #e8fbf3;\n --brick-color-success-text: #136e4c;\n --brick-color-surface-base: #f9f8f6;\n --brick-color-surface-canvas: #fdfcfb;\n --brick-color-surface-overlay: #ffffff;\n --brick-color-surface-raised: #ffffff;\n --brick-color-surface-subtle: #f2f0ed;\n --brick-color-text-inverse: #ffffff;\n --brick-color-text-muted: #76726c;\n --brick-color-text-primary: #211f1c;\n --brick-color-text-secondary: #63605b;\n --brick-color-warning-border: #e3a644;\n --brick-color-warning-on-soft: #714904;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #fff7e3;\n --brick-color-warning-soft-hover: #ffedc2;\n --brick-color-warning-soft-pressed: #ffe3a1;\n --brick-color-warning-solid: #f29f21;\n --brick-color-warning-solid-hover: #e58c0e;\n --brick-color-warning-solid-pressed: #d87d00;\n --brick-color-warning-surface: #fff7e3;\n --brick-color-warning-text: #714904;\n --brick-control-min-block-size-lg: 3.25rem;\n --brick-control-min-block-size-md: 2.75rem;\n --brick-control-min-block-size-sm: 2.25rem;\n --brick-control-min-block-size-xl: 3.75rem;\n --brick-control-min-block-size-xs: 1.75rem;\n --brick-control-target-min: 2.75rem;\n --brick-font-family-body: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-heading: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-mono: ui-monospace, SFMono-Regular, monospace;\n --brick-font-letter-spacing-normal: 0em;\n --brick-font-letter-spacing-slight: -0.01em;\n --brick-font-letter-spacing-tight: -0.02em;\n --brick-font-letter-spacing-tightest: -0.03em;\n --brick-font-line-height-body: 1.5;\n --brick-font-line-height-tight: 1.2;\n --brick-font-size-2xl: 2rem;\n --brick-font-size-3xl: 2.5rem;\n --brick-font-size-lg: 1.25rem;\n --brick-font-size-md: 1rem;\n --brick-font-size-sm: 0.875rem;\n --brick-font-size-xl: 1.5rem;\n --brick-font-size-xs: 0.75rem;\n --brick-font-weight-medium: 500;\n --brick-font-weight-regular: 400;\n --brick-font-weight-semibold: 600;\n --brick-layer-base: 0;\n --brick-layer-overlay: 1000;\n --brick-motion-duration-fast: 120ms;\n --brick-motion-duration-moderate: 200ms;\n --brick-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);\n --brick-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);\n --brick-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --brick-radius-control: 0.5rem;\n --brick-radius-full: 9999px;\n --brick-radius-overlay: 1rem;\n --brick-radius-subtle: 0.25rem;\n --brick-radius-surface: 0.75rem;\n --brick-space-0: 0rem;\n --brick-space-1: 0.25rem;\n --brick-space-2: 0.5rem;\n --brick-space-3: 0.75rem;\n --brick-space-4: 1rem;\n --brick-space-5: 1.5rem;\n --brick-space-6: 2rem;\n --brick-space-component-gap: 0.5rem;\n --brick-space-control-inline: 1rem;\n --brick-space-surface: 1.5rem;\n --brick-typography-body-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-lg-font-size: 1.25rem;\n --brick-typography-body-lg-font-weight: 400;\n --brick-typography-body-lg-letter-spacing: 0em;\n --brick-typography-body-lg-line-height: 1.5;\n --brick-typography-body-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-md-font-size: 1rem;\n --brick-typography-body-md-font-weight: 400;\n --brick-typography-body-md-letter-spacing: 0em;\n --brick-typography-body-md-line-height: 1.5;\n --brick-typography-body-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-sm-font-size: 0.875rem;\n --brick-typography-body-sm-font-weight: 400;\n --brick-typography-body-sm-letter-spacing: 0em;\n --brick-typography-body-sm-line-height: 1.5;\n --brick-typography-caption-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-caption-font-size: 0.75rem;\n --brick-typography-caption-font-weight: 400;\n --brick-typography-caption-letter-spacing: 0em;\n --brick-typography-caption-line-height: 1.5;\n --brick-typography-code-block-md-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-md-font-size: 1rem;\n --brick-typography-code-block-md-font-weight: 400;\n --brick-typography-code-block-md-letter-spacing: 0em;\n --brick-typography-code-block-md-line-height: 1.5;\n --brick-typography-code-block-sm-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-sm-font-size: 0.875rem;\n --brick-typography-code-block-sm-font-weight: 400;\n --brick-typography-code-block-sm-letter-spacing: 0em;\n --brick-typography-code-block-sm-line-height: 1.5;\n --brick-typography-code-inline-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-inline-font-size: 0.9em;\n --brick-typography-code-inline-font-weight: 400;\n --brick-typography-code-inline-letter-spacing: 0em;\n --brick-typography-code-inline-line-height: 1.5;\n --brick-typography-compact-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-lg-font-size: 1rem;\n --brick-typography-compact-title-lg-font-weight: 600;\n --brick-typography-compact-title-lg-letter-spacing: -0.01em;\n --brick-typography-compact-title-lg-line-height: 1.2;\n --brick-typography-compact-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-font-size: 0.875rem;\n --brick-typography-compact-title-font-weight: 600;\n --brick-typography-compact-title-letter-spacing: 0em;\n --brick-typography-compact-title-line-height: 1.2;\n --brick-typography-control-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-lg-font-size: 1rem;\n --brick-typography-control-lg-font-weight: 500;\n --brick-typography-control-lg-letter-spacing: 0em;\n --brick-typography-control-lg-line-height: 1.2;\n --brick-typography-control-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-md-font-size: 0.9375rem;\n --brick-typography-control-md-font-weight: 500;\n --brick-typography-control-md-letter-spacing: 0em;\n --brick-typography-control-md-line-height: 1.2;\n --brick-typography-control-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-sm-font-size: 0.875rem;\n --brick-typography-control-sm-font-weight: 500;\n --brick-typography-control-sm-letter-spacing: 0em;\n --brick-typography-control-sm-line-height: 1.2;\n --brick-typography-control-xl-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xl-font-size: 1.125rem;\n --brick-typography-control-xl-font-weight: 500;\n --brick-typography-control-xl-letter-spacing: 0em;\n --brick-typography-control-xl-line-height: 1.2;\n --brick-typography-control-xs-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xs-font-size: 0.75rem;\n --brick-typography-control-xs-font-weight: 500;\n --brick-typography-control-xs-letter-spacing: 0em;\n --brick-typography-control-xs-line-height: 1.2;\n --brick-typography-display-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-display-font-size: 2.5rem;\n --brick-typography-display-font-weight: 600;\n --brick-typography-display-letter-spacing: -0.03em;\n --brick-typography-display-line-height: 1.2;\n --brick-typography-field-value-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-lg-font-size: 1.125rem;\n --brick-typography-field-value-lg-font-weight: 400;\n --brick-typography-field-value-lg-letter-spacing: 0em;\n --brick-typography-field-value-lg-line-height: 1.5;\n --brick-typography-field-value-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-md-font-size: 1rem;\n --brick-typography-field-value-md-font-weight: 400;\n --brick-typography-field-value-md-letter-spacing: 0em;\n --brick-typography-field-value-md-line-height: 1.5;\n --brick-typography-label-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-md-font-size: 1rem;\n --brick-typography-label-md-font-weight: 500;\n --brick-typography-label-md-letter-spacing: 0em;\n --brick-typography-label-md-line-height: 1.5;\n --brick-typography-label-strong-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-strong-font-size: 1rem;\n --brick-typography-label-strong-font-weight: 600;\n --brick-typography-label-strong-letter-spacing: 0em;\n --brick-typography-label-strong-line-height: 1.5;\n --brick-typography-overlay-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-overlay-title-font-size: 1.25rem;\n --brick-typography-overlay-title-font-weight: 600;\n --brick-typography-overlay-title-letter-spacing: -0.01em;\n --brick-typography-overlay-title-line-height: 1.2;\n --brick-typography-supporting-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-supporting-sm-font-size: 0.875rem;\n --brick-typography-supporting-sm-font-weight: 400;\n --brick-typography-supporting-sm-letter-spacing: 0em;\n --brick-typography-supporting-sm-line-height: 1.5;\n --brick-typography-surface-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-lg-font-size: 1.25rem;\n --brick-typography-surface-title-lg-font-weight: 600;\n --brick-typography-surface-title-lg-letter-spacing: -0.01em;\n --brick-typography-surface-title-lg-line-height: 1.2;\n --brick-typography-surface-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-md-font-size: 1.125rem;\n --brick-typography-surface-title-md-font-weight: 600;\n --brick-typography-surface-title-md-letter-spacing: -0.01em;\n --brick-typography-surface-title-md-line-height: 1.2;\n --brick-typography-surface-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-sm-font-size: 1rem;\n --brick-typography-surface-title-sm-font-weight: 600;\n --brick-typography-surface-title-sm-letter-spacing: -0.01em;\n --brick-typography-surface-title-sm-line-height: 1.2;\n --brick-typography-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-lg-font-size: 2rem;\n --brick-typography-title-lg-font-weight: 600;\n --brick-typography-title-lg-letter-spacing: -0.02em;\n --brick-typography-title-lg-line-height: 1.2;\n --brick-typography-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-md-font-size: 1.5rem;\n --brick-typography-title-md-font-weight: 600;\n --brick-typography-title-md-letter-spacing: -0.02em;\n --brick-typography-title-md-line-height: 1.2;\n --brick-typography-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-sm-font-size: 1.25rem;\n --brick-typography-title-sm-font-weight: 600;\n --brick-typography-title-sm-letter-spacing: -0.01em;\n --brick-typography-title-sm-line-height: 1.2;\n --brick-typography-validation-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-validation-sm-font-size: 0.875rem;\n --brick-typography-validation-sm-font-weight: 500;\n --brick-typography-validation-sm-letter-spacing: 0em;\n --brick-typography-validation-sm-line-height: 1.5;\n }\n\n @media (prefers-color-scheme: dark) {\n :root:not([data-brick-appearance]) {\n --brick-color-accent-border: #5a56b5;\n --brick-color-accent-on-soft: #bebaff;\n --brick-color-accent-soft: #232149;\n --brick-color-accent-soft-hover: #2f2c5c;\n --brick-color-accent-soft-pressed: #3a376f;\n --brick-color-accent-solid: #5b57c7;\n --brick-color-accent-solid-hover: #625ed0;\n --brick-color-accent-solid-pressed: #514db6;\n --brick-color-accent-text: #bebaff;\n --brick-color-border-default: #4d4c47;\n --brick-color-border-strong: #706d64;\n --brick-color-border-subtle: #3b3b37;\n --brick-color-danger-border: #993045;\n --brick-color-danger-on-soft: #ff93a7;\n --brick-color-danger-soft: #44131e;\n --brick-color-danger-soft-hover: #561825;\n --brick-color-danger-soft-pressed: #681d2d;\n --brick-color-danger-solid: #af2642;\n --brick-color-danger-solid-hover: #bd2c49;\n --brick-color-danger-solid-pressed: #9f2038;\n --brick-color-danger-surface: #44131e;\n --brick-color-danger-text: #ff93a7;\n --brick-color-focus-ring: #bebaff;\n --brick-color-info-border: #2c6ba7;\n --brick-color-info-on-soft: #95c9f6;\n --brick-color-info-soft: #102840;\n --brick-color-info-soft-hover: #143654;\n --brick-color-info-soft-pressed: #184267;\n --brick-color-info-solid: #0a6ec3;\n --brick-color-info-solid-hover: #1178cf;\n --brick-color-info-solid-pressed: #075fa9;\n --brick-color-info-surface: #102840;\n --brick-color-info-text: #95c9f6;\n --brick-color-scrim: #000000b8;\n --brick-color-shadow: #00000080;\n --brick-color-success-border: #237350;\n --brick-color-success-on-soft: #7bd1ad;\n --brick-color-success-soft: #0e3022;\n --brick-color-success-soft-hover: #123d2b;\n --brick-color-success-soft-pressed: #174b35;\n --brick-color-success-solid-hover: #1e8357;\n --brick-color-success-solid-pressed: #12663f;\n --brick-color-success-surface: #0e3022;\n --brick-color-success-text: #7bd1ad;\n --brick-color-surface-base: #20201e;\n --brick-color-surface-canvas: #191918;\n --brick-color-surface-overlay: #2e2e2b;\n --brick-color-surface-raised: #2e2e2b;\n --brick-color-surface-subtle: #272725;\n --brick-color-text-inverse: #211f1c;\n --brick-color-text-muted: #999690;\n --brick-color-text-primary: #eeeeec;\n --brick-color-text-secondary: #b8b6b1;\n --brick-color-warning-border: #905f12;\n --brick-color-warning-on-soft: #f2bd59;\n --brick-color-warning-soft: #3d2707;\n --brick-color-warning-soft-hover: #4d3108;\n --brick-color-warning-soft-pressed: #5d3b09;\n --brick-color-warning-solid: #e39019;\n --brick-color-warning-solid-hover: #eda025;\n --brick-color-warning-solid-pressed: #cf7d08;\n --brick-color-warning-surface: #3d2707;\n --brick-color-warning-text: #f2bd59;\n }\n }\n\n [data-brick-appearance=\"light\"] {\n color-scheme: light;\n --brick-border-focus-offset: 0.25rem;\n --brick-border-focus-width: 2px;\n --brick-border-width: 1px;\n --brick-color-accent-border: #aaa8f2;\n --brick-color-accent-on-soft: #414098;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #f0f0ff;\n --brick-color-accent-soft-hover: #e6e6fe;\n --brick-color-accent-soft-pressed: #dadaff;\n --brick-color-accent-solid: #5b5bd6;\n --brick-color-accent-solid-hover: #5151cd;\n --brick-color-accent-solid-pressed: #4747c2;\n --brick-color-accent-text: #414098;\n --brick-color-border-default: #d9d6d0;\n --brick-color-border-strong: #aaa69e;\n --brick-color-border-subtle: #e3e0db;\n --brick-color-danger-border: #ef9cad;\n --brick-color-danger-on-soft: #ad233f;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #ffeef1;\n --brick-color-danger-soft-hover: #ffdde3;\n --brick-color-danger-soft-pressed: #ffcbd5;\n --brick-color-danger-solid: #ad233f;\n --brick-color-danger-solid-hover: #9f1f38;\n --brick-color-danger-solid-pressed: #901a33;\n --brick-color-danger-surface: #ffeef1;\n --brick-color-danger-text: #ad233f;\n --brick-color-focus-ring: #5b5bd6;\n --brick-color-info-border: #95c9f6;\n --brick-color-info-on-soft: #105da9;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #ecf6ff;\n --brick-color-info-soft-hover: #dceeff;\n --brick-color-info-soft-pressed: #cbe7ff;\n --brick-color-info-solid: #0073d0;\n --brick-color-info-solid-hover: #0068bd;\n --brick-color-info-solid-pressed: #005da9;\n --brick-color-info-surface: #ecf6ff;\n --brick-color-info-text: #105da9;\n --brick-color-scrim: #1413128c;\n --brick-color-shadow: #1413122e;\n --brick-color-success-border: #7bd1ad;\n --brick-color-success-on-soft: #136e4c;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #e8fbf3;\n --brick-color-success-soft-hover: #d7f6e9;\n --brick-color-success-soft-pressed: #c5efdd;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #146f46;\n --brick-color-success-solid-pressed: #10643e;\n --brick-color-success-surface: #e8fbf3;\n --brick-color-success-text: #136e4c;\n --brick-color-surface-base: #f9f8f6;\n --brick-color-surface-canvas: #fdfcfb;\n --brick-color-surface-overlay: #ffffff;\n --brick-color-surface-raised: #ffffff;\n --brick-color-surface-subtle: #f2f0ed;\n --brick-color-text-inverse: #ffffff;\n --brick-color-text-muted: #76726c;\n --brick-color-text-primary: #211f1c;\n --brick-color-text-secondary: #63605b;\n --brick-color-warning-border: #e3a644;\n --brick-color-warning-on-soft: #714904;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #fff7e3;\n --brick-color-warning-soft-hover: #ffedc2;\n --brick-color-warning-soft-pressed: #ffe3a1;\n --brick-color-warning-solid: #f29f21;\n --brick-color-warning-solid-hover: #e58c0e;\n --brick-color-warning-solid-pressed: #d87d00;\n --brick-color-warning-surface: #fff7e3;\n --brick-color-warning-text: #714904;\n --brick-control-min-block-size-lg: 3.25rem;\n --brick-control-min-block-size-md: 2.75rem;\n --brick-control-min-block-size-sm: 2.25rem;\n --brick-control-min-block-size-xl: 3.75rem;\n --brick-control-min-block-size-xs: 1.75rem;\n --brick-control-target-min: 2.75rem;\n --brick-font-family-body: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-heading: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-mono: ui-monospace, SFMono-Regular, monospace;\n --brick-font-letter-spacing-normal: 0em;\n --brick-font-letter-spacing-slight: -0.01em;\n --brick-font-letter-spacing-tight: -0.02em;\n --brick-font-letter-spacing-tightest: -0.03em;\n --brick-font-line-height-body: 1.5;\n --brick-font-line-height-tight: 1.2;\n --brick-font-size-2xl: 2rem;\n --brick-font-size-3xl: 2.5rem;\n --brick-font-size-lg: 1.25rem;\n --brick-font-size-md: 1rem;\n --brick-font-size-sm: 0.875rem;\n --brick-font-size-xl: 1.5rem;\n --brick-font-size-xs: 0.75rem;\n --brick-font-weight-medium: 500;\n --brick-font-weight-regular: 400;\n --brick-font-weight-semibold: 600;\n --brick-layer-base: 0;\n --brick-layer-overlay: 1000;\n --brick-motion-duration-fast: 120ms;\n --brick-motion-duration-moderate: 200ms;\n --brick-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);\n --brick-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);\n --brick-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --brick-radius-control: 0.5rem;\n --brick-radius-full: 9999px;\n --brick-radius-overlay: 1rem;\n --brick-radius-subtle: 0.25rem;\n --brick-radius-surface: 0.75rem;\n --brick-space-0: 0rem;\n --brick-space-1: 0.25rem;\n --brick-space-2: 0.5rem;\n --brick-space-3: 0.75rem;\n --brick-space-4: 1rem;\n --brick-space-5: 1.5rem;\n --brick-space-6: 2rem;\n --brick-space-component-gap: 0.5rem;\n --brick-space-control-inline: 1rem;\n --brick-space-surface: 1.5rem;\n --brick-typography-body-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-lg-font-size: 1.25rem;\n --brick-typography-body-lg-font-weight: 400;\n --brick-typography-body-lg-letter-spacing: 0em;\n --brick-typography-body-lg-line-height: 1.5;\n --brick-typography-body-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-md-font-size: 1rem;\n --brick-typography-body-md-font-weight: 400;\n --brick-typography-body-md-letter-spacing: 0em;\n --brick-typography-body-md-line-height: 1.5;\n --brick-typography-body-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-sm-font-size: 0.875rem;\n --brick-typography-body-sm-font-weight: 400;\n --brick-typography-body-sm-letter-spacing: 0em;\n --brick-typography-body-sm-line-height: 1.5;\n --brick-typography-caption-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-caption-font-size: 0.75rem;\n --brick-typography-caption-font-weight: 400;\n --brick-typography-caption-letter-spacing: 0em;\n --brick-typography-caption-line-height: 1.5;\n --brick-typography-code-block-md-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-md-font-size: 1rem;\n --brick-typography-code-block-md-font-weight: 400;\n --brick-typography-code-block-md-letter-spacing: 0em;\n --brick-typography-code-block-md-line-height: 1.5;\n --brick-typography-code-block-sm-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-sm-font-size: 0.875rem;\n --brick-typography-code-block-sm-font-weight: 400;\n --brick-typography-code-block-sm-letter-spacing: 0em;\n --brick-typography-code-block-sm-line-height: 1.5;\n --brick-typography-code-inline-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-inline-font-size: 0.9em;\n --brick-typography-code-inline-font-weight: 400;\n --brick-typography-code-inline-letter-spacing: 0em;\n --brick-typography-code-inline-line-height: 1.5;\n --brick-typography-compact-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-lg-font-size: 1rem;\n --brick-typography-compact-title-lg-font-weight: 600;\n --brick-typography-compact-title-lg-letter-spacing: -0.01em;\n --brick-typography-compact-title-lg-line-height: 1.2;\n --brick-typography-compact-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-font-size: 0.875rem;\n --brick-typography-compact-title-font-weight: 600;\n --brick-typography-compact-title-letter-spacing: 0em;\n --brick-typography-compact-title-line-height: 1.2;\n --brick-typography-control-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-lg-font-size: 1rem;\n --brick-typography-control-lg-font-weight: 500;\n --brick-typography-control-lg-letter-spacing: 0em;\n --brick-typography-control-lg-line-height: 1.2;\n --brick-typography-control-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-md-font-size: 0.9375rem;\n --brick-typography-control-md-font-weight: 500;\n --brick-typography-control-md-letter-spacing: 0em;\n --brick-typography-control-md-line-height: 1.2;\n --brick-typography-control-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-sm-font-size: 0.875rem;\n --brick-typography-control-sm-font-weight: 500;\n --brick-typography-control-sm-letter-spacing: 0em;\n --brick-typography-control-sm-line-height: 1.2;\n --brick-typography-control-xl-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xl-font-size: 1.125rem;\n --brick-typography-control-xl-font-weight: 500;\n --brick-typography-control-xl-letter-spacing: 0em;\n --brick-typography-control-xl-line-height: 1.2;\n --brick-typography-control-xs-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xs-font-size: 0.75rem;\n --brick-typography-control-xs-font-weight: 500;\n --brick-typography-control-xs-letter-spacing: 0em;\n --brick-typography-control-xs-line-height: 1.2;\n --brick-typography-display-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-display-font-size: 2.5rem;\n --brick-typography-display-font-weight: 600;\n --brick-typography-display-letter-spacing: -0.03em;\n --brick-typography-display-line-height: 1.2;\n --brick-typography-field-value-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-lg-font-size: 1.125rem;\n --brick-typography-field-value-lg-font-weight: 400;\n --brick-typography-field-value-lg-letter-spacing: 0em;\n --brick-typography-field-value-lg-line-height: 1.5;\n --brick-typography-field-value-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-md-font-size: 1rem;\n --brick-typography-field-value-md-font-weight: 400;\n --brick-typography-field-value-md-letter-spacing: 0em;\n --brick-typography-field-value-md-line-height: 1.5;\n --brick-typography-label-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-md-font-size: 1rem;\n --brick-typography-label-md-font-weight: 500;\n --brick-typography-label-md-letter-spacing: 0em;\n --brick-typography-label-md-line-height: 1.5;\n --brick-typography-label-strong-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-strong-font-size: 1rem;\n --brick-typography-label-strong-font-weight: 600;\n --brick-typography-label-strong-letter-spacing: 0em;\n --brick-typography-label-strong-line-height: 1.5;\n --brick-typography-overlay-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-overlay-title-font-size: 1.25rem;\n --brick-typography-overlay-title-font-weight: 600;\n --brick-typography-overlay-title-letter-spacing: -0.01em;\n --brick-typography-overlay-title-line-height: 1.2;\n --brick-typography-supporting-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-supporting-sm-font-size: 0.875rem;\n --brick-typography-supporting-sm-font-weight: 400;\n --brick-typography-supporting-sm-letter-spacing: 0em;\n --brick-typography-supporting-sm-line-height: 1.5;\n --brick-typography-surface-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-lg-font-size: 1.25rem;\n --brick-typography-surface-title-lg-font-weight: 600;\n --brick-typography-surface-title-lg-letter-spacing: -0.01em;\n --brick-typography-surface-title-lg-line-height: 1.2;\n --brick-typography-surface-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-md-font-size: 1.125rem;\n --brick-typography-surface-title-md-font-weight: 600;\n --brick-typography-surface-title-md-letter-spacing: -0.01em;\n --brick-typography-surface-title-md-line-height: 1.2;\n --brick-typography-surface-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-sm-font-size: 1rem;\n --brick-typography-surface-title-sm-font-weight: 600;\n --brick-typography-surface-title-sm-letter-spacing: -0.01em;\n --brick-typography-surface-title-sm-line-height: 1.2;\n --brick-typography-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-lg-font-size: 2rem;\n --brick-typography-title-lg-font-weight: 600;\n --brick-typography-title-lg-letter-spacing: -0.02em;\n --brick-typography-title-lg-line-height: 1.2;\n --brick-typography-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-md-font-size: 1.5rem;\n --brick-typography-title-md-font-weight: 600;\n --brick-typography-title-md-letter-spacing: -0.02em;\n --brick-typography-title-md-line-height: 1.2;\n --brick-typography-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-sm-font-size: 1.25rem;\n --brick-typography-title-sm-font-weight: 600;\n --brick-typography-title-sm-letter-spacing: -0.01em;\n --brick-typography-title-sm-line-height: 1.2;\n --brick-typography-validation-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-validation-sm-font-size: 0.875rem;\n --brick-typography-validation-sm-font-weight: 500;\n --brick-typography-validation-sm-letter-spacing: 0em;\n --brick-typography-validation-sm-line-height: 1.5;\n }\n\n [data-brick-appearance=\"dark\"] {\n color-scheme: dark;\n --brick-color-accent-border: #5a56b5;\n --brick-color-accent-on-soft: #bebaff;\n --brick-color-accent-soft: #232149;\n --brick-color-accent-soft-hover: #2f2c5c;\n --brick-color-accent-soft-pressed: #3a376f;\n --brick-color-accent-solid: #5b57c7;\n --brick-color-accent-solid-hover: #625ed0;\n --brick-color-accent-solid-pressed: #514db6;\n --brick-color-accent-text: #bebaff;\n --brick-color-border-default: #4d4c47;\n --brick-color-border-strong: #706d64;\n --brick-color-border-subtle: #3b3b37;\n --brick-color-danger-border: #993045;\n --brick-color-danger-on-soft: #ff93a7;\n --brick-color-danger-soft: #44131e;\n --brick-color-danger-soft-hover: #561825;\n --brick-color-danger-soft-pressed: #681d2d;\n --brick-color-danger-solid: #af2642;\n --brick-color-danger-solid-hover: #bd2c49;\n --brick-color-danger-solid-pressed: #9f2038;\n --brick-color-danger-surface: #44131e;\n --brick-color-danger-text: #ff93a7;\n --brick-color-focus-ring: #bebaff;\n --brick-color-info-border: #2c6ba7;\n --brick-color-info-on-soft: #95c9f6;\n --brick-color-info-soft: #102840;\n --brick-color-info-soft-hover: #143654;\n --brick-color-info-soft-pressed: #184267;\n --brick-color-info-solid: #0a6ec3;\n --brick-color-info-solid-hover: #1178cf;\n --brick-color-info-solid-pressed: #075fa9;\n --brick-color-info-surface: #102840;\n --brick-color-info-text: #95c9f6;\n --brick-color-scrim: #000000b8;\n --brick-color-shadow: #00000080;\n --brick-color-success-border: #237350;\n --brick-color-success-on-soft: #7bd1ad;\n --brick-color-success-soft: #0e3022;\n --brick-color-success-soft-hover: #123d2b;\n --brick-color-success-soft-pressed: #174b35;\n --brick-color-success-solid-hover: #1e8357;\n --brick-color-success-solid-pressed: #12663f;\n --brick-color-success-surface: #0e3022;\n --brick-color-success-text: #7bd1ad;\n --brick-color-surface-base: #20201e;\n --brick-color-surface-canvas: #191918;\n --brick-color-surface-overlay: #2e2e2b;\n --brick-color-surface-raised: #2e2e2b;\n --brick-color-surface-subtle: #272725;\n --brick-color-text-inverse: #211f1c;\n --brick-color-text-muted: #999690;\n --brick-color-text-primary: #eeeeec;\n --brick-color-text-secondary: #b8b6b1;\n --brick-color-warning-border: #905f12;\n --brick-color-warning-on-soft: #f2bd59;\n --brick-color-warning-soft: #3d2707;\n --brick-color-warning-soft-hover: #4d3108;\n --brick-color-warning-soft-pressed: #5d3b09;\n --brick-color-warning-solid: #e39019;\n --brick-color-warning-solid-hover: #eda025;\n --brick-color-warning-solid-pressed: #cf7d08;\n --brick-color-warning-surface: #3d2707;\n --brick-color-warning-text: #f2bd59;\n }\n}\n"],"names":[]}
|
|
1
|
+
{"version":3,"sourceRoot":null,"mappings":"AAAA,oBACE,giYAAA,mCAAA,yDA8QE,i1EAmEF,mjYA6QA","sources":["home/runner/work/brick/brick/.brick-cache/production/tokens.source.css"],"sourcesContent":["@layer brick.tokens {\n :root {\n color-scheme: light dark;\n --brick-border-focus-offset: 0.25rem;\n --brick-border-focus-width: 2px;\n --brick-border-width: 1px;\n --brick-color-accent-border: #aaa8f2;\n --brick-color-accent-on-soft: #414098;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #f0f0ff;\n --brick-color-accent-soft-hover: #e6e6fe;\n --brick-color-accent-soft-pressed: #dadaff;\n --brick-color-accent-solid: #5b5bd6;\n --brick-color-accent-solid-hover: #5151cd;\n --brick-color-accent-solid-pressed: #4747c2;\n --brick-color-accent-text: #414098;\n --brick-color-border-default: #d9d6d0;\n --brick-color-border-strong: #aaa69e;\n --brick-color-border-subtle: #e3e0db;\n --brick-color-danger-border: #ef9cad;\n --brick-color-danger-on-soft: #ad233f;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #ffeef1;\n --brick-color-danger-soft-hover: #ffdde3;\n --brick-color-danger-soft-pressed: #ffcbd5;\n --brick-color-danger-solid: #ad233f;\n --brick-color-danger-solid-hover: #9f1f38;\n --brick-color-danger-solid-pressed: #901a33;\n --brick-color-danger-surface: #ffeef1;\n --brick-color-danger-text: #ad233f;\n --brick-color-focus-ring: #5b5bd6;\n --brick-color-info-border: #95c9f6;\n --brick-color-info-on-soft: #105da9;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #ecf6ff;\n --brick-color-info-soft-hover: #dceeff;\n --brick-color-info-soft-pressed: #cbe7ff;\n --brick-color-info-solid: #0073d0;\n --brick-color-info-solid-hover: #0068bd;\n --brick-color-info-solid-pressed: #005da9;\n --brick-color-info-surface: #ecf6ff;\n --brick-color-info-text: #105da9;\n --brick-color-scrim: #1413128c;\n --brick-color-shadow: #1413122e;\n --brick-color-success-border: #7bd1ad;\n --brick-color-success-on-soft: #136e4c;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #e8fbf3;\n --brick-color-success-soft-hover: #d7f6e9;\n --brick-color-success-soft-pressed: #c5efdd;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #146f46;\n --brick-color-success-solid-pressed: #10643e;\n --brick-color-success-surface: #e8fbf3;\n --brick-color-success-text: #136e4c;\n --brick-color-surface-base: #f9f8f6;\n --brick-color-surface-canvas: #fdfcfb;\n --brick-color-surface-overlay: #ffffff;\n --brick-color-surface-raised: #ffffff;\n --brick-color-surface-subtle: #f2f0ed;\n --brick-color-text-inverse: #ffffff;\n --brick-color-text-muted: #76726c;\n --brick-color-text-primary: #211f1c;\n --brick-color-text-secondary: #63605b;\n --brick-color-warning-border: #e3a644;\n --brick-color-warning-on-soft: #714904;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #fff7e3;\n --brick-color-warning-soft-hover: #ffedc2;\n --brick-color-warning-soft-pressed: #ffe3a1;\n --brick-color-warning-solid: #f29f21;\n --brick-color-warning-solid-hover: #e58c0e;\n --brick-color-warning-solid-pressed: #d87d00;\n --brick-color-warning-surface: #fff7e3;\n --brick-color-warning-text: #714904;\n --brick-control-min-block-size-lg: 3.25rem;\n --brick-control-min-block-size-md: 2.75rem;\n --brick-control-min-block-size-sm: 2.25rem;\n --brick-control-min-block-size-xl: 3.75rem;\n --brick-control-min-block-size-xs: 1.75rem;\n --brick-control-target-min: 2.75rem;\n --brick-font-family-body: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-heading: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-mono: ui-monospace, SFMono-Regular, monospace;\n --brick-font-letter-spacing-normal: 0em;\n --brick-font-letter-spacing-slight: -0.01em;\n --brick-font-letter-spacing-tight: -0.02em;\n --brick-font-letter-spacing-tightest: -0.03em;\n --brick-font-letter-spacing-wide: 0.08em;\n --brick-font-line-height-body: 1.5;\n --brick-font-line-height-tight: 1.2;\n --brick-font-size-2xl: 2rem;\n --brick-font-size-3xl: 2.5rem;\n --brick-font-size-lg: 1.25rem;\n --brick-font-size-md: 1rem;\n --brick-font-size-sm: 0.875rem;\n --brick-font-size-xl: 1.5rem;\n --brick-font-size-xs: 0.75rem;\n --brick-font-weight-medium: 500;\n --brick-font-weight-regular: 400;\n --brick-font-weight-semibold: 600;\n --brick-layer-base: 0;\n --brick-layer-overlay: 1000;\n --brick-motion-duration-fast: 120ms;\n --brick-motion-duration-moderate: 200ms;\n --brick-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);\n --brick-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);\n --brick-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --brick-radius-control: 0.5rem;\n --brick-radius-full: 9999px;\n --brick-radius-overlay: 1rem;\n --brick-radius-subtle: 0.25rem;\n --brick-radius-surface: 0.75rem;\n --brick-space-0: 0rem;\n --brick-space-1: 0.25rem;\n --brick-space-2: 0.5rem;\n --brick-space-3: 0.75rem;\n --brick-space-4: 1rem;\n --brick-space-5: 1.5rem;\n --brick-space-6: 2rem;\n --brick-space-component-gap: 0.5rem;\n --brick-space-control-inline: 1rem;\n --brick-space-surface: 1.5rem;\n --brick-typography-body-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-lg-font-size: 1.25rem;\n --brick-typography-body-lg-font-weight: 400;\n --brick-typography-body-lg-letter-spacing: 0em;\n --brick-typography-body-lg-line-height: 1.5;\n --brick-typography-body-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-md-font-size: 1rem;\n --brick-typography-body-md-font-weight: 400;\n --brick-typography-body-md-letter-spacing: 0em;\n --brick-typography-body-md-line-height: 1.5;\n --brick-typography-body-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-sm-font-size: 0.875rem;\n --brick-typography-body-sm-font-weight: 400;\n --brick-typography-body-sm-letter-spacing: 0em;\n --brick-typography-body-sm-line-height: 1.5;\n --brick-typography-caption-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-caption-font-size: 0.75rem;\n --brick-typography-caption-font-weight: 400;\n --brick-typography-caption-letter-spacing: 0em;\n --brick-typography-caption-line-height: 1.5;\n --brick-typography-code-block-md-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-md-font-size: 1rem;\n --brick-typography-code-block-md-font-weight: 400;\n --brick-typography-code-block-md-letter-spacing: 0em;\n --brick-typography-code-block-md-line-height: 1.5;\n --brick-typography-code-block-sm-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-sm-font-size: 0.875rem;\n --brick-typography-code-block-sm-font-weight: 400;\n --brick-typography-code-block-sm-letter-spacing: 0em;\n --brick-typography-code-block-sm-line-height: 1.5;\n --brick-typography-code-inline-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-inline-font-size: 0.9em;\n --brick-typography-code-inline-font-weight: 400;\n --brick-typography-code-inline-letter-spacing: 0em;\n --brick-typography-code-inline-line-height: 1.5;\n --brick-typography-compact-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-lg-font-size: 1rem;\n --brick-typography-compact-title-lg-font-weight: 600;\n --brick-typography-compact-title-lg-letter-spacing: -0.01em;\n --brick-typography-compact-title-lg-line-height: 1.2;\n --brick-typography-compact-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-font-size: 0.875rem;\n --brick-typography-compact-title-font-weight: 600;\n --brick-typography-compact-title-letter-spacing: 0em;\n --brick-typography-compact-title-line-height: 1.2;\n --brick-typography-control-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-lg-font-size: 1rem;\n --brick-typography-control-lg-font-weight: 500;\n --brick-typography-control-lg-letter-spacing: 0em;\n --brick-typography-control-lg-line-height: 1.2;\n --brick-typography-control-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-md-font-size: 0.9375rem;\n --brick-typography-control-md-font-weight: 500;\n --brick-typography-control-md-letter-spacing: 0em;\n --brick-typography-control-md-line-height: 1.2;\n --brick-typography-control-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-sm-font-size: 0.875rem;\n --brick-typography-control-sm-font-weight: 500;\n --brick-typography-control-sm-letter-spacing: 0em;\n --brick-typography-control-sm-line-height: 1.2;\n --brick-typography-control-xl-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xl-font-size: 1.125rem;\n --brick-typography-control-xl-font-weight: 500;\n --brick-typography-control-xl-letter-spacing: 0em;\n --brick-typography-control-xl-line-height: 1.2;\n --brick-typography-control-xs-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xs-font-size: 0.75rem;\n --brick-typography-control-xs-font-weight: 500;\n --brick-typography-control-xs-letter-spacing: 0em;\n --brick-typography-control-xs-line-height: 1.2;\n --brick-typography-display-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-display-font-size: 2.5rem;\n --brick-typography-display-font-weight: 600;\n --brick-typography-display-letter-spacing: -0.03em;\n --brick-typography-display-line-height: 1.2;\n --brick-typography-eyebrow-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-eyebrow-font-size: 0.75rem;\n --brick-typography-eyebrow-font-weight: 600;\n --brick-typography-eyebrow-letter-spacing: 0.08em;\n --brick-typography-eyebrow-line-height: 1.2;\n --brick-typography-field-value-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-lg-font-size: 1.125rem;\n --brick-typography-field-value-lg-font-weight: 400;\n --brick-typography-field-value-lg-letter-spacing: 0em;\n --brick-typography-field-value-lg-line-height: 1.5;\n --brick-typography-field-value-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-md-font-size: 1rem;\n --brick-typography-field-value-md-font-weight: 400;\n --brick-typography-field-value-md-letter-spacing: 0em;\n --brick-typography-field-value-md-line-height: 1.5;\n --brick-typography-label-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-md-font-size: 1rem;\n --brick-typography-label-md-font-weight: 500;\n --brick-typography-label-md-letter-spacing: 0em;\n --brick-typography-label-md-line-height: 1.5;\n --brick-typography-label-strong-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-strong-font-size: 1rem;\n --brick-typography-label-strong-font-weight: 600;\n --brick-typography-label-strong-letter-spacing: 0em;\n --brick-typography-label-strong-line-height: 1.5;\n --brick-typography-overlay-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-overlay-title-font-size: 1.25rem;\n --brick-typography-overlay-title-font-weight: 600;\n --brick-typography-overlay-title-letter-spacing: -0.01em;\n --brick-typography-overlay-title-line-height: 1.2;\n --brick-typography-supporting-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-supporting-sm-font-size: 0.875rem;\n --brick-typography-supporting-sm-font-weight: 400;\n --brick-typography-supporting-sm-letter-spacing: 0em;\n --brick-typography-supporting-sm-line-height: 1.5;\n --brick-typography-surface-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-lg-font-size: 1.25rem;\n --brick-typography-surface-title-lg-font-weight: 600;\n --brick-typography-surface-title-lg-letter-spacing: -0.01em;\n --brick-typography-surface-title-lg-line-height: 1.2;\n --brick-typography-surface-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-md-font-size: 1.125rem;\n --brick-typography-surface-title-md-font-weight: 600;\n --brick-typography-surface-title-md-letter-spacing: -0.01em;\n --brick-typography-surface-title-md-line-height: 1.2;\n --brick-typography-surface-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-sm-font-size: 1rem;\n --brick-typography-surface-title-sm-font-weight: 600;\n --brick-typography-surface-title-sm-letter-spacing: -0.01em;\n --brick-typography-surface-title-sm-line-height: 1.2;\n --brick-typography-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-lg-font-size: 2rem;\n --brick-typography-title-lg-font-weight: 600;\n --brick-typography-title-lg-letter-spacing: -0.02em;\n --brick-typography-title-lg-line-height: 1.2;\n --brick-typography-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-md-font-size: 1.5rem;\n --brick-typography-title-md-font-weight: 600;\n --brick-typography-title-md-letter-spacing: -0.02em;\n --brick-typography-title-md-line-height: 1.2;\n --brick-typography-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-sm-font-size: 1.25rem;\n --brick-typography-title-sm-font-weight: 600;\n --brick-typography-title-sm-letter-spacing: -0.01em;\n --brick-typography-title-sm-line-height: 1.2;\n --brick-typography-validation-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-validation-sm-font-size: 0.875rem;\n --brick-typography-validation-sm-font-weight: 500;\n --brick-typography-validation-sm-letter-spacing: 0em;\n --brick-typography-validation-sm-line-height: 1.5;\n }\n\n @media (prefers-color-scheme: dark) {\n :root:not([data-brick-appearance]) {\n --brick-color-accent-border: #5a56b5;\n --brick-color-accent-on-soft: #bebaff;\n --brick-color-accent-soft: #232149;\n --brick-color-accent-soft-hover: #2f2c5c;\n --brick-color-accent-soft-pressed: #3a376f;\n --brick-color-accent-solid: #5b57c7;\n --brick-color-accent-solid-hover: #625ed0;\n --brick-color-accent-solid-pressed: #514db6;\n --brick-color-accent-text: #bebaff;\n --brick-color-border-default: #4d4c47;\n --brick-color-border-strong: #706d64;\n --brick-color-border-subtle: #3b3b37;\n --brick-color-danger-border: #993045;\n --brick-color-danger-on-soft: #ff93a7;\n --brick-color-danger-soft: #44131e;\n --brick-color-danger-soft-hover: #561825;\n --brick-color-danger-soft-pressed: #681d2d;\n --brick-color-danger-solid: #af2642;\n --brick-color-danger-solid-hover: #bd2c49;\n --brick-color-danger-solid-pressed: #9f2038;\n --brick-color-danger-surface: #44131e;\n --brick-color-danger-text: #ff93a7;\n --brick-color-focus-ring: #bebaff;\n --brick-color-info-border: #2c6ba7;\n --brick-color-info-on-soft: #95c9f6;\n --brick-color-info-soft: #102840;\n --brick-color-info-soft-hover: #143654;\n --brick-color-info-soft-pressed: #184267;\n --brick-color-info-solid: #0a6ec3;\n --brick-color-info-solid-hover: #1178cf;\n --brick-color-info-solid-pressed: #075fa9;\n --brick-color-info-surface: #102840;\n --brick-color-info-text: #95c9f6;\n --brick-color-scrim: #000000b8;\n --brick-color-shadow: #00000080;\n --brick-color-success-border: #237350;\n --brick-color-success-on-soft: #7bd1ad;\n --brick-color-success-soft: #0e3022;\n --brick-color-success-soft-hover: #123d2b;\n --brick-color-success-soft-pressed: #174b35;\n --brick-color-success-solid-hover: #1e8357;\n --brick-color-success-solid-pressed: #12663f;\n --brick-color-success-surface: #0e3022;\n --brick-color-success-text: #7bd1ad;\n --brick-color-surface-base: #20201e;\n --brick-color-surface-canvas: #191918;\n --brick-color-surface-overlay: #2e2e2b;\n --brick-color-surface-raised: #2e2e2b;\n --brick-color-surface-subtle: #272725;\n --brick-color-text-inverse: #211f1c;\n --brick-color-text-muted: #999690;\n --brick-color-text-primary: #eeeeec;\n --brick-color-text-secondary: #b8b6b1;\n --brick-color-warning-border: #905f12;\n --brick-color-warning-on-soft: #f2bd59;\n --brick-color-warning-soft: #3d2707;\n --brick-color-warning-soft-hover: #4d3108;\n --brick-color-warning-soft-pressed: #5d3b09;\n --brick-color-warning-solid: #e39019;\n --brick-color-warning-solid-hover: #eda025;\n --brick-color-warning-solid-pressed: #cf7d08;\n --brick-color-warning-surface: #3d2707;\n --brick-color-warning-text: #f2bd59;\n }\n }\n\n [data-brick-appearance=\"light\"] {\n color-scheme: light;\n --brick-border-focus-offset: 0.25rem;\n --brick-border-focus-width: 2px;\n --brick-border-width: 1px;\n --brick-color-accent-border: #aaa8f2;\n --brick-color-accent-on-soft: #414098;\n --brick-color-accent-on-solid: #ffffff;\n --brick-color-accent-soft: #f0f0ff;\n --brick-color-accent-soft-hover: #e6e6fe;\n --brick-color-accent-soft-pressed: #dadaff;\n --brick-color-accent-solid: #5b5bd6;\n --brick-color-accent-solid-hover: #5151cd;\n --brick-color-accent-solid-pressed: #4747c2;\n --brick-color-accent-text: #414098;\n --brick-color-border-default: #d9d6d0;\n --brick-color-border-strong: #aaa69e;\n --brick-color-border-subtle: #e3e0db;\n --brick-color-danger-border: #ef9cad;\n --brick-color-danger-on-soft: #ad233f;\n --brick-color-danger-on-solid: #ffffff;\n --brick-color-danger-soft: #ffeef1;\n --brick-color-danger-soft-hover: #ffdde3;\n --brick-color-danger-soft-pressed: #ffcbd5;\n --brick-color-danger-solid: #ad233f;\n --brick-color-danger-solid-hover: #9f1f38;\n --brick-color-danger-solid-pressed: #901a33;\n --brick-color-danger-surface: #ffeef1;\n --brick-color-danger-text: #ad233f;\n --brick-color-focus-ring: #5b5bd6;\n --brick-color-info-border: #95c9f6;\n --brick-color-info-on-soft: #105da9;\n --brick-color-info-on-solid: #ffffff;\n --brick-color-info-soft: #ecf6ff;\n --brick-color-info-soft-hover: #dceeff;\n --brick-color-info-soft-pressed: #cbe7ff;\n --brick-color-info-solid: #0073d0;\n --brick-color-info-solid-hover: #0068bd;\n --brick-color-info-solid-pressed: #005da9;\n --brick-color-info-surface: #ecf6ff;\n --brick-color-info-text: #105da9;\n --brick-color-scrim: #1413128c;\n --brick-color-shadow: #1413122e;\n --brick-color-success-border: #7bd1ad;\n --brick-color-success-on-soft: #136e4c;\n --brick-color-success-on-solid: #ffffff;\n --brick-color-success-soft: #e8fbf3;\n --brick-color-success-soft-hover: #d7f6e9;\n --brick-color-success-soft-pressed: #c5efdd;\n --brick-color-success-solid: #18794e;\n --brick-color-success-solid-hover: #146f46;\n --brick-color-success-solid-pressed: #10643e;\n --brick-color-success-surface: #e8fbf3;\n --brick-color-success-text: #136e4c;\n --brick-color-surface-base: #f9f8f6;\n --brick-color-surface-canvas: #fdfcfb;\n --brick-color-surface-overlay: #ffffff;\n --brick-color-surface-raised: #ffffff;\n --brick-color-surface-subtle: #f2f0ed;\n --brick-color-text-inverse: #ffffff;\n --brick-color-text-muted: #76726c;\n --brick-color-text-primary: #211f1c;\n --brick-color-text-secondary: #63605b;\n --brick-color-warning-border: #e3a644;\n --brick-color-warning-on-soft: #714904;\n --brick-color-warning-on-solid: #211f1c;\n --brick-color-warning-soft: #fff7e3;\n --brick-color-warning-soft-hover: #ffedc2;\n --brick-color-warning-soft-pressed: #ffe3a1;\n --brick-color-warning-solid: #f29f21;\n --brick-color-warning-solid-hover: #e58c0e;\n --brick-color-warning-solid-pressed: #d87d00;\n --brick-color-warning-surface: #fff7e3;\n --brick-color-warning-text: #714904;\n --brick-control-min-block-size-lg: 3.25rem;\n --brick-control-min-block-size-md: 2.75rem;\n --brick-control-min-block-size-sm: 2.25rem;\n --brick-control-min-block-size-xl: 3.75rem;\n --brick-control-min-block-size-xs: 1.75rem;\n --brick-control-target-min: 2.75rem;\n --brick-font-family-body: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-heading: ui-sans-serif, system-ui, sans-serif;\n --brick-font-family-mono: ui-monospace, SFMono-Regular, monospace;\n --brick-font-letter-spacing-normal: 0em;\n --brick-font-letter-spacing-slight: -0.01em;\n --brick-font-letter-spacing-tight: -0.02em;\n --brick-font-letter-spacing-tightest: -0.03em;\n --brick-font-letter-spacing-wide: 0.08em;\n --brick-font-line-height-body: 1.5;\n --brick-font-line-height-tight: 1.2;\n --brick-font-size-2xl: 2rem;\n --brick-font-size-3xl: 2.5rem;\n --brick-font-size-lg: 1.25rem;\n --brick-font-size-md: 1rem;\n --brick-font-size-sm: 0.875rem;\n --brick-font-size-xl: 1.5rem;\n --brick-font-size-xs: 0.75rem;\n --brick-font-weight-medium: 500;\n --brick-font-weight-regular: 400;\n --brick-font-weight-semibold: 600;\n --brick-layer-base: 0;\n --brick-layer-overlay: 1000;\n --brick-motion-duration-fast: 120ms;\n --brick-motion-duration-moderate: 200ms;\n --brick-motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);\n --brick-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);\n --brick-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);\n --brick-radius-control: 0.5rem;\n --brick-radius-full: 9999px;\n --brick-radius-overlay: 1rem;\n --brick-radius-subtle: 0.25rem;\n --brick-radius-surface: 0.75rem;\n --brick-space-0: 0rem;\n --brick-space-1: 0.25rem;\n --brick-space-2: 0.5rem;\n --brick-space-3: 0.75rem;\n --brick-space-4: 1rem;\n --brick-space-5: 1.5rem;\n --brick-space-6: 2rem;\n --brick-space-component-gap: 0.5rem;\n --brick-space-control-inline: 1rem;\n --brick-space-surface: 1.5rem;\n --brick-typography-body-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-lg-font-size: 1.25rem;\n --brick-typography-body-lg-font-weight: 400;\n --brick-typography-body-lg-letter-spacing: 0em;\n --brick-typography-body-lg-line-height: 1.5;\n --brick-typography-body-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-md-font-size: 1rem;\n --brick-typography-body-md-font-weight: 400;\n --brick-typography-body-md-letter-spacing: 0em;\n --brick-typography-body-md-line-height: 1.5;\n --brick-typography-body-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-body-sm-font-size: 0.875rem;\n --brick-typography-body-sm-font-weight: 400;\n --brick-typography-body-sm-letter-spacing: 0em;\n --brick-typography-body-sm-line-height: 1.5;\n --brick-typography-caption-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-caption-font-size: 0.75rem;\n --brick-typography-caption-font-weight: 400;\n --brick-typography-caption-letter-spacing: 0em;\n --brick-typography-caption-line-height: 1.5;\n --brick-typography-code-block-md-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-md-font-size: 1rem;\n --brick-typography-code-block-md-font-weight: 400;\n --brick-typography-code-block-md-letter-spacing: 0em;\n --brick-typography-code-block-md-line-height: 1.5;\n --brick-typography-code-block-sm-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-block-sm-font-size: 0.875rem;\n --brick-typography-code-block-sm-font-weight: 400;\n --brick-typography-code-block-sm-letter-spacing: 0em;\n --brick-typography-code-block-sm-line-height: 1.5;\n --brick-typography-code-inline-font-family: ui-monospace, SFMono-Regular, monospace;\n --brick-typography-code-inline-font-size: 0.9em;\n --brick-typography-code-inline-font-weight: 400;\n --brick-typography-code-inline-letter-spacing: 0em;\n --brick-typography-code-inline-line-height: 1.5;\n --brick-typography-compact-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-lg-font-size: 1rem;\n --brick-typography-compact-title-lg-font-weight: 600;\n --brick-typography-compact-title-lg-letter-spacing: -0.01em;\n --brick-typography-compact-title-lg-line-height: 1.2;\n --brick-typography-compact-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-compact-title-font-size: 0.875rem;\n --brick-typography-compact-title-font-weight: 600;\n --brick-typography-compact-title-letter-spacing: 0em;\n --brick-typography-compact-title-line-height: 1.2;\n --brick-typography-control-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-lg-font-size: 1rem;\n --brick-typography-control-lg-font-weight: 500;\n --brick-typography-control-lg-letter-spacing: 0em;\n --brick-typography-control-lg-line-height: 1.2;\n --brick-typography-control-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-md-font-size: 0.9375rem;\n --brick-typography-control-md-font-weight: 500;\n --brick-typography-control-md-letter-spacing: 0em;\n --brick-typography-control-md-line-height: 1.2;\n --brick-typography-control-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-sm-font-size: 0.875rem;\n --brick-typography-control-sm-font-weight: 500;\n --brick-typography-control-sm-letter-spacing: 0em;\n --brick-typography-control-sm-line-height: 1.2;\n --brick-typography-control-xl-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xl-font-size: 1.125rem;\n --brick-typography-control-xl-font-weight: 500;\n --brick-typography-control-xl-letter-spacing: 0em;\n --brick-typography-control-xl-line-height: 1.2;\n --brick-typography-control-xs-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-control-xs-font-size: 0.75rem;\n --brick-typography-control-xs-font-weight: 500;\n --brick-typography-control-xs-letter-spacing: 0em;\n --brick-typography-control-xs-line-height: 1.2;\n --brick-typography-display-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-display-font-size: 2.5rem;\n --brick-typography-display-font-weight: 600;\n --brick-typography-display-letter-spacing: -0.03em;\n --brick-typography-display-line-height: 1.2;\n --brick-typography-eyebrow-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-eyebrow-font-size: 0.75rem;\n --brick-typography-eyebrow-font-weight: 600;\n --brick-typography-eyebrow-letter-spacing: 0.08em;\n --brick-typography-eyebrow-line-height: 1.2;\n --brick-typography-field-value-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-lg-font-size: 1.125rem;\n --brick-typography-field-value-lg-font-weight: 400;\n --brick-typography-field-value-lg-letter-spacing: 0em;\n --brick-typography-field-value-lg-line-height: 1.5;\n --brick-typography-field-value-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-field-value-md-font-size: 1rem;\n --brick-typography-field-value-md-font-weight: 400;\n --brick-typography-field-value-md-letter-spacing: 0em;\n --brick-typography-field-value-md-line-height: 1.5;\n --brick-typography-label-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-md-font-size: 1rem;\n --brick-typography-label-md-font-weight: 500;\n --brick-typography-label-md-letter-spacing: 0em;\n --brick-typography-label-md-line-height: 1.5;\n --brick-typography-label-strong-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-label-strong-font-size: 1rem;\n --brick-typography-label-strong-font-weight: 600;\n --brick-typography-label-strong-letter-spacing: 0em;\n --brick-typography-label-strong-line-height: 1.5;\n --brick-typography-overlay-title-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-overlay-title-font-size: 1.25rem;\n --brick-typography-overlay-title-font-weight: 600;\n --brick-typography-overlay-title-letter-spacing: -0.01em;\n --brick-typography-overlay-title-line-height: 1.2;\n --brick-typography-supporting-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-supporting-sm-font-size: 0.875rem;\n --brick-typography-supporting-sm-font-weight: 400;\n --brick-typography-supporting-sm-letter-spacing: 0em;\n --brick-typography-supporting-sm-line-height: 1.5;\n --brick-typography-surface-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-lg-font-size: 1.25rem;\n --brick-typography-surface-title-lg-font-weight: 600;\n --brick-typography-surface-title-lg-letter-spacing: -0.01em;\n --brick-typography-surface-title-lg-line-height: 1.2;\n --brick-typography-surface-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-md-font-size: 1.125rem;\n --brick-typography-surface-title-md-font-weight: 600;\n --brick-typography-surface-title-md-letter-spacing: -0.01em;\n --brick-typography-surface-title-md-line-height: 1.2;\n --brick-typography-surface-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-surface-title-sm-font-size: 1rem;\n --brick-typography-surface-title-sm-font-weight: 600;\n --brick-typography-surface-title-sm-letter-spacing: -0.01em;\n --brick-typography-surface-title-sm-line-height: 1.2;\n --brick-typography-title-lg-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-lg-font-size: 2rem;\n --brick-typography-title-lg-font-weight: 600;\n --brick-typography-title-lg-letter-spacing: -0.02em;\n --brick-typography-title-lg-line-height: 1.2;\n --brick-typography-title-md-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-md-font-size: 1.5rem;\n --brick-typography-title-md-font-weight: 600;\n --brick-typography-title-md-letter-spacing: -0.02em;\n --brick-typography-title-md-line-height: 1.2;\n --brick-typography-title-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-title-sm-font-size: 1.25rem;\n --brick-typography-title-sm-font-weight: 600;\n --brick-typography-title-sm-letter-spacing: -0.01em;\n --brick-typography-title-sm-line-height: 1.2;\n --brick-typography-validation-sm-font-family: ui-sans-serif, system-ui, sans-serif;\n --brick-typography-validation-sm-font-size: 0.875rem;\n --brick-typography-validation-sm-font-weight: 500;\n --brick-typography-validation-sm-letter-spacing: 0em;\n --brick-typography-validation-sm-line-height: 1.5;\n }\n\n [data-brick-appearance=\"dark\"] {\n color-scheme: dark;\n --brick-color-accent-border: #5a56b5;\n --brick-color-accent-on-soft: #bebaff;\n --brick-color-accent-soft: #232149;\n --brick-color-accent-soft-hover: #2f2c5c;\n --brick-color-accent-soft-pressed: #3a376f;\n --brick-color-accent-solid: #5b57c7;\n --brick-color-accent-solid-hover: #625ed0;\n --brick-color-accent-solid-pressed: #514db6;\n --brick-color-accent-text: #bebaff;\n --brick-color-border-default: #4d4c47;\n --brick-color-border-strong: #706d64;\n --brick-color-border-subtle: #3b3b37;\n --brick-color-danger-border: #993045;\n --brick-color-danger-on-soft: #ff93a7;\n --brick-color-danger-soft: #44131e;\n --brick-color-danger-soft-hover: #561825;\n --brick-color-danger-soft-pressed: #681d2d;\n --brick-color-danger-solid: #af2642;\n --brick-color-danger-solid-hover: #bd2c49;\n --brick-color-danger-solid-pressed: #9f2038;\n --brick-color-danger-surface: #44131e;\n --brick-color-danger-text: #ff93a7;\n --brick-color-focus-ring: #bebaff;\n --brick-color-info-border: #2c6ba7;\n --brick-color-info-on-soft: #95c9f6;\n --brick-color-info-soft: #102840;\n --brick-color-info-soft-hover: #143654;\n --brick-color-info-soft-pressed: #184267;\n --brick-color-info-solid: #0a6ec3;\n --brick-color-info-solid-hover: #1178cf;\n --brick-color-info-solid-pressed: #075fa9;\n --brick-color-info-surface: #102840;\n --brick-color-info-text: #95c9f6;\n --brick-color-scrim: #000000b8;\n --brick-color-shadow: #00000080;\n --brick-color-success-border: #237350;\n --brick-color-success-on-soft: #7bd1ad;\n --brick-color-success-soft: #0e3022;\n --brick-color-success-soft-hover: #123d2b;\n --brick-color-success-soft-pressed: #174b35;\n --brick-color-success-solid-hover: #1e8357;\n --brick-color-success-solid-pressed: #12663f;\n --brick-color-success-surface: #0e3022;\n --brick-color-success-text: #7bd1ad;\n --brick-color-surface-base: #20201e;\n --brick-color-surface-canvas: #191918;\n --brick-color-surface-overlay: #2e2e2b;\n --brick-color-surface-raised: #2e2e2b;\n --brick-color-surface-subtle: #272725;\n --brick-color-text-inverse: #211f1c;\n --brick-color-text-muted: #999690;\n --brick-color-text-primary: #eeeeec;\n --brick-color-text-secondary: #b8b6b1;\n --brick-color-warning-border: #905f12;\n --brick-color-warning-on-soft: #f2bd59;\n --brick-color-warning-soft: #3d2707;\n --brick-color-warning-soft-hover: #4d3108;\n --brick-color-warning-soft-pressed: #5d3b09;\n --brick-color-warning-solid: #e39019;\n --brick-color-warning-solid-hover: #eda025;\n --brick-color-warning-solid-pressed: #cf7d08;\n --brick-color-warning-surface: #3d2707;\n --brick-color-warning-text: #f2bd59;\n }\n}\n"],"names":[]}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
# Agent Knowledge
|
|
2
|
+
|
|
3
|
+
Brick ships public component and cross-component guidance for coding agents
|
|
4
|
+
alongside its runtime and CSS artifacts. Component guidance explains local
|
|
5
|
+
selection, composition, CSS delivery, recurring mistakes, and validation.
|
|
6
|
+
Package guides first explain layer selection and complete-interface
|
|
7
|
+
composition. Neither artifact adds a runtime dependency.
|
|
8
|
+
|
|
9
|
+
Use `@flowstack-ui/brick/agents/manifest.json` to discover guidance. Its
|
|
10
|
+
separate `guides` and `components` collections point to machine-readable JSON
|
|
11
|
+
and human-readable Markdown. Read `layer-selection` and
|
|
12
|
+
`interface-composition` before choosing individual components, for example:
|
|
13
|
+
|
|
14
|
+
```text
|
|
15
|
+
@flowstack-ui/brick/agents/field.json
|
|
16
|
+
@flowstack-ui/brick/agents/field.md
|
|
17
|
+
@flowstack-ui/brick/agents/layer-selection.json
|
|
18
|
+
@flowstack-ui/brick/agents/interface-composition.md
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
The source pair lives beside the component it describes. `agent.json` is the
|
|
22
|
+
structured authority and `agent.md` is generated from it. Brick guidance adds
|
|
23
|
+
finished visual and CSS decisions while referring behavioral ownership to
|
|
24
|
+
Atom. Source, types, public component docs, and tests remain authoritative when
|
|
25
|
+
a guide is incomplete.
|
|
26
|
+
|
|
27
|
+
Package-level guide sources live under `agents/guides/`. They use
|
|
28
|
+
`flowstack.agent-guide.v1`; component sources continue to use
|
|
29
|
+
`flowstack.agent-component.v1`. Manifest `guides` is additive, so consumers
|
|
30
|
+
that already read only `components` remain compatible.
|
|
31
|
+
|
|
32
|
+
For a finished Brick interface, search Brick before writing native layout,
|
|
33
|
+
typography, media, navigation, visibility, or control replacements. Ordinary
|
|
34
|
+
Brick applications do not import Atom directly. When no Brick component owns
|
|
35
|
+
the job, record the native or framework fallback and its missing capability.
|
|
36
|
+
|
|
37
|
+
After selecting a component, read `interface-composition` and follow its
|
|
38
|
+
customization order: supported props, semantic theme tokens, documented
|
|
39
|
+
component tokens, public compound parts, and only then a narrow `className` or
|
|
40
|
+
stable-hook escape hatch. The JSON artifact defines a structured gap report
|
|
41
|
+
for every fallback or direct Brick declaration that remains after this search.
|
|
42
|
+
|
|
43
|
+
Agent Knowledge is public usage guidance. It does not contain private prompts,
|
|
44
|
+
ranking policy, customer information, or application workflows.
|
|
@@ -17,6 +17,12 @@ Set an appearance on the document or any subtree:
|
|
|
17
17
|
|
|
18
18
|
Remove the attribute to return to the system preference.
|
|
19
19
|
|
|
20
|
+
The complete stylesheet and modular `core.css` apply the active semantic
|
|
21
|
+
canvas, primary text color, body family, body size, and body line height to the
|
|
22
|
+
document body through a low-specificity foundation rule. Themes normally
|
|
23
|
+
change those semantic values rather than adding another body rule. Consumer
|
|
24
|
+
CSS in a later layer can deliberately replace the document treatment.
|
|
25
|
+
|
|
20
26
|
## Custom themes
|
|
21
27
|
|
|
22
28
|
Override public semantic variables through ordinary CSS:
|
|
@@ -17,7 +17,10 @@ import "@flowstack-ui/brick/styles.css";
|
|
|
17
17
|
```
|
|
18
18
|
|
|
19
19
|
This stylesheet contains default tokens, foundations, released component CSS,
|
|
20
|
-
and required keyframes.
|
|
20
|
+
and required keyframes. Its low-specificity document foundation applies the
|
|
21
|
+
canvas, primary foreground, body family, body size, and body line height from
|
|
22
|
+
Brick's semantic tokens. A theme changes those tokens instead of repeating a
|
|
23
|
+
separate `body` rule. Importing JavaScript does not import CSS automatically.
|
|
21
24
|
|
|
22
25
|
## Optional reset
|
|
23
26
|
|
|
@@ -28,8 +31,9 @@ import "@flowstack-ui/brick/reset.css";
|
|
|
28
31
|
import "@flowstack-ui/brick/styles.css";
|
|
29
32
|
```
|
|
30
33
|
|
|
31
|
-
The reset is never included by `styles.css`.
|
|
32
|
-
and
|
|
34
|
+
The reset is never included by `styles.css`. It owns neutral normalization such
|
|
35
|
+
as page sizing and margin removal; it does not paint the document. Existing
|
|
36
|
+
applications can omit it and keep their own reset or browser defaults.
|
|
33
37
|
|
|
34
38
|
## Tokens without components
|
|
35
39
|
|
|
@@ -54,9 +58,10 @@ import "@flowstack-ui/brick/styles/button.css";
|
|
|
54
58
|
import "@flowstack-ui/brick/styles/card.css";
|
|
55
59
|
```
|
|
56
60
|
|
|
57
|
-
`core.css` contains Brick's layer order, default tokens, and
|
|
58
|
-
|
|
59
|
-
|
|
61
|
+
`core.css` contains Brick's layer order, default tokens, and foundations,
|
|
62
|
+
including the same token-driven document canvas and body typography as the
|
|
63
|
+
complete stylesheet. Import it before component styles. Each component
|
|
64
|
+
stylesheet owns that component's rules and every shared visual recipe it renders internally;
|
|
60
65
|
for example, `checkbox-group.css` already includes the Checkbox artwork and
|
|
61
66
|
`toggle-group.css` already includes the Toggle item recipe. Component styles do
|
|
62
67
|
not repeat tokens or foundations.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flowstack-ui/brick",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.5",
|
|
4
4
|
"description": "Opinionated styled React components built on @flowstack-ui/atom.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -31,6 +31,9 @@
|
|
|
31
31
|
"types": "./dist/index.d.ts",
|
|
32
32
|
"default": "./dist/index.js"
|
|
33
33
|
},
|
|
34
|
+
"./agents/manifest.json": "./dist/agents/manifest.json",
|
|
35
|
+
"./agents/*.json": "./dist/agents/*.json",
|
|
36
|
+
"./agents/*.md": "./dist/agents/*.md",
|
|
34
37
|
"./button": {
|
|
35
38
|
"types": "./dist/button.d.ts",
|
|
36
39
|
"default": "./dist/button.js"
|
|
@@ -335,11 +338,14 @@
|
|
|
335
338
|
"files": [
|
|
336
339
|
"dist",
|
|
337
340
|
"docs/guides/installation.md",
|
|
338
|
-
"docs/guides/appearance-and-tokens.md"
|
|
341
|
+
"docs/guides/appearance-and-tokens.md",
|
|
342
|
+
"docs/guides/agent-knowledge.md"
|
|
339
343
|
],
|
|
340
344
|
"scripts": {
|
|
341
345
|
"clean": "node scripts/clean.mjs",
|
|
342
|
-
"build": "npm run clean && npm run build:js && npm run build:css",
|
|
346
|
+
"build": "npm run clean && npm run build:js && npm run build:css && npm run agents:build",
|
|
347
|
+
"agents:build": "node scripts/build-agent-knowledge.mjs",
|
|
348
|
+
"agents:check": "node scripts/build-agent-knowledge.mjs --check",
|
|
343
349
|
"build:js": "tsc -p tsconfig.build.json",
|
|
344
350
|
"build:css": "node scripts/build-styles.mjs --mode production",
|
|
345
351
|
"build:css:dev": "node scripts/build-styles.mjs --mode development",
|
|
@@ -407,7 +413,7 @@
|
|
|
407
413
|
"verify:playground-composition": "node scripts/verify-playground-composition.mjs",
|
|
408
414
|
"check": "npm run check:repository",
|
|
409
415
|
"check:focused": "npm run test:component",
|
|
410
|
-
"check:repository": "npm run verify:repository-contract && npm run test:ownership && npm run docs:component && npm run docs:component:semantic && npm run verify:typography && npm run verify:playground-primitives && npm run verify:playground-stack && npm run verify:playground-grid && npm run verify:playground-container && npm run verify:playground-surface && npm run verify:playground-divider && npm run verify:playground-scroll-area && npm run verify:playground-code && npm run verify:playground-nav-list && npm run verify:playground-sidebar && npm run verify:playground-icon && npm run verify:playground-image && npm run verify:playground-list && npm run verify:playground-composition && npm run build && npm run typecheck:built && npm run test:node:built && npm run test:components && npm run test:css && npm run build:playground:built && npm run build:consumer:built && npm run pack:check && npm run verify:consumers:built",
|
|
416
|
+
"check:repository": "npm run verify:repository-contract && npm run agents:check && npm run test:ownership && npm run docs:component && npm run docs:component:semantic && npm run verify:typography && npm run verify:playground-primitives && npm run verify:playground-stack && npm run verify:playground-grid && npm run verify:playground-container && npm run verify:playground-surface && npm run verify:playground-divider && npm run verify:playground-scroll-area && npm run verify:playground-code && npm run verify:playground-nav-list && npm run verify:playground-sidebar && npm run verify:playground-icon && npm run verify:playground-image && npm run verify:playground-list && npm run verify:playground-composition && npm run build && npm run typecheck:built && npm run test:node:built && npm run test:components && npm run test:css && npm run build:playground:built && npm run build:consumer:built && npm run pack:check && npm run verify:consumers:built",
|
|
411
417
|
"check:release": "npm run check:repository && npm run test:browser:release:built && npm run verify:consumer:built && npm run size:css",
|
|
412
418
|
"prepublishOnly": "npm run build"
|
|
413
419
|
},
|
|
@@ -424,7 +430,7 @@
|
|
|
424
430
|
"react-dom": ">=18"
|
|
425
431
|
},
|
|
426
432
|
"dependencies": {
|
|
427
|
-
"@flowstack-ui/atom": "0.
|
|
433
|
+
"@flowstack-ui/atom": "0.21.0"
|
|
428
434
|
},
|
|
429
435
|
"devDependencies": {
|
|
430
436
|
"@axe-core/playwright": "^4.12.1",
|