bitboss-ui 0.2.70 → 0.2.72
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index101.js +2 -2
- package/dist/index103.js +2 -2
- package/dist/index109.js +1 -1
- package/dist/index11.js +2 -2
- package/dist/index111.js +4 -4
- package/dist/index113.js +1 -1
- package/dist/index116.js +1 -1
- package/dist/index117.js +1 -1
- package/dist/index118.js +1 -1
- package/dist/index119.js +1 -1
- package/dist/index121.js +1 -1
- package/dist/index125.js +1 -1
- package/dist/index126.js +1 -1
- package/dist/index127.js +1 -1
- package/dist/index131.js +2 -2
- package/dist/index15.js +8 -8
- package/dist/index17.js +9 -9
- package/dist/index19.js +3 -3
- package/dist/index196.js +2 -2
- package/dist/index196.js.map +1 -1
- package/dist/index197.js +235 -2
- package/dist/index197.js.map +1 -1
- package/dist/index198.js +10 -2
- package/dist/index198.js.map +1 -1
- package/dist/index199.js +2 -235
- package/dist/index199.js.map +1 -1
- package/dist/index200.js +4 -2
- package/dist/index200.js.map +1 -1
- package/dist/index201.js +3 -5
- package/dist/index201.js.map +1 -1
- package/dist/index202.js +3 -16
- package/dist/index202.js.map +1 -1
- package/dist/index203.js +5 -16
- package/dist/index203.js.map +1 -1
- package/dist/index204.js +15 -18
- package/dist/index204.js.map +1 -1
- package/dist/index205.js +13 -17
- package/dist/index205.js.map +1 -1
- package/dist/index206.js +18 -28
- package/dist/index206.js.map +1 -1
- package/dist/index207.js +20 -8
- package/dist/index207.js.map +1 -1
- package/dist/index208.js +29 -2
- package/dist/index208.js.map +1 -1
- package/dist/index209.js +8 -121
- package/dist/index209.js.map +1 -1
- package/dist/index21.js +2 -2
- package/dist/index210.js +2 -2
- package/dist/index210.js.map +1 -1
- package/dist/index211.js +3 -6
- package/dist/index211.js.map +1 -1
- package/dist/index212.js +35 -4
- package/dist/index212.js.map +1 -1
- package/dist/index213.js +6 -368
- package/dist/index213.js.map +1 -1
- package/dist/index214.js +345 -350
- package/dist/index214.js.map +1 -1
- package/dist/index215.js +134 -3
- package/dist/index215.js.map +1 -1
- package/dist/index216.js +2 -3
- package/dist/index216.js.map +1 -1
- package/dist/index217.js +174 -3
- package/dist/index217.js.map +1 -1
- package/dist/index218.js +23 -35
- package/dist/index218.js.map +1 -1
- package/dist/index219.js +365 -126
- package/dist/index219.js.map +1 -1
- package/dist/index220.js +2 -174
- package/dist/index220.js.map +1 -1
- package/dist/index221.js +121 -23
- package/dist/index221.js.map +1 -1
- package/dist/index222.js +2 -10
- package/dist/index222.js.map +1 -1
- package/dist/index224.js +3 -3
- package/dist/index226.js +1 -1
- package/dist/index228.js +5 -295
- package/dist/index228.js.map +1 -1
- package/dist/index229.js +160 -6
- package/dist/index229.js.map +1 -1
- package/dist/index23.js +1 -1
- package/dist/index230.js +1 -4
- package/dist/index230.js.map +1 -1
- package/dist/index231.js +69 -2
- package/dist/index231.js.map +1 -1
- package/dist/index232.js +4 -2
- package/dist/index232.js.map +1 -1
- package/dist/index233.js +224 -2
- package/dist/index233.js.map +1 -1
- package/dist/index234.js +258 -2
- package/dist/index234.js.map +1 -1
- package/dist/index235.js +295 -2
- package/dist/index235.js.map +1 -1
- package/dist/index236.js +6 -160
- package/dist/index236.js.map +1 -1
- package/dist/index237.js +4 -1
- package/dist/index237.js.map +1 -1
- package/dist/index238.js +2 -69
- package/dist/index238.js.map +1 -1
- package/dist/index239.js +2 -106
- package/dist/index239.js.map +1 -1
- package/dist/index240.js +2 -4
- package/dist/index240.js.map +1 -1
- package/dist/index241.js +2 -5
- package/dist/index241.js.map +1 -1
- package/dist/index242.js +2 -2
- package/dist/index243.js +430 -219
- package/dist/index243.js.map +1 -1
- package/dist/index244.js +83 -252
- package/dist/index244.js.map +1 -1
- package/dist/index245.js +2 -117
- package/dist/index245.js.map +1 -1
- package/dist/index246.js +110 -428
- package/dist/index246.js.map +1 -1
- package/dist/index247.js +105 -88
- package/dist/index247.js.map +1 -1
- package/dist/index249.js +2 -2
- package/dist/index25.js +2 -2
- package/dist/index250.js +15 -4
- package/dist/index250.js.map +1 -1
- package/dist/index251.js +4 -4
- package/dist/index251.js.map +1 -1
- package/dist/index252.js +4 -61
- package/dist/index252.js.map +1 -1
- package/dist/index253.js +60 -14
- package/dist/index253.js.map +1 -1
- package/dist/index254.js +3 -2
- package/dist/index254.js.map +1 -1
- package/dist/index255.js +2 -3
- package/dist/index255.js.map +1 -1
- package/dist/index29.js +3 -3
- package/dist/index31.js +8 -8
- package/dist/index33.js +2 -2
- package/dist/index35.js +2 -2
- package/dist/index47.js +1 -1
- package/dist/index49.js +1 -1
- package/dist/index65.js +4 -4
- package/dist/index72.js +1 -1
- package/dist/index75.js +1 -1
- package/dist/index79.js +4 -4
- package/dist/index81.js +1 -1
- package/dist/index99.js +47 -47
- package/dist/index99.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index99.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { defineComponent as D, getCurrentInstance as z, ref as K, computed as p, watch as _, openBlock as u, createElementBlock as d, unref as
|
|
2
|
-
import { useId as
|
|
3
|
-
import { useRoute as
|
|
4
|
-
import { useRouter as
|
|
5
|
-
import { wait as
|
|
6
|
-
import
|
|
1
|
+
import { defineComponent as D, getCurrentInstance as z, ref as K, computed as p, watch as _, nextTick as H, openBlock as u, createElementBlock as d, unref as J, normalizeClass as g, createElementVNode as v, Fragment as w, renderList as B, createVNode as O, withCtx as j, renderSlot as $, toDisplayString as G, createCommentVNode as M } from "vue";
|
|
2
|
+
import { useId as Q } from "./index7.js";
|
|
3
|
+
import { useRoute as W } from "./index129.js";
|
|
4
|
+
import { useRouter as X } from "./index130.js";
|
|
5
|
+
import { wait as Y } from "./index122.js";
|
|
6
|
+
import Z from "./index9.js";
|
|
7
7
|
import "./index10.js";
|
|
8
|
-
const
|
|
8
|
+
const ee = ["id"], te = { class: "bb-tab__label-boundary" }, ae = {
|
|
9
9
|
class: "bb-tab__label-container",
|
|
10
10
|
role: "tablist"
|
|
11
|
-
},
|
|
11
|
+
}, le = { class: "bb-tab__label" }, se = { class: "bb-tab__panes-container" }, ie = ["id", "aria-labelledby"], ye = /* @__PURE__ */ D({
|
|
12
12
|
__name: "BbTab",
|
|
13
13
|
props: {
|
|
14
14
|
disabled: { type: Boolean },
|
|
@@ -21,17 +21,17 @@ const Z = ["id"], ee = { class: "bb-tab__label-boundary" }, te = {
|
|
|
21
21
|
querykey: { default: "tab" }
|
|
22
22
|
},
|
|
23
23
|
emits: ["update:modelValue"],
|
|
24
|
-
setup(
|
|
25
|
-
var T,
|
|
26
|
-
const a =
|
|
24
|
+
setup(N, { expose: F, emit: A }) {
|
|
25
|
+
var T, x, S, I, V, L, C;
|
|
26
|
+
const a = N, P = A, o = W(), k = X(), b = a.id ?? Q().id.value, y = `bb-tab_${b}`, q = !!((x = (T = z()) == null ? void 0 : T.proxy) != null && x.$inertia), l = K(null), i = p(
|
|
27
27
|
() => a.items.findIndex((e) => e.key === l.value)
|
|
28
|
-
),
|
|
28
|
+
), f = p(() => i.value === 0), m = p(() => i.value === a.items.length - 1);
|
|
29
29
|
if (a.items.forEach((e) => {
|
|
30
30
|
if (!e.key)
|
|
31
31
|
throw console.error("A tab item has no key", e), new Error("A tab item has no key " + JSON.stringify(e));
|
|
32
|
-
}), a.navigation && ((I = (
|
|
32
|
+
}), a.navigation && ((I = (S = o.value) == null ? void 0 : S.query) != null && I[a.querykey]))
|
|
33
33
|
l.value = (L = (V = o.value) == null ? void 0 : V.query) == null ? void 0 : L[a.querykey];
|
|
34
|
-
else if (a.navigation &&
|
|
34
|
+
else if (a.navigation && q && ((C = globalThis == null ? void 0 : globalThis.location) != null && C.href) && new URL(globalThis.location.href).searchParams.get(a.querykey))
|
|
35
35
|
l.value = new URL(globalThis.location.href).searchParams.get(
|
|
36
36
|
a.querykey
|
|
37
37
|
);
|
|
@@ -49,14 +49,14 @@ const Z = ["id"], ee = { class: "bb-tab__label-boundary" }, te = {
|
|
|
49
49
|
const c = async (e, s = !1) => {
|
|
50
50
|
var t, n, E, R;
|
|
51
51
|
if (a.navigation && o.value && ((n = (t = o.value) == null ? void 0 : t.query) == null ? void 0 : n[a.querykey]) !== e)
|
|
52
|
-
|
|
52
|
+
k == null || k.push({
|
|
53
53
|
...o,
|
|
54
54
|
query: { ...(E = o.value) == null ? void 0 : E.query, [a.querykey]: e },
|
|
55
55
|
replace: s
|
|
56
56
|
});
|
|
57
|
-
else if (a.navigation &&
|
|
57
|
+
else if (a.navigation && q && ((R = globalThis == null ? void 0 : globalThis.location) != null && R.href) && new URL(globalThis.location.href).searchParams.get(a.querykey) !== e) {
|
|
58
58
|
const h = new URL(globalThis.location.href);
|
|
59
|
-
h.searchParams.set(a.querykey, e),
|
|
59
|
+
h.searchParams.set(a.querykey, e), Y(0).then(() => {
|
|
60
60
|
s ? history.replaceState({}, "", h.toString()) : history.pushState({}, "", h.toString());
|
|
61
61
|
});
|
|
62
62
|
}
|
|
@@ -84,7 +84,7 @@ const Z = ["id"], ee = { class: "bb-tab__label-boundary" }, te = {
|
|
|
84
84
|
if (a.items[s].disabled)
|
|
85
85
|
return;
|
|
86
86
|
const t = a.items[s].key, n = document.querySelector(
|
|
87
|
-
`#${
|
|
87
|
+
`#${y}_tab_${t}`
|
|
88
88
|
);
|
|
89
89
|
n == null || n.focus(), c(t);
|
|
90
90
|
}, U = (e) => {
|
|
@@ -115,38 +115,38 @@ const Z = ["id"], ee = { class: "bb-tab__label-boundary" }, te = {
|
|
|
115
115
|
}
|
|
116
116
|
), _(
|
|
117
117
|
l,
|
|
118
|
-
() => {
|
|
118
|
+
async () => {
|
|
119
119
|
const e = document.querySelector(
|
|
120
|
-
`#${
|
|
120
|
+
`#${b} [role=tablist] .bb-tab__btn--active`
|
|
121
121
|
);
|
|
122
|
-
e
|
|
122
|
+
e ? (await H(), e.scrollIntoView({
|
|
123
123
|
behavior: "smooth",
|
|
124
124
|
block: "center",
|
|
125
125
|
inline: "nearest"
|
|
126
|
-
});
|
|
126
|
+
})) : console.log("No element found with selector", `#${b} [role=tablist] .bb-tab__btn--active`);
|
|
127
127
|
},
|
|
128
128
|
{ flush: "post" }
|
|
129
|
-
),
|
|
130
|
-
isFirst:
|
|
131
|
-
isLast:
|
|
129
|
+
), F({
|
|
130
|
+
isFirst: f,
|
|
131
|
+
isLast: m,
|
|
132
132
|
current: l,
|
|
133
133
|
currentIndex: i,
|
|
134
134
|
goTo: r
|
|
135
135
|
}), (e, s) => (u(), d("div", {
|
|
136
|
-
id:
|
|
136
|
+
id: J(b),
|
|
137
137
|
class: g(["bb-tab", {
|
|
138
138
|
[`bb-tab--${e.direction}`]: !0,
|
|
139
139
|
"bb-tab--disabled": !0
|
|
140
140
|
}])
|
|
141
141
|
}, [
|
|
142
|
-
|
|
143
|
-
|
|
142
|
+
v("div", te, [
|
|
143
|
+
v("ul", ae, [
|
|
144
144
|
(u(!0), d(w, null, B(e.items, (t) => (u(), d("li", {
|
|
145
145
|
key: t.key,
|
|
146
146
|
role: "presentation"
|
|
147
147
|
}, [
|
|
148
|
-
|
|
149
|
-
id: `${
|
|
148
|
+
O(Z, {
|
|
149
|
+
id: `${y}_tab_${t.key}`,
|
|
150
150
|
"aria-selected": l.value === t.key,
|
|
151
151
|
class: g(["bb-tab__btn", { "bb-tab__btn--active": l.value === t.key }]),
|
|
152
152
|
disabled: t.disabled || e.disabled,
|
|
@@ -155,30 +155,30 @@ const Z = ["id"], ee = { class: "bb-tab__label-boundary" }, te = {
|
|
|
155
155
|
onClick: (n) => c(t.key),
|
|
156
156
|
onKeydown: U
|
|
157
157
|
}, {
|
|
158
|
-
default:
|
|
159
|
-
|
|
158
|
+
default: j(() => [
|
|
159
|
+
$(e.$slots, `label-${t.key}`, {
|
|
160
160
|
current: l.value,
|
|
161
161
|
currentIndex: i.value,
|
|
162
162
|
disabled: !!(t.disabled || e.disabled),
|
|
163
163
|
goTo: r,
|
|
164
|
-
isFirst:
|
|
165
|
-
isLast:
|
|
164
|
+
isFirst: f.value,
|
|
165
|
+
isLast: m.value,
|
|
166
166
|
selected: l.value === t.key,
|
|
167
167
|
text: t.label,
|
|
168
168
|
value: t.key
|
|
169
169
|
}, () => [
|
|
170
|
-
|
|
170
|
+
$(e.$slots, "label", {
|
|
171
171
|
current: l.value,
|
|
172
172
|
currentIndex: i.value,
|
|
173
173
|
disabled: !!(t.disabled || e.disabled),
|
|
174
174
|
goTo: r,
|
|
175
|
-
isFirst:
|
|
176
|
-
isLast:
|
|
175
|
+
isFirst: f.value,
|
|
176
|
+
isLast: m.value,
|
|
177
177
|
selected: l.value === t.key,
|
|
178
178
|
text: t.label,
|
|
179
179
|
value: t.key
|
|
180
180
|
}, () => [
|
|
181
|
-
|
|
181
|
+
v("span", le, G(t.label), 1)
|
|
182
182
|
])
|
|
183
183
|
])
|
|
184
184
|
]),
|
|
@@ -187,38 +187,38 @@ const Z = ["id"], ee = { class: "bb-tab__label-boundary" }, te = {
|
|
|
187
187
|
]))), 128))
|
|
188
188
|
])
|
|
189
189
|
]),
|
|
190
|
-
|
|
190
|
+
v("div", se, [
|
|
191
191
|
(u(!0), d(w, null, B(e.items, (t) => (u(), d(w, {
|
|
192
192
|
key: t.key
|
|
193
193
|
}, [
|
|
194
194
|
l.value === t.key || e.eager || t.eager ? (u(), d("section", {
|
|
195
195
|
key: 0,
|
|
196
|
-
id: `${
|
|
197
|
-
"aria-labelledby": `${
|
|
196
|
+
id: `${y}_tabpanel_${t.key}`,
|
|
197
|
+
"aria-labelledby": `${y}_tab_${t.key}`,
|
|
198
198
|
class: g(["bb-tab__pane", {
|
|
199
199
|
"bb-tab__pane--shown": l.value === t.key
|
|
200
200
|
}]),
|
|
201
201
|
role: "tabpanel",
|
|
202
202
|
tabindex: "0"
|
|
203
203
|
}, [
|
|
204
|
-
|
|
204
|
+
$(e.$slots, t.key, {
|
|
205
205
|
current: l.value,
|
|
206
206
|
currentIndex: i.value,
|
|
207
207
|
disabled: !!(t.disabled || e.disabled),
|
|
208
208
|
goTo: r,
|
|
209
|
-
isFirst:
|
|
210
|
-
isLast:
|
|
209
|
+
isFirst: f.value,
|
|
210
|
+
isLast: m.value,
|
|
211
211
|
selected: l.value === t.key,
|
|
212
212
|
text: t.label,
|
|
213
213
|
value: t.key
|
|
214
214
|
})
|
|
215
|
-
], 10,
|
|
215
|
+
], 10, ie)) : M("", !0)
|
|
216
216
|
], 64))), 128))
|
|
217
217
|
])
|
|
218
|
-
], 10,
|
|
218
|
+
], 10, ee));
|
|
219
219
|
}
|
|
220
220
|
});
|
|
221
221
|
export {
|
|
222
|
-
|
|
222
|
+
ye as default
|
|
223
223
|
};
|
|
224
224
|
//# sourceMappingURL=index99.js.map
|
package/dist/index99.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index99.js","sources":["../src/components/BbTab/BbTab.vue"],"sourcesContent":["<template>\n\t<div\n\t\t:id=\"id\"\n\t\tclass=\"bb-tab\"\n\t\t:class=\"{\n\t\t\t[`bb-tab--${direction}`]: true,\n\t\t\t'bb-tab--disabled': true,\n\t\t}\"\n\t>\n\t\t<div class=\"bb-tab__label-boundary\">\n\t\t\t<ul class=\"bb-tab__label-container\" role=\"tablist\">\n\t\t\t\t<li v-for=\"tab in items\" :key=\"tab.key\" role=\"presentation\">\n\t\t\t\t\t<BaseButton\n\t\t\t\t\t\t:id=\"`${instanceid}_tab_${tab.key}`\"\n\t\t\t\t\t\t:aria-selected=\"selectedTab === tab.key\"\n\t\t\t\t\t\tclass=\"bb-tab__btn\"\n\t\t\t\t\t\t:class=\"{ 'bb-tab__btn--active': selectedTab === tab.key }\"\n\t\t\t\t\t\t:disabled=\"tab.disabled || disabled\"\n\t\t\t\t\t\t:role=\"'tab'\"\n\t\t\t\t\t\t:tabindex=\"selectedTab === tab.key ? 0 : -1\"\n\t\t\t\t\t\t@click=\"onTabSelected(tab.key)\"\n\t\t\t\t\t\t@keydown=\"onKeydown\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t:current=\"selectedTab\"\n\t\t\t\t\t\t\t:current-index=\"currentTabIndex\"\n\t\t\t\t\t\t\t:disabled=\"!!(tab.disabled || disabled)\"\n\t\t\t\t\t\t\t:go-to=\"goTo\"\n\t\t\t\t\t\t\t:is-first=\"isFirst\"\n\t\t\t\t\t\t\t:is-last=\"isLast\"\n\t\t\t\t\t\t\t:name=\"`label-${tab.key}`\"\n\t\t\t\t\t\t\t:selected=\"selectedTab === tab.key\"\n\t\t\t\t\t\t\t:text=\"tab.label\"\n\t\t\t\t\t\t\t:value=\"tab.key\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\t:current=\"selectedTab\"\n\t\t\t\t\t\t\t\t:current-index=\"currentTabIndex\"\n\t\t\t\t\t\t\t\t:disabled=\"!!(tab.disabled || disabled)\"\n\t\t\t\t\t\t\t\t:go-to=\"goTo\"\n\t\t\t\t\t\t\t\t:is-first=\"isFirst\"\n\t\t\t\t\t\t\t\t:is-last=\"isLast\"\n\t\t\t\t\t\t\t\tname=\"label\"\n\t\t\t\t\t\t\t\t:selected=\"selectedTab === tab.key\"\n\t\t\t\t\t\t\t\t:text=\"tab.label\"\n\t\t\t\t\t\t\t\t:value=\"tab.key\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span class=\"bb-tab__label\">{{ tab.label }}</span>\n\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t</slot>\n\t\t\t\t\t</BaseButton>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</div>\n\t\t<div class=\"bb-tab__panes-container\">\n\t\t\t<template v-for=\"tab in items\" :key=\"tab.key\">\n\t\t\t\t<section\n\t\t\t\t\tv-if=\"selectedTab === tab.key || eager || tab.eager\"\n\t\t\t\t\t:id=\"`${instanceid}_tabpanel_${tab.key}`\"\n\t\t\t\t\t:aria-labelledby=\"`${instanceid}_tab_${tab.key}`\"\n\t\t\t\t\tclass=\"bb-tab__pane\"\n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t'bb-tab__pane--shown': selectedTab === tab.key,\n\t\t\t\t\t}\"\n\t\t\t\t\trole=\"tabpanel\"\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t:current=\"selectedTab\"\n\t\t\t\t\t\t:current-index=\"currentTabIndex\"\n\t\t\t\t\t\t:disabled=\"!!(tab.disabled || disabled)\"\n\t\t\t\t\t\t:go-to=\"goTo\"\n\t\t\t\t\t\t:is-first=\"isFirst\"\n\t\t\t\t\t\t:is-last=\"isLast\"\n\t\t\t\t\t\t:name=\"tab.key\"\n\t\t\t\t\t\t:selected=\"selectedTab === tab.key\"\n\t\t\t\t\t\t:text=\"tab.label\"\n\t\t\t\t\t\t:value=\"tab.key\"\n\t\t\t\t\t></slot>\n\t\t\t\t</section>\n\t\t\t</template>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, getCurrentInstance, computed } from 'vue';\nimport { useId } from '@/composables/useId';\nimport { useRoute } from '@/composables/useRoute';\nimport { useRouter } from '@/composables/useRouter';\nimport { wait } from '@/utilities/functions/wait';\nimport BaseButton from '../BaseButton/BaseButton.vue';\nimport type { CommonProps } from '@/types/CommonProps';\n\nexport type BbTabItem = Pick<CommonProps, 'disabled'> & {\n\t/**\n\t * Used to render a tab even when not visible.\n\t * It's useful if you want the content of a tab in the DOM\n\t * immediately rendered\n\t * even when not visible for SEO purposes.\n\t */\n\teager?: boolean;\n\t/**\n\t * String that identifies the tab.\n\t */\n\tkey: string;\n\t/**\n\t * Label to use as the tab text.\n\t */\n\tlabel?: string;\n};\n\nexport type BbTabProps = Pick<CommonProps, 'disabled' | 'eager' | 'id'> & {\n\t/**\n\t * Direction of the tabs component\n\t */\n\tdirection?: 'horizontal' | 'vertical';\n\t/**\n\t * Array of items that define the tabs in the component.\n\t */\n\titems: BbTabItem[];\n\t/**\n\t * The current tab. Used by v-model.\n\t */\n\tmodelValue?: null | BbTabItem['key'];\n\t/**\n\t * Synchronizes the current tab with the url.\n\t */\n\tnavigation?: boolean;\n\t/**\n\t * Defines the query key to reference for maintaining navigation\n\t */\n\tquerykey?: string;\n};\n\nconst props = withDefaults(defineProps<BbTabProps>(), {\n\tdirection: 'horizontal',\n\tquerykey: 'tab',\n});\n\nexport type BbTabEvents = {\n\t(e: 'update:modelValue', value: (typeof props.items)[number]['key']): void;\n};\nconst emit = defineEmits<BbTabEvents>();\n\ntype BbStepSlots = {\n\tlabel?: (props: {\n\t\tcurrent: string | null;\n\t\tcurrentIndex: number;\n\t\tdisabled: boolean;\n\t\tisFirst: boolean;\n\t\tisLast: boolean;\n\t\tselected: boolean;\n\t\ttext: BbTabItem['label'];\n\t\tvalue: string;\n\t\tgoTo: typeof goTo;\n\t}) => any;\n} & {\n\t[key: string]: (props: {\n\t\tcurrent: string | null;\n\t\tcurrentIndex: number;\n\t\tdisabled: boolean;\n\t\tisFirst: boolean;\n\t\tisLast: boolean;\n\t\tselected: boolean;\n\t\ttext: BbTabItem['label'];\n\t\tvalue: string;\n\t\tgoTo: typeof goTo;\n\t}) => any;\n};\n\ndefineSlots<BbStepSlots>();\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst id = props.id ?? useId().id.value;\nconst instanceid = `bb-tab_${id}`;\n\n/* Ignore because possibly undefined */\n// @ts-expect-error possibly undef\nconst isInertia = !!getCurrentInstance()?.proxy?.$inertia;\n\nconst selectedTab = ref<BbTabItem['key'] | null>(null);\n\nconst currentTabIndex = computed(() =>\n\tprops.items.findIndex((el) => el.key === selectedTab.value)\n);\nconst isFirst = computed(() => currentTabIndex.value === 0);\nconst isLast = computed(() => currentTabIndex.value === props.items.length - 1);\n\nprops.items.forEach((item) => {\n\tif (!item.key) {\n\t\tconsole.error(`A tab item has no key`, item);\n\t\tthrow new Error('A tab item has no key ' + JSON.stringify(item));\n\t}\n});\n\n/* \nThis section retrieves the current tab that should be selected\n*/\n// Retrieve tab from url on load for vue apps\nif (props.navigation && route.value?.query?.[props.querykey]) {\n\tselectedTab.value = route.value?.query?.[props.querykey] as string;\n\t// Retrieve tab from url on load for inertia app\n} else if (\n\tprops.navigation &&\n\tisInertia &&\n\tglobalThis?.location?.href &&\n\tnew URL(globalThis.location.href).searchParams.get(props.querykey)\n) {\n\tselectedTab.value = new URL(globalThis.location.href).searchParams.get(\n\t\tprops.querykey\n\t) as string;\n\t// Else whatever tab is passed first\n} else if (props.modelValue) {\n\tselectedTab.value = props.modelValue;\n\t// Else whatever tab is passed first\n} else if (props.items[0]) {\n\tconst firstSelectableTab = props.items.find((item) => !item.disabled);\n\tif (!firstSelectableTab) {\n\t\tthrow new Error(\n\t\t\t'No tab has been selected so it defaulted to the first available. Still, all the tabs are disabled so no tab can be selected.'\n\t\t);\n\t}\n\tconst key = firstSelectableTab.key;\n\tselectedTab.value = key;\n}\n/* \nOnce the current tab is found update external variables\n*/\n\nconst onTabSelected = async (tab: BbTabItem['key'], replace = false) => {\n\t/* For Vue or Nuxt context */\n\tif (\n\t\tprops.navigation &&\n\t\troute.value &&\n\t\troute.value?.query?.[props.querykey] !== tab\n\t) {\n\t\trouter?.push({\n\t\t\t...route,\n\t\t\tquery: { ...route.value?.query, [props.querykey]: tab },\n\t\t\treplace,\n\t\t});\n\t\t/* Inertia context */\n\t} else if (\n\t\tprops.navigation &&\n\t\tisInertia &&\n\t\tglobalThis?.location?.href &&\n\t\tnew URL(globalThis.location.href).searchParams.get(props.querykey) !== tab\n\t) {\n\t\tconst url = new URL(globalThis.location.href);\n\t\turl.searchParams.set(props.querykey, tab);\n\t\twait(0).then(() => {\n\t\t\tif (replace) {\n\t\t\t\thistory.replaceState({}, '', url.toString());\n\t\t\t} else {\n\t\t\t\thistory.pushState({}, '', url.toString());\n\t\t\t}\n\t\t});\n\t}\n\tif (props.modelValue !== tab) {\n\t\temit('update:modelValue', tab);\n\t}\n\tselectedTab.value = tab;\n};\n\nif (selectedTab.value) {\n\tonTabSelected(selectedTab.value, true);\n}\n\nconst goTo = (target: 'first' | 'previous' | 'next' | 'last') => {\n\tvar nextTabIndex: number | null = null;\n\tswitch (target) {\n\t\tcase 'first':\n\t\t\tnextTabIndex = 0;\n\t\t\tbreak;\n\t\tcase 'previous':\n\t\t\tnextTabIndex =\n\t\t\t\t(currentTabIndex.value + props.items.length - 1) % props.items.length;\n\t\t\tbreak;\n\t\tcase 'next':\n\t\t\tnextTabIndex = (currentTabIndex.value + 1) % props.items.length;\n\t\t\tbreak;\n\t\tcase 'last':\n\t\t\tnextTabIndex = props.items.length - 1;\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tbreak;\n\t}\n\tif (nextTabIndex === null) {\n\t\tthrow new Error('Could not navigate to next tab');\n\t}\n\tif (props.items[nextTabIndex].disabled) return;\n\tconst targetKey = props.items[nextTabIndex].key;\n\tconst button: HTMLButtonElement | null = document.querySelector(\n\t\t`#${instanceid}_tab_${targetKey}`\n\t);\n\tbutton?.focus();\n\tonTabSelected(targetKey);\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n\tif (props.disabled) return;\n\tif (event.key === 'ArrowRight') {\n\t\tgoTo('next');\n\t} else if (event.key === 'ArrowLeft') {\n\t\tgoTo('previous');\n\t} else if (event.key === 'Home') {\n\t\tevent.preventDefault();\n\t\tgoTo('first');\n\t} else if (event.key === 'End') {\n\t\tevent.preventDefault();\n\t\tgoTo('last');\n\t} else {\n\t\treturn;\n\t}\n};\n\nwatch(\n\t() => props.modelValue,\n\t(value) => {\n\t\tif (value) {\n\t\t\tonTabSelected(value);\n\t\t}\n\t}\n);\n\nwatch(\n\t() => route.value?.query?.[props.querykey],\n\t(value) => {\n\t\tif (value && typeof value === 'string') {\n\t\t\tonTabSelected(value);\n\t\t}\n\t}\n);\n\nwatch(\n\tselectedTab,\n\t() => {\n\t\tconst element = document.querySelector(\n\t\t\t`#${id} [role=tablist] .bb-tab__btn--active`\n\t\t);\n\t\tif (element) {\n\t\t\telement.scrollIntoView({\n\t\t\t\tbehavior: 'smooth',\n\t\t\t\tblock: 'center',\n\t\t\t\tinline: 'nearest',\n\t\t\t});\n\t\t}\n\t},\n\t{ flush: 'post' }\n);\n\ndefineExpose({\n\tisFirst,\n\tisLast,\n\tcurrent: selectedTab,\n\tcurrentIndex: currentTabIndex,\n\tgoTo,\n});\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbTab';\n</style>\n"],"names":["props","__props","emit","__emit","route","useRoute","router","useRouter","id","useId","instanceid","isInertia","_b","_a","getCurrentInstance","selectedTab","ref","currentTabIndex","computed","el","isFirst","isLast","item","_d","_c","_f","_e","_g","firstSelectableTab","key","onTabSelected","tab","replace","url","wait","goTo","target","nextTabIndex","targetKey","button","onKeydown","event","watch","value","element","__expose"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index99.js","sources":["../src/components/BbTab/BbTab.vue"],"sourcesContent":["<template>\n\t<div\n\t\t:id=\"id\"\n\t\tclass=\"bb-tab\"\n\t\t:class=\"{\n\t\t\t[`bb-tab--${direction}`]: true,\n\t\t\t'bb-tab--disabled': true,\n\t\t}\"\n\t>\n\t\t<div class=\"bb-tab__label-boundary\">\n\t\t\t<ul class=\"bb-tab__label-container\" role=\"tablist\">\n\t\t\t\t<li v-for=\"tab in items\" :key=\"tab.key\" role=\"presentation\">\n\t\t\t\t\t<BaseButton\n\t\t\t\t\t\t:id=\"`${instanceid}_tab_${tab.key}`\"\n\t\t\t\t\t\t:aria-selected=\"selectedTab === tab.key\"\n\t\t\t\t\t\tclass=\"bb-tab__btn\"\n\t\t\t\t\t\t:class=\"{ 'bb-tab__btn--active': selectedTab === tab.key }\"\n\t\t\t\t\t\t:disabled=\"tab.disabled || disabled\"\n\t\t\t\t\t\t:role=\"'tab'\"\n\t\t\t\t\t\t:tabindex=\"selectedTab === tab.key ? 0 : -1\"\n\t\t\t\t\t\t@click=\"onTabSelected(tab.key)\"\n\t\t\t\t\t\t@keydown=\"onKeydown\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t:current=\"selectedTab\"\n\t\t\t\t\t\t\t:current-index=\"currentTabIndex\"\n\t\t\t\t\t\t\t:disabled=\"!!(tab.disabled || disabled)\"\n\t\t\t\t\t\t\t:go-to=\"goTo\"\n\t\t\t\t\t\t\t:is-first=\"isFirst\"\n\t\t\t\t\t\t\t:is-last=\"isLast\"\n\t\t\t\t\t\t\t:name=\"`label-${tab.key}`\"\n\t\t\t\t\t\t\t:selected=\"selectedTab === tab.key\"\n\t\t\t\t\t\t\t:text=\"tab.label\"\n\t\t\t\t\t\t\t:value=\"tab.key\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot\n\t\t\t\t\t\t\t\t:current=\"selectedTab\"\n\t\t\t\t\t\t\t\t:current-index=\"currentTabIndex\"\n\t\t\t\t\t\t\t\t:disabled=\"!!(tab.disabled || disabled)\"\n\t\t\t\t\t\t\t\t:go-to=\"goTo\"\n\t\t\t\t\t\t\t\t:is-first=\"isFirst\"\n\t\t\t\t\t\t\t\t:is-last=\"isLast\"\n\t\t\t\t\t\t\t\tname=\"label\"\n\t\t\t\t\t\t\t\t:selected=\"selectedTab === tab.key\"\n\t\t\t\t\t\t\t\t:text=\"tab.label\"\n\t\t\t\t\t\t\t\t:value=\"tab.key\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span class=\"bb-tab__label\">{{ tab.label }}</span>\n\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t</slot>\n\t\t\t\t\t</BaseButton>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t</div>\n\t\t<div class=\"bb-tab__panes-container\">\n\t\t\t<template v-for=\"tab in items\" :key=\"tab.key\">\n\t\t\t\t<section\n\t\t\t\t\tv-if=\"selectedTab === tab.key || eager || tab.eager\"\n\t\t\t\t\t:id=\"`${instanceid}_tabpanel_${tab.key}`\"\n\t\t\t\t\t:aria-labelledby=\"`${instanceid}_tab_${tab.key}`\"\n\t\t\t\t\tclass=\"bb-tab__pane\"\n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\t'bb-tab__pane--shown': selectedTab === tab.key,\n\t\t\t\t\t}\"\n\t\t\t\t\trole=\"tabpanel\"\n\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t:current=\"selectedTab\"\n\t\t\t\t\t\t:current-index=\"currentTabIndex\"\n\t\t\t\t\t\t:disabled=\"!!(tab.disabled || disabled)\"\n\t\t\t\t\t\t:go-to=\"goTo\"\n\t\t\t\t\t\t:is-first=\"isFirst\"\n\t\t\t\t\t\t:is-last=\"isLast\"\n\t\t\t\t\t\t:name=\"tab.key\"\n\t\t\t\t\t\t:selected=\"selectedTab === tab.key\"\n\t\t\t\t\t\t:text=\"tab.label\"\n\t\t\t\t\t\t:value=\"tab.key\"\n\t\t\t\t\t></slot>\n\t\t\t\t</section>\n\t\t\t</template>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, getCurrentInstance, computed, nextTick } from 'vue';\nimport { useId } from '@/composables/useId';\nimport { useRoute } from '@/composables/useRoute';\nimport { useRouter } from '@/composables/useRouter';\nimport { wait } from '@/utilities/functions/wait';\nimport BaseButton from '../BaseButton/BaseButton.vue';\nimport type { CommonProps } from '@/types/CommonProps';\n\nexport type BbTabItem = Pick<CommonProps, 'disabled'> & {\n\t/**\n\t * Used to render a tab even when not visible.\n\t * It's useful if you want the content of a tab in the DOM\n\t * immediately rendered\n\t * even when not visible for SEO purposes.\n\t */\n\teager?: boolean;\n\t/**\n\t * String that identifies the tab.\n\t */\n\tkey: string;\n\t/**\n\t * Label to use as the tab text.\n\t */\n\tlabel?: string;\n};\n\nexport type BbTabProps = Pick<CommonProps, 'disabled' | 'eager' | 'id'> & {\n\t/**\n\t * Direction of the tabs component\n\t */\n\tdirection?: 'horizontal' | 'vertical';\n\t/**\n\t * Array of items that define the tabs in the component.\n\t */\n\titems: BbTabItem[];\n\t/**\n\t * The current tab. Used by v-model.\n\t */\n\tmodelValue?: null | BbTabItem['key'];\n\t/**\n\t * Synchronizes the current tab with the url.\n\t */\n\tnavigation?: boolean;\n\t/**\n\t * Defines the query key to reference for maintaining navigation\n\t */\n\tquerykey?: string;\n};\n\nconst props = withDefaults(defineProps<BbTabProps>(), {\n\tdirection: 'horizontal',\n\tquerykey: 'tab',\n});\n\nexport type BbTabEvents = {\n\t(e: 'update:modelValue', value: (typeof props.items)[number]['key']): void;\n};\nconst emit = defineEmits<BbTabEvents>();\n\ntype BbStepSlots = {\n\tlabel?: (props: {\n\t\tcurrent: string | null;\n\t\tcurrentIndex: number;\n\t\tdisabled: boolean;\n\t\tisFirst: boolean;\n\t\tisLast: boolean;\n\t\tselected: boolean;\n\t\ttext: BbTabItem['label'];\n\t\tvalue: string;\n\t\tgoTo: typeof goTo;\n\t}) => any;\n} & {\n\t[key: string]: (props: {\n\t\tcurrent: string | null;\n\t\tcurrentIndex: number;\n\t\tdisabled: boolean;\n\t\tisFirst: boolean;\n\t\tisLast: boolean;\n\t\tselected: boolean;\n\t\ttext: BbTabItem['label'];\n\t\tvalue: string;\n\t\tgoTo: typeof goTo;\n\t}) => any;\n};\n\ndefineSlots<BbStepSlots>();\n\nconst route = useRoute();\nconst router = useRouter();\n\nconst id = props.id ?? useId().id.value;\nconst instanceid = `bb-tab_${id}`;\n\n/* Ignore because possibly undefined */\n// @ts-expect-error possibly undef\nconst isInertia = !!getCurrentInstance()?.proxy?.$inertia;\n\nconst selectedTab = ref<BbTabItem['key'] | null>(null);\n\nconst currentTabIndex = computed(() =>\n\tprops.items.findIndex((el) => el.key === selectedTab.value)\n);\nconst isFirst = computed(() => currentTabIndex.value === 0);\nconst isLast = computed(() => currentTabIndex.value === props.items.length - 1);\n\nprops.items.forEach((item) => {\n\tif (!item.key) {\n\t\tconsole.error(`A tab item has no key`, item);\n\t\tthrow new Error('A tab item has no key ' + JSON.stringify(item));\n\t}\n});\n\n/* \nThis section retrieves the current tab that should be selected\n*/\n// Retrieve tab from url on load for vue apps\nif (props.navigation && route.value?.query?.[props.querykey]) {\n\tselectedTab.value = route.value?.query?.[props.querykey] as string;\n\t// Retrieve tab from url on load for inertia app\n} else if (\n\tprops.navigation &&\n\tisInertia &&\n\tglobalThis?.location?.href &&\n\tnew URL(globalThis.location.href).searchParams.get(props.querykey)\n) {\n\tselectedTab.value = new URL(globalThis.location.href).searchParams.get(\n\t\tprops.querykey\n\t) as string;\n\t// Else whatever tab is passed first\n} else if (props.modelValue) {\n\tselectedTab.value = props.modelValue;\n\t// Else whatever tab is passed first\n} else if (props.items[0]) {\n\tconst firstSelectableTab = props.items.find((item) => !item.disabled);\n\tif (!firstSelectableTab) {\n\t\tthrow new Error(\n\t\t\t'No tab has been selected so it defaulted to the first available. Still, all the tabs are disabled so no tab can be selected.'\n\t\t);\n\t}\n\tconst key = firstSelectableTab.key;\n\tselectedTab.value = key;\n}\n/* \nOnce the current tab is found update external variables\n*/\n\nconst onTabSelected = async (tab: BbTabItem['key'], replace = false) => {\n\t/* For Vue or Nuxt context */\n\tif (\n\t\tprops.navigation &&\n\t\troute.value &&\n\t\troute.value?.query?.[props.querykey] !== tab\n\t) {\n\t\trouter?.push({\n\t\t\t...route,\n\t\t\tquery: { ...route.value?.query, [props.querykey]: tab },\n\t\t\treplace,\n\t\t});\n\t\t/* Inertia context */\n\t} else if (\n\t\tprops.navigation &&\n\t\tisInertia &&\n\t\tglobalThis?.location?.href &&\n\t\tnew URL(globalThis.location.href).searchParams.get(props.querykey) !== tab\n\t) {\n\t\tconst url = new URL(globalThis.location.href);\n\t\turl.searchParams.set(props.querykey, tab);\n\t\twait(0).then(() => {\n\t\t\tif (replace) {\n\t\t\t\thistory.replaceState({}, '', url.toString());\n\t\t\t} else {\n\t\t\t\thistory.pushState({}, '', url.toString());\n\t\t\t}\n\t\t});\n\t}\n\tif (props.modelValue !== tab) {\n\t\temit('update:modelValue', tab);\n\t}\n\tselectedTab.value = tab;\n};\n\nif (selectedTab.value) {\n\tonTabSelected(selectedTab.value, true);\n}\n\nconst goTo = (target: 'first' | 'previous' | 'next' | 'last') => {\n\tvar nextTabIndex: number | null = null;\n\tswitch (target) {\n\t\tcase 'first':\n\t\t\tnextTabIndex = 0;\n\t\t\tbreak;\n\t\tcase 'previous':\n\t\t\tnextTabIndex =\n\t\t\t\t(currentTabIndex.value + props.items.length - 1) % props.items.length;\n\t\t\tbreak;\n\t\tcase 'next':\n\t\t\tnextTabIndex = (currentTabIndex.value + 1) % props.items.length;\n\t\t\tbreak;\n\t\tcase 'last':\n\t\t\tnextTabIndex = props.items.length - 1;\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tbreak;\n\t}\n\tif (nextTabIndex === null) {\n\t\tthrow new Error('Could not navigate to next tab');\n\t}\n\tif (props.items[nextTabIndex].disabled) return;\n\tconst targetKey = props.items[nextTabIndex].key;\n\tconst button: HTMLButtonElement | null = document.querySelector(\n\t\t`#${instanceid}_tab_${targetKey}`\n\t);\n\tbutton?.focus();\n\tonTabSelected(targetKey);\n};\n\nconst onKeydown = (event: KeyboardEvent) => {\n\tif (props.disabled) return;\n\tif (event.key === 'ArrowRight') {\n\t\tgoTo('next');\n\t} else if (event.key === 'ArrowLeft') {\n\t\tgoTo('previous');\n\t} else if (event.key === 'Home') {\n\t\tevent.preventDefault();\n\t\tgoTo('first');\n\t} else if (event.key === 'End') {\n\t\tevent.preventDefault();\n\t\tgoTo('last');\n\t} else {\n\t\treturn;\n\t}\n};\n\nwatch(\n\t() => props.modelValue,\n\t(value) => {\n\t\tif (value) {\n\t\t\tonTabSelected(value);\n\t\t}\n\t}\n);\n\nwatch(\n\t() => route.value?.query?.[props.querykey],\n\t(value) => {\n\t\tif (value && typeof value === 'string') {\n\t\t\tonTabSelected(value);\n\t\t}\n\t}\n);\n\nwatch(\n\tselectedTab,\n\tasync () => {\n\t\tconst element = document.querySelector(\n\t\t\t`#${id} [role=tablist] .bb-tab__btn--active`\n\t\t);\n\t\tif (element) {\n\t\t\tawait nextTick()\n\t\t\telement.scrollIntoView({\n\t\t\t\tbehavior: 'smooth',\n\t\t\t\tblock: 'center',\n\t\t\t\tinline: 'nearest',\n\t\t\t});\n\t\t} else {\n\t\t\tconsole.log('No element found with selector', `#${id} [role=tablist] .bb-tab__btn--active`)\n\t\t}\n\t},\n\t{ flush: 'post' }\n);\n\ndefineExpose({\n\tisFirst,\n\tisLast,\n\tcurrent: selectedTab,\n\tcurrentIndex: currentTabIndex,\n\tgoTo,\n});\n</script>\n\n<style lang=\"postcss\">\n@import '@/assets/css/BbTab';\n</style>\n"],"names":["props","__props","emit","__emit","route","useRoute","router","useRouter","id","useId","instanceid","isInertia","_b","_a","getCurrentInstance","selectedTab","ref","currentTabIndex","computed","el","isFirst","isLast","item","_d","_c","_f","_e","_g","firstSelectableTab","key","onTabSelected","tab","replace","url","wait","goTo","target","nextTabIndex","targetKey","button","onKeydown","event","watch","value","element","nextTick","__expose"],"mappings":"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"}
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.bb-base-checkbox-group--horizontal .bb-base-checkbox-group-option{align-items:center;margin-right:.75rem;display:inline-flex}.bb-base-checkbox-group--vertical .bb-base-checkbox-group-option{width:100%;display:flex}.bb-base-checkbox-group__container{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.bb-base-checkbox-group-option{cursor:pointer;align-items:center;display:inline-flex}.bb-base-checkbox-group-option>.bb-base-checkbox{margin-right:.25rem}.bb-base-checkbox-group-option__text--hidden{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-rating{--tw-text-opacity:1;color:rgb(250 175 0/var(--tw-text-opacity))}.bb-base-rating.bb-base-rating--has-value .bb-base-rating__inner-container{color:inherit}.bb-base-rating.bb-base-rating--has-value .bb-base-rating__inner-container .bb-base-rating__option:not(.bb-base-rating__option--highlighted){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.bb-base-rating:not(.bb-base-rating--disabled):not(.bb-base-rating--readonly) .bb-base-rating__inner-container:hover{color:inherit}.bb-base-rating:not(.bb-base-rating--disabled):not(.bb-base-rating--readonly) .bb-base-rating__inner-container:hover .bb-base-rating__option{color:currentColor}.bb-base-rating:not(.bb-base-rating--disabled):not(.bb-base-rating--readonly) .bb-base-rating__inner-container:hover .bb-base-rating__option:hover~.bb-base-rating__option{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.bb-base-rating:not(.bb-base-rating--disabled):not(.bb-base-rating--readonly) .bb-base-rating__option{border-radius:.5rem}.bb-base-rating:not(.bb-base-rating--disabled):not(.bb-base-rating--readonly) .bb-base-rating__option:hover svg{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-base-rating:not(.bb-base-rating--disabled):not(.bb-base-rating--readonly) .bb-base-rating__option:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:currentColor}.bb-base-rating__inner-container{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));display:inline-flex}.bb-base-rating__option{cursor:pointer;padding-left:2px;padding-right:2px}.bb-base-rating__option .bb-base-rating__label-text,.bb-base-rating__option input[type=radio]{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-rating svg{fill:currentColor;stroke:#d1d5db;stroke-width:1px;transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.base-btn{text-align:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.base-btn:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid #0000}.base-btn--block{width:100%;display:block}a.base-btn{color:inherit}a.base-btn:hover{-webkit-text-decoration:inherit;text-decoration:inherit}.bb-base-number-input__container{align-items:center;display:inline-flex}.bb-base-number-input__inner-container{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:1px;border-radius:.375rem;flex:auto;align-items:center;display:inline-flex}.bb-base-number-input__inner-container:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:.5}.bb-base-number-input__handle{font-size:2.25rem;line-height:1}.bb-base-number-input__handle__label{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-number-input__handle__icon{width:1.5rem;display:inline-block}.bb-base-number-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bb-base-number-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bb-base-number-input__input{background-color:#0000;flex:auto;width:100%}.bb-base-number-input__input:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid #0000}.bb-base-number-input__input__label{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-number-input__input__icon{line-height:1}.bb-base-date-picker{--color:37,99,235;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:1px;border-radius:.5rem}.bb-base-date-picker__header{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));background-color:rgb(var(--color));border-top-left-radius:.5rem;border-top-right-radius:.5rem;margin-top:-1px;margin-left:-1px;margin-right:-1px;padding-top:.5rem;padding-bottom:.5rem;padding-left:.75rem}.bb-base-date-picker__header .bb-base-date-picker__year-button{opacity:.75;margin-right:1.25rem;font-size:1.25rem;line-height:1.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-base-date-picker__header .bb-base-date-picker__year-button:hover{opacity:1}.bb-base-date-picker__header .bb-base-date-picker__selected-day-label{text-transform:capitalize;font-size:1.5rem;line-height:2rem}.bb-base-date-picker__header .bb-base-date-picker__selected-day-label .bb-base-date-picker__weekday,.bb-base-date-picker__header .bb-base-date-picker__selected-day-label .bb-base-date-picker__monthday{margin-right:.25rem;display:inline-block}.bb-base-date-picker__header .bb-base-date-picker__selected-day-label .bb-base-date-picker__month-button{text-transform:capitalize}.bb-base-date-picker__small-month-selector{-moz-column-gap:.75rem;justify-content:space-between;align-items:center;column-gap:.75rem;margin-top:.5rem;padding-left:1rem;padding-right:1rem;font-weight:700;display:flex;position:relative}.bb-base-date-picker__small-month-selector .bb-base-date-picker__previous-month-button,.bb-base-date-picker__small-month-selector .bb-base-date-picker__next-month-button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));background-color:rgba(var(--color),.8);border-radius:9999px;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:inline-flex}.bb-base-date-picker__small-month-selector .bb-base-date-picker__previous-month-button>span,.bb-base-date-picker__small-month-selector .bb-base-date-picker__next-month-button>span{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-date-picker__small-month-selector .bb-base-date-picker__current-month-button{--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));text-transform:capitalize;position:absolute;top:50%;left:50%}.bb-base-date-picker__small-year-selector{-moz-column-gap:.75rem;justify-content:space-between;align-items:center;column-gap:.75rem;margin-top:.5rem;padding-left:1rem;padding-right:1rem;font-weight:700;display:flex}.bb-base-date-picker__small-year-selector .bb-base-date-picker__previous-year-button,.bb-base-date-picker__small-year-selector .bb-base-date-picker__next-year-button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));background-color:rgba(var(--color),.8);border-radius:9999px;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:inline-flex}.bb-base-date-picker__small-year-selector .bb-base-date-picker__previous-year-button>span,.bb-base-date-picker__small-year-selector .bb-base-date-picker__next-year-button>span{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-date-picker__small-year-selector .bb-base-date-picker__current-year-button{text-transform:capitalize}.bb-base-date-picker-calendar .fade-enter-active{transition:all .15s ease-out}.bb-base-date-picker-calendar .fade-leave-active{transition:all .15s cubic-bezier(1,.5,.8,1)}.bb-base-date-picker-calendar .fade-enter-from,.bb-base-date-picker-calendar .fade-leave-to{opacity:0}.bb-base-date-picker-calendar{height:270px;padding:.5rem;position:relative}.bb-base-date-picker-calendar .bb-base-date-picker-month .bb-base-date-picker-header-container{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.bb-base-date-picker-calendar .bb-base-date-picker-month .bb-base-date-picker-header-container .bb-base-date-picker-header{text-align:center}.bb-base-date-picker-calendar .bb-base-date-picker-month .bb-base-date-picker-week{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.bb-base-date-picker-date{place-items:center;display:grid}.bb-base-date-picker-date--selected .bb-base-date-picker-date__button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));background-color:rgba(var(--color),.4)}.bb-base-date-picker-date--first .bb-base-date-picker-date__button{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bb-base-date-picker-date--middle .bb-base-date-picker-date__button{border-radius:0}.bb-base-date-picker-date--last .bb-base-date-picker-date__button{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.bb-base-date-picker-date--highlighted .bb-base-date-picker-date__button{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.bb-base-date-picker-date--disabled .bb-base-date-picker-date__button{opacity:.4}.bb-base-date-picker-date:not([class*=--first]):not([class*=--last]):not([class*=--middle]) .bb-base-date-picker-date__button{border-radius:9999px}.bb-base-date-picker-date__button{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity));width:100%;height:2.25rem;display:inline-block}.bb-base-date-picker__month-selector{-moz-column-gap:.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem .5rem;padding:1.25rem .5rem;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.bb-base-date-picker__month-selector-month{text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;border-radius:.375rem;padding-left:.25rem;padding-right:.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);overflow:hidden}.bb-base-date-picker__month-selector-month:hover{background-color:rgba(var(--color),.2)}.bb-base-date-picker__month-selector-month--selected{background-color:rgba(var(--color),.8);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.bb-base-date-picker__year-selector{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));margin-top:-1.5rem;position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}.bb-base-date-picker__year-selector-year{width:100%;padding:.5rem;display:inline-block}.bb-base-date-picker__year-selector-year:hover{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity))}.bb-base-date-picker__year-selector-year--selected{background-color:rgba(var(--color),.8);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.bb-base-date-picker__year-selector-year--selected:hover{background-color:rgba(var(--color),.8)}.bb-base-slider{--thumb-size:20px;--track-size:7px;--padding:calc((var(--thumb-size) - var(--track-size))/2);align-items:center;display:inline-flex}.bb-base-slider__slider-container{touch-action:none;padding-top:var(--padding);padding-bottom:var(--padding);flex:auto;min-width:100px;display:block;position:relative}.bb-base-slider--disabled .bb-base-slider__track-background{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bb-base-slider--disabled .bb-base-slider__track-fill{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bb-base-slider input[type=hidden]{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-slider__track-container{height:var(--track-size);display:block;position:relative}.bb-base-slider__track-background{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity));border-top-left-radius:.375rem;border-bottom-left-radius:.375rem;height:100%;display:block;position:absolute;top:0;left:0}.bb-base-slider__track-fill{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity));border-top-right-radius:.375rem;border-bottom-right-radius:.375rem;height:100%;display:block;position:absolute;top:0;right:0}.bb-base-slider__thumb-container{display:block;position:absolute;top:50%}.bb-base-slider__thumb{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));width:var(--thumb-size);height:var(--thumb-size);border-width:1px;border-radius:9999px;display:block;position:absolute;top:50%}.bb-base-select{box-sizing:border-box;display:inline-flex}.bb-base-select--active .bb-base-select__inner-container .bb-base-select__text-input{min-width:150px}.bb-base-select--shown .bb-base-select__chevron{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-base-select__inner-container{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:1px;border-radius:.375rem;flex-wrap:wrap;flex:1;gap:.25rem;padding-left:.25rem;padding-right:.25rem;display:inline-flex;overflow:hidden}.bb-base-select__input-container{flex-wrap:wrap;flex:1;gap:.25rem;display:inline-flex;overflow:hidden}.bb-base-select__input-container input{flex:auto;width:0}.bb-base-select__selected{max-width:100%}.bb-base-select__selected--comma{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bb-base-select__selected--comma.bb-base-select__selected--focused{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}.bb-base-select__selected--chip.bb-base-select__selected--focused{background-image:linear-gradient(#0003,#0003)}.bb-base-select__text-input{outline-offset:2px;border-width:0;outline:2px solid #fff;flex:auto;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-base-select__text-input:focus{outline-offset:2px;outline:2px solid #0000}.bb-base-select__chevron{--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));justify-content:center;align-items:center;width:1rem;height:100%;max-height:58px;transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.bb-base-select__spinner{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-base-select__spinner--loading{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-base-select__options-container{z-index:10;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:1px;max-height:300px;transition-property:max-height;transition-delay:0s;transition-timing-function:ease-in-out;position:absolute;top:0;left:0;overflow:hidden auto}.bb-base-select__options-container--hidden{border-width:0}.bb-base-select__options-container .bb-base-select__loading-container,.bb-base-select__options-container .bb-base-select__no-data-container,.bb-base-select__options-container .bb-base-select-option{display:block}.bb-base-select-option{cursor:pointer}.bb-base-select-option:hover{background-color:rgb(209 213 219/var(--tw-bg-opacity));--tw-bg-opacity:.5}.bb-base-select-option:focus{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bb-base-select-option--focused{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bb-base-select-option--focused:hover{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.bb-base-select-option--focused.bb-base-select-option--selected{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.bb-base-select-option--selected{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.bb-base-select-option--selected:hover,.bb-base-select-option--selected:focus{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.bb-base-select-option--disabled{opacity:.5}.bb-base-input-outer-container{display:grid}.bb-base-input-outer-container .bb-base-input-container{display:flex}.bb-base-input-outer-container .bb-base-input-container--vertical{flex-direction:column}.bb-base-input-outer-container .bb-base-input-container--vertical.bb-base-input-container--reverse>:first-child,.bb-base-input-outer-container .bb-base-input-container--horizontal.bb-base-input-container--reverse>:first-child{order:2}.bb-base-input-outer-container .bb-base-input-container__label{display:inline-block}.bb-base-input-outer-container .bb-base-input-container__label--left{text-align:left}.bb-base-input-outer-container .bb-base-input-container__label--center{text-align:center}.bb-base-input-outer-container .bb-base-input-container__label--right{text-align:right}.bb-base-input-outer-container .bb-base-input-container__label--hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bb-base-input-outer-container .bb-base-input-container__input{display:inline-block}.bb-base-input-outer-container .bb-base-input-container__input>:first-child{width:100%;display:block}.bb-base-input-outer-container .bb-base-input-container__input--left{text-align:left}.bb-base-input-outer-container .bb-base-input-container__input--center{text-align:center}.bb-base-input-outer-container .bb-base-input-container__input--right{text-align:right}.bb-base-input-outer-container .bb-base-input-container__errors{width:100%;font-size:.75rem;line-height:1rem;display:grid}.bb-base-input-outer-container .bb-base-input-container__error{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity));width:100%;display:inline-block}.bb-base-radio{align-items:center;line-height:1;display:inline-flex}.bb-base-radio:focus-within .bb-base-radio-container__icon{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.bb-base-radio input[type=radio]{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-radio input[type=radio]:checked+.bb-base-radio-container .bb-base-radio-container__icon:after{content:var(--tw-content);width:75%;height:75%}.bb-base-radio .bb-base-radio-container{-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.bb-base-radio .bb-base-radio-container__icon{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:2px;border-radius:9999px;width:1.25rem;height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-block;position:relative}.bb-base-radio .bb-base-radio-container__icon:after{--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));content:var(--tw-content);background-color:currentColor;border-radius:9999px;width:0;height:0;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%}.bb-base-dialog--transition-fade.bb-base-dialog__overlay{transition-property:opacity}.bb-base-dialog--transition-fade.bb-base-dialog--opening.bb-base-dialog__overlay,.bb-base-dialog--transition-fade.bb-base-dialog--open.bb-base-dialog__overlay{opacity:1}.bb-base-dialog--transition-fade.bb-base-dialog--closing.bb-base-dialog__overlay,.bb-base-dialog--transition-fade.bb-base-dialog--closed.bb-base-dialog__overlay{opacity:0}.bb-base-dialog--closed.bb-base-dialog__overlay{visibility:hidden;z-index:-10}.bb-base-dialog--fullscreen.bb-base-dialog__overlay{padding:0}.bb-base-dialog--fullscreen .bb-base-dialog__panel{width:100%;height:100%;max-height:100vh;margin-top:0;margin-bottom:0}.bb-base-dialog--fullscreen .bb-base-dialog__content{border-radius:0;height:100%!important}.bb-base-dialog--compact .bb-base-dialog__content{padding-top:0}.bb-base-dialog__overlay{z-index:10;background-color:#00000080;outline:0;width:100%;height:100%;transition-timing-function:cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden auto}.bb-base-dialog__panel{pointer-events:none;outline-width:0;align-items:center;width:auto;height:calc(100% - 20px);margin:10px auto;display:flex;position:relative}.bb-base-dialog__content{pointer-events:auto;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));background-clip:padding-box;flex-direction:column;width:100%;max-height:100%;transition:height .5s;display:flex;position:relative;overflow:hidden}.bb-base-dialog__header{-moz-column-gap:.75rem;border-bottom-width:1px;flex-shrink:0;justify-content:space-between;align-items:center;column-gap:.75rem;display:flex}.bb-base-dialog__title{font-size:20px;font-weight:700;line-height:26px}.bb-base-dialog-close{align-items:center;display:inline-flex}.bb-base-dialog-close button,.bb-base-dialog-close__content{display:inline-flex}.bb-base-dialog-close__label{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-dialog-close__icon{width:.75rem;display:inline-flex}.bb-base-dialog__body{pointer-events:auto;scrollbar-color:lightgrey transparent;scrollbar-width:thin;flex:auto;position:relative;overflow-y:auto}.bb-base-dialog__description{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-dialog__footer{pointer-events:auto}.bb-base-radio-group--horizontal .bb-base-radio-group-option{margin-right:.75rem}.bb-base-radio-group--vertical .bb-base-radio-group-option{width:100%;display:flex}.bb-base-radio-group__container{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.bb-base-radio-group-option{cursor:pointer;align-items:center;display:inline-flex}.bb-base-radio-group-option>.bb-base-radio{margin-right:.25rem}.bb-base-radio-group-option__text--hidden{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-checkbox{display:inline-flex}.bb-base-checkbox:focus-within .bb-base-checkbox-container__icon{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-base-checkbox input[type=checkbox]{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-checkbox input[type=checkbox]:checked+.bb-base-checkbox-container .bb-base-checkbox-container__icon{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-base-checkbox input[type=checkbox]:checked+.bb-base-checkbox-container .bb-base-checkbox-container__icon path{stroke-dashoffset:0}.bb-base-checkbox input[type=checkbox]:indeterminate+.bb-base-checkbox-container .bb-base-checkbox-container__icon{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));background-color:currentColor}.bb-base-checkbox .bb-base-checkbox-container{-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.bb-base-checkbox .bb-base-checkbox-container__icon{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(209 213 219/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));fill:currentColor;color:#0000;border-radius:.125rem;width:1.25rem;height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-block}.bb-base-checkbox .bb-base-checkbox-container__icon path{stroke-dasharray:105;stroke-dashoffset:105px;transition:stroke-dashoffset .3s}.bb-base-text-input__container{align-items:center;display:inline-flex}.bb-base-text-input__inner-container{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:1px;border-radius:.375rem;flex:auto;align-items:center;display:inline-flex}.bb-base-text-input__inner-container:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:.5}.bb-base-text-input input{background-color:#0000;flex:auto}.bb-base-text-input input:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid #0000}.bb-base-switch{--track-height:24px;--track-length:42px;--thumb-padding:2px;cursor:pointer;display:inline-block}.bb-base-switch:focus-within .bb-base-switch-container{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.bb-base-switch input[type=checkbox]{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-switch input[type=checkbox]:checked+.bb-base-switch-container .bb-base-switch-container__icon-thumb{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));left:calc(100% - var(--thumb-padding))}.bb-base-switch input[type=checkbox]:indeterminate+.bb-base-switch-container .bb-base-switch-container__icon-thumb{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));left:50%}.bb-base-switch .bb-base-switch-container{-webkit-user-select:none;user-select:none;display:inline-flex}.bb-base-switch .bb-base-switch-container__icon{height:var(--track-height);width:var(--track-length);background-color:currentColor;border-radius:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-block;position:relative}.bb-base-switch .bb-base-switch-container__icon-thumb{--tw-translate-y:-50%;--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));height:calc(var(--track-height) - var(--thumb-padding)*2);width:calc(var(--track-height) - var(--thumb-padding)*2);top:50%;left:var(--thumb-padding);border-radius:9999px;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-block;position:absolute}.bb-base-date-picker-input__container{align-items:center;display:inline-flex}.bb-base-date-picker-input__inner-container{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:1px;border-radius:.375rem;flex:auto;align-items:center;display:inline-flex}.bb-base-date-picker-input__inner-container:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:.5}.bb-base-date-picker-input input{background-color:#0000;flex:auto}.bb-base-date-picker-input input:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid #0000}.bb-base-date-picker-input__accessible-description{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-date-picker-input__calendar{pointer-events:none;z-index:10;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;min-width:310px;max-height:500px;padding-bottom:1.25rem;transition:max-height .2s ease-in-out;display:block;position:absolute;top:0;left:0;overflow-y:hidden}.bb-base-date-picker-input__calendar--hiding{max-height:0;padding-bottom:0}.bb-base-date-picker-input__calendar--hidden{visibility:hidden;max-height:0;padding-bottom:0}.bb-base-date-picker-input__calendar>.bb-base-date-picker{pointer-events:auto;--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.bb-base-textarea__container{align-items:flex-start;display:inline-flex}.bb-base-textarea__inner-container{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:1px;border-radius:.375rem;flex:auto;align-items:flex-start;display:inline-flex}.bb-base-textarea__inner-container:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:.5}.bb-base-textarea textarea{resize:none;background-color:#0000;flex:auto;min-height:48px}.bb-base-textarea textarea:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid #0000}.bb-base-switch-group--horizontal .bb-base-switch-group-option{align-items:center;margin-right:.75rem;display:inline-flex}.bb-base-switch-group--vertical .bb-base-switch-group-option{width:100%;display:flex}.bb-base-switch-group__container{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.bb-base-switch-group-option{cursor:pointer;align-items:center;display:inline-flex}.bb-base-switch-group-option>.bb-base-switch{margin-right:.25rem}.bb-base-switch-group-option__text--hidden{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-accordion .bb-accordion__header{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity));text-align:left;width:100%}.bb-accordion .bb-accordion__header :not(button):not(a){pointer-events:none}.bb-collapsible{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid}.bb-collapsible--open{grid-template-rows:1fr}.bb-collapsible--closed{grid-template-rows:0fr}.bb-collapsible--invisible .bb-collapsible__content>*{visibility:hidden}.bb-collapsible__content{overflow:hidden}.bb-avatar{aspect-ratio:1;border-radius:9999px;grid-template-columns:repeat(1,minmax(0,1fr));display:grid;overflow:hidden}.bb-avatar .bb-avatar__img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;grid-column:1/span 1;grid-row-start:1;width:100%;height:100%}.bb-avatar .bb-avatar__fallback{grid-column:1/span 1;grid-row-start:1;align-items:stretch;display:grid}.bb-avatar .bb-avatar__fallback>*{place-items:center;display:grid}.bb-checkbox .bb-base-input-container{cursor:pointer;-moz-column-gap:.5rem;column-gap:.5rem}.bb-checkbox .bb-base-input-container--horizontal{align-items:center}.bb-badge{display:inline-flex}.bb-badge--positioned{position:relative}.bb-badge--positioned.bb-badge--left .bb-badge__content-container{left:-10px}.bb-badge--positioned.bb-badge--bottom .bb-badge__content-container{bottom:-10px}.bb-badge--positioned.bb-badge--empty .bb-badge__content-container{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-badge--positioned.bb-badge--floating .bb-badge__content-container{bottom:calc(100% - 4px);left:calc(100% - 4px)}.bb-badge--positioned.bb-badge--floating.bb-badge--left .bb-badge__content-container{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));left:4px}.bb-badge--positioned.bb-badge--floating.bb-badge--bottom .bb-badge__content-container{--tw-translate-y:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));bottom:4px}.bb-badge--positioned .bb-badge__content-container{padding-top:2px;padding-bottom:2px;font-size:12px;position:absolute;bottom:calc(100% - 10px);left:calc(100% - 10px)}.bb-badge__content-container{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(147 197 253/var(--tw-bg-opacity));border-radius:9999px;justify-content:center;align-items:center;min-width:18px;min-height:18px;padding-left:.25rem;padding-right:.25rem;line-height:1;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.bb-badge__wrapper{display:inline-flex}.bb-chip{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity));border-width:1px;border-radius:9999px;align-items:center;min-height:24px;padding-left:.5rem;padding-right:.5rem;display:inline-flex}.bb-chip__content{text-overflow:ellipsis;white-space:nowrap;line-height:1;overflow:hidden}.bb-chip__clear-button{position:relative;left:.25rem}.bb-button{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity));padding:.25rem .75rem}.bb-button:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bb-button:active{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bb-alert{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));border-radius:.5rem}.bb-alert .bb-alert__inner-container{-moz-column-gap:.75rem;grid-template-columns:auto 1fr auto;align-items:flex-start;column-gap:.75rem;padding:.5rem .75rem;display:grid}.bb-alert .bb-alert__inner-container .bb-alert__icon{padding-top:.25rem}.bb-alert .bb-alert__inner-container .bb-alert__content .bb-alert__title{font-size:1.125rem;font-weight:600;line-height:1.75rem}.bb-alert .bb-alert__inner-container .bb-alert__content .bb-alert__text{font-size:.875rem;line-height:1.25rem}.bb-alert .bb-alert__inner-container .bb-alert__close{width:.75rem;padding-top:.25rem}.bb-confirm .bb-base-dialog__content{border-radius:.5rem}.bb-confirm .bb-base-dialog__header{padding-left:.5rem;padding-right:.5rem}.bb-confirm .bb-base-dialog__body{padding:.5rem}.bb-confirm .bb-base-dialog__body .bb-confirm__content .bb-confirm__text{display:block}.bb-confirm .bb-base-dialog__body .bb-confirm__spinner{text-align:center;padding:1.25rem}.bb-confirm .bb-base-dialog__footer:not(:empty){-moz-column-gap:.75rem;justify-content:flex-end;column-gap:.75rem;margin-top:.5rem;padding:.25rem .5rem;display:flex}.bb-confirm .bb-base-dialog__footer>button[class*=bb-confirm__]{border-style:solid;border-width:1px;border-radius:.375rem;padding-left:.5rem;padding-right:.5rem}.bb-confirm .bb-base-dialog__footer .bb-confirm__no{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity))}.bb-confirm .bb-base-dialog__footer .bb-confirm__no:hover{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity))}.bb-confirm .bb-base-dialog__footer .bb-confirm__no:active{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bb-confirm .bb-base-dialog__footer .bb-confirm__yes{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity));border-color:#0000}.bb-confirm .bb-base-dialog__footer .bb-confirm__yes:hover{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bb-confirm .bb-base-dialog__footer .bb-confirm__yes:active{--tw-bg-opacity:1;background-color:rgb(147 197 253/var(--tw-bg-opacity))}.bb-breadcrumbs{-moz-column-gap:.75rem;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.bb-breadcrumbs .bb-breadcrumbs__breadcrumb-container{display:inline-flex}.bb-breadcrumbs .bb-breadcrumbs__breadcrumb{line-height:1}.bb-breadcrumbs .bb-breadcrumbs__divider{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity));line-height:1}.bb-breadcrumbs .bb-breadcrumbs__divider:last-of-type{display:none}.bb-date-picker-input .bb-base-input-container .bb-base-input-container__input .bb-base-date-picker-input{display:inline-flex}.bb-dropdown{display:inline-block;position:relative}.bb-dropdown.bb-dropdown--block,.bb-dropdown.bb-dropdown--block .bb-dropdown__wrapper{display:block}[class*=bb-dropdown__bubble-container--bottom] .bb-dropdown__arrow,[class*=bb-dropdown__bubble-container--top] .bb-dropdown__arrow{clip-path:polygon(50% 0%,0% 100%,100% 100%);width:1.25rem;height:.75rem}[class*=bb-dropdown__bubble-container--top].bb-dropdown__bubble-container{flex-direction:column-reverse}[class*=bb-dropdown__bubble-container--top] .bb-dropdown__arrow{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}[class*=bb-dropdown__bubble-container--bottom].bb-dropdown__bubble-container{flex-direction:column}[class*=bb-dropdown__bubble-container--left] .bb-dropdown__arrow,[class*=bb-dropdown__bubble-container--right] .bb-dropdown__arrow{clip-path:polygon(0% 0%,100% 50%,0% 100%);width:.75rem;height:1.25rem}[class*=bb-dropdown__bubble-container--left].bb-dropdown__bubble-container{flex-direction:row-reverse}[class*=bb-dropdown__bubble-container--right] .bb-dropdown__arrow{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-dropdown__wrapper{display:inline-block}.bb-dropdown__bubble-container{z-index:10;border-radius:.5rem;width:max-content;transition-property:opacity;display:flex;position:absolute}.bb-dropdown__bubble-container--hidden{display:none!important}.bb-dropdown__bubble-container--closing,.bb-dropdown__bubble-container--opening{opacity:0}.bb-dropdown__bubble-container--open{opacity:1}.bb-dropdown__close{float:right}.bb-dropdown__arrow{display:inline-block;position:relative}.bb-dropdown__bubble{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-width:1px;border-radius:.75rem;padding:.25rem;display:inline-block}.bb-dropdown__items-container{grid-template-columns:repeat(1,minmax(0,1fr));width:100%;display:inline-grid}.bb-dropdown__item{text-align:left;border-radius:.5rem;padding:.5rem;display:inline-block}.bb-dropdown__item:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bb-dropdown__item:focus{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));--tw-ring-opacity:1;--tw-ring-color:rgb(229 231 235/var(--tw-ring-opacity))}.bb-dropdown__item:active{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bb-base-dialog__panel.bb-dialog .bb-base-dialog__content{border-radius:.5rem}.bb-base-dialog__panel.bb-dialog .bb-base-dialog__content .bb-base-dialog__header,.bb-base-dialog__panel.bb-dialog .bb-base-dialog__content .bb-base-dialog__body,.bb-base-dialog__panel.bb-dialog .bb-base-dialog__content .bb-base-dialog__footer{padding-left:.5rem;padding-right:.5rem}.bb-dropdown-button{grid-template-columns:1fr min-content;display:inline-grid}.bb-dropdown-button.bb-dropdown-button--block{width:100%}.bb-dropdown-button .bb-dropdown-button__main-btn{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity));padding:.25rem .75rem}.bb-dropdown-button .bb-dropdown-button__main-btn:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bb-dropdown-button .bb-dropdown-button__main-btn:active{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bb-dropdown-button .bb-dropdown-button__dropdown-btn{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity));align-items:center;display:inline-flex}.bb-dropdown-button .bb-dropdown-button__dropdown-btn:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bb-dropdown-button .bb-dropdown-button__dropdown-btn:active{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bb-dropdown-button .bb-dropdown-button__dropdown-btn[aria-expanded=false] .bb-dropdown-button__dropdown-chevron{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-dropdown-button .bb-dropdown-button__dropdown-label{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-dropdown-button .bb-dropdown-button__dropdown-chevron{width:1.25rem}.bb-dropdown-button .bb-dropdown,.bb-dropdown-button .bb-dropdown__wrapper{display:inline-flex}.bb-dropzone{background-color:#fff;grid-template-rows:1fr min-content min-content;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid}.bb-dropzone>.bb-dropzone__submittable-label{display:none}.bb-dropzone>label{display:grid}.bb-dropzone>label>input[type=file]{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-dropzone.bb-dropzone--dragging{background:#edecec}.bb-dropzone__errors{width:100%;font-size:.75rem;line-height:1rem;display:grid}.bb-dropzone__error{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity));width:100%;display:inline-block}.bb-icon{transition:color 50ms;display:block}.bb-number-input .bb-base-input-container .bb-base-input-container__input .bb-base-number-input{display:inline-flex}.bb-offcanvas--transition-fade.bb-offcanvas__overlay{transition-property:background-color}.bb-offcanvas--transition-fade.bb-offcanvas--opening.bb-offcanvas__overlay,.bb-offcanvas--transition-fade.bb-offcanvas--open.bb-offcanvas__overlay{background-color:rgb(75 85 99/var(--tw-bg-opacity));--tw-bg-opacity:.5}.bb-offcanvas--transition-fade.bb-offcanvas--closing.bb-offcanvas__overlay,.bb-offcanvas--transition-fade.bb-offcanvas--closed.bb-offcanvas__overlay{background-color:#0000}.bb-offcanvas--closed.bb-offcanvas__overlay{visibility:hidden;z-index:-10}.bb-offcanvas--fullscreen.bb-offcanvas__overlay{padding:0}.bb-offcanvas--fullscreen .bb-offcanvas__panel{border-radius:0;width:100%;height:100%;max-height:100vh}.bb-offcanvas--fullscreen .bb-offcanvas__content{height:100%}.bb-offcanvas--left.bb-offcanvas__overlay{overflow:hidden auto}.bb-offcanvas--left.bb-offcanvas__overlay .bb-offcanvas__panel{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));width:auto;height:100%}.bb-offcanvas--left.bb-offcanvas__overlay.bb-offcanvas--open .bb-offcanvas__panel{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-offcanvas--right.bb-offcanvas__overlay{overflow:hidden auto}.bb-offcanvas--right.bb-offcanvas__overlay .bb-offcanvas__panel{--tw-translate-x:calc(100vw);transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));width:100%;height:100%}.bb-offcanvas--right.bb-offcanvas__overlay.bb-offcanvas--opening .bb-offcanvas__panel{--tw-translate-x:calc(100vw - 100%);transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-offcanvas--right.bb-offcanvas__overlay.bb-offcanvas--open{overflow-y:auto}.bb-offcanvas--right.bb-offcanvas__overlay.bb-offcanvas--open .bb-offcanvas__panel{--tw-translate-x:calc(100vw - 100%);transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-offcanvas--top .bb-offcanvas__panel{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));width:100%}.bb-offcanvas--top.bb-offcanvas--open .bb-offcanvas__panel{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-offcanvas--bottom.bb-offcanvas__overlay{align-items:flex-end;display:grid;overflow-y:hidden}.bb-offcanvas--bottom.bb-offcanvas__overlay .bb-offcanvas__panel{--tw-translate-y:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-offcanvas--bottom.bb-offcanvas__overlay.bb-offcanvas--opening .bb-offcanvas__panel{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-offcanvas--bottom.bb-offcanvas__overlay.bb-offcanvas--open{overflow-y:auto}.bb-offcanvas--bottom.bb-offcanvas__overlay.bb-offcanvas--open .bb-offcanvas__panel{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-offcanvas__overlay{z-index:10;background-color:#00000080;outline:0;width:100%;height:100%;transition-timing-function:cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden auto}.bb-offcanvas__panel{pointer-events:none;align-items:stretch;display:grid;position:relative}.bb-offcanvas__panel--compact .bb-offcanvas__content{padding-top:0}.bb-offcanvas__panel--compact .bb-offcanvas__header{border-bottom-width:0;padding-bottom:0}.bb-offcanvas__content{pointer-events:auto;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));background-clip:padding-box;outline-width:0;flex-direction:column;width:100%;max-height:100vh;transition:height .5s;display:flex;position:relative;overflow:hidden}.bb-offcanvas__header{-moz-column-gap:.75rem;border-bottom-width:1px;flex-shrink:0;justify-content:space-between;align-items:center;column-gap:.75rem;padding:.25rem .5rem;display:flex}.bb-offcanvas__title{font-size:1.25rem;font-weight:600;line-height:1}.bb-offcanvas-close{align-items:center;display:inline-flex}.bb-offcanvas-close button,.bb-offcanvas-close__content{display:inline-flex}.bb-offcanvas-close__label{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-offcanvas-close__icon{width:1rem;display:inline-flex}.bb-offcanvas__body{pointer-events:auto;scrollbar-color:#999 #333;flex:auto;padding-left:.5rem;padding-right:.5rem;position:relative;overflow-y:auto}.bb-offcanvas__body::-webkit-scrollbar{width:0;height:0}.bb-offcanvas__body::-webkit-scrollbar-thumb{background:#999}.bb-offcanvas__body::-webkit-scrollbar-track{background:#333}.bb-offcanvas__footer{pointer-events:auto;padding-left:.5rem;padding-right:.5rem}.prevent-overscroll{touch-action:none;-webkit-overflow-scrolling:none;overscroll-behavior:none;overflow:hidden}.bb-pagination{width:100%;overflow:hidden}.bb-pagination__pages{-moz-column-gap:.25rem;justify-content:center;column-gap:.25rem;width:max-content;display:flex}.bb-pagination__pages .bb-pagination__page{border-radius:.5rem;justify-content:center;align-items:center;min-width:40px;height:2.5rem;display:inline-flex}.bb-pagination__pages .bb-pagination__page--active{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.bb-popover{display:inline-block;position:relative}.bb-popover.bb-popover--block,.bb-popover.bb-popover--block .bb-popover__wrapper{display:block}[class*=bb-popover__bubble-container--bottom] .bb-popover__arrow,[class*=bb-popover__bubble-container--top] .bb-popover__arrow{clip-path:polygon(50% 0%,0% 100%,100% 100%);width:1.25rem;height:.75rem}[class*=bb-popover__bubble-container--top].bb-popover__bubble-container{flex-direction:column-reverse}[class*=bb-popover__bubble-container--top] .bb-popover__arrow{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}[class*=bb-popover__bubble-container--bottom].bb-popover__bubble-container{flex-direction:column}[class*=bb-popover__bubble-container--left] .bb-popover__arrow,[class*=bb-popover__bubble-container--right] .bb-popover__arrow{clip-path:polygon(0% 0%,100% 50%,0% 100%);width:.75rem;height:1.25rem}[class*=bb-popover__bubble-container--left].bb-popover__bubble-container{flex-direction:row-reverse}[class*=bb-popover__bubble-container--right] .bb-popover__arrow{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-popover__wrapper{display:inline-block}.bb-popover__bubble-container{z-index:10;border-radius:.5rem;width:max-content;transition-property:opacity;display:flex;position:absolute}.bb-popover__bubble-container--hidden{display:none!important}.bb-popover__bubble-container--closing,.bb-popover__bubble-container--opening{opacity:0}.bb-popover__bubble-container--open{opacity:1}.bb-popover__close{isolation:isolate;float:right;--tw-translate-y:-.25rem;--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));width:.75rem}.bb-popover__close-label{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-popover__arrow{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));display:inline-block;position:relative}.bb-popover__bubble{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));border-radius:.75rem;padding:.75rem;display:inline-block}.bb-progress{--tw-bg-opacity:1;background-color:rgb(217 217 217/var(--tw-bg-opacity));border-radius:20px}.bb-progress.bb-progress--vertical{width:11px;height:100%}.bb-progress.bb-progress--horizontal{height:11px}.bb-progress.bb-progress--horizontal .bb-progress-bar{height:100%}.bb-progress .bb-progress-bar{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));border-radius:20px;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-slider .bb-base-input-container .bb-base-input-container__input .bb-base-slider{display:inline-flex}.bb-radio .bb-base-input-container{cursor:pointer;-moz-column-gap:.5rem;column-gap:.5rem}.bb-radio .bb-base-input-container--horizontal{align-items:center}.bb-spinner{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.bb-spinner{animation:1s linear infinite spin}.bb-ratio{width:100%;display:block;position:relative}.bb-ratio .bb-ratio__inner{display:block;position:absolute;top:0;bottom:0;left:0;right:0}.bb-switch .bb-base-input-container{cursor:pointer;-moz-column-gap:.5rem;column-gap:.5rem}.bb-switch .bb-base-input-container--horizontal{align-items:center}.bb-tab--vertical{grid-template-columns:auto 1fr;display:grid}.bb-tab--vertical .bb-tab__label-container{flex-direction:column;align-items:stretch}.bb-tab--vertical .bb-tab__label-container .bb-tab__btn{text-align:left;width:100%}.bb-tab .bb-tab__label-boundary{min-height:2rem;display:grid}.bb-tab .bb-tab__label-boundary .bb-tab__label-container{list-style-type:none;display:flex;overflow:auto clip}.bb-tab .bb-tab__label-boundary .bb-tab__label-container::-webkit-scrollbar{width:5px;height:5px}.bb-tab .bb-tab__label-boundary .bb-tab__label-container::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px #0000}.bb-tab .bb-tab__label-boundary .bb-tab__label-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px;-webkit-box-shadow:inset 0 0 6px #00000080}.bb-tab .bb-tab__label-boundary .bb-tab__label-container ::-webkit-scrollbar-thumb:window-inactive{background:#ffffff4d}.bb-tab .bb-tab__label-boundary .bb-tab__label-container button{scroll-margin:60px}.bb-tab .bb-tab__panes-container .bb-tab__pane{display:none}.bb-tab .bb-tab__panes-container .bb-tab__pane--shown{display:block}.bb-table{position:relative;overflow-x:auto}.bb-table--align-left{text-align:left}.bb-table--align-center{text-align:center}.bb-table--align-right{text-align:right}.bb-table--fixed table{table-layout:fixed;width:100%}.bb-table--fixed-header table thead th{position:sticky;top:0;z-index:1!important}.bb-table--fixed-header table thead th[style*=sticky]{position:sticky;top:0;z-index:2!important}.bb-table--selectable tr>:first-of-type{width:0}.bb-table legend{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-table table{min-width:100%}.bb-table .bb-table-caption.bb-table-caption--hidden{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-table-header--center{text-align:center}.bb-table-header--right{text-align:right}.bb-table-header--actions .bb-table-header__content,.bb-table-loading__text{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-table-skeleton__container{width:100%}@keyframes pulse{50%{opacity:.5}}.bb-table-skeleton__container{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.bb-table-skeleton-item{-moz-column-gap:1.25rem;align-items:center;column-gap:1.25rem;margin-top:1rem;margin-bottom:1rem;display:flex}.bb-table-skeleton-item__avatar{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity));border-radius:9999px;width:2.5rem;height:2.5rem}.bb-table-skeleton-item__text{flex:auto}.bb-table-skeleton-item__line{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity));border-radius:.25rem;height:.5rem;margin-top:.5rem;margin-bottom:.5rem}.bb-table-skeleton-item__line:first-of-type{width:66.6667%}.bb-table-data__cell--center{text-align:center}.bb-table-data__cell--right{text-align:right}.bb-table-check__label,.bb-table-radio__label{cursor:pointer;-webkit-user-select:none;user-select:none}.bb-table-check__label.bb-table-check__label--disabled,.bb-table-check__label.bb-table-radio__label--disabled,.bb-table-radio__label.bb-table-check__label--disabled,.bb-table-radio__label.bb-table-radio__label--disabled{visibility:hidden;cursor:auto}.bb-table-check__label.bb-table-radio__label--disabled,.bb-table-radio__label.bb-table-radio__label--disabled{cursor:auto}.bb-table-check__label-text,.bb-table-radio__label-text{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-smooth-height{transition-property:all;transition-duration:.15s;transition-timing-function:linear;display:block;overflow:hidden}.bb-smooth-height .content{display:block}.bb-select .bb-base-input-container .bb-base-input-container__input .bb-base-select,.bb-tag .bb-base-input-container .bb-base-input-container__input .bb-base-tag,.bb-textarea .bb-base-input-container .bb-base-input-container__input .bb-base-textarea,.bb-text-input .bb-base-input-container .bb-base-input-container__input .bb-base-text-input{display:inline-flex}.bb-toast{z-index:10;flex-direction:column;row-gap:.75rem;min-width:200px;max-width:min(100vw - 30px,280px);padding:.75rem;display:flex;position:fixed}.bb-toast[class*=bb-toast--bottom]{bottom:0}.bb-toast[class*=bb-toast--bottom].bb-toast--bottom{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));left:50%}.bb-toast[class*=bb-toast--bottom].bb-toast--bottom-start{left:0}.bb-toast[class*=bb-toast--bottom].bb-toast--bottom-end{right:0}.bb-toast[class*=bb-toast--top]{top:0}.bb-toast[class*=bb-toast--top].bb-toast--top{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));left:50%}.bb-toast[class*=bb-toast--top].bb-toast--top-start{left:0}.bb-toast[class*=bb-toast--top].bb-toast--top-end{right:0}.bb-toast .toast-move,.bb-toast .toast-enter-active,.bb-toast .toast-leave-active{transition:all .5s}.bb-toast .toast-enter-from,.bb-toast .toast-leave-to{opacity:0;transform:translate(-50px)}.bb-toast .toast-leave-active{position:absolute}.bb-toast-message{-moz-column-gap:.75rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:1px;border-radius:.5rem;grid-template-columns:auto 1fr auto;align-items:flex-start;column-gap:.75rem;padding:.5rem;display:grid}.bb-toast-message .bb-toast-message__icon{padding-top:.25rem}.bb-toast-message .bb-toast-message__title{font-size:1.125rem;font-weight:600;line-height:1}.bb-toast-message .bb-toast-message__text{font-size:.875rem;line-height:1.25rem}.bb-toast-message .bb-toast-message__close{width:.75rem;padding-top:.25rem}.bb-tooltip{display:inline-block;position:relative}.bb-tooltip.bb-tooltip--block,.bb-tooltip.bb-tooltip--block .bb-tooltip__wrapper{display:block}[class*=bb-tooltip__bubble-container--bottom] .bb-tooltip__arrow,[class*=bb-tooltip__bubble-container--top] .bb-tooltip__arrow{clip-path:polygon(50% 0%,0% 100%,100% 100%);width:1.25rem;height:.75rem}[class*=bb-tooltip__bubble-container--top].bb-tooltip__bubble-container{flex-direction:column-reverse}[class*=bb-tooltip__bubble-container--top] .bb-tooltip__arrow{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}[class*=bb-tooltip__bubble-container--bottom].bb-tooltip__bubble-container{flex-direction:column}[class*=bb-tooltip__bubble-container--left] .bb-tooltip__arrow,[class*=bb-tooltip__bubble-container--right] .bb-tooltip__arrow{clip-path:polygon(0% 0%,100% 50%,0% 100%);width:.75rem;height:1.25rem}[class*=bb-tooltip__bubble-container--left].bb-tooltip__bubble-container{flex-direction:row-reverse}[class*=bb-tooltip__bubble-container--right] .bb-tooltip__arrow{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-tooltip__wrapper{display:inline-block}.bb-tooltip__bubble-container{z-index:10;border-radius:.5rem;width:max-content;transition-property:opacity;display:flex;position:absolute}.bb-tooltip__bubble-container--hidden{display:none!important}.bb-tooltip__bubble-container--closing,.bb-tooltip__bubble-container--opening{opacity:0}.bb-tooltip__bubble-container--open{opacity:1}.bb-tooltip__close{float:right;--tw-translate-y:-.25rem;--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));width:.75rem}.bb-tooltip__arrow{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));display:inline-block;position:relative}.bb-tooltip__bubble{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));border-radius:.75rem;padding:.75rem;display:inline-block}.bb-tree{grid-template-rows:min-content 0fr;transition:grid-template-rows .3s;display:grid}.bb-tree.bb-tree--open{grid-template-rows:min-content 1fr}.bb-tree>.bb-tree-row{display:flex}.bb-tree>.bb-tree-row>.bb-tree-main-content{flex:auto}.bb-tree>div[class^=bb-tree--depth-]{overflow:hidden}.bb-base-tag{box-sizing:border-box;display:inline-flex}.bb-base-tag--active .bb-base-tag__inner-container .bb-base-tag__text-input{min-width:150px}.bb-base-tag--shown .bb-base-tag__chevron{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-base-tag__inner-container{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:1px;border-radius:.375rem;flex-wrap:wrap;flex:1;gap:.25rem;padding-left:.25rem;padding-right:.25rem;display:inline-flex;overflow:hidden}.bb-base-tag__input-container{flex-wrap:wrap;flex:1;gap:.25rem;display:inline-flex;overflow:hidden}.bb-base-tag__input-container input{flex:auto;width:0}.bb-base-tag__selected{max-width:100%}.bb-base-tag__selected--comma{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bb-base-tag__selected--comma.bb-base-tag__selected--focused{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}.bb-base-tag__selected--chip.bb-base-tag__selected--focused{background-image:linear-gradient(#0003,#0003)}.bb-base-tag__text-input{outline-offset:2px;border-width:0;outline:2px solid #fff;flex:auto;min-width:60px;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-base-tag__text-input:focus{outline-offset:2px;outline:2px solid #0000}
|
|
1
|
+
.bb-base-checkbox-group--horizontal .bb-base-checkbox-group-option{align-items:center;margin-right:.75rem;display:inline-flex}.bb-base-checkbox-group--vertical .bb-base-checkbox-group-option{width:100%;display:flex}.bb-base-checkbox-group__container{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.bb-base-checkbox-group-option{cursor:pointer;align-items:center;display:inline-flex}.bb-base-checkbox-group-option>.bb-base-checkbox{margin-right:.25rem}.bb-base-checkbox-group-option__text--hidden{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-radio{align-items:center;line-height:1;display:inline-flex}.bb-base-radio:focus-within .bb-base-radio-container__icon{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.bb-base-radio input[type=radio]{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-radio input[type=radio]:checked+.bb-base-radio-container .bb-base-radio-container__icon:after{content:var(--tw-content);width:75%;height:75%}.bb-base-radio .bb-base-radio-container{-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.bb-base-radio .bb-base-radio-container__icon{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:2px;border-radius:9999px;width:1.25rem;height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-block;position:relative}.bb-base-radio .bb-base-radio-container__icon:after{--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));content:var(--tw-content);background-color:currentColor;border-radius:9999px;width:0;height:0;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%}.base-btn{text-align:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.base-btn:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid #0000}.base-btn--block{width:100%;display:block}a.base-btn{color:inherit}a.base-btn:hover{-webkit-text-decoration:inherit;text-decoration:inherit}.bb-base-input-outer-container{display:grid}.bb-base-input-outer-container .bb-base-input-container{display:flex}.bb-base-input-outer-container .bb-base-input-container--vertical{flex-direction:column}.bb-base-input-outer-container .bb-base-input-container--vertical.bb-base-input-container--reverse>:first-child,.bb-base-input-outer-container .bb-base-input-container--horizontal.bb-base-input-container--reverse>:first-child{order:2}.bb-base-input-outer-container .bb-base-input-container__label{display:inline-block}.bb-base-input-outer-container .bb-base-input-container__label--left{text-align:left}.bb-base-input-outer-container .bb-base-input-container__label--center{text-align:center}.bb-base-input-outer-container .bb-base-input-container__label--right{text-align:right}.bb-base-input-outer-container .bb-base-input-container__label--hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bb-base-input-outer-container .bb-base-input-container__input{display:inline-block}.bb-base-input-outer-container .bb-base-input-container__input>:first-child{width:100%;display:block}.bb-base-input-outer-container .bb-base-input-container__input--left{text-align:left}.bb-base-input-outer-container .bb-base-input-container__input--center{text-align:center}.bb-base-input-outer-container .bb-base-input-container__input--right{text-align:right}.bb-base-input-outer-container .bb-base-input-container__errors{width:100%;font-size:.75rem;line-height:1rem;display:grid}.bb-base-input-outer-container .bb-base-input-container__error{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity));width:100%;display:inline-block}.bb-base-checkbox{display:inline-flex}.bb-base-checkbox:focus-within .bb-base-checkbox-container__icon{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-base-checkbox input[type=checkbox]{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-checkbox input[type=checkbox]:checked+.bb-base-checkbox-container .bb-base-checkbox-container__icon{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-base-checkbox input[type=checkbox]:checked+.bb-base-checkbox-container .bb-base-checkbox-container__icon path{stroke-dashoffset:0}.bb-base-checkbox input[type=checkbox]:indeterminate+.bb-base-checkbox-container .bb-base-checkbox-container__icon{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));background-color:currentColor}.bb-base-checkbox .bb-base-checkbox-container{-webkit-user-select:none;user-select:none;align-items:center;display:inline-flex}.bb-base-checkbox .bb-base-checkbox-container__icon{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(209 213 219/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));fill:currentColor;color:#0000;border-radius:.125rem;width:1.25rem;height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-block}.bb-base-checkbox .bb-base-checkbox-container__icon path{stroke-dasharray:105;stroke-dashoffset:105px;transition:stroke-dashoffset .3s}.bb-base-date-picker{--color:37,99,235;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:1px;border-radius:.5rem}.bb-base-date-picker__header{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));background-color:rgb(var(--color));border-top-left-radius:.5rem;border-top-right-radius:.5rem;margin-top:-1px;margin-left:-1px;margin-right:-1px;padding-top:.5rem;padding-bottom:.5rem;padding-left:.75rem}.bb-base-date-picker__header .bb-base-date-picker__year-button{opacity:.75;margin-right:1.25rem;font-size:1.25rem;line-height:1.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-base-date-picker__header .bb-base-date-picker__year-button:hover{opacity:1}.bb-base-date-picker__header .bb-base-date-picker__selected-day-label{text-transform:capitalize;font-size:1.5rem;line-height:2rem}.bb-base-date-picker__header .bb-base-date-picker__selected-day-label .bb-base-date-picker__weekday,.bb-base-date-picker__header .bb-base-date-picker__selected-day-label .bb-base-date-picker__monthday{margin-right:.25rem;display:inline-block}.bb-base-date-picker__header .bb-base-date-picker__selected-day-label .bb-base-date-picker__month-button{text-transform:capitalize}.bb-base-date-picker__small-month-selector{-moz-column-gap:.75rem;justify-content:space-between;align-items:center;column-gap:.75rem;margin-top:.5rem;padding-left:1rem;padding-right:1rem;font-weight:700;display:flex;position:relative}.bb-base-date-picker__small-month-selector .bb-base-date-picker__previous-month-button,.bb-base-date-picker__small-month-selector .bb-base-date-picker__next-month-button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));background-color:rgba(var(--color),.8);border-radius:9999px;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:inline-flex}.bb-base-date-picker__small-month-selector .bb-base-date-picker__previous-month-button>span,.bb-base-date-picker__small-month-selector .bb-base-date-picker__next-month-button>span{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-date-picker__small-month-selector .bb-base-date-picker__current-month-button{--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));text-transform:capitalize;position:absolute;top:50%;left:50%}.bb-base-date-picker__small-year-selector{-moz-column-gap:.75rem;justify-content:space-between;align-items:center;column-gap:.75rem;margin-top:.5rem;padding-left:1rem;padding-right:1rem;font-weight:700;display:flex}.bb-base-date-picker__small-year-selector .bb-base-date-picker__previous-year-button,.bb-base-date-picker__small-year-selector .bb-base-date-picker__next-year-button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));background-color:rgba(var(--color),.8);border-radius:9999px;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:inline-flex}.bb-base-date-picker__small-year-selector .bb-base-date-picker__previous-year-button>span,.bb-base-date-picker__small-year-selector .bb-base-date-picker__next-year-button>span{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-date-picker__small-year-selector .bb-base-date-picker__current-year-button{text-transform:capitalize}.bb-base-date-picker-calendar .fade-enter-active{transition:all .15s ease-out}.bb-base-date-picker-calendar .fade-leave-active{transition:all .15s cubic-bezier(1,.5,.8,1)}.bb-base-date-picker-calendar .fade-enter-from,.bb-base-date-picker-calendar .fade-leave-to{opacity:0}.bb-base-date-picker-calendar{height:270px;padding:.5rem;position:relative}.bb-base-date-picker-calendar .bb-base-date-picker-month .bb-base-date-picker-header-container{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.bb-base-date-picker-calendar .bb-base-date-picker-month .bb-base-date-picker-header-container .bb-base-date-picker-header{text-align:center}.bb-base-date-picker-calendar .bb-base-date-picker-month .bb-base-date-picker-week{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.bb-base-date-picker-date{place-items:center;display:grid}.bb-base-date-picker-date--selected .bb-base-date-picker-date__button{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));background-color:rgba(var(--color),.4)}.bb-base-date-picker-date--first .bb-base-date-picker-date__button{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.bb-base-date-picker-date--middle .bb-base-date-picker-date__button{border-radius:0}.bb-base-date-picker-date--last .bb-base-date-picker-date__button{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.bb-base-date-picker-date--highlighted .bb-base-date-picker-date__button{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.bb-base-date-picker-date--disabled .bb-base-date-picker-date__button{opacity:.4}.bb-base-date-picker-date:not([class*=--first]):not([class*=--last]):not([class*=--middle]) .bb-base-date-picker-date__button{border-radius:9999px}.bb-base-date-picker-date__button{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity));width:100%;height:2.25rem;display:inline-block}.bb-base-date-picker__month-selector{-moz-column-gap:.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem .5rem;padding:1.25rem .5rem;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.bb-base-date-picker__month-selector-month{text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;border-radius:.375rem;padding-left:.25rem;padding-right:.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);overflow:hidden}.bb-base-date-picker__month-selector-month:hover{background-color:rgba(var(--color),.2)}.bb-base-date-picker__month-selector-month--selected{background-color:rgba(var(--color),.8);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.bb-base-date-picker__year-selector{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));margin-top:-1.5rem;position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}.bb-base-date-picker__year-selector-year{width:100%;padding:.5rem;display:inline-block}.bb-base-date-picker__year-selector-year:hover{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity))}.bb-base-date-picker__year-selector-year--selected{background-color:rgba(var(--color),.8);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.bb-base-date-picker__year-selector-year--selected:hover{background-color:rgba(var(--color),.8)}.bb-base-dialog--transition-fade.bb-base-dialog__overlay{transition-property:opacity}.bb-base-dialog--transition-fade.bb-base-dialog--opening.bb-base-dialog__overlay,.bb-base-dialog--transition-fade.bb-base-dialog--open.bb-base-dialog__overlay{opacity:1}.bb-base-dialog--transition-fade.bb-base-dialog--closing.bb-base-dialog__overlay,.bb-base-dialog--transition-fade.bb-base-dialog--closed.bb-base-dialog__overlay{opacity:0}.bb-base-dialog--closed.bb-base-dialog__overlay{visibility:hidden;z-index:-10}.bb-base-dialog--fullscreen.bb-base-dialog__overlay{padding:0}.bb-base-dialog--fullscreen .bb-base-dialog__panel{width:100%;height:100%;max-height:100vh;margin-top:0;margin-bottom:0}.bb-base-dialog--fullscreen .bb-base-dialog__content{border-radius:0;height:100%!important}.bb-base-dialog--compact .bb-base-dialog__content{padding-top:0}.bb-base-dialog__overlay{z-index:10;background-color:#00000080;outline:0;width:100%;height:100%;transition-timing-function:cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden auto}.bb-base-dialog__panel{pointer-events:none;outline-width:0;align-items:center;width:auto;height:calc(100% - 20px);margin:10px auto;display:flex;position:relative}.bb-base-dialog__content{pointer-events:auto;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));background-clip:padding-box;flex-direction:column;width:100%;max-height:100%;transition:height .5s;display:flex;position:relative;overflow:hidden}.bb-base-dialog__header{-moz-column-gap:.75rem;border-bottom-width:1px;flex-shrink:0;justify-content:space-between;align-items:center;column-gap:.75rem;display:flex}.bb-base-dialog__title{font-size:20px;font-weight:700;line-height:26px}.bb-base-dialog-close{align-items:center;display:inline-flex}.bb-base-dialog-close button,.bb-base-dialog-close__content{display:inline-flex}.bb-base-dialog-close__label{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-dialog-close__icon{width:.75rem;display:inline-flex}.bb-base-dialog__body{pointer-events:auto;scrollbar-color:lightgrey transparent;scrollbar-width:thin;flex:auto;position:relative;overflow-y:auto}.bb-base-dialog__description{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-dialog__footer{pointer-events:auto}.bb-base-date-picker-input__container{align-items:center;display:inline-flex}.bb-base-date-picker-input__inner-container{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:1px;border-radius:.375rem;flex:auto;align-items:center;display:inline-flex}.bb-base-date-picker-input__inner-container:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:.5}.bb-base-date-picker-input input{background-color:#0000;flex:auto}.bb-base-date-picker-input input:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid #0000}.bb-base-date-picker-input__accessible-description{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-date-picker-input__calendar{pointer-events:none;z-index:10;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;min-width:310px;max-height:500px;padding-bottom:1.25rem;transition:max-height .2s ease-in-out;display:block;position:absolute;top:0;left:0;overflow-y:hidden}.bb-base-date-picker-input__calendar--hiding{max-height:0;padding-bottom:0}.bb-base-date-picker-input__calendar--hidden{visibility:hidden;max-height:0;padding-bottom:0}.bb-base-date-picker-input__calendar>.bb-base-date-picker{pointer-events:auto;--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.bb-base-rating{--tw-text-opacity:1;color:rgb(250 175 0/var(--tw-text-opacity))}.bb-base-rating.bb-base-rating--has-value .bb-base-rating__inner-container{color:inherit}.bb-base-rating.bb-base-rating--has-value .bb-base-rating__inner-container .bb-base-rating__option:not(.bb-base-rating__option--highlighted){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.bb-base-rating:not(.bb-base-rating--disabled):not(.bb-base-rating--readonly) .bb-base-rating__inner-container:hover{color:inherit}.bb-base-rating:not(.bb-base-rating--disabled):not(.bb-base-rating--readonly) .bb-base-rating__inner-container:hover .bb-base-rating__option{color:currentColor}.bb-base-rating:not(.bb-base-rating--disabled):not(.bb-base-rating--readonly) .bb-base-rating__inner-container:hover .bb-base-rating__option:hover~.bb-base-rating__option{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.bb-base-rating:not(.bb-base-rating--disabled):not(.bb-base-rating--readonly) .bb-base-rating__option{border-radius:.5rem}.bb-base-rating:not(.bb-base-rating--disabled):not(.bb-base-rating--readonly) .bb-base-rating__option:hover svg{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-base-rating:not(.bb-base-rating--disabled):not(.bb-base-rating--readonly) .bb-base-rating__option:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:currentColor}.bb-base-rating__inner-container{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));display:inline-flex}.bb-base-rating__option{cursor:pointer;padding-left:2px;padding-right:2px}.bb-base-rating__option .bb-base-rating__label-text,.bb-base-rating__option input[type=radio]{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-rating svg{fill:currentColor;stroke:#d1d5db;stroke-width:1px;transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-accordion .bb-accordion__header{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity));text-align:left;width:100%}.bb-accordion .bb-accordion__header :not(button):not(a){pointer-events:none}.bb-avatar{aspect-ratio:1;border-radius:9999px;grid-template-columns:repeat(1,minmax(0,1fr));display:grid;overflow:hidden}.bb-avatar .bb-avatar__img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;grid-column:1/span 1;grid-row-start:1;width:100%;height:100%}.bb-avatar .bb-avatar__fallback{grid-column:1/span 1;grid-row-start:1;align-items:stretch;display:grid}.bb-avatar .bb-avatar__fallback>*{place-items:center;display:grid}.bb-base-switch{--track-height:24px;--track-length:42px;--thumb-padding:2px;cursor:pointer;display:inline-block}.bb-base-switch:focus-within .bb-base-switch-container{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.bb-base-switch input[type=checkbox]{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-switch input[type=checkbox]:checked+.bb-base-switch-container .bb-base-switch-container__icon-thumb{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));left:calc(100% - var(--thumb-padding))}.bb-base-switch input[type=checkbox]:indeterminate+.bb-base-switch-container .bb-base-switch-container__icon-thumb{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));left:50%}.bb-base-switch .bb-base-switch-container{-webkit-user-select:none;user-select:none;display:inline-flex}.bb-base-switch .bb-base-switch-container__icon{height:var(--track-height);width:var(--track-length);background-color:currentColor;border-radius:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-block;position:relative}.bb-base-switch .bb-base-switch-container__icon-thumb{--tw-translate-y:-50%;--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));height:calc(var(--track-height) - var(--thumb-padding)*2);width:calc(var(--track-height) - var(--thumb-padding)*2);top:50%;left:var(--thumb-padding);border-radius:9999px;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-block;position:absolute}.bb-base-switch-group--horizontal .bb-base-switch-group-option{align-items:center;margin-right:.75rem;display:inline-flex}.bb-base-switch-group--vertical .bb-base-switch-group-option{width:100%;display:flex}.bb-base-switch-group__container{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.bb-base-switch-group-option{cursor:pointer;align-items:center;display:inline-flex}.bb-base-switch-group-option>.bb-base-switch{margin-right:.25rem}.bb-base-switch-group-option__text--hidden{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-radio-group--horizontal .bb-base-radio-group-option{margin-right:.75rem}.bb-base-radio-group--vertical .bb-base-radio-group-option{width:100%;display:flex}.bb-base-radio-group__container{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.bb-base-radio-group-option{cursor:pointer;align-items:center;display:inline-flex}.bb-base-radio-group-option>.bb-base-radio{margin-right:.25rem}.bb-base-radio-group-option__text--hidden{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-text-input__container{align-items:center;display:inline-flex}.bb-base-text-input__inner-container{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:1px;border-radius:.375rem;flex:auto;align-items:center;display:inline-flex}.bb-base-text-input__inner-container:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:.5}.bb-base-text-input input{background-color:#0000;flex:auto}.bb-base-text-input input:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid #0000}.bb-collapsible{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid}.bb-collapsible--open{grid-template-rows:1fr}.bb-collapsible--closed{grid-template-rows:0fr}.bb-collapsible--invisible .bb-collapsible__content>*{visibility:hidden}.bb-collapsible__content{overflow:hidden}.bb-breadcrumbs{-moz-column-gap:.75rem;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.bb-breadcrumbs .bb-breadcrumbs__breadcrumb-container{display:inline-flex}.bb-breadcrumbs .bb-breadcrumbs__breadcrumb{line-height:1}.bb-breadcrumbs .bb-breadcrumbs__divider{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity));line-height:1}.bb-breadcrumbs .bb-breadcrumbs__divider:last-of-type{display:none}.bb-alert{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));border-radius:.5rem}.bb-alert .bb-alert__inner-container{-moz-column-gap:.75rem;grid-template-columns:auto 1fr auto;align-items:flex-start;column-gap:.75rem;padding:.5rem .75rem;display:grid}.bb-alert .bb-alert__inner-container .bb-alert__icon{padding-top:.25rem}.bb-alert .bb-alert__inner-container .bb-alert__content .bb-alert__title{font-size:1.125rem;font-weight:600;line-height:1.75rem}.bb-alert .bb-alert__inner-container .bb-alert__content .bb-alert__text{font-size:.875rem;line-height:1.25rem}.bb-alert .bb-alert__inner-container .bb-alert__close{width:.75rem;padding-top:.25rem}.bb-chip{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity));border-width:1px;border-radius:9999px;align-items:center;min-height:24px;padding-left:.5rem;padding-right:.5rem;display:inline-flex}.bb-chip__content{text-overflow:ellipsis;white-space:nowrap;line-height:1;overflow:hidden}.bb-chip__clear-button{position:relative;left:.25rem}.bb-button{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity));padding:.25rem .75rem}.bb-button:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bb-button:active{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bb-base-select{box-sizing:border-box;display:inline-flex}.bb-base-select--active .bb-base-select__inner-container .bb-base-select__text-input{min-width:150px}.bb-base-select--shown .bb-base-select__chevron{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-base-select__inner-container{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:1px;border-radius:.375rem;flex-wrap:wrap;flex:1;gap:.25rem;padding-left:.25rem;padding-right:.25rem;display:inline-flex;overflow:hidden}.bb-base-select__input-container{flex-wrap:wrap;flex:1;gap:.25rem;display:inline-flex;overflow:hidden}.bb-base-select__input-container input{flex:auto;width:0}.bb-base-select__selected{max-width:100%}.bb-base-select__selected--comma{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bb-base-select__selected--comma.bb-base-select__selected--focused{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}.bb-base-select__selected--chip.bb-base-select__selected--focused{background-image:linear-gradient(#0003,#0003)}.bb-base-select__text-input{outline-offset:2px;border-width:0;outline:2px solid #fff;flex:auto;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-base-select__text-input:focus{outline-offset:2px;outline:2px solid #0000}.bb-base-select__chevron{--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));justify-content:center;align-items:center;width:1rem;height:100%;max-height:58px;transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.bb-base-select__spinner{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-base-select__spinner--loading{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-base-select__options-container{z-index:10;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:1px;max-height:300px;transition-property:max-height;transition-delay:0s;transition-timing-function:ease-in-out;position:absolute;top:0;left:0;overflow:hidden auto}.bb-base-select__options-container--hidden{border-width:0}.bb-base-select__options-container .bb-base-select__loading-container,.bb-base-select__options-container .bb-base-select__no-data-container,.bb-base-select__options-container .bb-base-select-option{display:block}.bb-base-select-option{cursor:pointer}.bb-base-select-option:hover{background-color:rgb(209 213 219/var(--tw-bg-opacity));--tw-bg-opacity:.5}.bb-base-select-option:focus{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bb-base-select-option--focused{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bb-base-select-option--focused:hover{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.bb-base-select-option--focused.bb-base-select-option--selected{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.bb-base-select-option--selected{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.bb-base-select-option--selected:hover,.bb-base-select-option--selected:focus{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.bb-base-select-option--disabled{opacity:.5}.bb-base-slider{--thumb-size:20px;--track-size:7px;--padding:calc((var(--thumb-size) - var(--track-size))/2);align-items:center;display:inline-flex}.bb-base-slider__slider-container{touch-action:none;padding-top:var(--padding);padding-bottom:var(--padding);flex:auto;min-width:100px;display:block;position:relative}.bb-base-slider--disabled .bb-base-slider__track-background{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bb-base-slider--disabled .bb-base-slider__track-fill{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bb-base-slider input[type=hidden]{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-slider__track-container{height:var(--track-size);display:block;position:relative}.bb-base-slider__track-background{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity));border-top-left-radius:.375rem;border-bottom-left-radius:.375rem;height:100%;display:block;position:absolute;top:0;left:0}.bb-base-slider__track-fill{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity));border-top-right-radius:.375rem;border-bottom-right-radius:.375rem;height:100%;display:block;position:absolute;top:0;right:0}.bb-base-slider__thumb-container{display:block;position:absolute;top:50%}.bb-base-slider__thumb{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));width:var(--thumb-size);height:var(--thumb-size);border-width:1px;border-radius:9999px;display:block;position:absolute;top:50%}.bb-checkbox .bb-base-input-container{cursor:pointer;-moz-column-gap:.5rem;column-gap:.5rem}.bb-checkbox .bb-base-input-container--horizontal{align-items:center}.bb-badge{display:inline-flex}.bb-badge--positioned{position:relative}.bb-badge--positioned.bb-badge--left .bb-badge__content-container{left:-10px}.bb-badge--positioned.bb-badge--bottom .bb-badge__content-container{bottom:-10px}.bb-badge--positioned.bb-badge--empty .bb-badge__content-container{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-badge--positioned.bb-badge--floating .bb-badge__content-container{bottom:calc(100% - 4px);left:calc(100% - 4px)}.bb-badge--positioned.bb-badge--floating.bb-badge--left .bb-badge__content-container{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));left:4px}.bb-badge--positioned.bb-badge--floating.bb-badge--bottom .bb-badge__content-container{--tw-translate-y:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));bottom:4px}.bb-badge--positioned .bb-badge__content-container{padding-top:2px;padding-bottom:2px;font-size:12px;position:absolute;bottom:calc(100% - 10px);left:calc(100% - 10px)}.bb-badge__content-container{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(147 197 253/var(--tw-bg-opacity));border-radius:9999px;justify-content:center;align-items:center;min-width:18px;min-height:18px;padding-left:.25rem;padding-right:.25rem;line-height:1;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.bb-badge__wrapper{display:inline-flex}.bb-base-number-input__container{align-items:center;display:inline-flex}.bb-base-number-input__inner-container{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:1px;border-radius:.375rem;flex:auto;align-items:center;display:inline-flex}.bb-base-number-input__inner-container:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:.5}.bb-base-number-input__handle{font-size:2.25rem;line-height:1}.bb-base-number-input__handle__label{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-number-input__handle__icon{width:1.5rem;display:inline-block}.bb-base-number-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bb-base-number-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bb-base-number-input__input{background-color:#0000;flex:auto;width:100%}.bb-base-number-input__input:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid #0000}.bb-base-number-input__input__label{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-base-number-input__input__icon{line-height:1}.bb-base-dialog__panel.bb-dialog .bb-base-dialog__content{border-radius:.5rem}.bb-base-dialog__panel.bb-dialog .bb-base-dialog__content .bb-base-dialog__header,.bb-base-dialog__panel.bb-dialog .bb-base-dialog__content .bb-base-dialog__body,.bb-base-dialog__panel.bb-dialog .bb-base-dialog__content .bb-base-dialog__footer{padding-left:.5rem;padding-right:.5rem}.bb-date-picker-input .bb-base-input-container .bb-base-input-container__input .bb-base-date-picker-input{display:inline-flex}.bb-dropdown{display:inline-block;position:relative}.bb-dropdown.bb-dropdown--block,.bb-dropdown.bb-dropdown--block .bb-dropdown__wrapper{display:block}[class*=bb-dropdown__bubble-container--bottom] .bb-dropdown__arrow,[class*=bb-dropdown__bubble-container--top] .bb-dropdown__arrow{clip-path:polygon(50% 0%,0% 100%,100% 100%);width:1.25rem;height:.75rem}[class*=bb-dropdown__bubble-container--top].bb-dropdown__bubble-container{flex-direction:column-reverse}[class*=bb-dropdown__bubble-container--top] .bb-dropdown__arrow{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}[class*=bb-dropdown__bubble-container--bottom].bb-dropdown__bubble-container{flex-direction:column}[class*=bb-dropdown__bubble-container--left] .bb-dropdown__arrow,[class*=bb-dropdown__bubble-container--right] .bb-dropdown__arrow{clip-path:polygon(0% 0%,100% 50%,0% 100%);width:.75rem;height:1.25rem}[class*=bb-dropdown__bubble-container--left].bb-dropdown__bubble-container{flex-direction:row-reverse}[class*=bb-dropdown__bubble-container--right] .bb-dropdown__arrow{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-dropdown__wrapper{display:inline-block}.bb-dropdown__bubble-container{z-index:10;border-radius:.5rem;width:max-content;transition-property:opacity;display:flex;position:absolute}.bb-dropdown__bubble-container--hidden{display:none!important}.bb-dropdown__bubble-container--closing,.bb-dropdown__bubble-container--opening{opacity:0}.bb-dropdown__bubble-container--open{opacity:1}.bb-dropdown__close{float:right}.bb-dropdown__arrow{display:inline-block;position:relative}.bb-dropdown__bubble{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-width:1px;border-radius:.75rem;padding:.25rem;display:inline-block}.bb-dropdown__items-container{grid-template-columns:repeat(1,minmax(0,1fr));width:100%;display:inline-grid}.bb-dropdown__item{text-align:left;border-radius:.5rem;padding:.5rem;display:inline-block}.bb-dropdown__item:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bb-dropdown__item:focus{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));--tw-ring-opacity:1;--tw-ring-color:rgb(229 231 235/var(--tw-ring-opacity))}.bb-dropdown__item:active{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bb-base-textarea__container{align-items:flex-start;display:inline-flex}.bb-base-textarea__inner-container{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:1px;border-radius:.375rem;flex:auto;align-items:flex-start;display:inline-flex}.bb-base-textarea__inner-container:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:.5}.bb-base-textarea textarea{resize:none;background-color:#0000;flex:auto;min-height:48px}.bb-base-textarea textarea:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:2px solid #0000}.bb-confirm .bb-base-dialog__content{border-radius:.5rem}.bb-confirm .bb-base-dialog__header{padding-left:.5rem;padding-right:.5rem}.bb-confirm .bb-base-dialog__body{padding:.5rem}.bb-confirm .bb-base-dialog__body .bb-confirm__content .bb-confirm__text{display:block}.bb-confirm .bb-base-dialog__body .bb-confirm__spinner{text-align:center;padding:1.25rem}.bb-confirm .bb-base-dialog__footer:not(:empty){-moz-column-gap:.75rem;justify-content:flex-end;column-gap:.75rem;margin-top:.5rem;padding:.25rem .5rem;display:flex}.bb-confirm .bb-base-dialog__footer>button[class*=bb-confirm__]{border-style:solid;border-width:1px;border-radius:.375rem;padding-left:.5rem;padding-right:.5rem}.bb-confirm .bb-base-dialog__footer .bb-confirm__no{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity))}.bb-confirm .bb-base-dialog__footer .bb-confirm__no:hover{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity))}.bb-confirm .bb-base-dialog__footer .bb-confirm__no:active{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bb-confirm .bb-base-dialog__footer .bb-confirm__yes{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity));border-color:#0000}.bb-confirm .bb-base-dialog__footer .bb-confirm__yes:hover{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bb-confirm .bb-base-dialog__footer .bb-confirm__yes:active{--tw-bg-opacity:1;background-color:rgb(147 197 253/var(--tw-bg-opacity))}.bb-dropdown-button{grid-template-columns:1fr min-content;display:inline-grid}.bb-dropdown-button.bb-dropdown-button--block{width:100%}.bb-dropdown-button .bb-dropdown-button__main-btn{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity));padding:.25rem .75rem}.bb-dropdown-button .bb-dropdown-button__main-btn:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bb-dropdown-button .bb-dropdown-button__main-btn:active{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bb-dropdown-button .bb-dropdown-button__dropdown-btn{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity));align-items:center;display:inline-flex}.bb-dropdown-button .bb-dropdown-button__dropdown-btn:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bb-dropdown-button .bb-dropdown-button__dropdown-btn:active{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bb-dropdown-button .bb-dropdown-button__dropdown-btn[aria-expanded=false] .bb-dropdown-button__dropdown-chevron{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-dropdown-button .bb-dropdown-button__dropdown-label{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-dropdown-button .bb-dropdown-button__dropdown-chevron{width:1.25rem}.bb-dropdown-button .bb-dropdown,.bb-dropdown-button .bb-dropdown__wrapper{display:inline-flex}.bb-dropzone{background-color:#fff;grid-template-rows:1fr min-content min-content;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:grid}.bb-dropzone>.bb-dropzone__submittable-label{display:none}.bb-dropzone>label{display:grid}.bb-dropzone>label>input[type=file]{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-dropzone.bb-dropzone--dragging{background:#edecec}.bb-dropzone__errors{width:100%;font-size:.75rem;line-height:1rem;display:grid}.bb-dropzone__error{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity));width:100%;display:inline-block}.bb-offcanvas--transition-fade.bb-offcanvas__overlay{transition-property:background-color}.bb-offcanvas--transition-fade.bb-offcanvas--opening.bb-offcanvas__overlay,.bb-offcanvas--transition-fade.bb-offcanvas--open.bb-offcanvas__overlay{background-color:rgb(75 85 99/var(--tw-bg-opacity));--tw-bg-opacity:.5}.bb-offcanvas--transition-fade.bb-offcanvas--closing.bb-offcanvas__overlay,.bb-offcanvas--transition-fade.bb-offcanvas--closed.bb-offcanvas__overlay{background-color:#0000}.bb-offcanvas--closed.bb-offcanvas__overlay{visibility:hidden;z-index:-10}.bb-offcanvas--fullscreen.bb-offcanvas__overlay{padding:0}.bb-offcanvas--fullscreen .bb-offcanvas__panel{border-radius:0;width:100%;height:100%;max-height:100vh}.bb-offcanvas--fullscreen .bb-offcanvas__content{height:100%}.bb-offcanvas--left.bb-offcanvas__overlay{overflow:hidden auto}.bb-offcanvas--left.bb-offcanvas__overlay .bb-offcanvas__panel{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));width:auto;height:100%}.bb-offcanvas--left.bb-offcanvas__overlay.bb-offcanvas--open .bb-offcanvas__panel{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-offcanvas--right.bb-offcanvas__overlay{overflow:hidden auto}.bb-offcanvas--right.bb-offcanvas__overlay .bb-offcanvas__panel{--tw-translate-x:calc(100vw);transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));width:100%;height:100%}.bb-offcanvas--right.bb-offcanvas__overlay.bb-offcanvas--opening .bb-offcanvas__panel{--tw-translate-x:calc(100vw - 100%);transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-offcanvas--right.bb-offcanvas__overlay.bb-offcanvas--open{overflow-y:auto}.bb-offcanvas--right.bb-offcanvas__overlay.bb-offcanvas--open .bb-offcanvas__panel{--tw-translate-x:calc(100vw - 100%);transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-offcanvas--top .bb-offcanvas__panel{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));width:100%}.bb-offcanvas--top.bb-offcanvas--open .bb-offcanvas__panel{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-offcanvas--bottom.bb-offcanvas__overlay{align-items:flex-end;display:grid;overflow-y:hidden}.bb-offcanvas--bottom.bb-offcanvas__overlay .bb-offcanvas__panel{--tw-translate-y:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-offcanvas--bottom.bb-offcanvas__overlay.bb-offcanvas--opening .bb-offcanvas__panel{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-offcanvas--bottom.bb-offcanvas__overlay.bb-offcanvas--open{overflow-y:auto}.bb-offcanvas--bottom.bb-offcanvas__overlay.bb-offcanvas--open .bb-offcanvas__panel{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-offcanvas__overlay{z-index:10;background-color:#00000080;outline:0;width:100%;height:100%;transition-timing-function:cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden auto}.bb-offcanvas__panel{pointer-events:none;align-items:stretch;display:grid;position:relative}.bb-offcanvas__panel--compact .bb-offcanvas__content{padding-top:0}.bb-offcanvas__panel--compact .bb-offcanvas__header{border-bottom-width:0;padding-bottom:0}.bb-offcanvas__content{pointer-events:auto;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));background-clip:padding-box;outline-width:0;flex-direction:column;width:100%;max-height:100vh;transition:height .5s;display:flex;position:relative;overflow:hidden}.bb-offcanvas__header{-moz-column-gap:.75rem;border-bottom-width:1px;flex-shrink:0;justify-content:space-between;align-items:center;column-gap:.75rem;padding:.25rem .5rem;display:flex}.bb-offcanvas__title{font-size:1.25rem;font-weight:600;line-height:1}.bb-offcanvas-close{align-items:center;display:inline-flex}.bb-offcanvas-close button,.bb-offcanvas-close__content{display:inline-flex}.bb-offcanvas-close__label{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-offcanvas-close__icon{width:1rem;display:inline-flex}.bb-offcanvas__body{pointer-events:auto;scrollbar-color:#999 #333;flex:auto;padding-left:.5rem;padding-right:.5rem;position:relative;overflow-y:auto}.bb-offcanvas__body::-webkit-scrollbar{width:0;height:0}.bb-offcanvas__body::-webkit-scrollbar-thumb{background:#999}.bb-offcanvas__body::-webkit-scrollbar-track{background:#333}.bb-offcanvas__footer{pointer-events:auto;padding-left:.5rem;padding-right:.5rem}.prevent-overscroll{touch-action:none;-webkit-overflow-scrolling:none;overscroll-behavior:none;overflow:hidden}.bb-ratio{width:100%;display:block;position:relative}.bb-ratio .bb-ratio__inner{display:block;position:absolute;top:0;bottom:0;left:0;right:0}.bb-progress{--tw-bg-opacity:1;background-color:rgb(217 217 217/var(--tw-bg-opacity));border-radius:20px}.bb-progress.bb-progress--vertical{width:11px;height:100%}.bb-progress.bb-progress--horizontal{height:11px}.bb-progress.bb-progress--horizontal .bb-progress-bar{height:100%}.bb-progress .bb-progress-bar{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));border-radius:20px;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-icon{transition:color 50ms;display:block}.bb-popover{display:inline-block;position:relative}.bb-popover.bb-popover--block,.bb-popover.bb-popover--block .bb-popover__wrapper{display:block}[class*=bb-popover__bubble-container--bottom] .bb-popover__arrow,[class*=bb-popover__bubble-container--top] .bb-popover__arrow{clip-path:polygon(50% 0%,0% 100%,100% 100%);width:1.25rem;height:.75rem}[class*=bb-popover__bubble-container--top].bb-popover__bubble-container{flex-direction:column-reverse}[class*=bb-popover__bubble-container--top] .bb-popover__arrow{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}[class*=bb-popover__bubble-container--bottom].bb-popover__bubble-container{flex-direction:column}[class*=bb-popover__bubble-container--left] .bb-popover__arrow,[class*=bb-popover__bubble-container--right] .bb-popover__arrow{clip-path:polygon(0% 0%,100% 50%,0% 100%);width:.75rem;height:1.25rem}[class*=bb-popover__bubble-container--left].bb-popover__bubble-container{flex-direction:row-reverse}[class*=bb-popover__bubble-container--right] .bb-popover__arrow{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-popover__wrapper{display:inline-block}.bb-popover__bubble-container{z-index:10;border-radius:.5rem;width:max-content;transition-property:opacity;display:flex;position:absolute}.bb-popover__bubble-container--hidden{display:none!important}.bb-popover__bubble-container--closing,.bb-popover__bubble-container--opening{opacity:0}.bb-popover__bubble-container--open{opacity:1}.bb-popover__close{isolation:isolate;float:right;--tw-translate-y:-.25rem;--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));width:.75rem}.bb-popover__close-label{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-popover__arrow{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));display:inline-block;position:relative}.bb-popover__bubble{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));border-radius:.75rem;padding:.75rem;display:inline-block}.bb-radio .bb-base-input-container{cursor:pointer;-moz-column-gap:.5rem;column-gap:.5rem}.bb-radio .bb-base-input-container--horizontal{align-items:center}.bb-number-input .bb-base-input-container .bb-base-input-container__input .bb-base-number-input{display:inline-flex}.bb-pagination{width:100%;overflow:hidden}.bb-pagination__pages{-moz-column-gap:.25rem;justify-content:center;column-gap:.25rem;width:max-content;display:flex}.bb-pagination__pages .bb-pagination__page{border-radius:.5rem;justify-content:center;align-items:center;min-width:40px;height:2.5rem;display:inline-flex}.bb-pagination__pages .bb-pagination__page--active{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.bb-select .bb-base-input-container .bb-base-input-container__input .bb-base-select,.bb-slider .bb-base-input-container .bb-base-input-container__input .bb-base-slider{display:inline-flex}.bb-switch .bb-base-input-container{cursor:pointer;-moz-column-gap:.5rem;column-gap:.5rem}.bb-switch .bb-base-input-container--horizontal{align-items:center}.bb-smooth-height{transition-property:all;transition-duration:.15s;transition-timing-function:linear;display:block;overflow:hidden}.bb-smooth-height .content{display:block}.bb-spinner{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.bb-spinner{animation:1s linear infinite spin}.bb-table{position:relative;overflow-x:auto}.bb-table--align-left{text-align:left}.bb-table--align-center{text-align:center}.bb-table--align-right{text-align:right}.bb-table--fixed table{table-layout:fixed;width:100%}.bb-table--fixed-header table thead th{position:sticky;top:0;z-index:1!important}.bb-table--fixed-header table thead th[style*=sticky]{position:sticky;top:0;z-index:2!important}.bb-table--selectable tr>:first-of-type{width:0}.bb-table legend{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-table table{min-width:100%}.bb-table .bb-table-caption.bb-table-caption--hidden{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-table-header--center{text-align:center}.bb-table-header--right{text-align:right}.bb-table-header--actions .bb-table-header__content,.bb-table-loading__text{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-table-skeleton__container{width:100%}@keyframes pulse{50%{opacity:.5}}.bb-table-skeleton__container{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.bb-table-skeleton-item{-moz-column-gap:1.25rem;align-items:center;column-gap:1.25rem;margin-top:1rem;margin-bottom:1rem;display:flex}.bb-table-skeleton-item__avatar{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity));border-radius:9999px;width:2.5rem;height:2.5rem}.bb-table-skeleton-item__text{flex:auto}.bb-table-skeleton-item__line{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity));border-radius:.25rem;height:.5rem;margin-top:.5rem;margin-bottom:.5rem}.bb-table-skeleton-item__line:first-of-type{width:66.6667%}.bb-table-data__cell--center{text-align:center}.bb-table-data__cell--right{text-align:right}.bb-table-check__label,.bb-table-radio__label{cursor:pointer;-webkit-user-select:none;user-select:none}.bb-table-check__label.bb-table-check__label--disabled,.bb-table-check__label.bb-table-radio__label--disabled,.bb-table-radio__label.bb-table-check__label--disabled,.bb-table-radio__label.bb-table-radio__label--disabled{visibility:hidden;cursor:auto}.bb-table-check__label.bb-table-radio__label--disabled,.bb-table-radio__label.bb-table-radio__label--disabled{cursor:auto}.bb-table-check__label-text,.bb-table-radio__label-text{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb-tab--vertical{grid-template-columns:auto 1fr;display:grid}.bb-tab--vertical .bb-tab__label-container{flex-direction:column;align-items:stretch}.bb-tab--vertical .bb-tab__label-container .bb-tab__btn{text-align:left;width:100%}.bb-tab .bb-tab__label-boundary{min-height:2rem;display:grid}.bb-tab .bb-tab__label-boundary .bb-tab__label-container{list-style-type:none;display:flex;overflow:auto clip}.bb-tab .bb-tab__label-boundary .bb-tab__label-container::-webkit-scrollbar{width:5px;height:5px}.bb-tab .bb-tab__label-boundary .bb-tab__label-container::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px #0000}.bb-tab .bb-tab__label-boundary .bb-tab__label-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px;-webkit-box-shadow:inset 0 0 6px #00000080}.bb-tab .bb-tab__label-boundary .bb-tab__label-container ::-webkit-scrollbar-thumb:window-inactive{background:#ffffff4d}.bb-tab .bb-tab__label-boundary .bb-tab__label-container button{scroll-margin:60px}.bb-tab .bb-tab__panes-container .bb-tab__pane{display:none}.bb-tab .bb-tab__panes-container .bb-tab__pane--shown{display:block}.bb-tooltip{display:inline-block;position:relative}.bb-tooltip.bb-tooltip--block,.bb-tooltip.bb-tooltip--block .bb-tooltip__wrapper{display:block}[class*=bb-tooltip__bubble-container--bottom] .bb-tooltip__arrow,[class*=bb-tooltip__bubble-container--top] .bb-tooltip__arrow{clip-path:polygon(50% 0%,0% 100%,100% 100%);width:1.25rem;height:.75rem}[class*=bb-tooltip__bubble-container--top].bb-tooltip__bubble-container{flex-direction:column-reverse}[class*=bb-tooltip__bubble-container--top] .bb-tooltip__arrow{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}[class*=bb-tooltip__bubble-container--bottom].bb-tooltip__bubble-container{flex-direction:column}[class*=bb-tooltip__bubble-container--left] .bb-tooltip__arrow,[class*=bb-tooltip__bubble-container--right] .bb-tooltip__arrow{clip-path:polygon(0% 0%,100% 50%,0% 100%);width:.75rem;height:1.25rem}[class*=bb-tooltip__bubble-container--left].bb-tooltip__bubble-container{flex-direction:row-reverse}[class*=bb-tooltip__bubble-container--right] .bb-tooltip__arrow{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-tooltip__wrapper{display:inline-block}.bb-tooltip__bubble-container{z-index:10;border-radius:.5rem;width:max-content;transition-property:opacity;display:flex;position:absolute}.bb-tooltip__bubble-container--hidden{display:none!important}.bb-tooltip__bubble-container--closing,.bb-tooltip__bubble-container--opening{opacity:0}.bb-tooltip__bubble-container--open{opacity:1}.bb-tooltip__close{float:right;--tw-translate-y:-.25rem;--tw-translate-x:.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));width:.75rem}.bb-tooltip__arrow{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));display:inline-block;position:relative}.bb-tooltip__bubble{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));border-radius:.75rem;padding:.75rem;display:inline-block}.bb-textarea .bb-base-input-container .bb-base-input-container__input .bb-base-textarea{display:inline-flex}.bb-tree{grid-template-rows:min-content 0fr;transition:grid-template-rows .3s;display:grid}.bb-tree.bb-tree--open{grid-template-rows:min-content 1fr}.bb-tree>.bb-tree-row{display:flex}.bb-tree>.bb-tree-row>.bb-tree-main-content{flex:auto}.bb-tree>div[class^=bb-tree--depth-]{overflow:hidden}.bb-tag .bb-base-input-container .bb-base-input-container__input .bb-base-tag,.bb-text-input .bb-base-input-container .bb-base-input-container__input .bb-base-text-input{display:inline-flex}.bb-toast{z-index:10;flex-direction:column;row-gap:.75rem;min-width:200px;max-width:min(100vw - 30px,280px);padding:.75rem;display:flex;position:fixed}.bb-toast[class*=bb-toast--bottom]{bottom:0}.bb-toast[class*=bb-toast--bottom].bb-toast--bottom{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));left:50%}.bb-toast[class*=bb-toast--bottom].bb-toast--bottom-start{left:0}.bb-toast[class*=bb-toast--bottom].bb-toast--bottom-end{right:0}.bb-toast[class*=bb-toast--top]{top:0}.bb-toast[class*=bb-toast--top].bb-toast--top{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));left:50%}.bb-toast[class*=bb-toast--top].bb-toast--top-start{left:0}.bb-toast[class*=bb-toast--top].bb-toast--top-end{right:0}.bb-toast .toast-move,.bb-toast .toast-enter-active,.bb-toast .toast-leave-active{transition:all .5s}.bb-toast .toast-enter-from,.bb-toast .toast-leave-to{opacity:0;transform:translate(-50px)}.bb-toast .toast-leave-active{position:absolute}.bb-toast-message{-moz-column-gap:.75rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:1px;border-radius:.5rem;grid-template-columns:auto 1fr auto;align-items:flex-start;column-gap:.75rem;padding:.5rem;display:grid}.bb-toast-message .bb-toast-message__icon{padding-top:.25rem}.bb-toast-message .bb-toast-message__title{font-size:1.125rem;font-weight:600;line-height:1}.bb-toast-message .bb-toast-message__text{font-size:.875rem;line-height:1.25rem}.bb-toast-message .bb-toast-message__close{width:.75rem;padding-top:.25rem}.bb-base-tag{box-sizing:border-box;display:inline-flex}.bb-base-tag--active .bb-base-tag__inner-container .bb-base-tag__text-input{min-width:150px}.bb-base-tag--shown .bb-base-tag__chevron{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.bb-base-tag__inner-container{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:1px;border-radius:.375rem;flex-wrap:wrap;flex:1;gap:.25rem;padding-left:.25rem;padding-right:.25rem;display:inline-flex;overflow:hidden}.bb-base-tag__input-container{flex-wrap:wrap;flex:1;gap:.25rem;display:inline-flex;overflow:hidden}.bb-base-tag__input-container input{flex:auto;width:0}.bb-base-tag__selected{max-width:100%}.bb-base-tag__selected--comma{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bb-base-tag__selected--comma.bb-base-tag__selected--focused{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}.bb-base-tag__selected--chip.bb-base-tag__selected--focused{background-image:linear-gradient(#0003,#0003)}.bb-base-tag__text-input{outline-offset:2px;border-width:0;outline:2px solid #fff;flex:auto;min-width:60px;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-base-tag__text-input:focus{outline-offset:2px;outline:2px solid #0000}
|