@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}}.brick-toast-viewport{--brick-toast-viewport-z-index:var(--brick-layer-overlay);--brick-toast-viewport-gap:var(--brick-space-3);--brick-toast-offset-block-start:var(--brick-space-4);--brick-toast-offset-block-end:var(--brick-space-4);--brick-toast-offset-inline-start:var(--brick-space-4);--brick-toast-offset-inline-end:var(--brick-space-4);--brick-toast-inline-size:24rem;--brick-toast-overlap-step:var(--brick-space-2);z-index:var(--brick-toast-viewport-z-index);inline-size:min(var(--brick-toast-inline-size), calc(100vw - var(--brick-toast-offset-inline-start) - var(--brick-toast-offset-inline-end) - env(safe-area-inset-left) - env(safe-area-inset-right)));max-block-size:calc(100vh - var(--brick-toast-offset-block-start) - var(--brick-toast-offset-block-end));gap:var(--brick-toast-viewport-gap);pointer-events:none;outline:none;flex-direction:column;margin:0;padding:0;display:flex;position:fixed}.brick-toast-viewport[data-width=compact]{--brick-toast-inline-size:20rem}.brick-toast-viewport[data-width=full]{--brick-toast-inline-size:calc(100vw - var(--brick-toast-offset-inline-start) - var(--brick-toast-offset-inline-end))}.brick-toast-viewport[data-position^=top-]{inset-block-start:calc(var(--brick-toast-offset-block-start) + env(safe-area-inset-top))}.brick-toast-viewport[data-position^=bottom-]{inset-block-end:calc(var(--brick-toast-offset-block-end) + env(safe-area-inset-bottom))}.brick-toast-viewport[data-position$=-start]{inset-inline-start:calc(var(--brick-toast-offset-inline-start) + env(safe-area-inset-left))}.brick-toast-viewport[data-position$=-end]{inset-inline-end:calc(var(--brick-toast-offset-inline-end) + env(safe-area-inset-right))}.brick-toast-viewport[data-position$=-center]{inset-inline-start:50%;transform:translate(-50%)}.brick-toast{--brick-toast-background:var(--brick-color-surface-raised);--brick-toast-foreground:var(--brick-color-text-primary);--brick-toast-description-foreground:var(--brick-color-text-secondary);--brick-toast-border-color:var(--brick-color-border-subtle);--brick-toast-accent-color:var(--brick-color-accent-solid);--brick-toast-radius:var(--brick-radius-overlay);--brick-toast-shadow:0 .75rem 2rem var(--brick-color-shadow);--brick-toast-padding:var(--brick-space-3);--brick-toast-content-gap:var(--brick-space-1);--brick-toast-action-gap:var(--brick-space-2);--brick-toast-motion-duration:var(--brick-motion-duration-fast);--brick-toast-motion-easing:var(--brick-motion-easing-enter);align-items:center;gap:var(--brick-space-3);box-sizing:border-box;border:1px solid var(--brick-toast-border-color);border-inline-start:.25rem solid var(--brick-toast-accent-color);border-radius:var(--brick-toast-radius);min-block-size:3rem;inline-size:100%;min-inline-size:0;padding:var(--brick-toast-padding);background:var(--brick-toast-background);box-shadow:var(--brick-toast-shadow);color:var(--brick-toast-foreground);pointer-events:auto;touch-action:pan-y;transition:opacity var(--brick-toast-motion-duration) var(--brick-toast-motion-easing), transform var(--brick-toast-motion-duration) var(--brick-toast-motion-easing), margin var(--brick-toast-motion-duration) var(--brick-toast-motion-easing);grid-template-columns:auto minmax(0,1fr);display:grid;position:relative}.brick-toast:has(.brick-toast__close){padding-inline-end:calc(2.75rem + var(--brick-space-3))}.brick-toast[data-type=default],.brick-toast[data-type=loading]{--brick-toast-accent-color:var(--brick-color-accent-solid)}.brick-toast[data-type=success]{--brick-toast-accent-color:var(--brick-color-success-solid);--brick-toast-border-color:var(--brick-color-success-border)}.brick-toast[data-type=error]{--brick-toast-accent-color:var(--brick-color-danger-solid);--brick-toast-border-color:var(--brick-color-danger-border)}.brick-toast[data-type=warning]{--brick-toast-accent-color:var(--brick-color-warning-solid);--brick-toast-border-color:var(--brick-color-warning-border)}.brick-toast[data-type=info]{--brick-toast-accent-color:var(--brick-color-info-solid);--brick-toast-border-color:var(--brick-color-info-border)}.brick-toast[data-state=entering]{opacity:0;transform:translateY(.5rem)}.brick-toast[data-state=exiting]{opacity:0;transform:translateY(-.375rem)}.brick-toast[data-swipe=move]{transform:translate(var(--atom-toast-swipe-move-x), var(--atom-toast-swipe-move-y));transition:none}.brick-toast[data-swipe=cancel]{transform:translate(0)}.brick-toast[data-swipe=end]{opacity:0}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]){gap:0;display:grid}.brick-toast-viewport[data-position^=top-][data-stacking=overlap]:not([data-expanded]){padding-block-end:calc(2 * var(--brick-toast-overlap-step))}.brick-toast-viewport[data-position^=bottom-][data-stacking=overlap]:not([data-expanded]){padding-block-start:calc(2 * var(--brick-toast-overlap-step))}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]) .brick-toast{grid-area:1/1}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]) .brick-toast[data-index="0"]{z-index:1}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]) .brick-toast[data-index="1"]{z-index:2}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]) .brick-toast[data-index="2"]{z-index:3}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="1"]) .brick-toast[data-index="0"]{transform:translateY(var(--brick-toast-overlap-step))}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="2"]) .brick-toast[data-index="0"]{transform:translateY(calc(2 * var(--brick-toast-overlap-step)))}.brick-toast-viewport[data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="2"]) .brick-toast[data-index="1"]{transform:translateY(var(--brick-toast-overlap-step))}.brick-toast-viewport[data-position^=bottom-][data-stacking=overlap]:not([data-expanded]) .brick-toast{align-self:end}.brick-toast-viewport[data-position^=bottom-][data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="1"]) .brick-toast[data-index="0"]{transform:translateY(calc(-1 * var(--brick-toast-overlap-step)))}.brick-toast-viewport[data-position^=bottom-][data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="2"]) .brick-toast[data-index="0"]{transform:translateY(calc(-2 * var(--brick-toast-overlap-step)))}.brick-toast-viewport[data-position^=bottom-][data-stacking=overlap]:not([data-expanded]):has(.brick-toast[data-index="2"]) .brick-toast[data-index="1"]{transform:translateY(calc(-1 * var(--brick-toast-overlap-step)))}.brick-toast__icon{block-size:1.25rem;inline-size:1.25rem;color:var(--brick-toast-accent-color);place-items:center;display:inline-grid}.brick-toast__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;block-size:100%;inline-size:100%}.brick-toast__spinner{box-sizing:border-box;border:2px solid color-mix(in srgb, currentColor 30%, transparent);border-block-start-color:currentColor;border-radius:50%;block-size:1rem;inline-size:1rem;animation:.8s linear infinite brick-toast-spin}.brick-toast__content{gap:var(--brick-toast-content-gap);min-inline-size:0;display:grid}.brick-toast__content:first-child{grid-column-start:1}.brick-toast__title,.brick-toast__description{overflow-wrap:anywhere;margin:0}.brick-toast__title{font-family:var(--brick-typography-compact-title-font-family);font-size:var(--brick-typography-compact-title-font-size);font-weight:var(--brick-typography-compact-title-font-weight);line-height:var(--brick-typography-compact-title-line-height)}.brick-toast__description{color:var(--brick-toast-description-foreground);font-family:var(--brick-typography-body-sm-font-family);font-size:var(--brick-typography-body-sm-font-size);line-height:var(--brick-typography-body-sm-line-height)}.brick-toast__actions{gap:var(--brick-toast-action-gap);flex-wrap:wrap;margin-block-start:var(--brick-space-1);display:flex}.brick-toast__action,.brick-toast__close{font:inherit;color:var(--brick-toast-accent-color);cursor:pointer;border:0}.brick-toast__action{border-radius:var(--brick-radius-control);min-block-size:2.25rem;padding-inline:var(--brick-space-2);background:color-mix(in srgb, var(--brick-toast-accent-color) 12%, transparent);color:var(--brick-color-text-primary);font-size:var(--brick-typography-body-sm-font-size);font-weight:var(--brick-typography-control-sm-font-weight)}.brick-toast__close{border-radius:var(--brick-radius-full);block-size:2.75rem;inline-size:2.75rem;color:var(--brick-color-text-secondary);background:0 0;place-items:center;margin:0;padding:0;display:inline-grid;position:absolute;inset-block-start:50%;inset-inline-end:var(--brick-space-1);transform:translateY(-50%)}.brick-toast__close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;block-size:1.125rem;inline-size:1.125rem}.brick-toast__action:hover{background:color-mix(in srgb, var(--brick-toast-accent-color) 18%, transparent)}.brick-toast__close:hover{background:var(--brick-color-surface-subtle);color:var(--brick-color-text-primary)}.brick-toast__action:focus-visible,.brick-toast__close:focus-visible{outline:2px solid var(--brick-color-focus-ring);outline-offset:2px}@keyframes brick-toast-spin{to{transform:rotate(360deg)}}@media (max-width:30rem){.brick-toast-viewport[data-width=responsive]{--brick-toast-inline-size:calc(100vw - var(--brick-space-4) * 2);--brick-toast-offset-inline-start:var(--brick-space-2);--brick-toast-offset-inline-end:var(--brick-space-2)}}@media (prefers-reduced-motion:reduce){.brick-toast{transition:none}.brick-toast[data-state=entering],.brick-toast[data-state=exiting]{transform:none}.brick-toast__spinner{border-style:dotted;animation:none}}@media (forced-colors:active){.brick-toast{box-shadow:none;color:canvastext;forced-color-adjust:auto;background:canvas;border-color:canvastext}.brick-toast__icon,.brick-toast__action,.brick-toast__close{color:buttontext}.brick-toast__action{background:buttonface;border:1px solid buttontext}.brick-toast__action:focus-visible,.brick-toast__close:focus-visible{outline-color:highlight}}}@layer brick.effects;