.bb{--bb-ink:var(--brand-ink);--bb-ring:var(--brand-violet);--bb-line:1.5px;--bb-sx:2px;--bb-sy:3px;--bb-ease:cubic-bezier(.22, 1, .36, 1);--bb-in:.35s;--bb-out:.25s;--bb-swap:.25s;--bb-press:80ms;--bb-label-a:var(--grad-action);--bb-label-a-fg:#fff;--bb-label-b:#fff;--bb-label-b-fg:var(--brand-violet-text);--bb-chip-a:#fff;--bb-chip-a-fg:var(--brand-violet-text);--bb-chip-b:var(--grad-action);--bb-chip-b-fg:#fff;--bb-h:44px;--bb-px:20px;--bb-fs:14.5px;--bb-arrow:18px;--bb-gap:3px}.bb--sm{--bb-h:36px;--bb-px:16px;--bb-fs:13.5px;--bb-arrow:16px;--bb-gap:2px;--bb-sx:1.5px;--bb-sy:2px}.bb--lg{--bb-h:56px;--bb-px:28px;--bb-fs:16px;--bb-arrow:20px;--bb-gap:4px;--bb-line:2px;--bb-sx:3px;--bb-sy:4px}.bb--secondary{--bb-label-a:#fff;--bb-label-a-fg:var(--brand-violet-text);--bb-label-b:var(--brand-violet-soft);--bb-label-b-fg:var(--brand-violet-deep);--bb-chip-a:var(--brand-violet-soft);--bb-chip-a-fg:var(--brand-violet-text);--bb-chip-b:var(--brand-violet);--bb-chip-b-fg:#fff}.bb--night{--bb-ink:var(--brand-violet-night);--bb-ring:var(--brand-violet-night)}.bb.bb{align-items:stretch;gap:var(--bb-gap);vertical-align:middle;padding:0 var(--bb-sx) var(--bb-sy) 0;box-shadow:none;font:inherit;font-family:var(--sans,inherit);font-size:var(--bb-fs);letter-spacing:0;color:var(--bb-label-a-fg);white-space:nowrap;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;border-radius:999px;margin:0;font-weight:600;line-height:1.15;text-decoration:none;display:inline-flex;position:relative}.bb.bb.bb--block{width:100%;display:flex}.bb.bb.bb--block .bb__label{flex:1}.bb .bb__label,.bb .bb__chip{isolation:isolate;min-height:var(--bb-h);border:var(--bb-line) solid var(--bb-ink);box-shadow:var(--bb-sx) var(--bb-sy) 0 var(--bb-ink);transition:transform var(--bb-out) var(--bb-ease), box-shadow var(--bb-out) var(--bb-ease), color var(--bb-swap) ease-in-out;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.bb .bb__label{padding:0 var(--bb-px);background:var(--bb-label-a);color:var(--bb-label-a-fg);gap:9px}.bb .bb__chip{width:var(--bb-h);background:var(--bb-chip-a);color:var(--bb-chip-a-fg);flex:none}.bb .bb__label:before,.bb .bb__chip:before{content:"";z-index:-1;border-radius:inherit;opacity:0;transition:opacity var(--bb-swap) ease-in-out;position:absolute;inset:0}.bb .bb__label:before{background:var(--bb-label-b)}.bb .bb__chip:before{background:var(--bb-chip-b)}.bb .bb__text{padding-block:2px;display:inline-block}.bb .bb__icon{flex:none;width:1.25em;height:1.25em;display:inline-flex}.bb .bb__icon>svg{width:100%;height:100%}.bb .bb__arrow{width:var(--bb-arrow);height:var(--bb-arrow);margin:calc(var(--bb-arrow) / -2) 0 0 calc(var(--bb-arrow) / -2);fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--bb-out) var(--bb-ease);position:absolute;top:50%;left:50%}.bb .bb__arrow--in{transform:translate(-180%)}@media (hover:hover){.bb:hover .bb__label,.bb:hover .bb__chip{box-shadow:calc(var(--bb-sx) + 1px) calc(var(--bb-sy) + 1px) 0 var(--bb-ink);transition-duration:var(--bb-in), var(--bb-in), var(--bb-swap);transform:translate(-1px,-1px)}.bb:hover .bb__label{color:var(--bb-label-b-fg)}.bb:hover .bb__chip{color:var(--bb-chip-b-fg)}.bb:hover .bb__label:before,.bb:hover .bb__chip:before{opacity:1}.bb:hover .bb__arrow{transition-duration:var(--bb-in)}.bb:hover .bb__arrow--out{transform:translate(180%)}.bb:hover .bb__arrow--in{transform:translate(0)}}.bb:focus-visible .bb__label{color:var(--bb-label-b-fg)}.bb:focus-visible .bb__chip{color:var(--bb-chip-b-fg)}.bb:focus-visible .bb__label:before,.bb:focus-visible .bb__chip:before{opacity:1}.bb:focus-visible .bb__arrow--out{transform:translate(180%)}.bb:focus-visible .bb__arrow--in{transform:translate(0)}.bb.bb.bb:focus-visible{outline:3px solid var(--bb-ring);outline-offset:3px;border-radius:999px}.bb.bb:focus:not(:focus-visible){outline:none}.bb.bb:active .bb__label,.bb.bb:active .bb__chip{transform:translate(calc(var(--bb-sx) - .5px), calc(var(--bb-sy) - 1px));box-shadow:.5px 1px 0 var(--bb-ink);transition-duration:var(--bb-press)}.bb--sm:after{content:"";position:absolute;inset:-5px -2px}.bb.bb--ghost{--bb-h:44px;color:var(--brand-violet-text);gap:4px;padding:0}.bb.bb--ghost.bb--night{color:var(--brand-violet-night)}.bb--ghost .bb__label,.bb--ghost .bb__chip{box-shadow:none;color:inherit;background:0 0;border:0;padding:0}.bb--ghost .bb__label:before,.bb--ghost .bb__chip:before{display:none}.bb--ghost .bb__chip{width:calc(var(--bb-arrow) + 6px)}.bb--ghost .bb__text{transition:background-size var(--bb-out) var(--bb-ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat}.bb--ghost:is(:hover,:focus-visible) .bb__text{transition-duration:var(--bb-in);background-size:100% 1.5px}.bb.bb--ghost:is(:hover,:focus-visible) .bb__label,.bb.bb--ghost:is(:hover,:focus-visible) .bb__chip,.bb.bb--ghost:active .bb__label,.bb.bb--ghost:active .bb__chip{box-shadow:none;color:inherit;transform:none}.bb.bb--ghost:hover{color:var(--brand-violet-deep)}.bb.bb--ghost.bb--night:hover{color:#c3b9f5}.bb.bb:disabled,.bb.bb[aria-disabled=true]{cursor:default;opacity:.55;pointer-events:none}@media (prefers-reduced-motion:reduce){.bb .bb__label,.bb .bb__chip,.bb .bb__label:before,.bb .bb__chip:before,.bb .bb__arrow,.bb--ghost .bb__text{transition:none!important}.bb .bb__arrow--in{display:none}.bb.bb .bb__arrow--out{transform:none!important}.bb.bb:is(:hover,:focus-visible,:active) :is(.bb__label,.bb__chip){transform:none}}@media (forced-colors:active){.bb .bb__label,.bb .bb__chip{color:buttontext;box-shadow:none;background:buttonface;border-color:buttontext}.bb .bb__label:before,.bb .bb__chip:before{display:none}.bb.bb.bb:focus-visible{outline-color:highlight}}@media print{.bb .bb__label{color:var(--brand-ink);background:0 0}.bb .bb__chip{display:none}}