@layer blcbrd.tokens{:root{--primitive-color-neutral-0:#fff;--primitive-color-neutral-50:#f5f5f6;--primitive-color-neutral-100:#ececef;--primitive-color-neutral-900:#1c1c1e;--primitive-color-neutral-950:#0f0f11;--primitive-color-accent-600:#3d57e0;--primitive-color-danger-400:#fa7085;--primitive-color-danger-700:#b81f29;--primitive-space-1:4px;--primitive-space-2:8px;--primitive-space-3:12px;--primitive-space-4:16px;--primitive-radius-control:10px;--primitive-radius-full:999px;--primitive-line-focus:2px;--primitive-duration-fast:.18s;--primitive-easing-standard:cubic-bezier(.2, .8, .2, 1);--primitive-typography-weight-semibold:600;--primitive-typography-line-height-control:1.25;--semantic-elevation-control-shadow-opacity:.16;--component-button-height-sm:32px;--component-button-height-md:40px;--component-button-height-lg:48px;--component-button-disabled-opacity:.55;--component-button-hover-lift:-1px;--component-button-pressed-scale:.985;--component-button-spinner-duration:1.6s;--semantic-line-focus:var(--primitive-line-focus);--semantic-elevation-control-shadow-block-offset:var(--primitive-space-1);--semantic-elevation-control-shadow-blur:var(--primitive-space-2);--semantic-typography-control-weight:var(--primitive-typography-weight-semibold);--semantic-typography-control-line-height:var(--primitive-typography-line-height-control);--semantic-surface-canvas-bg:var(--primitive-color-neutral-50);--semantic-surface-canvas-fg:var(--primitive-color-neutral-950);--semantic-surface-panel-bg:var(--primitive-color-neutral-0);--semantic-surface-container-fg:var(--primitive-color-neutral-950);--semantic-control-focus:var(--primitive-color-accent-600);--semantic-control-focus-fg:var(--primitive-color-neutral-0);--semantic-control-track:var(--primitive-color-neutral-100);--semantic-layer-scrim:var(--primitive-color-neutral-950);--semantic-status-danger:var(--primitive-color-danger-700);--component-button-gap:var(--primitive-space-2);--component-button-padding-inline:var(--primitive-space-4);--component-button-radius:var(--primitive-radius-control);--component-button-shadow-opacity:var(--semantic-elevation-control-shadow-opacity);--component-button-spinner-size:var(--primitive-space-3);--component-button-duration:var(--primitive-duration-fast);--component-button-easing:var(--primitive-easing-standard);--semantic-elevation-control-shadow-color:var(--semantic-layer-scrim);--component-button-primary-bg:var(--semantic-surface-canvas-fg);--component-button-primary-fg:var(--semantic-surface-canvas-bg);--component-button-secondary-bg:var(--semantic-surface-panel-bg);--component-button-secondary-fg:var(--semantic-surface-container-fg);--component-button-quiet-bg:var(--semantic-surface-canvas-bg);--component-button-quiet-fg:var(--semantic-surface-canvas-fg);--component-button-danger-bg:var(--semantic-control-track);--component-button-danger-fg:var(--semantic-status-danger);--component-button-focus-bg:var(--semantic-control-focus);--component-button-focus-fg:var(--semantic-control-focus-fg);--component-button-shadow-block-offset:var(--semantic-elevation-control-shadow-block-offset);--component-button-shadow-blur:var(--semantic-elevation-control-shadow-blur);--component-button-shadow-color:var(--semantic-elevation-control-shadow-color)}[data-blcbrd-theme=light]{--semantic-control-focus:var(--primitive-color-accent-600);--semantic-control-focus-fg:var(--primitive-color-neutral-0);--semantic-control-track:var(--primitive-color-neutral-100);--semantic-elevation-control-shadow-color:var(--semantic-layer-scrim);--semantic-layer-scrim:var(--primitive-color-neutral-950);--semantic-status-danger:var(--primitive-color-danger-700);--semantic-surface-canvas-bg:var(--primitive-color-neutral-50);--semantic-surface-canvas-fg:var(--primitive-color-neutral-950);--semantic-surface-container-fg:var(--primitive-color-neutral-950);--semantic-surface-panel-bg:var(--primitive-color-neutral-0);--component-button-danger-bg:var(--semantic-control-track);--component-button-danger-fg:var(--semantic-status-danger);--component-button-focus-bg:var(--semantic-control-focus);--component-button-focus-fg:var(--semantic-control-focus-fg);--component-button-primary-bg:var(--semantic-surface-canvas-fg);--component-button-primary-fg:var(--semantic-surface-canvas-bg);--component-button-quiet-bg:var(--semantic-surface-canvas-bg);--component-button-quiet-fg:var(--semantic-surface-canvas-fg);--component-button-secondary-bg:var(--semantic-surface-panel-bg);--component-button-secondary-fg:var(--semantic-surface-container-fg);--component-button-shadow-block-offset:var(--semantic-elevation-control-shadow-block-offset);--component-button-shadow-blur:var(--semantic-elevation-control-shadow-blur);--component-button-shadow-color:var(--semantic-elevation-control-shadow-color);--component-button-shadow-opacity:var(--semantic-elevation-control-shadow-opacity)}[data-blcbrd-theme=dark]{--semantic-control-focus:var(--primitive-color-accent-600);--semantic-control-focus-fg:var(--primitive-color-neutral-0);--semantic-control-track:var(--primitive-color-neutral-900);--semantic-elevation-control-shadow-color:var(--semantic-layer-scrim);--semantic-layer-scrim:var(--primitive-color-neutral-950);--semantic-status-danger:var(--primitive-color-danger-400);--semantic-surface-canvas-bg:var(--primitive-color-neutral-950);--semantic-surface-canvas-fg:var(--primitive-color-neutral-50);--semantic-surface-container-fg:var(--primitive-color-neutral-50);--semantic-surface-panel-bg:var(--primitive-color-neutral-900);--component-button-danger-bg:var(--semantic-control-track);--component-button-danger-fg:var(--semantic-status-danger);--component-button-focus-bg:var(--semantic-control-focus);--component-button-focus-fg:var(--semantic-control-focus-fg);--component-button-primary-bg:var(--semantic-surface-canvas-fg);--component-button-primary-fg:var(--semantic-surface-canvas-bg);--component-button-quiet-bg:var(--semantic-surface-canvas-bg);--component-button-quiet-fg:var(--semantic-surface-canvas-fg);--component-button-secondary-bg:var(--semantic-surface-panel-bg);--component-button-secondary-fg:var(--semantic-surface-container-fg);--component-button-shadow-block-offset:var(--semantic-elevation-control-shadow-block-offset);--component-button-shadow-blur:var(--semantic-elevation-control-shadow-blur);--component-button-shadow-color:var(--semantic-elevation-control-shadow-color);--component-button-shadow-opacity:var(--semantic-elevation-control-shadow-opacity)}}@layer blcbrd.primitives;
@layer blcbrd.tokens,blcbrd.primitives;@layer blcbrd.primitives{.bb-button,.bb-icon-button{justify-content:center;align-items:center;gap:var(--component-button-gap);min-inline-size:0;padding-inline:var(--component-button-padding-inline);color:var(--component-button-secondary-fg);background:var(--component-button-secondary-bg);border-radius:var(--component-button-radius);box-shadow:0 var(--component-button-shadow-block-offset) var(--component-button-shadow-blur) color-mix(in srgb, var(--component-button-shadow-color) calc(var(--component-button-shadow-opacity) * 50%), transparent);font:inherit;text-align:center;cursor:pointer;transition:transform var(--component-button-duration) var(--component-button-easing), box-shadow var(--component-button-duration) var(--component-button-easing);border:0;flex:none;display:inline-flex;position:relative}.bb-button{font-weight:var(--semantic-typography-control-weight);line-height:var(--semantic-typography-control-line-height)}.bb-button__content{justify-content:center;align-items:center;gap:var(--component-button-gap);min-inline-size:0;display:inline-flex;position:relative}.bb-button[data-loading] .bb-button__label,.bb-button[data-loading] .bb-button__adornment{opacity:0}.bb-button[data-size=sm],.bb-icon-button[data-size=sm]{min-block-size:var(--component-button-height-sm)}.bb-button[data-size=md],.bb-icon-button[data-size=md]{min-block-size:var(--component-button-height-md)}.bb-button[data-size=lg],.bb-icon-button[data-size=lg]{min-block-size:var(--component-button-height-lg)}.bb-button[data-tone=primary]{color:var(--component-button-primary-fg);background:var(--component-button-primary-bg)}.bb-button[data-tone=quiet],.bb-icon-button[data-tone=quiet]{color:var(--component-button-quiet-fg);background:var(--component-button-quiet-bg)}.bb-button[data-tone=danger],.bb-icon-button[data-tone=danger]{color:color-mix(in srgb, var(--component-button-danger-fg) 40%, var(--component-button-primary-bg));background:var(--component-button-danger-bg)}@media (hover:hover) and (pointer:fine){.bb-button:hover:not(:disabled),.bb-icon-button:hover:not(:disabled){transform:translateY(var(--component-button-hover-lift))}}.bb-button:active:not(:disabled),.bb-icon-button:active:not(:disabled){transform:scale(var(--component-button-pressed-scale))}.bb-button:focus-visible,.bb-icon-button:focus-visible{color:var(--component-button-focus-fg);background:var(--component-button-focus-bg);outline:none}.bb-button:disabled,.bb-icon-button:disabled{opacity:var(--component-button-disabled-opacity);cursor:default;transform:none}.bb-button__label{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.bb-button__adornment,.bb-icon-button__icon{flex:none;justify-content:center;align-items:center;line-height:0;display:inline-flex}.bb-icon-button{inline-size:var(--component-button-height-md);border-radius:var(--primitive-radius-full);padding-inline:0}.bb-icon-button[data-size=sm]{inline-size:var(--component-button-height-sm)}.bb-icon-button[data-size=lg]{inline-size:var(--component-button-height-lg)}.bb-button__spinner{box-sizing:border-box;inline-size:var(--component-button-spinner-size);block-size:var(--component-button-spinner-size);border-radius:var(--primitive-radius-full);background:conic-gradient(from 0turn, transparent 0 20%, currentColor 20% 100%);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--semantic-line-focus)), black 0);mask:radial-gradient(farthest-side, transparent calc(100% - var(--semantic-line-focus)), black 0);transform-origin:50%;will-change:transform;animation:bb-button-spin var(--component-button-spinner-duration) linear infinite;flex:none;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}@keyframes bb-button-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.bb-button,.bb-icon-button{transition:none}.bb-button__spinner{animation:none}}@media (forced-colors:active){.bb-button,.bb-icon-button{color:buttontext;forced-color-adjust:none;background:buttonface}.bb-button:focus-visible,.bb-icon-button:focus-visible{color:highlighttext;background:highlight}}}