@layer brick.tokens,brick.foundations;@layer brick.components{.brick-badge,.brick-notification-badge{--brick-badge-tone-solid:var(--brick-color-text-primary);--brick-badge-tone-on-solid:var(--brick-color-text-inverse);--brick-badge-tone-soft:var(--brick-color-surface-subtle);--brick-badge-tone-on-soft:var(--brick-color-text-primary);--brick-badge-tone-border:var(--brick-color-border-strong);--brick-badge-tone-text:var(--brick-color-text-primary)}.brick-badge{--brick-badge-background:var(--brick-badge-tone-soft);--brick-badge-foreground:var(--brick-badge-tone-on-soft);--brick-badge-border-color:transparent;--brick-badge-min-block-size:1.5rem;--brick-badge-inline-padding:.5rem;--brick-badge-block-padding:.125rem;--brick-badge-radius:var(--brick-radius-control);--brick-badge-font-size:var(--brick-typography-control-sm-font-size);box-sizing:border-box;min-inline-size:0;min-block-size:var(--brick-badge-min-block-size);max-inline-size:100%;padding-block:var(--brick-badge-block-padding);padding-inline:var(--brick-badge-inline-padding);border:var(--brick-border-width) solid var(--brick-badge-border-color);border-radius:var(--brick-badge-radius);background:var(--brick-badge-background);color:var(--brick-badge-foreground);font-family:var(--brick-typography-control-sm-font-family);font-size:var(--brick-badge-font-size);font-weight:var(--brick-typography-control-sm-font-weight);font-variant-numeric:tabular-nums;letter-spacing:var(--brick-typography-control-sm-letter-spacing);line-height:var(--brick-typography-control-sm-line-height);overflow-wrap:anywhere;word-break:break-word;text-align:start;vertical-align:baseline;justify-content:safe center;align-items:center;display:inline-flex}.brick-badge[data-shape=pill]{--brick-badge-radius:var(--brick-radius-full)}.brick-badge[data-size=sm]{--brick-badge-min-block-size:1.25rem;--brick-badge-inline-padding:.375rem;--brick-badge-block-padding:.0625rem;--brick-badge-font-size:var(--brick-typography-control-xs-font-size)}.brick-badge[data-size=lg]{--brick-badge-min-block-size:1.75rem;--brick-badge-inline-padding:.625rem;--brick-badge-block-padding:.1875rem;--brick-badge-font-size:var(--brick-typography-control-lg-font-size)}.brick-badge[data-variant=solid]{--brick-badge-background:var(--brick-badge-tone-solid);--brick-badge-foreground:var(--brick-badge-tone-on-solid);--brick-badge-border-color:var(--brick-badge-tone-solid)}.brick-badge[data-variant=outline]{--brick-badge-background:transparent;--brick-badge-foreground:var(--brick-badge-tone-text);--brick-badge-border-color:var(--brick-badge-tone-border)}.brick-badge[data-tone=accent],.brick-notification-badge[data-tone=accent]{--brick-badge-tone-solid:var(--brick-color-accent-solid);--brick-badge-tone-on-solid:var(--brick-color-accent-on-solid);--brick-badge-tone-soft:var(--brick-color-accent-soft);--brick-badge-tone-on-soft:var(--brick-color-accent-on-soft);--brick-badge-tone-border:var(--brick-color-accent-border);--brick-badge-tone-text:var(--brick-color-accent-text)}.brick-badge[data-tone=info],.brick-notification-badge[data-tone=info]{--brick-badge-tone-solid:var(--brick-color-info-solid);--brick-badge-tone-on-solid:var(--brick-color-info-on-solid);--brick-badge-tone-soft:var(--brick-color-info-soft);--brick-badge-tone-on-soft:var(--brick-color-info-on-soft);--brick-badge-tone-border:var(--brick-color-info-border);--brick-badge-tone-text:var(--brick-color-info-text)}.brick-badge[data-tone=success],.brick-notification-badge[data-tone=success]{--brick-badge-tone-solid:var(--brick-color-success-solid);--brick-badge-tone-on-solid:var(--brick-color-success-on-solid);--brick-badge-tone-soft:var(--brick-color-success-soft);--brick-badge-tone-on-soft:var(--brick-color-success-on-soft);--brick-badge-tone-border:var(--brick-color-success-border);--brick-badge-tone-text:var(--brick-color-success-text)}.brick-badge[data-tone=warning],.brick-notification-badge[data-tone=warning]{--brick-badge-tone-solid:var(--brick-color-warning-solid);--brick-badge-tone-on-solid:var(--brick-color-warning-on-solid);--brick-badge-tone-soft:var(--brick-color-warning-soft);--brick-badge-tone-on-soft:var(--brick-color-warning-on-soft);--brick-badge-tone-border:var(--brick-color-warning-border);--brick-badge-tone-text:var(--brick-color-warning-text)}.brick-badge[data-tone=danger],.brick-notification-badge[data-tone=danger]{--brick-badge-tone-solid:var(--brick-color-danger-solid);--brick-badge-tone-on-solid:var(--brick-color-danger-on-solid);--brick-badge-tone-soft:var(--brick-color-danger-soft);--brick-badge-tone-on-soft:var(--brick-color-danger-on-soft);--brick-badge-tone-border:var(--brick-color-danger-border);--brick-badge-tone-text:var(--brick-color-danger-text)}.brick-notification-badge{--brick-notification-badge-size:1.25rem;--brick-notification-badge-dot-size:.625rem;--brick-notification-badge-inline-padding:.3125rem;--brick-notification-badge-outline-color:var(--brick-color-surface-base);--brick-notification-badge-translate-inline:50%;--brick-notification-badge-translate-block:-50%;box-sizing:border-box;vertical-align:middle;max-inline-size:100%;display:inline-flex;position:relative}.brick-notification-badge[data-size=sm]{--brick-notification-badge-size:1rem;--brick-notification-badge-dot-size:.5rem;--brick-notification-badge-inline-padding:.25rem}.brick-notification-badge[data-size=lg]{--brick-notification-badge-size:1.5rem;--brick-notification-badge-dot-size:.75rem;--brick-notification-badge-inline-padding:.375rem}.brick-notification-badge__indicator{z-index:1;box-sizing:border-box;min-inline-size:var(--brick-notification-badge-size);block-size:var(--brick-notification-badge-size);padding-inline:var(--brick-notification-badge-inline-padding);border:var(--brick-border-width) solid var(--brick-notification-badge-outline-color);border-radius:var(--brick-radius-full);background:var(--brick-badge-tone-solid);color:var(--brick-badge-tone-on-solid);font-family:var(--brick-font-family-body);font-size:.6875rem;font-weight:var(--brick-font-weight-semibold);font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:absolute}.brick-notification-badge__indicator[data-shape=circle]{inline-size:var(--brick-notification-badge-size);padding-inline:0}.brick-notification-badge__indicator[data-variant=dot]{min-inline-size:var(--brick-notification-badge-dot-size);inline-size:var(--brick-notification-badge-dot-size);block-size:var(--brick-notification-badge-dot-size);padding:0}.brick-notification-badge[data-placement^=top]>.brick-notification-badge__indicator{inset-block-start:0}.brick-notification-badge[data-placement^=bottom]>.brick-notification-badge__indicator{--brick-notification-badge-translate-block:50%;inset-block-end:0}.brick-notification-badge[data-placement$=end]>.brick-notification-badge__indicator{translate:var(--brick-notification-badge-translate-inline) var(--brick-notification-badge-translate-block);inset-inline-end:0}.brick-notification-badge[data-placement$=start]>.brick-notification-badge__indicator{translate:calc(var(--brick-notification-badge-translate-inline) * -1) var(--brick-notification-badge-translate-block);inset-inline-start:0}.brick-notification-badge[data-overlap=circular]{--brick-notification-badge-translate-inline:50%;--brick-notification-badge-translate-block:-50%}.brick-notification-badge[data-overlap=circular][data-placement^=bottom]{--brick-notification-badge-translate-block:50%}.brick-notification-badge[data-overlap=circular][data-placement^=top]>.brick-notification-badge__indicator{inset-block-start:14.6447%}.brick-notification-badge[data-overlap=circular][data-placement^=bottom]>.brick-notification-badge__indicator{inset-block-end:14.6447%}.brick-notification-badge[data-overlap=circular][data-placement$=start]>.brick-notification-badge__indicator{inset-inline-start:14.6447%}.brick-notification-badge[data-overlap=circular][data-placement$=end]>.brick-notification-badge__indicator{inset-inline-end:14.6447%}:is([dir=rtl],:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) .brick-notification-badge[data-placement$=end]>.brick-notification-badge__indicator,.brick-notification-badge[dir=rtl][data-placement$=end]>.brick-notification-badge__indicator{translate:calc(var(--brick-notification-badge-translate-inline) * -1) var(--brick-notification-badge-translate-block)}:is([dir=rtl],:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) .brick-notification-badge[data-placement$=start]>.brick-notification-badge__indicator,.brick-notification-badge[dir=rtl][data-placement$=start]>.brick-notification-badge__indicator{translate:var(--brick-notification-badge-translate-inline) var(--brick-notification-badge-translate-block)}@media (forced-colors:active){.brick-badge{color:canvastext;background:canvas;border-color:canvastext}.brick-notification-badge__indicator{color:canvas;forced-color-adjust:none;background:canvastext;border-color:canvas}}: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}}}@layer brick.effects;