@layer brick.tokens,brick.foundations;@layer brick.components{:where(.brick-button,.brick-icon-button)[data-loading]:after{inline-size:var(--brick-action-spinner-size);block-size:var(--brick-action-spinner-size);border:.125rem solid #0000;border-block-start-color:var(--brick-action-spinner-color);border-inline-end-color:var(--brick-action-spinner-color);border-radius:var(--brick-radius-full);content:"";animation:.7s linear infinite brick-action-spinner-spin;position:absolute;inset-block-start:50%;inset-inline-start:50%}:where([dir=rtl]) :where(.brick-button,.brick-icon-button)[data-loading]:after{animation-name:brick-action-spinner-spin-rtl}@media (prefers-reduced-motion:reduce){:where(.brick-button,.brick-icon-button)[data-loading]:after{animation-duration:1.4s}}@media (forced-colors:active){:where(.brick-button,.brick-icon-button)[data-loading]:after{border-block-start-color:buttontext;border-inline-end-color:buttontext}}@keyframes brick-action-spinner-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes brick-action-spinner-spin-rtl{0%{transform:translate(50%,-50%)rotate(0)}to{transform:translate(50%,-50%)rotate(360deg)}}.brick-button{--brick-button-background:var(--brick-button-tone-solid);--brick-button-background-hover:var(--brick-button-tone-solid-hover);--brick-button-background-pressed:var(--brick-button-tone-solid-pressed);--brick-button-foreground:var(--brick-button-tone-on-solid);--brick-button-border-color:var(--brick-button-background);--brick-button-focus-ring:var(--brick-color-focus-ring);--brick-button-min-block-size:var(--brick-control-min-block-size-md);--brick-button-padding-block:.5rem;--brick-button-padding-inline:1rem;--brick-button-gap:.5rem;--brick-button-radius:var(--brick-radius-control);--brick-button-font-family:var(--brick-typography-control-md-font-family);--brick-button-font-size:var(--brick-typography-control-md-font-size);--brick-button-font-weight:var(--brick-typography-control-md-font-weight);--brick-button-line-height:var(--brick-typography-control-md-line-height);--brick-button-letter-spacing:var(--brick-typography-control-md-letter-spacing);--brick-button-icon-size:1.125rem;--brick-action-spinner-size:1em;--brick-action-spinner-color:var(--brick-button-spinner-color,var(--brick-button-foreground));box-sizing:border-box;min-inline-size:0;max-inline-size:100%;min-block-size:var(--brick-button-min-block-size);justify-content:center;align-items:center;gap:var(--brick-button-gap);padding-block:var(--brick-button-padding-block);padding-inline:var(--brick-button-padding-inline);border:var(--brick-border-width) solid var(--brick-button-border-color);border-radius:var(--brick-button-radius);appearance:none;background:var(--brick-button-background);color:var(--brick-button-foreground);font-family:var(--brick-button-font-family);font-size:var(--brick-button-font-size);font-weight:var(--brick-button-font-weight);letter-spacing:var(--brick-button-letter-spacing);line-height:var(--brick-button-line-height);text-align:center;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;vertical-align:middle;transition:background-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), border-color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard), color var(--brick-motion-duration-fast) var(--brick-motion-easing-standard);text-decoration:none;display:inline-flex;position:relative}.brick-button:not([data-disabled],[data-loading]){cursor:pointer}.brick-button:focus-visible{outline:var(--brick-border-focus-width) solid var(--brick-button-focus-ring);outline-offset:var(--brick-border-focus-offset)}.brick-button:not([data-disabled],[data-loading]):active{background:var(--brick-button-background-pressed);border-color:var(--brick-button-background-pressed)}.brick-button[data-variant=soft]:not([data-disabled],[data-loading]):active,.brick-button[data-variant=outline]:not([data-disabled],[data-loading]):active{border-color:var(--brick-button-tone-border)}.brick-button[data-variant=ghost]:not([data-disabled],[data-loading]):active{border-color:#0000}.brick-button[data-disabled]{border-color:var(--brick-color-border-default);background:var(--brick-color-surface-subtle);color:var(--brick-color-text-secondary);cursor:not-allowed}.brick-button[data-loading]{cursor:progress;color:#0000}.brick-button[data-loading]>*{opacity:0}.brick-button[data-disabled][data-loading]{--brick-button-spinner-color:var(--brick-color-text-secondary)}.brick-button__content{min-inline-size:0}.brick-button__icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.brick-button__icon>:where(svg,img){inline-size:var(--brick-button-icon-size);block-size:var(--brick-button-icon-size)}.brick-button[data-full-width]{inline-size:100%}.brick-button[data-shape=sharp]{--brick-button-radius:0}.brick-button[data-shape=pill]{--brick-button-radius:var(--brick-radius-full)}.brick-button[data-size=xs]{--brick-button-min-block-size:var(--brick-control-min-block-size-xs);--brick-button-padding-block:.25rem;--brick-button-padding-inline:.625rem;--brick-button-gap:.375rem;--brick-button-font-size:var(--brick-typography-control-xs-font-size);--brick-button-icon-size:.875rem}.brick-button[data-size=sm]{--brick-button-min-block-size:var(--brick-control-min-block-size-sm);--brick-button-padding-block:.375rem;--brick-button-padding-inline:.75rem;--brick-button-gap:.375rem;--brick-button-font-size:var(--brick-typography-control-sm-font-size);--brick-button-icon-size:1rem}.brick-button[data-size=lg]{--brick-button-min-block-size:var(--brick-control-min-block-size-lg);--brick-button-padding-block:.625rem;--brick-button-padding-inline:1.25rem;--brick-button-gap:.625rem;--brick-button-font-size:var(--brick-typography-control-lg-font-size);--brick-button-icon-size:1.25rem}.brick-button[data-size=xl]{--brick-button-min-block-size:var(--brick-control-min-block-size-xl);--brick-button-padding-block:.75rem;--brick-button-padding-inline:1.5rem;--brick-button-gap:.75rem;--brick-button-font-size:var(--brick-typography-control-xl-font-size);--brick-button-icon-size:1.5rem}.brick-button[data-tone=neutral]{--brick-button-tone-solid:var(--brick-color-text-primary);--brick-button-tone-solid-hover:var(--brick-color-text-secondary);--brick-button-tone-solid-pressed:color-mix(in srgb, var(--brick-color-text-primary), var(--brick-color-text-secondary) 35%);--brick-button-tone-on-solid:var(--brick-color-text-inverse);--brick-button-tone-soft:var(--brick-color-surface-subtle);--brick-button-tone-soft-hover:var(--brick-color-surface-base);--brick-button-tone-soft-pressed:var(--brick-color-border-subtle);--brick-button-tone-on-soft:var(--brick-color-text-primary);--brick-button-tone-border:var(--brick-color-border-strong);--brick-button-tone-text:var(--brick-color-text-primary)}.brick-button[data-tone=accent]{--brick-button-tone-solid:var(--brick-color-accent-solid);--brick-button-tone-solid-hover:var(--brick-color-accent-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-accent-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-accent-on-solid);--brick-button-tone-soft:var(--brick-color-accent-soft);--brick-button-tone-soft-hover:var(--brick-color-accent-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-accent-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-accent-on-soft);--brick-button-tone-border:var(--brick-color-accent-border);--brick-button-tone-text:var(--brick-color-accent-text)}.brick-button[data-tone=info]{--brick-button-tone-solid:var(--brick-color-info-solid);--brick-button-tone-solid-hover:var(--brick-color-info-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-info-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-info-on-solid);--brick-button-tone-soft:var(--brick-color-info-soft);--brick-button-tone-soft-hover:var(--brick-color-info-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-info-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-info-on-soft);--brick-button-tone-border:var(--brick-color-info-border);--brick-button-tone-text:var(--brick-color-info-text)}.brick-button[data-tone=success]{--brick-button-tone-solid:var(--brick-color-success-solid);--brick-button-tone-solid-hover:var(--brick-color-success-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-success-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-success-on-solid);--brick-button-tone-soft:var(--brick-color-success-soft);--brick-button-tone-soft-hover:var(--brick-color-success-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-success-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-success-on-soft);--brick-button-tone-border:var(--brick-color-success-border);--brick-button-tone-text:var(--brick-color-success-text)}.brick-button[data-tone=warning]{--brick-button-tone-solid:var(--brick-color-warning-solid);--brick-button-tone-solid-hover:var(--brick-color-warning-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-warning-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-warning-on-solid);--brick-button-tone-soft:var(--brick-color-warning-soft);--brick-button-tone-soft-hover:var(--brick-color-warning-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-warning-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-warning-on-soft);--brick-button-tone-border:var(--brick-color-warning-border);--brick-button-tone-text:var(--brick-color-warning-text)}.brick-button[data-tone=danger]{--brick-button-tone-solid:var(--brick-color-danger-solid);--brick-button-tone-solid-hover:var(--brick-color-danger-solid-hover);--brick-button-tone-solid-pressed:var(--brick-color-danger-solid-pressed);--brick-button-tone-on-solid:var(--brick-color-danger-on-solid);--brick-button-tone-soft:var(--brick-color-danger-soft);--brick-button-tone-soft-hover:var(--brick-color-danger-soft-hover);--brick-button-tone-soft-pressed:var(--brick-color-danger-soft-pressed);--brick-button-tone-on-soft:var(--brick-color-danger-on-soft);--brick-button-tone-border:var(--brick-color-danger-border);--brick-button-tone-text:var(--brick-color-danger-text)}.brick-button[data-variant=soft]{--brick-button-background:var(--brick-button-tone-soft);--brick-button-background-hover:var(--brick-button-tone-soft-hover);--brick-button-background-pressed:var(--brick-button-tone-soft-pressed);--brick-button-foreground:var(--brick-button-tone-on-soft);--brick-button-border-color:var(--brick-button-tone-border)}.brick-button[data-variant=outline]{--brick-button-background:transparent;--brick-button-background-hover:var(--brick-button-tone-soft);--brick-button-background-pressed:var(--brick-button-tone-soft-hover);--brick-button-foreground:var(--brick-button-tone-text);--brick-button-border-color:var(--brick-button-tone-border)}.brick-button[data-variant=ghost]{--brick-button-background:transparent;--brick-button-background-hover:var(--brick-button-tone-soft);--brick-button-background-pressed:var(--brick-button-tone-soft-hover);--brick-button-foreground:var(--brick-button-tone-text);--brick-button-border-color:transparent}@media (hover:hover) and (pointer:fine){.brick-button:not([data-disabled],[data-loading]):hover{background:var(--brick-button-background-hover);border-color:var(--brick-button-background-hover)}.brick-button[data-variant=soft]:not([data-disabled],[data-loading]):hover,.brick-button[data-variant=outline]:not([data-disabled],[data-loading]):hover{border-color:var(--brick-button-tone-border)}.brick-button[data-variant=ghost]:not([data-disabled],[data-loading]):hover{border-color:#0000}}@media (prefers-reduced-motion:reduce){.brick-button{transition-duration:0s}}@media (forced-colors:active){.brick-button{color:buttontext;background:buttonface;border-color:buttontext}.brick-button:focus-visible{outline-color:highlight}.brick-button[data-disabled]{color:graytext;opacity:1;border-color:graytext}}:where(.brick-tooltip__arrow,.brick-hover-card__arrow,.brick-popover__arrow){color:var(--brick-floating-arrow-stroke,var(--brick-tooltip-border-color));fill:var(--brick-floating-arrow-fill,var(--brick-tooltip-background));filter:drop-shadow(0 1px 0 var(--brick-floating-arrow-stroke,var(--brick-tooltip-border-color)))}.brick-popover{--brick-popover-background:var(--brick-color-surface-overlay);--brick-popover-foreground:var(--brick-color-text-primary);--brick-popover-muted-foreground:var(--brick-color-text-secondary);--brick-popover-border:var(--brick-color-border-subtle);--brick-popover-radius:var(--brick-radius-overlay);--brick-popover-shadow:0 .75rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 48%);--brick-popover-space:var(--brick-space-4);--brick-popover-max-inline-size-sm:18rem;--brick-popover-max-inline-size-md:24rem;--brick-popover-max-inline-size-lg:32rem;--brick-popover-max-block-size:min(32rem, calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));z-index:calc(var(--brick-layer-overlay) - 1);box-sizing:border-box;inline-size:max-content;max-inline-size:min(var(--brick-popover-max-inline-size-md), calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));color:var(--brick-popover-foreground);opacity:0;overflow-wrap:anywhere;transform-origin:var(--brick-floating-arrow-transform-origin,center);transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-enter), scale var(--brick-motion-duration-fast) var(--brick-motion-easing-enter);overflow:visible;scale:.98}.brick-popover[data-size=sm]{max-inline-size:min(var(--brick-popover-max-inline-size-sm), calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)))}.brick-popover[data-size=lg]{max-inline-size:min(var(--brick-popover-max-inline-size-lg), calc(100dvi - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)))}.brick-popover>[data-slot=popover-viewport]{box-sizing:border-box;inline-size:100%;max-block-size:min(var(--brick-popover-max-block-size), calc(100dvb - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)));border:var(--brick-border-width) solid var(--brick-popover-border);border-radius:var(--brick-popover-radius);background:var(--brick-popover-background);box-shadow:var(--brick-popover-shadow);flex-direction:column;display:flex;overflow:hidden}.brick-popover[data-positioned]{opacity:1;scale:1}.brick-popover[data-state=closed]{opacity:0;scale:.98}.brick-popover__header,.brick-popover>[data-slot=popover-viewport]>:where([data-slot=popover-title],[data-slot=popover-description]){flex:none;min-inline-size:0}.brick-popover__header{gap:var(--brick-space-1);padding:var(--brick-popover-space);padding-block-end:var(--brick-space-2);display:grid}.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-title],.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-description],.brick-popover__header>:where([data-slot=popover-title],[data-slot=popover-description]){min-inline-size:0;padding-inline:var(--brick-popover-space);margin:0}.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-title]{padding-block-start:var(--brick-popover-space)}.brick-popover>[data-slot=popover-viewport]>[data-slot=popover-description]{padding-block-start:var(--brick-space-1)}.brick-popover__header>:where([data-slot=popover-title],[data-slot=popover-description]){padding:0}.brick-popover :where([data-slot=popover-title]){color:var(--brick-popover-foreground);font-family:var(--brick-typography-compact-title-lg-font-family);font-size:var(--brick-typography-compact-title-lg-font-size);font-weight:var(--brick-typography-compact-title-lg-font-weight);letter-spacing:var(--brick-typography-compact-title-lg-letter-spacing);line-height:var(--brick-typography-compact-title-lg-line-height)}.brick-popover :where([data-slot=popover-description]){color:var(--brick-popover-muted-foreground);font-family:var(--brick-typography-supporting-sm-font-family);font-size:var(--brick-typography-supporting-sm-font-size);font-weight:var(--brick-typography-supporting-sm-font-weight);letter-spacing:var(--brick-typography-supporting-sm-letter-spacing);line-height:var(--brick-typography-supporting-sm-line-height)}.brick-popover__body{min-block-size:0;min-inline-size:0;padding:var(--brick-space-3) var(--brick-popover-space);overscroll-behavior:contain;color:var(--brick-popover-foreground);line-height:var(--brick-typography-body-md-line-height);scrollbar-gutter:stable;flex:auto;overflow:auto}.brick-popover__footer{justify-content:flex-end;align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding:var(--brick-space-2) var(--brick-popover-space) var(--brick-popover-space);flex-wrap:wrap;flex:none;display:flex}.brick-popover__arrow{--brick-floating-arrow-fill:var(--brick-popover-background);--brick-floating-arrow-stroke:var(--brick-popover-border)}.brick-popover[data-side=top] .brick-popover__arrow{translate:0 calc(var(--brick-border-width) * -1);filter:drop-shadow(0 1px 0 var(--brick-popover-border))}.brick-popover[data-side=right] .brick-popover__arrow{translate:var(--brick-border-width) 0;filter:drop-shadow(-1px 0 0 var(--brick-popover-border))}.brick-popover[data-side=bottom] .brick-popover__arrow{translate:0 var(--brick-border-width);filter:drop-shadow(0 -1px 0 var(--brick-popover-border))}.brick-popover[data-side=left] .brick-popover__arrow{translate:calc(var(--brick-border-width) * -1) 0;filter:drop-shadow(1px 0 0 var(--brick-popover-border))}@supports not (height:100dvb){.brick-popover{--brick-popover-max-block-size:min(32rem, calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}}@media (max-width:20rem){.brick-popover{--brick-popover-space:var(--brick-space-3)}.brick-popover__footer>.brick-button{flex:100%;inline-size:100%}}@media (max-height:20rem){.brick-popover>[data-slot=popover-viewport]{overscroll-behavior:contain;scrollbar-gutter:stable;overflow:auto}.brick-popover__body{flex:none;overflow:visible}}@media (prefers-reduced-motion:reduce){.brick-popover{transition-duration:1ms;scale:1}}@media (forced-colors:active){.brick-popover{--brick-popover-background:Canvas;--brick-popover-foreground:CanvasText;--brick-popover-muted-foreground:CanvasText;--brick-popover-border:CanvasText;box-shadow:none}.brick-popover__arrow{color:canvastext;fill:canvas;filter:none;stroke:canvastext}}}@layer brick.effects;