@layer brick.tokens,brick.foundations;@layer brick.components{.brick-card{--brick-card-space:var(--brick-space-5);--brick-card-radius:var(--brick-radius-surface);--brick-card-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 18%);--brick-card-background:var(--brick-color-surface-raised);--brick-card-border-color:var(--brick-color-border-subtle);--brick-card-title-size:var(--brick-typography-surface-title-md-font-size);box-sizing:border-box;border:var(--brick-border-width) solid var(--brick-card-border-color);border-radius:var(--brick-card-radius);background:var(--brick-card-background);min-inline-size:0;max-inline-size:100%;box-shadow:none;color:var(--brick-color-text-primary);overflow-wrap:anywhere;flex-direction:column;display:flex;overflow:clip}.brick-card[data-variant=elevated]{--brick-card-background:color-mix(in srgb, var(--brick-color-surface-raised), white 6%);--brick-card-border-color:color-mix(in srgb, var(--brick-color-border-subtle), transparent 45%);box-shadow:var(--brick-card-shadow)}.brick-card[data-variant=subtle]{--brick-card-background:var(--brick-color-surface-subtle);--brick-card-border-color:transparent}.brick-card[data-size=sm]{--brick-card-space:var(--brick-space-3);--brick-card-title-size:var(--brick-typography-surface-title-sm-font-size)}.brick-card[data-size=lg]{--brick-card-space:var(--brick-space-6);--brick-card-title-size:var(--brick-typography-surface-title-lg-font-size)}.brick-card-header{gap:var(--brick-space-1) var(--brick-space-3);min-inline-size:0;padding:var(--brick-card-space);grid-template-columns:minmax(0,1fr) auto;grid-auto-flow:row;align-items:start;display:grid}.brick-card-title,.brick-card-description{grid-column:1;min-inline-size:0;margin:0}.brick-card-title{color:var(--brick-color-text-primary);font-family:var(--brick-typography-surface-title-md-font-family);font-size:var(--brick-card-title-size);font-weight:var(--brick-typography-surface-title-md-font-weight);letter-spacing:var(--brick-typography-surface-title-md-letter-spacing);line-height:var(--brick-typography-surface-title-md-line-height)}.brick-card-description{color:var(--brick-color-text-secondary);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-typography-supporting-sm-line-height)}.brick-card-action{grid-area:1/2/-1;justify-content:end;align-items:start;min-inline-size:0;max-inline-size:100%;display:flex}.brick-card-content{min-inline-size:0;padding-inline:var(--brick-card-space);color:var(--brick-color-text-primary);line-height:var(--brick-typography-body-md-line-height);padding-block-end:var(--brick-card-space)}.brick-card>.brick-card-content:first-child{padding-block-start:var(--brick-card-space)}.brick-card-footer{align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding-inline:var(--brick-card-space);flex-wrap:wrap;padding-block-end:var(--brick-card-space);display:flex}.brick-card>.brick-card-footer:first-child{padding-block-start:var(--brick-card-space)}.brick-card>:where(img,picture,video){inline-size:100%;max-inline-size:100%;display:block}.brick-card>:where(img,video),.brick-card>picture>img{block-size:auto}@media (forced-colors:active){.brick-card,.brick-card[data-variant=elevated],.brick-card[data-variant=subtle]{box-shadow:none;border-color:canvastext}}@media (forced-colors:active){.brick-code{--brick-code-foreground:CanvasText;--brick-code-background:Canvas;--brick-code-border-color:CanvasText}}:where(.brick-button,.brick-icon-button)[data-loading]:after{inline-size:var(--brick-action-spinner-size);block-size:var(--brick-action-spinner-size);border:.125rem solid #0000;border-block-start-color:var(--brick-action-spinner-color);border-inline-end-color:var(--brick-action-spinner-color);border-radius:var(--brick-radius-full);content:"";animation:.7s linear infinite brick-action-spinner-spin;position:absolute;inset-block-start:50%;inset-inline-start:50%}:where([dir=rtl]) :where(.brick-button,.brick-icon-button)[data-loading]:after{animation-name:brick-action-spinner-spin-rtl}@media (prefers-reduced-motion:reduce){:where(.brick-button,.brick-icon-button)[data-loading]:after{animation-duration:1.4s}}@media (forced-colors:active){:where(.brick-button,.brick-icon-button)[data-loading]:after{border-block-start-color:buttontext;border-inline-end-color:buttontext}}@keyframes brick-action-spinner-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes brick-action-spinner-spin-rtl{0%{transform:translate(50%,-50%)rotate(0)}to{transform:translate(50%,-50%)rotate(360deg)}}.brick-button{--brick-button-background:var(--brick-button-tone-solid);--brick-button-background-hover:var(--brick-button-tone-solid-hover);--brick-button-background-pressed:var(--brick-button-tone-solid-pressed);--brick-button-foreground:var(--brick-button-tone-on-solid);--brick-button-border-color:var(--brick-button-background);--brick-button-focus-ring:var(--brick-color-focus-ring);--brick-button-min-block-size:var(--brick-control-min-block-size-md);--brick-button-padding-block:.5rem;--brick-button-padding-inline:1rem;--brick-button-gap:.5rem;--brick-button-radius:var(--brick-radius-control);--brick-button-font-family:var(--brick-typography-control-md-font-family);--brick-button-font-size:var(--brick-typography-control-md-font-size);--brick-button-font-weight:var(--brick-typography-control-md-font-weight);--brick-button-line-height:var(--brick-typography-control-md-line-height);--brick-button-letter-spacing:var(--brick-typography-control-md-letter-spacing);--brick-button-icon-size:1.125rem;--brick-action-spinner-size:1em;--brick-action-spinner-color:var(--brick-button-spinner-color,var(--brick-button-foreground));box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-button-min-block-size);justify-content:center;align-items:center;gap:var(--brick-button-gap);padding-block:var(--brick-button-padding-block);padding-inline:var(--brick-button-padding-inline);border:var(--brick-border-width) solid var(--brick-button-border-color);border-radius:var(--brick-button-radius);appearance:none;background:var(--brick-button-background);color:var(--brick-button-foreground);font-family:var(--brick-button-font-family);font-size:var(--brick-button-font-size);font-weight:var(--brick-button-font-weight);letter-spacing:var(--brick-button-letter-spacing);line-height:var(--brick-button-line-height);text-align:center;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;vertical-align:middle;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);text-decoration:none;display:inline-flex;position:relative}.brick-button:not([data-disabled],[data-loading]){cursor:pointer}.brick-button:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-button-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-button:not([data-disabled],[data-loading]):active{background:var(--brick-button-background-pressed);border-color:var(--brick-button-background-pressed)}.brick-button[data-variant=soft]:not([data-disabled],[data-loading]):active,.brick-button[data-variant=outline]:not([data-disabled],[data-loading]):active{border-color:var(--brick-button-tone-border)}.brick-button[data-variant=ghost]:not([data-disabled],[data-loading]):active{border-color:#0000}.brick-button[data-disabled]{border-color:var(--brick-color-border-default);background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);cursor:not-allowed}.brick-button[data-loading]{cursor:progress;color:#0000}.brick-button[data-loading]>*{opacity:0}.brick-button[data-disabled][data-loading]{--brick-button-spinner-color:var(--brick-color-text-secondary)}.brick-button__content{min-inline-size:0}.brick-button__icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.brick-button__icon>:where(svg,img){inline-size:var(--brick-button-icon-size);block-size:var(--brick-button-icon-size)}.brick-button[data-full-width]{inline-size:100%}.brick-button[data-shape=sharp]{--brick-button-radius:0}.brick-button[data-shape=pill]{--brick-button-radius:var(--brick-radius-full)}.brick-button[data-size=xs]{--brick-button-min-block-size:var(--brick-control-min-block-size-xs);--brick-button-padding-block:.25rem;--brick-button-padding-inline:.625rem;--brick-button-gap:.375rem;--brick-button-font-size:var(--brick-typography-control-xs-font-size);--brick-button-icon-size:.875rem}.brick-button[data-size=sm]{--brick-button-min-block-size:var(--brick-control-min-block-size-sm);--brick-button-padding-block:.375rem;--brick-button-padding-inline:.75rem;--brick-button-gap:.375rem;--brick-button-font-size:var(--brick-typography-control-sm-font-size);--brick-button-icon-size:1rem}.brick-button[data-size=lg]{--brick-button-min-block-size:var(--brick-control-min-block-size-lg);--brick-button-padding-block:.625rem;--brick-button-padding-inline:1.25rem;--brick-button-gap:.625rem;--brick-button-font-size:var(--brick-typography-control-lg-font-size);--brick-button-icon-size:1.25rem}.brick-button[data-size=xl]{--brick-button-min-block-size:var(--brick-control-min-block-size-xl);--brick-button-padding-block:.75rem;--brick-button-padding-inline:1.5rem;--brick-button-gap:.75rem;--brick-button-font-size:var(--brick-typography-control-xl-font-size);--brick-button-icon-size:1.5rem}.brick-button[data-tone=neutral]{--brick-button-tone-solid:var(--brick-color-text-primary);--brick-button-tone-solid-hover:var(--brick-color-text-secondary);--brick-button-tone-solid-pressed:color-mix(in srgb, var(--brick-color-text-primary), var(--brick-color-text-secondary) 35%);--brick-button-tone-on-solid:var(--brick-color-text-inverse);--brick-button-tone-soft:var(--brick-color-surface-subtle);--brick-button-tone-soft-hover:var(--brick-color-surface-base);--brick-button-tone-soft-pressed:var(--brick-color-border-subtle);--brick-button-tone-on-soft:var(--brick-color-text-primary);--brick-button-tone-border:var(--brick-color-border-strong);--brick-button-tone-text:var(--brick-color-text-primary)}.brick-button[data-tone=accent]{--brick-button-tone-solid:var(--brick-color-accent-solid);--brick-button-tone-solid-hover:var(--brick-color-accent-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-accent-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-accent-on-solid);--brick-button-tone-soft:var(--brick-color-accent-soft);--brick-button-tone-soft-hover:var(--brick-color-accent-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-accent-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-accent-on-soft);--brick-button-tone-border:var(--brick-color-accent-border);--brick-button-tone-text:var(--brick-color-accent-text)}.brick-button[data-tone=info]{--brick-button-tone-solid:var(--brick-color-info-solid);--brick-button-tone-solid-hover:var(--brick-color-info-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-info-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-info-on-solid);--brick-button-tone-soft:var(--brick-color-info-soft);--brick-button-tone-soft-hover:var(--brick-color-info-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-info-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-info-on-soft);--brick-button-tone-border:var(--brick-color-info-border);--brick-button-tone-text:var(--brick-color-info-text)}.brick-button[data-tone=success]{--brick-button-tone-solid:var(--brick-color-success-solid);--brick-button-tone-solid-hover:var(--brick-color-success-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-success-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-success-on-solid);--brick-button-tone-soft:var(--brick-color-success-soft);--brick-button-tone-soft-hover:var(--brick-color-success-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-success-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-success-on-soft);--brick-button-tone-border:var(--brick-color-success-border);--brick-button-tone-text:var(--brick-color-success-text)}.brick-button[data-tone=warning]{--brick-button-tone-solid:var(--brick-color-warning-solid);--brick-button-tone-solid-hover:var(--brick-color-warning-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-warning-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-warning-on-solid);--brick-button-tone-soft:var(--brick-color-warning-soft);--brick-button-tone-soft-hover:var(--brick-color-warning-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-warning-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-warning-on-soft);--brick-button-tone-border:var(--brick-color-warning-border);--brick-button-tone-text:var(--brick-color-warning-text)}.brick-button[data-tone=danger]{--brick-button-tone-solid:var(--brick-color-danger-solid);--brick-button-tone-solid-hover:var(--brick-color-danger-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-danger-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-danger-on-solid);--brick-button-tone-soft:var(--brick-color-danger-soft);--brick-button-tone-soft-hover:var(--brick-color-danger-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-danger-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-danger-on-soft);--brick-button-tone-border:var(--brick-color-danger-border);--brick-button-tone-text:var(--brick-color-danger-text)}.brick-button[data-variant=soft]{--brick-button-background:var(--brick-button-tone-soft);--brick-button-background-hover:var(--brick-button-tone-soft-hover);--brick-button-background-pressed:var(--brick-button-tone-soft-pressed);--brick-button-foreground:var(--brick-button-tone-on-soft);--brick-button-border-color:var(--brick-button-tone-border)}.brick-button[data-variant=outline]{--brick-button-background:transparent;--brick-button-background-hover:var(--brick-button-tone-soft);--brick-button-background-pressed:var(--brick-button-tone-soft-hover);--brick-button-foreground:var(--brick-button-tone-text);--brick-button-border-color:var(--brick-button-tone-border)}.brick-button[data-variant=ghost]{--brick-button-background:transparent;--brick-button-background-hover:var(--brick-button-tone-soft);--brick-button-background-pressed:var(--brick-button-tone-soft-hover);--brick-button-foreground:var(--brick-button-tone-text);--brick-button-border-color:transparent}@media (hover:hover) and (pointer:fine){.brick-button:not([data-disabled],[data-loading]):hover{background:var(--brick-button-background-hover);border-color:var(--brick-button-background-hover)}.brick-button[data-variant=soft]:not([data-disabled],[data-loading]):hover,.brick-button[data-variant=outline]:not([data-disabled],[data-loading]):hover{border-color:var(--brick-button-tone-border)}.brick-button[data-variant=ghost]:not([data-disabled],[data-loading]):hover{border-color:#0000}}@media (prefers-reduced-motion:reduce){.brick-button{transition-duration:0s}}@media (forced-colors:active){.brick-button{color:buttontext;background:buttonface;border-color:buttontext}.brick-button:focus-visible{outline-color:highlight}.brick-button[data-disabled]{color:graytext;opacity:1;border-color:graytext}}.brick-code{--brick-code-foreground:var(--brick-color-text-primary);--brick-code-background:var(--brick-color-surface-subtle);--brick-code-border-color:var(--brick-color-border-subtle);--brick-code-border-width:var(--brick-border-width);--brick-code-radius:var(--brick-radius-subtle);--brick-code-padding-block:.0625em;--brick-code-padding-inline:.3em;--brick-code-font-family:var(--brick-typography-code-inline-font-family);--brick-code-font-size:var(--brick-typography-code-inline-font-size);--brick-code-font-weight:var(--brick-typography-code-inline-font-weight);--brick-code-line-height:var(--brick-typography-code-inline-line-height);--brick-code-letter-spacing:var(--brick-typography-code-inline-letter-spacing);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:var(--brick-code-padding-block) var(--brick-code-padding-inline);border:var(--brick-code-border-width) solid var(--brick-code-border-color);border-radius:var(--brick-code-radius);background:var(--brick-code-background);color:var(--brick-code-foreground);font-family:var(--brick-code-font-family);font-size:var(--brick-code-font-size);font-weight:var(--brick-code-font-weight);letter-spacing:var(--brick-code-letter-spacing);line-height:var(--brick-code-line-height);overflow-wrap:anywhere;white-space:normal}.brick-code[data-variant=plain]{--brick-code-background:transparent;--brick-code-border-width:0rem;--brick-code-padding-block:0em;--brick-code-padding-inline:0em}.brick-code[data-tone=inherit]{--brick-code-foreground:currentColor}.brick-code[data-size=sm]{--brick-code-font-size:var(--brick-typography-body-sm-font-size);--brick-code-line-height:var(--brick-typography-body-sm-line-height)}.brick-code[data-size=md]{--brick-code-font-size:var(--brick-typography-body-md-font-size);--brick-code-line-height:var(--brick-typography-body-md-line-height)}@media (forced-colors:active){.brick-code{--brick-code-foreground:CanvasText;--brick-code-background:Canvas;--brick-code-border-color:CanvasText}}.brick-scroll-area{--brick-scroll-area-scrollbar-thumb:var(--brick-color-border-strong);--brick-scroll-area-scrollbar-track:transparent;min-block-size:0;min-inline-size:0}.brick-scroll-area-viewport{box-sizing:border-box;scrollbar-color:var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track);scrollbar-width:auto;block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0}.brick-scroll-area-viewport[data-orientation=vertical]{overflow:hidden auto}.brick-scroll-area-viewport[data-orientation=horizontal]{overflow:auto hidden}.brick-scroll-area-viewport[data-orientation=both]{overflow:auto}.brick-scroll-area[data-scrollbar-gutter=stable]>.brick-scroll-area-viewport{scrollbar-gutter:stable}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=vertical]{overflow-y:scroll}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=horizontal]{overflow-x:scroll}.brick-scroll-area[data-scrollbar-visibility=always]>.brick-scroll-area-viewport[data-orientation=both]{overflow:scroll}.brick-scroll-area[data-scrollbar-visibility=interaction]>.brick-scroll-area-viewport{scrollbar-color:transparent transparent}.brick-scroll-area[data-scrollbar-visibility=interaction]:is(:hover,:focus-within)>.brick-scroll-area-viewport{scrollbar-color:var(--brick-scroll-area-scrollbar-thumb) var(--brick-scroll-area-scrollbar-track)}.brick-scroll-area-viewport:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-color-focus-ring);outline-offset:calc(-1 * var(--brick-border-focus-width))}@media (forced-colors:active){.brick-scroll-area-viewport,.brick-scroll-area[data-scrollbar-visibility=interaction]>.brick-scroll-area-viewport{scrollbar-color:auto}.brick-scroll-area-viewport:focus-visible{outline-color:highlight}}.brick-code-block{--brick-code-block-background:var(--brick-color-surface-subtle);--brick-code-block-foreground:var(--brick-color-text-primary);--brick-code-block-border-color:var(--brick-color-border-subtle);--brick-code-block-border-width:0rem;--brick-code-block-radius:var(--brick-radius-surface);--brick-code-block-header-padding:var(--brick-space-3) var(--brick-space-4);--brick-code-block-content-padding:var(--brick-space-4);--brick-code-block-gap:var(--brick-space-2);--brick-code-block-font-family:var(--brick-typography-code-block-md-font-family);--brick-code-block-font-size:var(--brick-typography-code-block-md-font-size);--brick-code-block-font-weight:var(--brick-typography-code-block-md-font-weight);--brick-code-block-line-height:var(--brick-typography-code-block-md-line-height);--brick-code-block-letter-spacing:var(--brick-typography-code-block-md-letter-spacing);--brick-code-block-selection-background:var(--brick-color-accent-surface);--brick-code-block-selection-foreground:var(--brick-color-accent-text);box-sizing:border-box;border:var(--brick-code-block-border-width) solid var(--brick-code-block-border-color);border-radius:var(--brick-code-block-radius);background:var(--brick-code-block-background);min-inline-size:0;max-inline-size:100%;color:var(--brick-code-block-foreground);overflow:clip}.brick-code-block[data-variant=bordered]{--brick-code-block-background:var(--brick-color-surface-base);--brick-code-block-border-width:var(--brick-border-width)}.brick-code-block[data-variant=plain]{--brick-code-block-background:transparent;--brick-code-block-radius:0rem}.brick-code-block[data-size=sm]{--brick-code-block-header-padding:var(--brick-space-2) var(--brick-space-3);--brick-code-block-content-padding:var(--brick-space-3);--brick-code-block-font-family:var(--brick-typography-code-block-sm-font-family);--brick-code-block-font-size:var(--brick-typography-code-block-sm-font-size);--brick-code-block-font-weight:var(--brick-typography-code-block-sm-font-weight);--brick-code-block-line-height:var(--brick-typography-code-block-sm-line-height);--brick-code-block-letter-spacing:var(--brick-typography-code-block-sm-letter-spacing)}.brick-code-block-header{align-items:center;gap:var(--brick-code-block-gap);min-inline-size:0;padding:var(--brick-code-block-header-padding);border-block-end:var(--brick-border-width) solid var(--brick-code-block-border-color);display:flex}.brick-code-block-title{min-inline-size:0;color:var(--brick-color-text-primary);font:var(--brick-font-weight-medium) var(--brick-typography-body-sm-font-size) / var(--brick-typography-body-sm-line-height) var(--brick-font-family-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brick-code-block-language{color:var(--brick-color-text-secondary);font:var(--brick-font-weight-medium) var(--brick-typography-caption-font-size) / var(--brick-typography-caption-line-height) var(--brick-font-family-mono)}.brick-code-block-actions{align-items:center;gap:var(--brick-space-1);margin-inline-start:auto;display:flex}.brick-code-block-scroll-area{max-inline-size:100%}.brick-code-block-content{max-inline-size:100%;padding:var(--brick-code-block-content-padding)}.brick-code-block-pre{min-inline-size:max-content;font-family:var(--brick-code-block-font-family);font-size:var(--brick-code-block-font-size);font-weight:var(--brick-code-block-font-weight);letter-spacing:var(--brick-code-block-letter-spacing);line-height:var(--brick-code-block-line-height);tab-size:2;white-space:pre;margin:0}.brick-code-block-content[data-wrap=wrap] .brick-code-block-pre{white-space:pre-wrap;overflow-wrap:anywhere;min-inline-size:0}.brick-code-block-pre>.brick-code{font:inherit;letter-spacing:inherit;white-space:inherit}.brick-code-block-pre ::selection{background:var(--brick-code-block-selection-background);color:var(--brick-code-block-selection-foreground)}.brick-code-block-copy-status{padding-inline:var(--brick-space-4);color:var(--brick-color-text-secondary);font:var(--brick-typography-caption-font-weight) var(--brick-typography-caption-font-size) / var(--brick-typography-caption-line-height) var(--brick-typography-caption-font-family);display:block}.brick-code-block-copy-status:not(:empty){padding-block:var(--brick-space-2)}@media (forced-colors:active){.brick-code-block{--brick-code-block-background:Canvas;--brick-code-block-foreground:CanvasText;--brick-code-block-border-color:CanvasText;--brick-code-block-border-width:var(--brick-border-width);--brick-code-block-selection-background:Highlight;--brick-code-block-selection-foreground:HighlightText}}.brick-grid{--brick-grid-columns:1;--brick-grid-gap:var(--brick-space-0);--brick-grid-row-gap:var(--brick-grid-gap);--brick-grid-column-gap:var(--brick-grid-gap);--brick-grid-min-item-size:16rem;box-sizing:border-box;grid-auto-flow:row;grid-template-columns:repeat(var(--brick-grid-columns), minmax(0, 1fr));place-items:stretch stretch;row-gap:var(--brick-grid-row-gap);column-gap:var(--brick-grid-column-gap);min-inline-size:0;display:grid}.brick-grid[data-mode=intrinsic]{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--brick-grid-min-item-size)), 1fr))}.brick-grid[data-columns="2"]{--brick-grid-columns:2}.brick-grid[data-columns="3"]{--brick-grid-columns:3}.brick-grid[data-columns="4"]{--brick-grid-columns:4}.brick-grid[data-columns="5"]{--brick-grid-columns:5}.brick-grid[data-columns="6"]{--brick-grid-columns:6}.brick-grid[data-columns="7"]{--brick-grid-columns:7}.brick-grid[data-columns="8"]{--brick-grid-columns:8}.brick-grid[data-columns="9"]{--brick-grid-columns:9}.brick-grid[data-columns="10"]{--brick-grid-columns:10}.brick-grid[data-columns="11"]{--brick-grid-columns:11}.brick-grid[data-columns="12"]{--brick-grid-columns:12}.brick-grid[data-min-item-size=xs]{--brick-grid-min-item-size:8rem}.brick-grid[data-min-item-size=sm]{--brick-grid-min-item-size:12rem}.brick-grid[data-min-item-size=md]{--brick-grid-min-item-size:16rem}.brick-grid[data-min-item-size=lg]{--brick-grid-min-item-size:20rem}.brick-grid[data-min-item-size=xl]{--brick-grid-min-item-size:24rem}.brick-grid[data-gap="1"]{--brick-grid-gap:var(--brick-space-1)}.brick-grid[data-gap="2"]{--brick-grid-gap:var(--brick-space-2)}.brick-grid[data-gap="3"]{--brick-grid-gap:var(--brick-space-3)}.brick-grid[data-gap="4"]{--brick-grid-gap:var(--brick-space-4)}.brick-grid[data-gap="5"]{--brick-grid-gap:var(--brick-space-5)}.brick-grid[data-gap="6"]{--brick-grid-gap:var(--brick-space-6)}.brick-grid[data-row-gap="0"]{--brick-grid-row-gap:var(--brick-space-0)}.brick-grid[data-row-gap="1"]{--brick-grid-row-gap:var(--brick-space-1)}.brick-grid[data-row-gap="2"]{--brick-grid-row-gap:var(--brick-space-2)}.brick-grid[data-row-gap="3"]{--brick-grid-row-gap:var(--brick-space-3)}.brick-grid[data-row-gap="4"]{--brick-grid-row-gap:var(--brick-space-4)}.brick-grid[data-row-gap="5"]{--brick-grid-row-gap:var(--brick-space-5)}.brick-grid[data-row-gap="6"]{--brick-grid-row-gap:var(--brick-space-6)}.brick-grid[data-column-gap="0"]{--brick-grid-column-gap:var(--brick-space-0)}.brick-grid[data-column-gap="1"]{--brick-grid-column-gap:var(--brick-space-1)}.brick-grid[data-column-gap="2"]{--brick-grid-column-gap:var(--brick-space-2)}.brick-grid[data-column-gap="3"]{--brick-grid-column-gap:var(--brick-space-3)}.brick-grid[data-column-gap="4"]{--brick-grid-column-gap:var(--brick-space-4)}.brick-grid[data-column-gap="5"]{--brick-grid-column-gap:var(--brick-space-5)}.brick-grid[data-column-gap="6"]{--brick-grid-column-gap:var(--brick-space-6)}.brick-grid[data-align=start]{align-items:start}.brick-grid[data-align=center]{align-items:center}.brick-grid[data-align=end]{align-items:end}.brick-grid[data-align=baseline]{align-items:baseline}.brick-grid[data-justify=start]{justify-items:start}.brick-grid[data-justify=center]{justify-items:center}.brick-grid[data-justify=end]{justify-items:end}.brick-grid>*,.brick-grid-item{min-inline-size:0}.brick-grid-item{--brick-grid-item-column-start:auto;--brick-grid-item-column-end:auto;--brick-grid-item-row-start:auto;--brick-grid-item-row-end:auto;box-sizing:border-box;grid-column-start:var(--brick-grid-item-column-start);grid-column-end:var(--brick-grid-item-column-end);grid-row-start:var(--brick-grid-item-row-start);grid-row-end:var(--brick-grid-item-row-end);place-self:auto}.brick-grid-item[data-align=stretch]{align-self:stretch}.brick-grid-item[data-align=start]{align-self:start}.brick-grid-item[data-align=center]{align-self:center}.brick-grid-item[data-align=end]{align-self:end}.brick-grid-item[data-align=baseline]{align-self:baseline}.brick-grid-item[data-justify=stretch]{justify-self:stretch}.brick-grid-item[data-justify=start]{justify-self:start}.brick-grid-item[data-justify=center]{justify-self:center}.brick-grid-item[data-justify=end]{justify-self:end}.brick-grid-item[data-column-span=full]{--brick-grid-item-column-start:1;--brick-grid-item-column-end:-1}.brick-grid-item[data-column-span="1"]{--brick-grid-item-column-end:span 1}.brick-grid-item[data-column-span="2"]{--brick-grid-item-column-end:span 2}.brick-grid-item[data-column-span="3"]{--brick-grid-item-column-end:span 3}.brick-grid-item[data-column-span="4"]{--brick-grid-item-column-end:span 4}.brick-grid-item[data-column-span="5"]{--brick-grid-item-column-end:span 5}.brick-grid-item[data-column-span="6"]{--brick-grid-item-column-end:span 6}.brick-grid-item[data-column-span="7"]{--brick-grid-item-column-end:span 7}.brick-grid-item[data-column-span="8"]{--brick-grid-item-column-end:span 8}.brick-grid-item[data-column-span="9"]{--brick-grid-item-column-end:span 9}.brick-grid-item[data-column-span="10"]{--brick-grid-item-column-end:span 10}.brick-grid-item[data-column-span="11"]{--brick-grid-item-column-end:span 11}.brick-grid-item[data-column-span="12"]{--brick-grid-item-column-end:span 12}.brick-grid-item[data-row-span="1"]{--brick-grid-item-row-end:span 1}.brick-grid-item[data-row-span="2"]{--brick-grid-item-row-end:span 2}.brick-grid-item[data-row-span="3"]{--brick-grid-item-row-end:span 3}.brick-grid-item[data-row-span="4"]{--brick-grid-item-row-end:span 4}.brick-grid-item[data-row-span="5"]{--brick-grid-item-row-end:span 5}.brick-grid-item[data-row-span="6"]{--brick-grid-item-row-end:span 6}.brick-grid-item[data-row-span="7"]{--brick-grid-item-row-end:span 7}.brick-grid-item[data-row-span="8"]{--brick-grid-item-row-end:span 8}.brick-grid-item[data-row-span="9"]{--brick-grid-item-row-end:span 9}.brick-grid-item[data-row-span="10"]{--brick-grid-item-row-end:span 10}.brick-grid-item[data-row-span="11"]{--brick-grid-item-row-end:span 11}.brick-grid-item[data-row-span="12"]{--brick-grid-item-row-end:span 12}.brick-grid-item[data-column-start="1"]{--brick-grid-item-column-start:1}.brick-grid-item[data-column-start="2"]{--brick-grid-item-column-start:2}.brick-grid-item[data-column-start="3"]{--brick-grid-item-column-start:3}.brick-grid-item[data-column-start="4"]{--brick-grid-item-column-start:4}.brick-grid-item[data-column-start="5"]{--brick-grid-item-column-start:5}.brick-grid-item[data-column-start="6"]{--brick-grid-item-column-start:6}.brick-grid-item[data-column-start="7"]{--brick-grid-item-column-start:7}.brick-grid-item[data-column-start="8"]{--brick-grid-item-column-start:8}.brick-grid-item[data-column-start="9"]{--brick-grid-item-column-start:9}.brick-grid-item[data-column-start="10"]{--brick-grid-item-column-start:10}.brick-grid-item[data-column-start="11"]{--brick-grid-item-column-start:11}.brick-grid-item[data-column-start="12"]{--brick-grid-item-column-start:12}.brick-grid-item[data-column-start="13"]{--brick-grid-item-column-start:13}.brick-grid-item[data-column-end="1"]{--brick-grid-item-column-end:1}.brick-grid-item[data-column-end="2"]{--brick-grid-item-column-end:2}.brick-grid-item[data-column-end="3"]{--brick-grid-item-column-end:3}.brick-grid-item[data-column-end="4"]{--brick-grid-item-column-end:4}.brick-grid-item[data-column-end="5"]{--brick-grid-item-column-end:5}.brick-grid-item[data-column-end="6"]{--brick-grid-item-column-end:6}.brick-grid-item[data-column-end="7"]{--brick-grid-item-column-end:7}.brick-grid-item[data-column-end="8"]{--brick-grid-item-column-end:8}.brick-grid-item[data-column-end="9"]{--brick-grid-item-column-end:9}.brick-grid-item[data-column-end="10"]{--brick-grid-item-column-end:10}.brick-grid-item[data-column-end="11"]{--brick-grid-item-column-end:11}.brick-grid-item[data-column-end="12"]{--brick-grid-item-column-end:12}.brick-grid-item[data-column-end="13"]{--brick-grid-item-column-end:13}.brick-grid-item[data-row-start="1"]{--brick-grid-item-row-start:1}.brick-grid-item[data-row-start="2"]{--brick-grid-item-row-start:2}.brick-grid-item[data-row-start="3"]{--brick-grid-item-row-start:3}.brick-grid-item[data-row-start="4"]{--brick-grid-item-row-start:4}.brick-grid-item[data-row-start="5"]{--brick-grid-item-row-start:5}.brick-grid-item[data-row-start="6"]{--brick-grid-item-row-start:6}.brick-grid-item[data-row-start="7"]{--brick-grid-item-row-start:7}.brick-grid-item[data-row-start="8"]{--brick-grid-item-row-start:8}.brick-grid-item[data-row-start="9"]{--brick-grid-item-row-start:9}.brick-grid-item[data-row-start="10"]{--brick-grid-item-row-start:10}.brick-grid-item[data-row-start="11"]{--brick-grid-item-row-start:11}.brick-grid-item[data-row-start="12"]{--brick-grid-item-row-start:12}.brick-grid-item[data-row-start="13"]{--brick-grid-item-row-start:13}.brick-grid-item[data-row-end="1"]{--brick-grid-item-row-end:1}.brick-grid-item[data-row-end="2"]{--brick-grid-item-row-end:2}.brick-grid-item[data-row-end="3"]{--brick-grid-item-row-end:3}.brick-grid-item[data-row-end="4"]{--brick-grid-item-row-end:4}.brick-grid-item[data-row-end="5"]{--brick-grid-item-row-end:5}.brick-grid-item[data-row-end="6"]{--brick-grid-item-row-end:6}.brick-grid-item[data-row-end="7"]{--brick-grid-item-row-end:7}.brick-grid-item[data-row-end="8"]{--brick-grid-item-row-end:8}.brick-grid-item[data-row-end="9"]{--brick-grid-item-row-end:9}.brick-grid-item[data-row-end="10"]{--brick-grid-item-row-end:10}.brick-grid-item[data-row-end="11"]{--brick-grid-item-row-end:11}.brick-grid-item[data-row-end="12"]{--brick-grid-item-row-end:12}.brick-grid-item[data-row-end="13"]{--brick-grid-item-row-end:13}.brick-table-container{box-sizing:border-box;overscroll-behavior-inline:contain;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow-x:auto}.brick-table{--brick-table-inline-size:100%;--brick-table-min-inline-size:0;--brick-table-border-color:var(--brick-color-border-subtle);--brick-table-border-width:var(--brick-border-width);--brick-table-radius:var(--brick-radius-surface);--brick-table-header-background:var(--brick-color-surface-subtle);--brick-table-header-foreground:var(--brick-color-text-primary);--brick-table-body-background:var(--brick-color-surface);--brick-table-row-stripe-background:var(--brick-color-surface-subtle);--brick-table-footer-background:var(--brick-color-surface-subtle);--brick-table-footer-foreground:var(--brick-color-text-primary);--brick-table-cell-foreground:var(--brick-color-text-primary);--brick-table-cell-padding-inline:var(--brick-space-4);--brick-table-cell-padding-block:var(--brick-space-3);--brick-table-row-min-block-size:3rem;--brick-table-caption-foreground:var(--brick-color-text-secondary);--brick-table-caption-gap:var(--brick-space-3);--brick-table-sticky-offset:0px;--brick-table-sticky-z-index:1;--brick-table-sort-indicator-size:1rem;--brick-table-sort-indicator-color:var(--brick-color-text-secondary);inline-size:var(--brick-table-inline-size);min-inline-size:var(--brick-table-min-inline-size);border-collapse:separate;border-spacing:0;color:var(--brick-table-cell-foreground);font-family:var(--brick-typography-body-md-font-family);font-size:var(--brick-typography-body-md-font-size);line-height:var(--brick-typography-body-md-line-height)}.brick-table[data-size=sm]{font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height);--brick-table-row-min-block-size:2.5rem}.brick-table[data-size=lg]{font-size:var(--brick-typography-body-lg-font-size);line-height:var(--brick-typography-body-lg-line-height);--brick-table-row-min-block-size:3.5rem}.brick-table[data-density=compact]{--brick-table-cell-padding-block:var(--brick-space-1)}.brick-table__caption{color:var(--brick-table-caption-foreground);text-align:start}.brick-table__caption[data-side=top]{caption-side:top;padding-block-end:var(--brick-table-caption-gap)}.brick-table__caption[data-side=bottom]{caption-side:bottom;padding-block-start:var(--brick-table-caption-gap)}.brick-table__head,.brick-table__cell{box-sizing:border-box;min-block-size:var(--brick-table-row-min-block-size);padding-block:var(--brick-table-cell-padding-block);padding-inline:var(--brick-table-cell-padding-inline);border-block-end:var(--brick-table-border-width) solid var(--brick-table-border-color);text-align:start;vertical-align:middle;overflow-wrap:break-word}.brick-table__head{color:var(--brick-table-header-foreground);background:var(--brick-table-header-background);font-weight:var(--brick-typography-heading-sm-font-weight);white-space:nowrap}.brick-table__cell{background:var(--brick-table-body-background)}.brick-table__head[data-align=center],.brick-table__cell[data-align=center]{text-align:center}.brick-table__head[data-align=end],.brick-table__cell[data-align=end]{text-align:end}.brick-table__head[data-numeric],.brick-table__cell[data-numeric]{white-space:nowrap;font-variant-numeric:tabular-nums}.brick-table__footer .brick-table__head,.brick-table__footer .brick-table__cell{color:var(--brick-table-footer-foreground);background:var(--brick-table-footer-background);font-weight:var(--brick-typography-heading-sm-font-weight)}.brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(2n) .brick-table__cell,.brick-table[data-striped] .brick-table__body .brick-table__row:nth-child(2n) .brick-table__head{background:var(--brick-table-row-stripe-background)}.brick-table[data-variant=outline]{border:var(--brick-table-border-width) solid var(--brick-table-border-color);border-radius:var(--brick-table-radius)}.brick-table[data-variant=outline] :where(.brick-table__head,.brick-table__cell)+:where(.brick-table__head,.brick-table__cell){border-inline-start:var(--brick-table-border-width) solid var(--brick-table-border-color)}.brick-table[data-variant=outline] .brick-table__footer .brick-table__row:last-child :where(.brick-table__head,.brick-table__cell),.brick-table[data-variant=outline] .brick-table__body:last-child .brick-table__row:last-child :where(.brick-table__head,.brick-table__cell){border-block-end:0}.brick-table[data-variant=outline] .brick-table__footer .brick-table__row:last-child>:first-child{border-end-start-radius:calc(var(--brick-table-radius) - var(--brick-table-border-width))}.brick-table[data-variant=outline] .brick-table__footer .brick-table__row:last-child>:last-child{border-end-end-radius:calc(var(--brick-table-radius) - var(--brick-table-border-width))}.brick-table[data-sticky-header] .brick-table__header .brick-table__head{z-index:var(--brick-table-sticky-z-index);position:sticky;inset-block-start:var(--brick-table-sticky-offset)}.brick-table__sort-indicator{inline-size:var(--brick-table-sort-indicator-size);block-size:var(--brick-table-sort-indicator-size);color:var(--brick-table-sort-indicator-color);flex:none;display:inline-flex}.brick-table__sort-indicator svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;block-size:100%;inline-size:100%}.brick-table__head[data-sort=ascending] .brick-table__sort-indicator path{d:path("m4 10 4-4 4 4")}.brick-table__head[data-sort=descending] .brick-table__sort-indicator path{d:path("m4 6 4 4 4-4")}@media (forced-colors:active){.brick-table{--brick-table-border-color:CanvasText;--brick-table-header-background:Canvas;--brick-table-body-background:Canvas;--brick-table-row-stripe-background:Canvas;--brick-table-footer-background:Canvas;--brick-table-sort-indicator-color:CanvasText}}}@layer brick.effects;@layer site.route{.docs-shell{isolation:isolate;min-height:calc(100dvh - var(--site-header-height));grid-template-columns:16rem minmax(0,50rem) 12rem;justify-content:space-between;gap:clamp(2rem,4vw,5rem);padding-block:3rem 7rem;display:grid;position:relative}.docs-shell:before{z-index:-1;background:linear-gradient(180deg, transparent 0 4rem, color-mix(in srgb, var(--brick-color-surface-canvas), transparent 50%) 10rem, var(--brick-color-surface-canvas) 22rem);content:"";pointer-events:none;width:100vw;position:absolute;inset-block:0;inset-inline-start:50%;transform:translate(-50%)}.docs-sidebar,.docs-rail{max-height:calc(100dvh - var(--site-header-height) - 4rem);align-self:start;position:sticky;inset-block-start:calc(var(--site-header-height) + 2rem);overflow:auto}.docs-sidebar nav{gap:.15rem;display:grid}.docs-sidebar a,.docs-rail a{min-height:2.35rem;color:var(--brick-color-text-secondary);border-radius:.45rem;align-items:center;padding:.5rem .65rem;font-size:.9rem;line-height:1.35;text-decoration:none;display:flex}.docs-sidebar a:hover,.docs-sidebar a.is-current{background:var(--brick-color-accent-soft);color:var(--brick-color-accent-text)}.docs-sidebar a:focus-visible,.docs-rail a:focus-visible{outline:2px solid var(--brick-color-focus-ring);outline-offset:-2px}.docs-nav-label,.docs-rail>span{color:var(--brick-color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin:1.15rem .65rem .4rem;font-size:.75rem;font-weight:650;line-height:1.4;display:block}.docs-rail{gap:.2rem;display:grid}.docs-rail nav{gap:.1rem;display:grid}.docs-rail a{position:relative}.docs-rail a:hover{color:var(--brick-color-accent-text)}.docs-rail a.is-current{background:color-mix(in srgb, var(--brick-color-accent-soft), transparent 34%);color:var(--brick-color-accent-text);box-shadow:inset 2px 0 var(--brick-color-accent-solid);font-weight:600}.docs-mobile-toolbar{display:none}.component-docs-sidebar{scrollbar-gutter:stable;padding-inline-end:.6rem}.component-nav{gap:.7rem;display:grid}.component-nav-back{gap:.45rem;width:fit-content;font-weight:650;min-height:2.35rem!important;color:var(--brick-color-accent-text)!important;padding:.35rem .45rem!important;display:inline-flex!important}.component-nav-heading{border-block-end:1px solid var(--brick-color-border-subtle);justify-content:space-between;align-items:baseline;gap:.75rem;margin-block-start:.35rem;padding:0 .35rem .65rem;display:flex}.component-nav-heading span{color:var(--brick-color-text-primary);font-family:var(--site-font-display);font-size:.92rem;font-weight:680}.component-nav-heading small{color:var(--brick-color-text-muted);font-family:var(--site-font-mono);font-size:.62rem}.component-nav .brick-input-root{width:100%}.component-docs-sidebar .brick-input:focus-within{box-shadow:inset 0 0 0 var(--brick-border-focus-width) var(--brick-input-focus-ring)}.component-nav-groups{--brick-accordion-content-padding-block:.15rem .6rem;--brick-accordion-content-padding-inline:.3rem .2rem;--brick-accordion-trigger-padding-inline:.5rem}.component-nav-groups .brick-accordion-item{border-block-end:1px solid color-mix(in srgb, var(--brick-color-border-subtle), transparent 32%)}.component-nav-groups .brick-accordion-trigger{min-height:2.65rem;color:var(--brick-color-text-secondary);border-radius:.4rem;font-size:.78rem}.component-docs-sidebar .brick-accordion-trigger:focus-visible{outline-offset:calc(-1 * var(--brick-border-focus-width))}.component-nav-groups .brick-accordion-trigger>span:first-child{text-align:start;flex:1;justify-content:space-between;align-items:center;gap:.5rem;min-width:0;display:flex}.component-nav-groups .brick-accordion-trigger small{color:var(--brick-color-text-muted);font-family:var(--site-font-mono);font-size:.62rem}.component-nav-groups .brick-accordion-content-inner{border-inline-start:1px solid var(--brick-color-accent-border);gap:.12rem;padding-inline-start:.35rem;display:grid}.component-nav-groups .brick-accordion-content-inner a,.component-nav-results a{min-height:2.2rem;padding:.42rem .6rem;font-size:.81rem}.component-nav-groups a.is-current,.component-nav-results a.is-current{background:var(--brick-color-accent-soft);color:var(--brick-color-accent-text);box-shadow:none;border-radius:.38rem;font-weight:650}.component-nav-results{gap:.08rem;display:grid}.component-nav-results>span{color:var(--brick-color-text-muted);margin:0 .55rem .3rem;font-size:.7rem}.component-nav-results a{align-items:start;display:grid}.component-nav-results a small{color:var(--brick-color-text-muted);font-size:.64rem}.component-nav-results p{color:var(--brick-color-text-secondary);margin:.5rem;font-size:.8rem}.docs-content,.docs-article,.catalog-page{min-width:0}.docs-article>.page-title,.catalog-page>.page-title{margin-block:1.1rem;font-size:clamp(3rem,5.5vw,5.3rem)}.docs-paths{scroll-margin-top:calc(var(--site-header-height) + 2rem);margin-block-start:3rem}.docs-paths>h2{margin:0 0 1.25rem}.docs-overview-proof{border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-raised);width:fit-content;color:var(--brick-color-text-secondary);font-family:var(--site-font-mono);border-radius:.75rem;flex-wrap:wrap;gap:.35rem 1.25rem;margin-block-start:2rem;padding:.65rem .8rem;font-size:.72rem;display:flex}.docs-overview-proof span{align-items:baseline;gap:.3rem;display:inline-flex}.docs-overview-proof strong{color:var(--brick-color-accent-text);font-size:.88rem}.docs-path-heading{gap:.65rem;margin-block-end:1.4rem;display:grid}.docs-path-heading>div>span,.guide-visual-heading>span{color:var(--brick-color-accent-text);font-family:var(--site-font-mono);text-transform:uppercase;letter-spacing:.09em;margin-block-end:.45rem;font-size:.7rem;font-weight:650;display:block}.docs-path-heading h2,.docs-path-heading p{margin:0}.docs-path-heading>p{max-width:38rem}.docs-path-grid{margin-block-start:0}.docs-path-card{min-height:0;scroll-margin-top:calc(var(--site-header-height) + 2rem);transition:border-color .16s,transform .16s,box-shadow .16s;position:relative;overflow:hidden}.docs-path-card:before{background:linear-gradient(180deg, var(--brick-color-accent-solid), transparent 76%);content:"";width:3px;position:absolute;inset:0 auto 0 0}.docs-path-card:hover{border-color:var(--brick-color-accent-border);box-shadow:0 .9rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 88%);transform:translateY(-2px)}.docs-path-card-header{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.85rem;display:grid}.docs-path-card-header>div{gap:.25rem;display:grid}.docs-path-card-header>div>span{color:var(--brick-color-text-muted);font-family:var(--site-font-mono);text-transform:uppercase;letter-spacing:.07em;font-size:.67rem}.docs-path-card .brick-card-footer{justify-content:space-between;align-items:center;gap:.75rem}.docs-path-outcome{color:var(--brick-color-text-muted);align-items:center;gap:.35rem;font-size:.72rem;display:inline-flex}.docs-path-outcome svg{color:var(--brick-color-success-text)}.docs-next{scroll-margin-top:calc(var(--site-header-height) + 2rem);background:var(--brick-color-surface-subtle);border-radius:1rem;justify-items:start;gap:1rem;margin-block-start:4rem;padding:2rem;display:grid}.docs-next>*{margin:0}.guide-visual{scroll-margin-top:calc(var(--site-header-height) + 2rem);border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-raised);box-shadow:0 1.2rem 3rem color-mix(in srgb, var(--brick-color-shadow), transparent 90%);border-radius:1.25rem;margin-block-start:3rem;padding:clamp(1.25rem,3vw,2rem);position:relative;overflow:hidden}.guide-visual:before{background:radial-gradient(circle at 86% 0%, var(--brick-color-accent-soft), transparent 34%);content:"";pointer-events:none;position:absolute;inset:0}.guide-visual>*{position:relative}.guide-visual-heading{text-align:center;justify-items:center;width:min(100%,42rem);margin-inline:auto;display:grid}.guide-visual-heading>span{width:fit-content}.guide-visual-heading h2,.guide-visual-heading p{margin:0}.guide-visual-heading h2{width:100%}.guide-visual-heading p{width:100%;max-width:41rem;color:var(--brick-color-text-secondary);margin-block-start:.75rem;font-size:1rem;line-height:1.65}.guide-setup-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.75rem 0 0;padding:0;list-style:none;display:grid;position:relative}.guide-setup-track:before{background:var(--brick-color-accent-border);content:"";height:1px;position:absolute;inset:1.55rem 16% auto}.guide-setup-track li{border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-base);border-radius:.85rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.22rem .65rem;min-height:6rem;padding:.9rem;display:grid;position:relative}.guide-step-number{color:var(--brick-color-text-secondary);font-family:var(--site-font-mono);font-size:.65rem;position:absolute;inset:.55rem .65rem auto auto}.guide-step-icon{border:1px solid var(--brick-color-accent-border);background:var(--brick-color-accent-soft);width:2.7rem;height:2.7rem;color:var(--brick-color-accent-text);border-radius:.75rem;grid-row:1/3;place-items:center;display:grid}.guide-setup-track strong{color:var(--brick-color-text-primary);align-self:end}.guide-setup-track small{color:var(--brick-color-text-secondary);align-self:start}.guide-proof-row{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-block-start:.85rem;display:flex}.guide-proof-row .brick-badge{color:var(--brick-color-text-secondary);background:0 0;gap:.35rem}.guide-theme-map{grid-template-columns:.9fr 1.15fr 1.25fr;gap:.65rem;margin-block-start:1.75rem;display:grid}.guide-theme-input,.guide-theme-roles,.guide-theme-output{border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-base);min-width:0}.guide-theme-input,.guide-theme-roles{border-radius:.85rem;flex-wrap:wrap;align-content:flex-start;gap:.55rem;padding:1rem;display:flex}.guide-map-label{width:100%;color:var(--brick-color-text-secondary);font-family:var(--site-font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:650}.guide-theme-input>span:not(.guide-map-label){color:var(--brick-color-text-secondary);align-items:center;gap:.3rem;font-size:.75rem;display:inline-flex}.guide-swatch-row{gap:.35rem;width:100%;display:flex}.guide-swatch{border:1px solid color-mix(in srgb, var(--brick-color-border-strong), transparent 45%);border-radius:50%;width:1.7rem;height:1.7rem}.guide-swatch--one{background:#7659e8}.guide-swatch--two{background:#b7a7ff}.guide-swatch--three{background:#f3f0eb}.guide-theme-roles{align-items:flex-start}.guide-theme-roles code{background:var(--brick-color-surface-subtle);color:var(--brick-color-accent-text);font-family:var(--site-font-mono);border-radius:.4rem;padding:.35rem .45rem;font-size:.67rem}.guide-theme-output{border-radius:.85rem}.guide-theme-output .brick-card-header{gap:.4rem}.guide-output-status{border-radius:var(--brick-radius-control);background:var(--brick-color-success-soft);color:var(--brick-color-success-text);align-items:center;gap:.4rem;padding:.4rem .55rem;font-size:.72rem;font-weight:650;display:inline-flex}.guide-a11y-map{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-block-start:1.75rem;display:grid}.guide-a11y-map article{border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-base);border-radius:.85rem;grid-template-columns:auto minmax(0,1fr);gap:.2rem .7rem;padding:1rem;display:grid}.guide-owner-icon{background:var(--brick-color-accent-soft);width:2.7rem;height:2.7rem;color:var(--brick-color-accent-text);border-radius:.75rem;grid-row:1/3;place-items:center;display:grid}.guide-a11y-map article small{color:var(--brick-color-text-secondary);font-family:var(--site-font-mono);text-transform:uppercase;letter-spacing:.07em;align-self:end}.guide-a11y-map article strong{color:var(--brick-color-text-primary)}.guide-a11y-map ul{border-block-start:1px solid var(--brick-color-border-subtle);grid-column:1/-1;gap:.45rem;margin:.8rem 0 0;padding:.75rem 0 0;list-style:none;display:grid}.guide-a11y-map li{color:var(--brick-color-text-secondary);align-items:center;gap:.4rem;font-size:.75rem;display:flex}.guide-a11y-map li svg{color:var(--brick-color-success-text)}.guide-a11y-result{background:var(--brick-color-accent-soft);color:var(--brick-color-accent-text);border-radius:.65rem;grid-column:1/-1;justify-content:center;align-items:center;gap:.45rem;padding:.65rem;font-size:.78rem;display:flex}.guide-a11y-result span{color:var(--brick-color-accent-on-soft)}.guide-composition-map{grid-template-columns:minmax(0,1.15fr) minmax(15rem,.85fr);gap:.75rem;margin-block-start:1.75rem;display:grid}.guide-composition-frame{border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-base);color:var(--brick-color-text-secondary);border-radius:.9rem;gap:.6rem;padding:1rem;display:grid}.guide-composition-frame span,.guide-composition-layout>span,.guide-composition-parts>span{font-family:var(--site-font-mono);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.4rem;font-size:.68rem;font-weight:650;display:flex}.guide-composition-layout{border:1px dashed var(--brick-color-accent-border);background:var(--brick-color-surface-subtle);border-radius:.75rem;gap:.55rem;padding:.75rem;display:grid}.guide-composition-parts{background:var(--brick-color-surface-raised);box-shadow:0 .6rem 1.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 88%);border-radius:.65rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;padding:.7rem;display:grid}.guide-composition-parts>span{color:var(--brick-color-accent-text);grid-column:1/-1}.guide-composition-parts i{border:1px solid var(--brick-color-border-subtle);color:var(--brick-color-text-secondary);font-family:var(--site-font-mono);text-align:center;border-radius:.45rem;padding:.55rem .35rem;font-size:.65rem;font-style:normal}.guide-boundary-list{border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-base);border-radius:.9rem;align-content:center;gap:.7rem;padding:1rem;display:grid}.guide-boundary-list p{color:var(--brick-color-text-secondary);grid-template-columns:auto minmax(0,1fr);gap:.55rem;margin:0;font-size:.76rem;line-height:1.45;display:grid}.guide-boundary-list p>svg{color:var(--brick-color-accent-text);margin-block-start:.1rem}.guide-boundary-list strong{color:var(--brick-color-text-primary)}.markdown-body{color:var(--brick-color-text-secondary);margin-block-start:3rem;line-height:1.72}.markdown-body h2,.markdown-body h3,.markdown-body h4{scroll-margin-top:calc(var(--site-header-height) + 2rem);color:var(--brick-color-text-primary);font-family:var(--site-font-display);letter-spacing:-.025em;line-height:1.15}.markdown-body h2{margin:3.5rem 0 1rem;font-size:1.75rem}.markdown-body h3{margin:2.5rem 0 .8rem;font-size:1.3rem}.markdown-body a{color:var(--brick-color-accent-text);text-underline-offset:.2em}.markdown-body code{background:var(--brick-color-surface-subtle);color:var(--brick-color-text-primary);font-family:var(--site-font-mono);border-radius:.3rem;padding:.14em .34em;font-size:.88em}.markdown-body code[data-code-kind=css-token]{border-color:color-mix(in srgb, var(--brick-syntax-property), transparent 68%);color:var(--brick-syntax-property)}.markdown-body code[data-code-kind=attribute]{border-color:color-mix(in srgb, var(--brick-syntax-function), transparent 68%);color:var(--brick-syntax-function)}.markdown-body code[data-code-kind=command]{border-color:color-mix(in srgb, var(--brick-syntax-string), transparent 68%);color:var(--brick-syntax-string)}.markdown-body code[data-code-kind=component]{border-color:color-mix(in srgb, var(--brick-syntax-type), transparent 68%);color:var(--brick-syntax-type)}.markdown-body code[data-code-kind=value]{border-color:color-mix(in srgb, var(--brick-syntax-constant), transparent 68%);color:var(--brick-syntax-constant)}.markdown-token-cluster{line-height:2.25}.markdown-token-cluster .brick-code{white-space:normal;margin:.12rem .15rem;display:inline-flex}.markdown-body .brick-code-block{margin-block:1.2rem}.markdown-body .brick-code-block-pre{-moz-text-size-adjust:100%;text-size-adjust:100%}.markdown-body .brick-code-block .brick-code{color:inherit;font-size:inherit;background:0 0;padding:0}.brick-code-block-content:focus-visible{outline-offset:calc(-2 * var(--brick-border-focus-width));border-end-end-radius:calc(var(--brick-code-block-radius) - var(--brick-border-focus-width) - var(--brick-border-focus-width));border-end-start-radius:calc(var(--brick-code-block-radius) - var(--brick-border-focus-width) - var(--brick-border-focus-width))}.syntax-copy-trigger{min-inline-size:5.8rem;font-family:var(--site-font-mono);letter-spacing:.01em;border:1px solid #0000;justify-content:center;gap:.42rem;font-size:.72rem;transition:color .16s,background-color .16s,border-color .16s,transform .16s}.syntax-copy-trigger:hover{border-color:var(--brick-color-border-default)}.syntax-copy-trigger:active{transform:translateY(1px)}.syntax-copy-trigger[data-state=copied]{border-color:color-mix(in srgb, var(--brick-color-success-solid), transparent 62%);background:var(--brick-color-success-soft);color:var(--brick-color-success-text)}.syntax-copy-trigger[data-state=error]{border-color:var(--brick-color-accent-border);color:var(--brick-color-accent-text)}.syntax-copy-trigger svg{flex:none}.syntax-copy-spinner{animation:.8s linear infinite syntax-copy-spin}@keyframes syntax-copy-spin{to{transform:rotate(1turn)}}.markdown-table-wrap{overscroll-behavior-inline:contain;scrollbar-width:thin;min-width:0;max-width:100%;margin-block:1.25rem;overflow:auto hidden}.markdown-body .brick-table{--brick-table-min-inline-size:34rem;font-size:.86rem}.markdown-body .brick-table__head{color:var(--brick-color-text-primary)}.markdown-body blockquote{border-inline-start:3px solid var(--brick-color-accent-border);margin-inline:0;padding-inline-start:1rem}.catalog-shell{isolation:isolate;min-height:calc(100dvh - var(--site-header-height));padding-block:3rem 7rem;position:relative}.catalog-shell:before{z-index:-1;background:linear-gradient(180deg, transparent 0 4rem, color-mix(in srgb, var(--brick-color-surface-canvas), transparent 50%) 10rem, var(--brick-color-surface-canvas) 22rem);content:"";pointer-events:none;width:100vw;position:absolute;inset-block:0;inset-inline-start:50%;transform:translate(-50%)}.catalog-page{width:min(100%,76rem);margin-inline:auto}.catalog-discovery{border:1px solid var(--brick-color-border-subtle);background:radial-gradient(circle at 95% 0%, var(--brick-color-accent-soft), transparent 36%), var(--brick-color-surface-raised);border-radius:1.25rem;margin-block-start:3rem;padding:clamp(1.25rem,3vw,2rem);position:relative;overflow:hidden}.catalog-discovery-copy{gap:.4rem;max-width:42rem;display:grid}.catalog-discovery-copy>span,.catalog-browser-heading>div>span,.component-section-heading>span{color:var(--brick-color-accent-text);font-family:var(--site-font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:650}.catalog-discovery-copy>*,.catalog-browser-heading h2,.component-section-heading>*{margin:0}.catalog-discovery-copy>.catalog-discovery-description{color:var(--brick-color-text-secondary);font-family:var(--site-font-body);letter-spacing:normal;text-transform:none;font-size:1rem;font-weight:400;line-height:1.65}.catalog-outcomes{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-block-start:1.5rem;display:grid}.catalog-outcome{text-align:start;justify-content:stretch;width:100%;height:auto;min-height:4.6rem;padding:.7rem .8rem}.catalog-outcome .brick-button__content{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;width:100%;display:grid}.catalog-outcome-icon{border:1px solid var(--brick-color-accent-border);background:var(--brick-color-surface-base);width:2.35rem;height:2.35rem;color:var(--brick-color-accent-text);border-radius:.65rem;place-items:center;display:grid}.catalog-outcome-copy{gap:.08rem;min-width:0;display:grid}.catalog-outcome-title{align-items:center;gap:.3rem;width:fit-content;display:inline-flex}.catalog-outcome-title svg{transition:transform var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);flex:none}.catalog-outcome:hover .catalog-outcome-title svg{transform:translate(.14rem)}.catalog-outcome strong{color:var(--brick-color-text-primary);font-size:.82rem}.catalog-outcome small{color:var(--brick-color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.catalog-browser{scroll-margin-top:calc(var(--site-header-height) + 1.5rem);margin-block-start:4rem}.catalog-browser-heading{justify-content:space-between;align-items:end;gap:1rem;margin-block-end:1rem;display:flex}.catalog-browser-heading>div{gap:.35rem;display:grid}.catalog-browser>.brick-input-root{width:100%}.catalog-filters{flex-wrap:wrap;gap:.45rem;margin-block-start:.85rem;display:flex}.catalog-filters .brick-button{min-height:2.25rem}.catalog-groups{margin-block-start:3rem}.catalog-group{scroll-margin-top:calc(var(--site-header-height) + 2rem);margin-block-end:3.5rem}.catalog-group-heading{border-block-end:1px solid var(--brick-color-border-subtle);justify-content:space-between;align-items:center;margin-block-end:.8rem;padding-block-end:.7rem;display:flex}.catalog-group-heading>*{margin:0}.catalog-group-heading>span{color:var(--brick-color-text-muted);font-family:var(--site-font-mono);font-size:.72rem}.component-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.component-result-card{min-height:8.2rem;transition:transform .16s,border-color .16s,box-shadow .16s;position:relative}.component-result-card:hover{border-color:var(--brick-color-accent-border);box-shadow:0 .8rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 86%);transform:translateY(-2px)}.component-result-card .brick-card-header>div{flex-wrap:wrap;align-items:center;gap:.45rem;min-width:0;display:flex}.component-result-card .brick-card-action{color:var(--brick-color-text-muted);transition:transform .16s}.component-result-card:hover .brick-card-action{color:var(--brick-color-accent-text);transform:translate(2px)}.component-result-card .brick-card-content p{margin:0}.card-cover-link{border-radius:inherit;position:absolute;inset:0}.card-cover-link:focus-visible{outline:2px solid var(--brick-color-focus-ring);outline-offset:3px}.catalog-empty{border:1px solid var(--brick-color-border-subtle);background:linear-gradient(110deg, var(--brick-color-surface-raised), var(--brick-color-surface-base));box-shadow:0 .8rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 90%);border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin-block-start:2rem;padding:1.25rem;display:grid;position:relative;overflow:hidden}.catalog-empty:before{background:var(--brick-color-accent-solid);content:"";width:3px;position:absolute;inset:0 auto 0 0}.catalog-empty-icon{border:1px solid var(--brick-color-accent-border);background:var(--brick-color-accent-soft);width:2.8rem;height:2.8rem;color:var(--brick-color-accent-text);border-radius:.75rem;place-items:center;display:grid}.catalog-empty-copy{gap:.2rem;min-width:0;display:grid}.catalog-empty-copy>*{margin:0}.catalog-empty-copy>small{color:var(--brick-color-accent-text);font-family:var(--site-font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:650}.catalog-empty-copy h3 .brick-code{margin-inline-start:.15rem}.component-breadcrumb{margin-block-end:1.5rem}.component-kicker{color:var(--brick-color-text-muted);font-family:var(--site-font-mono);justify-content:space-between;align-items:center;gap:1rem;font-size:.72rem;display:flex}.component-doc .page-title{font-size:clamp(3.2rem,6vw,5.8rem)}.live-example{scroll-margin-top:calc(var(--site-header-height) + 2rem);border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-raised);border-radius:1rem;margin-block-start:3rem;overflow:hidden}.example-header{border-block-end:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-base);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.example-header>div{gap:.2rem;min-width:0;display:grid}.example-header>div>span{color:var(--brick-color-text-muted);text-transform:uppercase;letter-spacing:.09em;font-size:.67rem}.example-header>.brick-badge{white-space:nowrap;flex:none}.example-canvas{isolation:isolate;overscroll-behavior-inline:contain;background:linear-gradient(135deg, var(--site-example-stage-start), var(--site-example-stage-middle) 48%, var(--site-example-stage-end));min-height:19rem;box-shadow:0 1px 0 color-mix(in srgb, var(--site-example-stage-line), transparent 18%) inset;place-items:center;padding:clamp(1.75rem,5vw,4rem);display:grid;position:relative;overflow:auto hidden}.example-canvas:before{z-index:-2;background:radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--site-example-stage-glow), transparent 18%), transparent 34%), radial-gradient(circle at 82% 88%, color-mix(in srgb, var(--site-example-stage-end), transparent 8%), transparent 38%), radial-gradient(circle at 52% 44%, color-mix(in srgb, var(--site-example-stage-middle), transparent 42%), transparent 48%);content:"";position:absolute;inset:0}.example-canvas:after{z-index:-1;background-image:linear-gradient(var(--site-example-stage-line) 1px, transparent 1px), linear-gradient(90deg, var(--site-example-stage-line) 1px, transparent 1px);content:"";opacity:.72;background-position:50%;background-size:4rem 4rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(72% 72%,#000 18%,#0000 78%);mask-image:radial-gradient(72% 72%,#000 18%,#0000 78%)}.example-specimen{z-index:1;width:min(100%,34rem);min-width:0;position:relative}.example-canvas:is([data-layout=compact],[data-layout=overlay])>.example-specimen{width:fit-content;max-width:100%}.example-canvas:is([data-layout=compact],[data-layout=form],[data-layout=overlay],[data-layout=expanding])>.example-specimen{border:1px solid color-mix(in srgb, var(--brick-color-border-default), transparent 12%);background:color-mix(in srgb, var(--brick-color-surface-base), transparent 5%);box-shadow:0 1rem 3rem color-mix(in srgb, var(--brick-color-shadow), transparent 54%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1.15rem;padding:clamp(.9rem,2.5vw,1.25rem)}.example-canvas[data-layout=form]{min-height:22rem}.example-canvas[data-layout=form]>.example-specimen{width:min(100%,28rem)}.example-canvas[data-layout=overlay]{min-height:20rem}.example-canvas[data-layout=interaction]{min-height:21rem}.example-canvas[data-layout=expanding]{align-content:start;place-items:start center;min-height:0;padding-block:clamp(3rem,6vw,4.5rem)}.example-canvas[data-layout=structural]{align-content:start;place-items:start stretch;min-height:17rem;padding:clamp(1.25rem,3vw,2.25rem)}.example-canvas[data-layout=structural]>.example-specimen{width:100%}.preview-form{width:min(100%,25rem)}.preview-card{width:min(100%,28rem)}.preview-collapsible{width:min(100%,30rem)}.preview-hover-trigger{border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-raised);border-radius:.75rem;align-items:center;gap:1.25rem;padding:.65rem .7rem .65rem .8rem;text-decoration:none;display:inline-flex}.preview-hover-identity{align-items:center;gap:.7rem;min-width:0;display:inline-flex}.preview-hover-copy{gap:.08rem;min-width:0;display:grid}.preview-hover-copy small{color:var(--brick-color-text-secondary);font-size:.72rem}.preview-hover-action{border-radius:var(--brick-radius-control);background:var(--brick-color-accent-soft);color:var(--brick-color-accent-text);white-space:nowrap;align-items:center;gap:.4rem;padding:.42rem .55rem;font-size:.75rem;font-weight:650;display:inline-flex}.preview-hover-profile{align-items:flex-start;gap:var(--brick-space-3)}.preview-hover-profile>div{gap:var(--brick-space-2);min-width:0;display:grid}.preview-hover-profile p{margin:0}.preview-menubar-content{min-inline-size:12rem}.preview-menubar-content .brick-menubar__item-label{white-space:nowrap}.preview-navigation-menu{width:fit-content;max-width:100%}.preview-navigation-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;width:min(30rem,100dvi - 3rem);display:grid}.preview-navigation-panel .brick-navigation-menu__link{border-radius:var(--brick-radius-control);align-content:start;gap:.2rem;padding:.85rem;text-decoration:none;display:grid}.preview-navigation-panel p{margin:0}.preview-art{background:radial-gradient(circle at 68% 28%, var(--brick-color-accent-soft), transparent 28%), linear-gradient(135deg, var(--brick-color-surface-subtle), var(--brick-color-surface-raised));width:100%;height:100%;color:var(--brick-color-accent-text);font-family:var(--site-font-mono);place-items:center;font-size:1.4rem;display:grid}.preview-context-target{border:2px dashed var(--brick-color-border-strong);border-radius:var(--brick-radius-surface);background:color-mix(in srgb, var(--brick-color-surface-base), transparent 14%);min-height:12rem;color:var(--brick-color-text-primary);text-align:center;cursor:context-menu;-webkit-user-select:none;user-select:none;align-content:center;justify-items:center;gap:.5rem;padding:1.5rem;display:grid}.preview-context-target:is(:hover,:focus-visible){border-color:var(--brick-color-accent-border);background:var(--brick-color-accent-soft)}.preview-context-target :is(h3,p){max-width:24rem;margin:0}.preview-context-icon{border:1px solid var(--brick-color-accent-border);background:var(--brick-color-accent-soft);width:2.8rem;height:2.8rem;color:var(--brick-color-accent-text);border-radius:.75rem;place-items:center;margin-block-end:.2rem;display:grid}.preview-scroll-area{height:12rem}.preview-swipeable-content{align-items:center;gap:var(--brick-space-3);min-width:0;padding:var(--brick-space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.preview-sidebar{--brick-sidebar-expanded-width-md:13rem;border:1px solid var(--brick-color-border-subtle);border-radius:var(--brick-radius-surface);background:var(--brick-color-surface-raised);min-height:20rem;box-shadow:0 1rem 2.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 88%);overflow:hidden}.preview-sidebar-brand{align-items:center;gap:.6rem;min-width:0;display:inline-flex}.preview-sidebar-brand>span:first-child{background:var(--brick-color-accent-solid);width:1.8rem;height:1.8rem;color:var(--brick-color-accent-on-solid);border-radius:.5rem;place-items:center;font-size:.75rem;font-weight:700;display:grid}.preview-sidebar-main{align-content:start;gap:1rem;min-width:0;padding:1rem;display:grid}.preview-sidebar-main :is(h3,p){margin:0}.preview-sidebar-toolbar{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.preview-sidebar-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.preview-sidebar-metrics .brick-surface{gap:.1rem;display:grid}.preview-skip{gap:1rem;display:grid}.component-document{margin-block-start:4rem}.component-doc-section{scroll-margin-top:calc(var(--site-header-height) + 1.5rem);margin-block-start:4rem}.component-doc-section>h2,.component-section-heading{margin-block-end:1.1rem}.component-section-heading{gap:.4rem;display:grid}.component-doc-section>.markdown-body,.component-styling-part>.markdown-body,.component-accessibility>.markdown-body,.component-guidance-item .markdown-body,.component-advanced .markdown-body,.component-guidance{margin-block-start:0}.component-guidance-list{border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-raised);border-radius:1rem;overflow:hidden}.component-guidance-item{grid-template-columns:12rem minmax(0,1fr);gap:clamp(1.25rem,3vw,2.5rem);padding:clamp(1.25rem,3vw,1.75rem);display:grid}.component-guidance-item+.component-guidance-item{border-block-start:1px solid var(--brick-color-border-subtle)}.component-guidance-item-heading{grid-template-columns:auto minmax(0,1fr);align-content:start;align-items:center;gap:.7rem;display:grid}.component-guidance-item-heading>span{background:var(--brick-color-accent-soft);width:2.35rem;height:2.35rem;color:var(--brick-color-accent-text);border-radius:.65rem;place-items:center;display:grid}.component-guidance-item--alternate .component-guidance-item-heading>span{background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary)}.component-guidance-item-heading h3,.component-guidance-item .markdown-body>:first-child,.component-guidance-item .markdown-body>:last-child{margin-block:0}.component-guidance-item .markdown-body ul{gap:.55rem;margin:0;padding-inline-start:1.2rem;display:grid}.component-guidance-item .markdown-body li{padding-inline-start:.2rem}.component-guidance-item .markdown-body li::marker{color:var(--brick-color-accent-text)}.component-api>.component-section-heading{border-block-end:1px solid var(--brick-color-border-subtle);padding-block-end:1rem}.component-api>.component-section-heading .component-section-description{max-width:42rem;color:var(--brick-color-text-secondary);font-family:var(--site-font-body);letter-spacing:normal;text-transform:none;font-size:1rem;font-weight:400;line-height:1.65}.component-api .markdown-body h3{border-block-start:1px solid var(--brick-color-border-subtle);margin:2.5rem 0 .35rem;padding-block-start:.9rem;font-size:1.18rem}.component-api .markdown-body>h3:first-child{border-block-start:0;margin-block-start:1.5rem;padding-block-start:0}.component-api .markdown-body h3+p{margin-block-start:0}.component-api .markdown-table-wrap{border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-raised);border-radius:.8rem;overflow:auto hidden}.component-api .brick-table{--brick-table-min-inline-size:40rem;font-size:.92rem}.component-accessibility{border:1px solid var(--brick-color-accent-border);background:linear-gradient(135deg, var(--brick-color-accent-soft), transparent 72%), var(--brick-color-surface-raised);border-radius:1rem;padding:clamp(1.25rem,3vw,2rem)}.component-accessibility-heading{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;margin-block-end:1rem;display:grid}.component-accessibility-heading>span{background:var(--brick-color-accent-solid);width:2.7rem;height:2.7rem;color:var(--brick-color-accent-on-solid);border-radius:.75rem;place-items:center;display:grid}.component-accessibility-heading small{color:var(--brick-color-accent-text);font-family:var(--site-font-mono);text-transform:uppercase;letter-spacing:.07em;font-size:.67rem;font-weight:650}.component-accessibility-heading h2{margin:.12rem 0 0}.component-styling{border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-raised);border-radius:1rem;padding:clamp(1.25rem,3vw,2rem);overflow:hidden}.component-styling-part{border-block-start:1px solid var(--brick-color-border-subtle);margin-block-start:1.75rem;padding-block-start:1.5rem}.component-styling-part>h3{margin:0 0 .75rem}.component-styling .markdown-token-cluster{border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-base);border-radius:.7rem;margin-block:1rem;padding:.65rem .75rem}.component-advanced .brick-accordion{background:var(--brick-color-surface-raised);margin-block-start:1.25rem}.component-advanced-heading{gap:.6rem}.component-advanced-heading p{max-width:43rem;margin:0;font-size:1rem;line-height:1.65}.component-maintainer .brick-card{background:var(--brick-color-surface-base);border-style:dashed}.component-maintainer .brick-card-header>div{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;display:grid}.component-maintainer-icon{background:var(--brick-color-surface-subtle);width:2.45rem;height:2.45rem;color:var(--brick-color-text-secondary);border-radius:.7rem;place-items:center;display:grid}.component-maintainer-actions{flex-wrap:wrap;justify-content:flex-start}.component-pagination{border-block-start:1px solid var(--brick-color-border-subtle);grid-template-columns:1fr auto 1fr;gap:1rem;margin-block-start:4rem;padding-block-start:1.5rem;display:grid}.component-pagination a{color:var(--brick-color-text-primary);justify-content:flex-start;align-items:center;gap:.65rem;text-decoration:none;display:flex}.component-pagination a:last-child{text-align:end;justify-content:flex-end}.component-pagination a span{display:grid}.component-pagination small{color:var(--brick-color-text-muted)}.component-pagination .component-category-return{text-align:center;justify-content:center}.guide-pagination{border-block-start:1px solid var(--brick-color-border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block-start:3rem;padding-block-start:1.5rem;display:grid}.guide-pagination a{min-width:0;color:var(--brick-color-text-primary);align-items:center;gap:.65rem;text-decoration:none;display:flex}.guide-pagination a:last-child{text-align:end;justify-content:flex-end}.guide-pagination a span{gap:.08rem;min-width:0;display:grid}.guide-pagination small{color:var(--brick-color-text-muted)}.guide-pagination strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.guide-pagination a:hover strong{color:var(--brick-color-accent-text)}.component-category-return>span{border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-base);border-radius:.65rem;gap:.08rem;min-width:8.5rem;padding:.5rem .8rem}.component-category-return strong{font-size:.84rem;font-weight:650}.component-category-return:hover>span{border-color:var(--brick-color-accent-border);background:var(--brick-color-accent-soft);color:var(--brick-color-accent-text)}}