@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-drawer-overlay{z-index:var(--brick-layer-overlay);background:var(--brick-color-scrim);opacity:1;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);position:fixed;inset:0}.brick-drawer-overlay[data-state=closed]{opacity:0}.brick-drawer-content{--brick-drawer-space:var(--brick-space-5);--brick-drawer-radius:var(--brick-radius-overlay);--brick-drawer-shadow:0 1.5rem 4.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 4%);--brick-drawer-inline-size-sm:min(20rem, 75dvi);--brick-drawer-inline-size-md:min(28rem, 85dvi);--brick-drawer-inline-size-lg:min(36rem, calc(100dvi - 1rem));--brick-drawer-block-size-sm:min(16rem, 45dvb);--brick-drawer-block-size-md:min(24rem, 65dvb);--brick-drawer-block-size-lg:min(32rem, calc(100dvb - 2rem));--brick-drawer-safe-top:0px;--brick-drawer-safe-right:0px;--brick-drawer-safe-bottom:0px;--brick-drawer-safe-left:0px;z-index:calc(var(--brick-layer-overlay) + 1);box-sizing:border-box;border:var(--brick-border-width) solid var(--brick-color-border-subtle);background:var(--brick-color-surface-overlay);min-block-size:0;min-inline-size:0;box-shadow:var(--brick-drawer-shadow);color:var(--brick-color-text-primary);opacity:1;overflow-wrap:anywhere;transition:opacity var(--brick-motion-duration-fast) var(--brick-motion-easing-exit), transform var(--brick-motion-duration-fast) var(--brick-motion-easing-exit);flex-direction:column;display:flex;position:fixed;overflow:hidden;transform:translate(0)}.brick-drawer-content:is([data-placement=start],[data-placement=end]){--brick-drawer-safe-top:env(safe-area-inset-top);--brick-drawer-safe-right:env(safe-area-inset-right);--brick-drawer-safe-bottom:env(safe-area-inset-bottom);--brick-drawer-safe-left:env(safe-area-inset-left);block-size:100dvb;inset-block:0}.brick-drawer-content[data-placement=start]{border-start-end-radius:var(--brick-drawer-radius);border-end-end-radius:var(--brick-drawer-radius);inset-inline-start:0}.brick-drawer-content[data-placement=end]{border-start-start-radius:var(--brick-drawer-radius);border-end-start-radius:var(--brick-drawer-radius);inset-inline-end:0}.brick-drawer-content:is([data-placement=top],[data-placement=bottom]){--brick-drawer-safe-right:env(safe-area-inset-right);--brick-drawer-safe-left:env(safe-area-inset-left);inline-size:100dvi;inset-inline:0}.brick-drawer-content[data-placement=top]{--brick-drawer-safe-top:env(safe-area-inset-top);border-end-end-radius:var(--brick-drawer-radius);border-end-start-radius:var(--brick-drawer-radius);inset-block-start:0}.brick-drawer-content[data-placement=bottom]{--brick-drawer-safe-bottom:env(safe-area-inset-bottom);border-start-start-radius:var(--brick-drawer-radius);border-start-end-radius:var(--brick-drawer-radius);inset-block-end:0}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=sm]{inline-size:var(--brick-drawer-inline-size-sm)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=md]{inline-size:var(--brick-drawer-inline-size-md)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=lg]{inline-size:var(--brick-drawer-inline-size-lg)}.brick-drawer-content:is([data-placement=start],[data-placement=end])[data-size=full]{border-radius:0;inline-size:100dvi}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=sm]{block-size:var(--brick-drawer-block-size-sm)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=md]{block-size:var(--brick-drawer-block-size-md)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=lg]{block-size:var(--brick-drawer-block-size-lg)}.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=full]{--brick-drawer-safe-top:env(safe-area-inset-top);--brick-drawer-safe-bottom:env(safe-area-inset-bottom);border-radius:0;block-size:100dvb}.brick-drawer-content[data-placement=start][data-state=closed]{transform:translate(-100%)}.brick-drawer-content[data-placement=end][data-state=closed],.brick-drawer-content:is(: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)),[dir=rtl])[data-placement=start][data-state=closed]{transform:translate(100%)}.brick-drawer-content:is(: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)),[dir=rtl])[data-placement=end][data-state=closed]{transform:translate(-100%)}.brick-drawer-content[data-placement=top][data-state=closed]{transform:translateY(-100%)}.brick-drawer-content[data-placement=bottom][data-state=closed]{transform:translateY(100%)}.brick-drawer-header{gap:var(--brick-space-1);min-inline-size:0;padding-block-start:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-top));padding-block-end:var(--brick-space-3);padding-left:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));padding-right:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));flex:none;display:grid}.brick-drawer-title,.brick-drawer-description{min-inline-size:0;margin:0}.brick-drawer-title{color:var(--brick-color-text-primary);font-family:var(--brick-typography-overlay-title-font-family);font-size:var(--brick-typography-overlay-title-font-size);font-weight:var(--brick-typography-overlay-title-font-weight);letter-spacing:var(--brick-typography-overlay-title-letter-spacing);line-height:var(--brick-typography-overlay-title-line-height)}.brick-drawer-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-drawer-body{min-block-size:0;min-inline-size:0;padding-block:var(--brick-space-2) var(--brick-drawer-space);padding-left:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));padding-right:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));overscroll-behavior:contain;color:var(--brick-color-text-primary);line-height:var(--brick-typography-body-md-line-height);scrollbar-gutter:stable;flex:auto;overflow:auto}.brick-drawer-footer{justify-content:flex-end;align-items:center;gap:var(--brick-space-2);min-inline-size:0;padding-block-start:var(--brick-space-3);padding-block-end:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-bottom));padding-left:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-left));padding-right:calc(var(--brick-drawer-space) + var(--brick-drawer-safe-right));flex-wrap:wrap;flex:none;display:flex}@supports not (height:100dvb){.brick-drawer-content:is([data-placement=start],[data-placement=end]),.brick-drawer-content:is([data-placement=top],[data-placement=bottom])[data-size=full]{block-size:100vh}}@media (max-width:30rem){.brick-drawer-content{--brick-drawer-space:var(--brick-space-4)}.brick-drawer-footer>.brick-button{flex:9rem}}@media (max-height:24rem){.brick-drawer-content{overscroll-behavior:contain;scrollbar-gutter:stable;overflow-y:auto}.brick-drawer-body{flex:none;overflow:visible}}@media (prefers-reduced-motion:reduce){.brick-drawer-overlay,.brick-drawer-content{transition-duration:1ms}.brick-drawer-content[data-state=closed]{transform:translate(0)}}@media (forced-colors:active){.brick-drawer-overlay{opacity:.7;background:canvas}.brick-drawer-content{box-shadow:none;border-color:canvastext}}}@layer brick.effects;