.lb{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:15px;margin:0;padding:3px;font-family:inherit;display:inline-flex}.lb-mid{border-radius:12px;width:100%;padding:3px;transition:transform 50ms,box-shadow 50ms;display:block;box-shadow:0 1px 3px #0000004d}.lb-face{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:15px;font-weight:600;line-height:0;display:flex}.lb:active:not(:disabled) .lb-mid{transform:scale(.99);box-shadow:0 0 1px #0006}.lb:focus-visible{outline:2px solid hsl(var(--ring,142 71% 45%));outline-offset:2px}.lb--secondary{background:linear-gradient(#7878784d,#0000)}.lb--secondary .lb-mid{background:linear-gradient(#fff,#e4e4e48c)}.lb--secondary .lb-face{color:#26302b;background:linear-gradient(#e4e4e48c,#ffffffd9)}[data-color-mode=dark] .lb--secondary{background:linear-gradient(#000c,#0000)}[data-color-mode=dark] .lb--secondary .lb-mid{background:linear-gradient(#39414e,#2a303a);box-shadow:0 1px 3px #00000080}[data-color-mode=dark] .lb--secondary .lb-face{color:#dfe3e8;background:linear-gradient(#ffffff0f,#ffffff04)}.lb--primary{background:0 0}.lb--primary .lb-mid{background:linear-gradient(to bottom, color-mix(in srgb, var(--lb-accent,#2c9664) 86%, #fff), color-mix(in srgb, var(--lb-accent,#2c9664) 92%, #000))}.lb--primary .lb-face{color:var(--lb-accent-text,#fff);background:linear-gradient(#fff3,#ffffff0a);font-weight:700}.lb--icon .lb-face{padding:10px}.lb--lg .lb-face{gap:8px;padding:13px 18px;font-size:16px}.lb--sm .lb-face{gap:5px;padding:6px 10px;font-size:13px}.lb--xs{border-radius:11px;padding:2px}.lb--xs .lb-mid{border-radius:9px;padding:2px}.lb--xs .lb-face{border-radius:7px;gap:4px;padding:3px 8px;font-size:12px}.lb--badge-top .lb-face{padding:22px 10px 12px}.lb--row,.lb--row .lb-mid{width:100%}.lb--row .lb-face{text-align:left;white-space:normal;justify-content:flex-start;padding:12px 14px;line-height:1.3}.lb:disabled:not([aria-busy=true]){cursor:not-allowed;opacity:.5}.lb:disabled:not([aria-busy=true]) .lb-mid{box-shadow:none;background:#80808040}.lb:disabled:not([aria-busy=true]) .lb-face{background:0 0}.lb[aria-busy=true]{cursor:progress}
