bitboss-ui 0.1.109 → 0.1.110
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 +3 -3
- package/dist/index103.js +2 -2
- package/dist/index109.js +1 -1
- package/dist/index11.js +2 -2
- package/dist/index111.js +5 -5
- 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/index128.js +2 -2
- package/dist/index15.js +8 -8
- package/dist/index17.js +9 -9
- package/dist/index19.js +3 -3
- package/dist/index195.js +10 -3
- package/dist/index195.js.map +1 -1
- package/dist/index196.js +3 -35
- package/dist/index196.js.map +1 -1
- package/dist/index197.js +35 -6
- package/dist/index197.js.map +1 -1
- package/dist/index198.js +6 -295
- package/dist/index198.js.map +1 -1
- package/dist/index199.js +5 -16
- package/dist/index199.js.map +1 -1
- package/dist/index200.js +10 -10
- package/dist/index200.js.map +1 -1
- package/dist/index201.js +15 -18
- package/dist/index201.js.map +1 -1
- package/dist/index202.js +18 -19
- package/dist/index202.js.map +1 -1
- package/dist/index203.js +15 -24
- package/dist/index203.js.map +1 -1
- package/dist/index204.js +29 -8
- package/dist/index204.js.map +1 -1
- package/dist/index205.js +8 -2
- package/dist/index205.js.map +1 -1
- package/dist/index206.js +2 -2
- package/dist/index206.js.map +1 -1
- package/dist/index207.js +351 -4
- package/dist/index207.js.map +1 -1
- package/dist/index208.js +134 -2
- package/dist/index208.js.map +1 -1
- package/dist/index209.js +2 -2
- package/dist/index209.js.map +1 -1
- package/dist/index21.js +2 -2
- package/dist/index210.js +186 -2
- package/dist/index210.js.map +1 -1
- package/dist/index211.js +23 -351
- package/dist/index211.js.map +1 -1
- package/dist/index212.js +369 -2
- package/dist/index212.js.map +1 -1
- package/dist/index213.js +2 -369
- package/dist/index213.js.map +1 -1
- package/dist/index214.js +4 -134
- package/dist/index214.js.map +1 -1
- package/dist/index215.js +3 -186
- package/dist/index215.js.map +1 -1
- package/dist/index216.js +3 -23
- package/dist/index216.js.map +1 -1
- package/dist/index217.js +2 -3
- package/dist/index217.js.map +1 -1
- package/dist/index218.js +235 -3
- package/dist/index218.js.map +1 -1
- package/dist/index219.js +2 -10
- package/dist/index219.js.map +1 -1
- package/dist/index220.js +2 -235
- package/dist/index220.js.map +1 -1
- package/dist/index221.js +27 -8
- package/dist/index221.js.map +1 -1
- package/dist/index222.js +12 -115
- package/dist/index222.js.map +1 -1
- package/dist/index223.js +8 -27
- package/dist/index223.js.map +1 -1
- package/dist/index224.js +115 -12
- package/dist/index224.js.map +1 -1
- package/dist/index225.js +1 -1
- package/dist/index226.js +2 -435
- package/dist/index226.js.map +1 -1
- package/dist/index227.js +428 -82
- package/dist/index227.js.map +1 -1
- package/dist/index228.js +86 -197
- package/dist/index228.js.map +1 -1
- package/dist/index229.js +200 -6
- package/dist/index229.js.map +1 -1
- package/dist/index23.js +1 -1
- package/dist/index230.js +295 -2
- package/dist/index230.js.map +1 -1
- package/dist/index231.js +6 -2
- package/dist/index231.js.map +1 -1
- package/dist/index232.js +2 -2
- package/dist/index236.js +2 -4
- package/dist/index236.js.map +1 -1
- package/dist/index237.js +2 -117
- package/dist/index237.js.map +1 -1
- package/dist/index238.js +2 -106
- package/dist/index238.js.map +1 -1
- package/dist/index239.js +116 -68
- package/dist/index239.js.map +1 -1
- package/dist/index240.js +105 -161
- package/dist/index240.js.map +1 -1
- package/dist/index241.js +4 -2
- package/dist/index241.js.map +1 -1
- package/dist/index242.js +224 -2
- package/dist/index242.js.map +1 -1
- package/dist/index243.js +258 -2
- package/dist/index243.js.map +1 -1
- package/dist/index244.js +162 -224
- package/dist/index244.js.map +1 -1
- package/dist/index245.js +2 -258
- package/dist/index245.js.map +1 -1
- package/dist/index246.js +69 -2
- package/dist/index246.js.map +1 -1
- package/dist/index247.js +2 -38
- package/dist/index247.js.map +1 -1
- package/dist/index248.js +2 -2
- package/dist/index248.js.map +1 -1
- package/dist/index249.js +38 -2
- package/dist/index249.js.map +1 -1
- package/dist/index25.js +2 -2
- package/dist/index250.js +2 -2
- package/dist/index250.js.map +1 -1
- package/dist/index251.js +2 -2
- package/dist/index251.js.map +1 -1
- package/dist/index252.js +2 -3
- package/dist/index252.js.map +1 -1
- package/dist/index253.js +3 -2
- package/dist/index253.js.map +1 -1
- package/dist/index254.js +5 -0
- package/dist/index254.js.map +1 -0
- package/dist/index29.js +3 -3
- package/dist/index31.js +6 -6
- 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 +28 -26
- package/dist/index65.js.map +1 -1
- package/dist/index69.js +2 -2
- package/dist/index72.js +1 -1
- package/dist/index75.js +1 -1
- package/dist/index79.js +4 -4
- package/dist/index8.js +13 -13
- package/dist/index8.js.map +1 -1
- package/dist/index81.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index79.js
CHANGED
@@ -1,12 +1,12 @@
|
|
1
1
|
import { defineComponent as N, ref as a, computed as C, openBlock as f, createElementBlock as $, mergeProps as T, createElementVNode as s, renderSlot as B, normalizeProps as V, guardReactiveProps as I, unref as m, createBlock as P, Teleport as R, normalizeClass as U, normalizeStyle as j, withCtx as G, createCommentVNode as D, nextTick as J } from "vue";
|
2
|
-
import { useFloating as K, arrow as Q } from "./
|
3
|
-
import { useFocusTrap as W } from "./
|
2
|
+
import { useFloating as K, arrow as Q } from "./index224.js";
|
3
|
+
import { useFocusTrap as W } from "./index197.js";
|
4
4
|
import { useId as X } from "./index7.js";
|
5
5
|
import { wait as E } from "./index122.js";
|
6
6
|
import Y from "./index9.js";
|
7
7
|
import "./index10.js";
|
8
|
-
import { autoUpdate as Z } from "./
|
9
|
-
import { flip as ee, offset as oe, shift as te } from "./
|
8
|
+
import { autoUpdate as Z } from "./index207.js";
|
9
|
+
import { flip as ee, offset as oe, shift as te } from "./index212.js";
|
10
10
|
const ae = ["id"], re = { class: "bb-popover__bubble" }, ne = /* @__PURE__ */ s("span", { class: "bb-popover__close-label" }, "Chiudi", -1), se = /* @__PURE__ */ s("svg", {
|
11
11
|
viewBox: "0 0 24 24",
|
12
12
|
fill: "none",
|
package/dist/index8.js
CHANGED
@@ -13,19 +13,19 @@ const Z = Symbol(), R = /((step\/)(?<step>[\s\S]+?)(?=[/?]))|((step\/)(?<step2>[
|
|
13
13
|
throw new Error(
|
14
14
|
"You need to provide a unique name for the current wizard instance to be used to save data"
|
15
15
|
);
|
16
|
-
const e = Q(), r = X(), u = i.useNavigation ?? !0,
|
16
|
+
const e = Q(), r = X(), u = i.useNavigation ?? !0, q = i.navigationMode ?? "query", b = i.persist ?? !0;
|
17
17
|
if (u && (!e.value || !r))
|
18
18
|
throw new Error(
|
19
19
|
"Navigation is enabled but could not retrieve the router instance in useWizard."
|
20
20
|
);
|
21
21
|
const n = L(
|
22
|
-
|
22
|
+
b && sessionStorage.getItem(i.name) ? Object.assign(
|
23
23
|
{},
|
24
24
|
i.initialState,
|
25
25
|
JSON.parse(sessionStorage.getItem(i.name))
|
26
26
|
) : i.initialState
|
27
27
|
);
|
28
|
-
|
28
|
+
b && d(n, () => {
|
29
29
|
sessionStorage.setItem(i.name, JSON.stringify(n));
|
30
30
|
});
|
31
31
|
const W = Y(i.steps), o = m(
|
@@ -42,7 +42,7 @@ const Z = Symbol(), R = /((step\/)(?<step>[\s\S]+?)(?=[/?]))|((step\/)(?<step2>[
|
|
42
42
|
let c = null;
|
43
43
|
if (u && p(e.value)) {
|
44
44
|
let t = null;
|
45
|
-
if (
|
45
|
+
if (q === "query")
|
46
46
|
e.value.query.step && (t = e.value.query.step);
|
47
47
|
else {
|
48
48
|
const s = J(e.value.fullPath);
|
@@ -62,8 +62,8 @@ const Z = Symbol(), R = /((step\/)(?<step>[\s\S]+?)(?=[/?]))|((step\/)(?<step2>[
|
|
62
62
|
}
|
63
63
|
const {
|
64
64
|
steps: g,
|
65
|
-
current:
|
66
|
-
goToNext:
|
65
|
+
current: T,
|
66
|
+
goToNext: V,
|
67
67
|
goToPrevious: N,
|
68
68
|
goTo: v,
|
69
69
|
index: $,
|
@@ -85,9 +85,9 @@ const Z = Symbol(), R = /((step\/)(?<step>[\s\S]+?)(?=[/?]))|((step\/)(?<step2>[
|
|
85
85
|
c || Object.values(o.value)[0].key
|
86
86
|
), l = m(() => Object.keys(o.value)[$.value]);
|
87
87
|
if (D(Z, {
|
88
|
-
goToNext:
|
88
|
+
goToNext: V,
|
89
89
|
goToPrevious: N,
|
90
|
-
current:
|
90
|
+
current: T,
|
91
91
|
data: n,
|
92
92
|
steps: g,
|
93
93
|
at: O,
|
@@ -104,7 +104,7 @@ const Z = Symbol(), R = /((step\/)(?<step>[\s\S]+?)(?=[/?]))|((step\/)(?<step2>[
|
|
104
104
|
previous: M,
|
105
105
|
stepNames: U
|
106
106
|
}), u)
|
107
|
-
if (
|
107
|
+
if (q === "query")
|
108
108
|
d(
|
109
109
|
l,
|
110
110
|
() => {
|
@@ -146,13 +146,13 @@ const Z = Symbol(), R = /((step\/)(?<step>[\s\S]+?)(?=[/?]))|((step\/)(?<step2>[
|
|
146
146
|
l,
|
147
147
|
() => {
|
148
148
|
p(e.value) && p(r) && (e.value.path.includes("step") ? r.push({
|
149
|
-
|
149
|
+
query: e.value.query,
|
150
150
|
path: e.value.path.replace(
|
151
151
|
R,
|
152
152
|
`step/${l.value}`
|
153
153
|
)
|
154
154
|
}) : r.push({
|
155
|
-
|
155
|
+
query: e.value.query,
|
156
156
|
// Normalizes paths with / and without
|
157
157
|
path: (e.value.path + `/step/${l.value}`).replace("//", "/"),
|
158
158
|
replace: !0
|
@@ -182,8 +182,8 @@ const Z = Symbol(), R = /((step\/)(?<step>[\s\S]+?)(?=[/?]))|((step\/)(?<step2>[
|
|
182
182
|
}
|
183
183
|
return {
|
184
184
|
steps: g,
|
185
|
-
current:
|
186
|
-
goToNext:
|
185
|
+
current: T,
|
186
|
+
goToNext: V,
|
187
187
|
goToPrevious: N,
|
188
188
|
goTo: v,
|
189
189
|
key: l,
|
package/dist/index8.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index8.js","sources":["../src/composables/useWizard.ts"],"sourcesContent":["import { computed, provide, reactive, watch, toValue } from \"vue\";\nimport { mapValues } from \"@/utilities/functions/mapValues\";\nimport { useStepper } from \"@vueuse/core\";\nimport { useRoute } from \"./useRoute\";\nimport { useRouter } from \"./useRouter\";\nimport type { ComputedRef, MaybeRef } from \"vue\";\nimport { isNotNil } from \"@/utilities/functions/isNotNil\";\n\nexport const wizardInjectionKey = Symbol();\nexport type Step<U> = {\n /**\n * Function that accepts a state object and returns a boolean.\n * When step are accessed at the end of the pipeline the result\n * is provided so you don't have to run the function yourself.\n * It determines if the validation has passed for the step.\n */\n isValid?: (state: U) => boolean;\n /**\n * Function that accepts a state object and returns a boolean.\n * When step are accessed at the end of the pipeline the result\n * is provided so you don't have to run the function yourself.\n * Steps that do not pass the condition are removed.\n */\n condition?: (state: U) => boolean;\n [key: string]: any;\n};\nexport type WizardState<T extends Record<string, any>> = Pick<\n ReturnType<typeof useWizard<T>>,\n | \"data\"\n | \"goToNext\"\n | \"goToPrevious\"\n | \"current\"\n | \"steps\"\n | \"at\"\n | \"get\"\n | \"goBackTo\"\n | \"isAfter\"\n | \"isBefore\"\n | \"isCurrent\"\n | \"isFirst\"\n | \"isLast\"\n | \"isNext\"\n | \"isPrevious\"\n | \"next\"\n | \"previous\"\n | \"stepNames\"\n>;\n\nconst regexMatchStep =\n /((step\\/)(?<step>[\\s\\S]+?)(?=[/?]))|((step\\/)(?<step2>[\\s\\S]+))/;\n/**\n * With a url that follows the rule xyz.com/anything/step/:nameofthestep[/?query]\n * will match the :nameofthestep substring\n */\nconst extractStepFromUrl = (url: string) => {\n const match = url.match(regexMatchStep);\n return match?.groups?.step ?? match?.groups?.step2 ?? null;\n};\nexport const useWizard = <T extends object>(params: {\n /**\n * The steps definition for the wizard\n */\n steps: MaybeRef<Record<string, Step<T>>>;\n /**\n * Name of the wizard used to persist state\n */\n name: string;\n /**\n * Initial set of data to be made available throughout\n */\n initialState: T;\n /**\n * When navogation is enabled, to whether use the query parameters or an entire substring of the URL like xyz/steps/....\n * The latter useful with nuxt so you can leverage the automatic import of components based on the URL.\n */\n navigationMode?: \"query\" | \"route\";\n /**\n * Whether to use navigation at all. When disabled no query or URL is changed.\n */\n useNavigation?: boolean;\n /**\n *\n */\n persist?: boolean;\n}) => {\n if (!params.name) {\n throw new Error(\n \"You need to provide a unique name for the current wizard instance to be used to save data\"\n );\n }\n const route = useRoute();\n const router = useRouter();\n\n const useNavigation = params.useNavigation ?? true;\n const navigationMode = params.navigationMode ?? \"query\";\n const persist = params.persist ?? true;\n\n if (useNavigation && (!route.value || !router)) {\n throw new Error(\n \"Navigation is enabled but could not retrieve the router instance in useWizard.\"\n );\n }\n\n /**\n * Initial state is either read from session storage or the one provided\n */\n const innerState = reactive<typeof params.initialState>(\n persist && sessionStorage.getItem(params.name)\n ? Object.assign(\n {},\n params.initialState,\n JSON.parse(sessionStorage.getItem(params.name)!)\n )\n : params.initialState\n );\n\n if (persist) {\n /**\n * Every time the state changes save it to sessionStorage\n */\n watch(innerState, () => {\n sessionStorage.setItem(params.name, JSON.stringify(innerState));\n });\n }\n\n /**\n * Steps can be passed as ref so we need to unwrap them\n */\n const unwrappedSteps = toValue(params.steps);\n const filteredSteps = computed(() =>\n Object.entries(unwrappedSteps).reduce(\n (acc: typeof unwrappedSteps, [key, step]) => {\n if (step.condition) {\n if (!step.condition(innerState as T)) {\n return acc;\n }\n }\n acc[key] = { ...step, key };\n return acc;\n },\n {}\n )\n );\n\n /**\n * Steps can have a isValid function that receives the current state\n * but we don't want to have to call it every single time so we call it once here\n */\n const mappedSteps = computed(() =>\n mapValues(filteredSteps.value, (step) => {\n return {\n ...step,\n isValid: step.isValid ? step.isValid(innerState as T) : true,\n };\n })\n );\n\n /**\n * Get the initial step from the query.\n * If it exists check that every step before it is also valid\n * so user cannot manually jump by changing the URL\n */\n let initialStep = null;\n if (useNavigation && isNotNil(route.value)) {\n let step: string | null = null;\n if (navigationMode === \"query\") {\n if (route.value.query.step) {\n step = route.value.query.step as string;\n }\n } else {\n const stepFromUrl = extractStepFromUrl(route.value.fullPath);\n if (stepFromUrl) {\n step = stepFromUrl;\n }\n }\n initialStep = step;\n }\n\n if (initialStep) {\n for (const stepName in filteredSteps.value) {\n if (stepName === initialStep) break;\n const current = mappedSteps.value[stepName];\n if (!current || !current.isValid) {\n initialStep = null;\n break;\n }\n }\n }\n\n /**\n * Define the state of the wizard\n * A few data come from useStepper\n */\n const {\n steps,\n current,\n goToNext,\n goToPrevious,\n goTo,\n index,\n at,\n get,\n goBackTo,\n isAfter,\n isBefore,\n isCurrent,\n isFirst,\n isLast,\n isNext,\n isPrevious,\n next,\n previous,\n stepNames,\n } = useStepper(\n mappedSteps as any,\n initialStep || Object.values(filteredSteps.value)[0].key\n );\n\n const key = computed(() => Object.keys(filteredSteps.value)[index.value]);\n\n /**\n * Complete state object\n */\n const state = {\n goToNext,\n goToPrevious,\n current: current as ComputedRef<Step<T> & { isValid: boolean }>,\n data: innerState,\n steps,\n at,\n get,\n goBackTo,\n isAfter,\n isBefore,\n isCurrent,\n isFirst,\n isLast,\n isNext,\n isPrevious,\n next,\n previous,\n stepNames,\n };\n\n provide(wizardInjectionKey, state);\n\n if (useNavigation) {\n if (navigationMode === \"query\") {\n /**\n * Every time the current step changes update route\n */\n watch(\n key,\n () => {\n if (isNotNil(router) && isNotNil(route.value)) {\n router.push({\n ...route,\n query: { ...route.value.query, step: key.value ?? null },\n });\n }\n },\n { immediate: true }\n );\n\n /**\n * Every time the route changes align the current step to the route\n */\n watch(\n () => route.value?.query.step,\n (value) => {\n if (value) {\n const stepAsString = value as string;\n if (stepAsString in filteredSteps.value) {\n const stepAsKey = stepAsString;\n const stepKeys = Object.keys(filteredSteps.value);\n const stepsPriorToTarget = stepKeys.slice(\n stepKeys.indexOf(stepAsKey)\n );\n const allValid = stepsPriorToTarget.every(\n (key) => mappedSteps.value[key]?.isValid\n );\n if (allValid) {\n goTo(stepAsKey);\n }\n }\n } else {\n goTo(steps.value[0]);\n }\n }\n );\n } else {\n const stepFromUrl = computed(() => {\n if (isNotNil(route.value)) {\n return extractStepFromUrl(route.value.fullPath);\n }\n });\n\n /**\n * Every time the current step changes update route\n */\n watch(\n key,\n () => {\n if (isNotNil(route.value) && isNotNil(router)) {\n if (route.value.path.includes(\"step\")) {\n router.push({\n ...route.value.query,\n path: route.value.path.replace(\n regexMatchStep,\n `step/${key.value}`\n ),\n });\n } else {\n router.push({\n ...route.value.query,\n // Normalizes paths with / and without\n path: (route.value.path + `/step/${key.value}`).replace('//', '/'),\n replace: true\n });\n }\n }\n },\n { immediate: true }\n );\n\n /**\n * Every time the route changes align the current step to the route\n */\n watch(\n () => stepFromUrl.value,\n (value) => {\n if (value) {\n const stepAsString = value as string;\n if (stepAsString in filteredSteps.value) {\n const stepAsKey = stepAsString;\n const stepKeys = Object.keys(filteredSteps.value);\n const stepsPriorToTarget = stepKeys.slice(\n stepKeys.indexOf(stepAsKey)\n );\n const allValid = stepsPriorToTarget.every(\n (key) => filteredSteps.value[key]?.isValid\n );\n if (allValid) {\n goTo(stepAsKey);\n }\n }\n } else {\n goTo(steps.value[0]);\n }\n }\n );\n }\n }\n\n return {\n steps,\n current: current as ComputedRef<Step<T> & { isValid: boolean }>,\n goToNext,\n goToPrevious,\n goTo,\n key,\n data: innerState,\n at,\n get,\n goBackTo,\n isAfter,\n isBefore,\n isCurrent,\n isFirst,\n isLast,\n isNext,\n isPrevious,\n next,\n previous,\n stepNames,\n };\n};\n"],"names":["wizardInjectionKey","regexMatchStep","extractStepFromUrl","url","match","_a","_b","useWizard","params","route","useRoute","router","useRouter","useNavigation","navigationMode","persist","innerState","reactive","watch","unwrappedSteps","toValue","filteredSteps","computed","acc","key","step","mappedSteps","mapValues","initialStep","isNotNil","stepFromUrl","stepName","current","steps","goToNext","goToPrevious","goTo","index","at","get","goBackTo","isAfter","isBefore","isCurrent","isFirst","isLast","isNext","isPrevious","next","previous","stepNames","useStepper","provide","value","stepAsString","stepAsKey","stepKeys"],"mappings":";;;;;;AAQO,MAAMA,IAAqB,OAAO,GAwCnCC,IACJ,mEAKIC,IAAqB,CAACC,MAAgB;;AACpC,QAAAC,IAAQD,EAAI,MAAMF,CAAc;AACtC,WAAOI,IAAAD,KAAA,gBAAAA,EAAO,WAAP,gBAAAC,EAAe,WAAQC,IAAAF,KAAA,gBAAAA,EAAO,WAAP,gBAAAE,EAAe,UAAS;AACxD,GACaC,KAAY,CAAmBC,MA0BtC;AACA,MAAA,CAACA,EAAO;AACV,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAGJ,QAAMC,IAAQC,KACRC,IAASC,KAETC,IAAgBL,EAAO,iBAAiB,IACxCM,IAAiBN,EAAO,kBAAkB,SAC1CO,IAAUP,EAAO,WAAW;AAElC,MAAIK,MAAkB,CAACJ,EAAM,SAAS,CAACE;AACrC,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAOJ,QAAMK,IAAaC;AAAA,IACjBF,KAAW,eAAe,QAAQP,EAAO,IAAI,IACzC,OAAO;AAAA,MACL,CAAC;AAAA,MACDA,EAAO;AAAA,MACP,KAAK,MAAM,eAAe,QAAQA,EAAO,IAAI,CAAE;AAAA,QAEjDA,EAAO;AAAA,EAAA;AAGb,EAAIO,KAIFG,EAAMF,GAAY,MAAM;AACtB,mBAAe,QAAQR,EAAO,MAAM,KAAK,UAAUQ,CAAU,CAAC;AAAA,EAAA,CAC/D;AAMG,QAAAG,IAAiBC,EAAQZ,EAAO,KAAK,GACrCa,IAAgBC;AAAA,IAAS,MAC7B,OAAO,QAAQH,CAAc,EAAE;AAAA,MAC7B,CAACI,GAA4B,CAACC,GAAKC,CAAI,OACjCA,EAAK,aACH,CAACA,EAAK,UAAUT,CAAe,MAIrCO,EAAIC,CAAG,IAAI,EAAE,GAAGC,GAAM,KAAAD,MACfD;AAAA,MAET,CAAC;AAAA,IACH;AAAA,EAAA,GAOIG,IAAcJ;AAAA,IAAS,MAC3BK,EAAUN,EAAc,OAAO,CAACI,OACvB;AAAA,MACL,GAAGA;AAAA,MACH,SAASA,EAAK,UAAUA,EAAK,QAAQT,CAAe,IAAI;AAAA,IAAA,EAE3D;AAAA,EAAA;AAQH,MAAIY,IAAc;AAClB,MAAIf,KAAiBgB,EAASpB,EAAM,KAAK,GAAG;AAC1C,QAAIgB,IAAsB;AAC1B,QAAIX,MAAmB;AACjB,MAAAL,EAAM,MAAM,MAAM,SACbgB,IAAAhB,EAAM,MAAM,MAAM;AAAA,SAEtB;AACL,YAAMqB,IAAc5B,EAAmBO,EAAM,MAAM,QAAQ;AAC3D,MAAIqB,MACKL,IAAAK;AAAA,IAEX;AACc,IAAAF,IAAAH;AAAA,EAChB;AAEA,MAAIG;AACS,eAAAG,KAAYV,EAAc,OAAO;AAC1C,UAAIU,MAAaH;AAAa;AACxBI,YAAAA,IAAUN,EAAY,MAAMK,CAAQ;AAC1C,UAAI,CAACC,KAAW,CAACA,EAAQ,SAAS;AAClB,QAAAJ,IAAA;AACd;AAAA,MACF;AAAA,IACF;AAOI,QAAA;AAAA,IACJ,OAAAK;AAAA,IACA,SAAAD;AAAA,IACA,UAAAE;AAAA,IACA,cAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,IAAAC;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,IACEC;AAAA,IACFzB;AAAA,IACAE,KAAe,OAAO,OAAOP,EAAc,KAAK,EAAE,CAAC,EAAE;AAAA,EAAA,GAGjDG,IAAMF,EAAS,MAAM,OAAO,KAAKD,EAAc,KAAK,EAAEgB,EAAM,KAAK,CAAC;AA4BxE,MAFAe,EAAQpD,GArBM;AAAA,IACZ,UAAAkC;AAAA,IACA,cAAAC;AAAA,IACA,SAAAH;AAAA,IACA,MAAMhB;AAAA,IACN,OAAAiB;AAAA,IACA,IAAAK;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,CAG+B,GAE7BrC;AACF,QAAIC,MAAmB;AAIrB,MAAAI;AAAA,QACEM;AAAA,QACA,MAAM;AACJ,UAAIK,EAASlB,CAAM,KAAKkB,EAASpB,EAAM,KAAK,KAC1CE,EAAO,KAAK;AAAA,YACV,GAAGF;AAAA,YACH,OAAO,EAAE,GAAGA,EAAM,MAAM,OAAO,MAAMe,EAAI,SAAS,KAAK;AAAA,UAAA,CACxD;AAAA,QAEL;AAAA,QACA,EAAE,WAAW,GAAK;AAAA,MAAA,GAMpBN;AAAA,QACE;;AAAM,kBAAAb,IAAAI,EAAM,UAAN,gBAAAJ,EAAa,MAAM;AAAA;AAAA,QACzB,CAACgD,MAAU;AACT,cAAIA,GAAO;AACT,kBAAMC,IAAeD;AACjB,gBAAAC,KAAgBjC,EAAc,OAAO;AACvC,oBAAMkC,IAAYD,GACZE,IAAW,OAAO,KAAKnC,EAAc,KAAK;AAOhD,cAN2BmC,EAAS;AAAA,gBAClCA,EAAS,QAAQD,CAAS;AAAA,cAAA,EAEQ;AAAA,gBAClC,CAAC/B,MAAAA;;AAAQ,0BAAAnB,IAAAqB,EAAY,MAAMF,CAAG,MAArB,gBAAAnB,EAAwB;AAAA;AAAA,cAAA,KAGjC+B,EAAKmB,CAAS;AAAA,YAElB;AAAA,UAAA;AAEK,YAAAnB,EAAAH,EAAM,MAAM,CAAC,CAAC;AAAA,QAEvB;AAAA,MAAA;AAAA,SAEG;AACC,YAAAH,IAAcR,EAAS,MAAM;AAC7B,YAAAO,EAASpB,EAAM,KAAK;AACf,iBAAAP,EAAmBO,EAAM,MAAM,QAAQ;AAAA,MAChD,CACD;AAKD,MAAAS;AAAA,QACEM;AAAA,QACA,MAAM;AACJ,UAAIK,EAASpB,EAAM,KAAK,KAAKoB,EAASlB,CAAM,MACtCF,EAAM,MAAM,KAAK,SAAS,MAAM,IAClCE,EAAO,KAAK;AAAA,YACV,GAAGF,EAAM,MAAM;AAAA,YACf,MAAMA,EAAM,MAAM,KAAK;AAAA,cACrBR;AAAA,cACA,QAAQuB,EAAI,KAAK;AAAA,YACnB;AAAA,UAAA,CACD,IAEDb,EAAO,KAAK;AAAA,YACV,GAAGF,EAAM,MAAM;AAAA;AAAA,YAEf,OAAOA,EAAM,MAAM,OAAO,SAASe,EAAI,KAAK,IAAI,QAAQ,MAAM,GAAG;AAAA,YACjE,SAAS;AAAA,UAAA,CACV;AAAA,QAGP;AAAA,QACA,EAAE,WAAW,GAAK;AAAA,MAAA,GAMpBN;AAAA,QACE,MAAMY,EAAY;AAAA,QAClB,CAACuB,MAAU;AACT,cAAIA,GAAO;AACT,kBAAMC,IAAeD;AACjB,gBAAAC,KAAgBjC,EAAc,OAAO;AACvC,oBAAMkC,IAAYD,GACZE,IAAW,OAAO,KAAKnC,EAAc,KAAK;AAOhD,cAN2BmC,EAAS;AAAA,gBAClCA,EAAS,QAAQD,CAAS;AAAA,cAAA,EAEQ;AAAA,gBAClC,CAAC/B,MAAAA;;AAAQ,0BAAAnB,IAAAgB,EAAc,MAAMG,CAAG,MAAvB,gBAAAnB,EAA0B;AAAA;AAAA,cAAA,KAGnC+B,EAAKmB,CAAS;AAAA,YAElB;AAAA,UAAA;AAEK,YAAAnB,EAAAH,EAAM,MAAM,CAAC,CAAC;AAAA,QAEvB;AAAA,MAAA;AAAA,IAEJ;AAGK,SAAA;AAAA,IACL,OAAAA;AAAA,IACA,SAAAD;AAAA,IACA,UAAAE;AAAA,IACA,cAAAC;AAAA,IACA,MAAAC;AAAA,IACA,KAAAZ;AAAA,IACA,MAAMR;AAAA,IACN,IAAAsB;AAAA,IACA,KAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,EAAA;AAEJ;"}
|
1
|
+
{"version":3,"file":"index8.js","sources":["../src/composables/useWizard.ts"],"sourcesContent":["import { computed, provide, reactive, watch, toValue } from \"vue\";\nimport { mapValues } from \"@/utilities/functions/mapValues\";\nimport { useStepper } from \"@vueuse/core\";\nimport { useRoute } from \"./useRoute\";\nimport { useRouter } from \"./useRouter\";\nimport type { ComputedRef, MaybeRef } from \"vue\";\nimport { isNotNil } from \"@/utilities/functions/isNotNil\";\n\nexport const wizardInjectionKey = Symbol();\nexport type Step<U> = {\n /**\n * Function that accepts a state object and returns a boolean.\n * When step are accessed at the end of the pipeline the result\n * is provided so you don't have to run the function yourself.\n * It determines if the validation has passed for the step.\n */\n isValid?: (state: U) => boolean;\n /**\n * Function that accepts a state object and returns a boolean.\n * When step are accessed at the end of the pipeline the result\n * is provided so you don't have to run the function yourself.\n * Steps that do not pass the condition are removed.\n */\n condition?: (state: U) => boolean;\n [key: string]: any;\n};\nexport type WizardState<T extends Record<string, any>> = Pick<\n ReturnType<typeof useWizard<T>>,\n | \"data\"\n | \"goToNext\"\n | \"goToPrevious\"\n | \"current\"\n | \"steps\"\n | \"at\"\n | \"get\"\n | \"goBackTo\"\n | \"isAfter\"\n | \"isBefore\"\n | \"isCurrent\"\n | \"isFirst\"\n | \"isLast\"\n | \"isNext\"\n | \"isPrevious\"\n | \"next\"\n | \"previous\"\n | \"stepNames\"\n>;\n\nconst regexMatchStep =\n /((step\\/)(?<step>[\\s\\S]+?)(?=[/?]))|((step\\/)(?<step2>[\\s\\S]+))/;\n/**\n * With a url that follows the rule xyz.com/anything/step/:nameofthestep[/?query]\n * will match the :nameofthestep substring\n */\nconst extractStepFromUrl = (url: string) => {\n const match = url.match(regexMatchStep);\n return match?.groups?.step ?? match?.groups?.step2 ?? null;\n};\nexport const useWizard = <T extends object>(params: {\n /**\n * The steps definition for the wizard\n */\n steps: MaybeRef<Record<string, Step<T>>>;\n /**\n * Name of the wizard used to persist state\n */\n name: string;\n /**\n * Initial set of data to be made available throughout\n */\n initialState: T;\n /**\n * When navogation is enabled, to whether use the query parameters or an entire substring of the URL like xyz/steps/....\n * The latter useful with nuxt so you can leverage the automatic import of components based on the URL.\n */\n navigationMode?: \"query\" | \"route\";\n /**\n * Whether to use navigation at all. When disabled no query or URL is changed.\n */\n useNavigation?: boolean;\n /**\n *\n */\n persist?: boolean;\n}) => {\n if (!params.name) {\n throw new Error(\n \"You need to provide a unique name for the current wizard instance to be used to save data\"\n );\n }\n const route = useRoute();\n const router = useRouter();\n\n const useNavigation = params.useNavigation ?? true;\n const navigationMode = params.navigationMode ?? \"query\";\n const persist = params.persist ?? true;\n\n if (useNavigation && (!route.value || !router)) {\n throw new Error(\n \"Navigation is enabled but could not retrieve the router instance in useWizard.\"\n );\n }\n\n /**\n * Initial state is either read from session storage or the one provided\n */\n const innerState = reactive<typeof params.initialState>(\n persist && sessionStorage.getItem(params.name)\n ? Object.assign(\n {},\n params.initialState,\n JSON.parse(sessionStorage.getItem(params.name)!)\n )\n : params.initialState\n );\n\n if (persist) {\n /**\n * Every time the state changes save it to sessionStorage\n */\n watch(innerState, () => {\n sessionStorage.setItem(params.name, JSON.stringify(innerState));\n });\n }\n\n /**\n * Steps can be passed as ref so we need to unwrap them\n */\n const unwrappedSteps = toValue(params.steps);\n const filteredSteps = computed(() =>\n Object.entries(unwrappedSteps).reduce(\n (acc: typeof unwrappedSteps, [key, step]) => {\n if (step.condition) {\n if (!step.condition(innerState as T)) {\n return acc;\n }\n }\n acc[key] = { ...step, key };\n return acc;\n },\n {}\n )\n );\n\n /**\n * Steps can have a isValid function that receives the current state\n * but we don't want to have to call it every single time so we call it once here\n */\n const mappedSteps = computed(() =>\n mapValues(filteredSteps.value, (step) => {\n return {\n ...step,\n isValid: step.isValid ? step.isValid(innerState as T) : true,\n };\n })\n );\n\n /**\n * Get the initial step from the query.\n * If it exists check that every step before it is also valid\n * so user cannot manually jump by changing the URL\n */\n let initialStep = null;\n if (useNavigation && isNotNil(route.value)) {\n let step: string | null = null;\n if (navigationMode === \"query\") {\n if (route.value.query.step) {\n step = route.value.query.step as string;\n }\n } else {\n const stepFromUrl = extractStepFromUrl(route.value.fullPath);\n if (stepFromUrl) {\n step = stepFromUrl;\n }\n }\n initialStep = step;\n }\n\n if (initialStep) {\n for (const stepName in filteredSteps.value) {\n if (stepName === initialStep) break;\n const current = mappedSteps.value[stepName];\n if (!current || !current.isValid) {\n initialStep = null;\n break;\n }\n }\n }\n\n /**\n * Define the state of the wizard\n * A few data come from useStepper\n */\n const {\n steps,\n current,\n goToNext,\n goToPrevious,\n goTo,\n index,\n at,\n get,\n goBackTo,\n isAfter,\n isBefore,\n isCurrent,\n isFirst,\n isLast,\n isNext,\n isPrevious,\n next,\n previous,\n stepNames,\n } = useStepper(\n mappedSteps as any,\n initialStep || Object.values(filteredSteps.value)[0].key\n );\n\n const key = computed(() => Object.keys(filteredSteps.value)[index.value]);\n\n /**\n * Complete state object\n */\n const state = {\n goToNext,\n goToPrevious,\n current: current as ComputedRef<Step<T> & { isValid: boolean }>,\n data: innerState,\n steps,\n at,\n get,\n goBackTo,\n isAfter,\n isBefore,\n isCurrent,\n isFirst,\n isLast,\n isNext,\n isPrevious,\n next,\n previous,\n stepNames,\n };\n\n provide(wizardInjectionKey, state);\n\n if (useNavigation) {\n if (navigationMode === \"query\") {\n /**\n * Every time the current step changes update route\n */\n watch(\n key,\n () => {\n if (isNotNil(router) && isNotNil(route.value)) {\n router.push({\n ...route,\n query: { ...route.value.query, step: key.value ?? null },\n });\n }\n },\n { immediate: true }\n );\n\n /**\n * Every time the route changes align the current step to the route\n */\n watch(\n () => route.value?.query.step,\n (value) => {\n if (value) {\n const stepAsString = value as string;\n if (stepAsString in filteredSteps.value) {\n const stepAsKey = stepAsString;\n const stepKeys = Object.keys(filteredSteps.value);\n const stepsPriorToTarget = stepKeys.slice(\n stepKeys.indexOf(stepAsKey)\n );\n const allValid = stepsPriorToTarget.every(\n (key) => mappedSteps.value[key]?.isValid\n );\n if (allValid) {\n goTo(stepAsKey);\n }\n }\n } else {\n goTo(steps.value[0]);\n }\n }\n );\n } else {\n const stepFromUrl = computed(() => {\n if (isNotNil(route.value)) {\n return extractStepFromUrl(route.value.fullPath);\n }\n });\n\n /**\n * Every time the current step changes update route\n */\n watch(\n key,\n () => {\n if (isNotNil(route.value) && isNotNil(router)) {\n if (route.value.path.includes(\"step\")) {\n router.push({\n query: route.value.query,\n path: route.value.path.replace(\n regexMatchStep,\n `step/${key.value}`\n ),\n });\n } else {\n router.push({\n query: route.value.query,\n // Normalizes paths with / and without\n path: (route.value.path + `/step/${key.value}`).replace('//', '/'),\n replace: true\n });\n }\n }\n },\n { immediate: true }\n );\n\n /**\n * Every time the route changes align the current step to the route\n */\n watch(\n () => stepFromUrl.value,\n (value) => {\n if (value) {\n const stepAsString = value as string;\n if (stepAsString in filteredSteps.value) {\n const stepAsKey = stepAsString;\n const stepKeys = Object.keys(filteredSteps.value);\n const stepsPriorToTarget = stepKeys.slice(\n stepKeys.indexOf(stepAsKey)\n );\n const allValid = stepsPriorToTarget.every(\n (key) => filteredSteps.value[key]?.isValid\n );\n if (allValid) {\n goTo(stepAsKey);\n }\n }\n } else {\n goTo(steps.value[0]);\n }\n }\n );\n }\n }\n\n return {\n steps,\n current: current as ComputedRef<Step<T> & { isValid: boolean }>,\n goToNext,\n goToPrevious,\n goTo,\n key,\n data: innerState,\n at,\n get,\n goBackTo,\n isAfter,\n isBefore,\n isCurrent,\n isFirst,\n isLast,\n isNext,\n isPrevious,\n next,\n previous,\n stepNames,\n };\n};\n"],"names":["wizardInjectionKey","regexMatchStep","extractStepFromUrl","url","match","_a","_b","useWizard","params","route","useRoute","router","useRouter","useNavigation","navigationMode","persist","innerState","reactive","watch","unwrappedSteps","toValue","filteredSteps","computed","acc","key","step","mappedSteps","mapValues","initialStep","isNotNil","stepFromUrl","stepName","current","steps","goToNext","goToPrevious","goTo","index","at","get","goBackTo","isAfter","isBefore","isCurrent","isFirst","isLast","isNext","isPrevious","next","previous","stepNames","useStepper","provide","value","stepAsString","stepAsKey","stepKeys"],"mappings":"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"}
|
package/dist/index81.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { defineComponent as a, computed as l, openBlock as s, createElementBlock as n, normalizeClass as m, createElementVNode as i, normalizeStyle as c } from "vue";
|
2
|
-
import { clamp as p } from "./
|
2
|
+
import { clamp as p } from "./index219.js";
|
3
3
|
import { getAsPercentageBetween as d } from "./index121.js";
|
4
4
|
const v = /* @__PURE__ */ a({
|
5
5
|
__name: "BbProgress",
|
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-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:#999 #333;flex:auto;position:relative;overflow-y:auto}.bb-base-dialog__body::-webkit-scrollbar{width:0;height:0}.bb-base-dialog__body::-webkit-scrollbar-thumb{background:#999}.bb-base-dialog__body::-webkit-scrollbar-track{background:#333}.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{--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-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-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-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}.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-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-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--hiding{max-height:0}.bb-base-select__options-container--hidden{visibility:hidden;max-height:0}.bb-base-select__options-container>span{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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-date-picker-input .bb-base-input-container .bb-base-input-container__input .bb-base-date-picker-input{display:inline-flex}.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-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-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-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-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-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,.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-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-slider .bb-base-input-container .bb-base-input-container__input .bb-base-slider,.bb-select .bb-base-input-container .bb-base-input-container__input .bb-base-select{display:inline-flex}.bb-smooth-height{transition-property:all;transition-duration:.15s;transition-timing-function:linear;display:block;overflow:hidden}.bb-smooth-height .content{display:block}.bb-icon{transition:color 50ms;display:block}.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-spinner{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.bb-spinner{animation:1s linear infinite spin}.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-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-tag .bb-base-input-container .bb-base-input-container__input .bb-base-tag{display:inline-flex}.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-container{list-style-type:none;display:flex}.bb-tab .bb-tab__panes-container .bb-tab__pane{display:none}.bb-tab .bb-tab__panes-container .bb-tab__pane--shown{display: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-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,.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-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-text-input .bb-base-input-container .bb-base-input-container__input .bb-base-text-input{display:inline-flex}.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-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}.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-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:#999 #333;flex:auto;position:relative;overflow-y:auto}.bb-base-dialog__body::-webkit-scrollbar{width:0;height:0}.bb-base-dialog__body::-webkit-scrollbar-thumb{background:#999}.bb-base-dialog__body::-webkit-scrollbar-track{background:#333}.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{--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-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-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-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-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-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-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-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-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--hiding{max-height:0}.bb-base-select__options-container--hidden{visibility:hidden;max-height:0}.bb-base-select__options-container>span{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-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-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-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-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-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-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-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-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-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-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-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-date-picker-input .bb-base-input-container .bb-base-input-container__input .bb-base-date-picker-input,.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-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-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-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-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-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-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-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-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-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-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-container{list-style-type:none;display:flex}.bb-tab .bb-tab__panes-container .bb-tab__pane{display:none}.bb-tab .bb-tab__panes-container .bb-tab__pane--shown{display:block}.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-select .bb-base-input-container .bb-base-input-container__input .bb-base-select{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-slider .bb-base-input-container .bb-base-input-container__input .bb-base-slider{display:inline-flex}.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,.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-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-text-input .bb-base-input-container .bb-base-input-container__input .bb-base-text-input,.bb-tag .bb-base-input-container .bb-base-input-container__input .bb-base-tag{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-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-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-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}
|