bitboss-ui 2.1.124 → 2.1.126
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/ai/BbButton.md +19 -11
- package/dist/ai/BbTooltip.md +1 -48
- package/dist/components/BbTooltip/BbTooltip.vue.d.ts +0 -1
- package/dist/components/BbTooltip/types.d.ts +1 -1
- package/dist/index.css +1 -1
- package/dist/index240.js +39 -36
- package/dist/index343.js +57 -83
- package/package.json +2 -2
package/dist/ai/BbButton.md
CHANGED
|
@@ -43,17 +43,16 @@
|
|
|
43
43
|
class="bb-button__append-icon"
|
|
44
44
|
:type="props['append:icon']"
|
|
45
45
|
/>
|
|
46
|
-
</BaseButton>
|
|
47
46
|
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
</
|
|
47
|
+
<BbTooltipAsync
|
|
48
|
+
v-if="tooltip != null || $slots.tooltip"
|
|
49
|
+
:activator="buttonDom"
|
|
50
|
+
:placement="tooltipPlacement"
|
|
51
|
+
:timeout="tooltipTimeout"
|
|
52
|
+
>
|
|
53
|
+
<slot name="tooltip" :text="tooltip">{{ tooltip }}</slot>
|
|
54
|
+
</BbTooltipAsync>
|
|
55
|
+
</BaseButton>
|
|
57
56
|
</template>
|
|
58
57
|
|
|
59
58
|
<script setup lang="ts">
|
|
@@ -63,6 +62,7 @@ import { computed, defineAsyncComponent, ref, toRef, useAttrs } from 'vue';
|
|
|
63
62
|
import { pickBy } from '@/utilities/functions/pickBy';
|
|
64
63
|
import { noop } from '@/utilities/functions/noop';
|
|
65
64
|
import { useLocale } from '@/composables/useLocale';
|
|
65
|
+
import { useLogger } from '@/composables/useLogger';
|
|
66
66
|
import { extractDomContainer } from '@/utilities/functions/extractDomContainer';
|
|
67
67
|
import { isEqual } from '@/utilities/functions/isEqual';
|
|
68
68
|
import type { BbButtonProps, BbButtonSlots } from './types';
|
|
@@ -70,7 +70,7 @@ import type { BbButtonProps, BbButtonSlots } from './types';
|
|
|
70
70
|
const BbTooltipAsync = defineAsyncComponent(
|
|
71
71
|
() => import('../BbTooltip/BbTooltip.vue')
|
|
72
72
|
);
|
|
73
|
-
|
|
73
|
+
let hasWarnedDeprecatedTooltipProp = false;
|
|
74
74
|
type Sizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
75
75
|
|
|
76
76
|
defineOptions({
|
|
@@ -91,6 +91,7 @@ const isPressed = computed(() => isEqual(modelValue.value, props.trueValue));
|
|
|
91
91
|
defineSlots<BbButtonSlots>();
|
|
92
92
|
|
|
93
93
|
const { t } = useLocale();
|
|
94
|
+
const logger = useLogger();
|
|
94
95
|
const attrs = useAttrs();
|
|
95
96
|
const buttonDom = ref<HTMLElement>();
|
|
96
97
|
|
|
@@ -98,6 +99,13 @@ const setButtonRef = (el: unknown) => {
|
|
|
98
99
|
buttonDom.value = extractDomContainer(el) ?? undefined;
|
|
99
100
|
};
|
|
100
101
|
|
|
102
|
+
if (import.meta.env.DEV && props.tooltip && !hasWarnedDeprecatedTooltipProp) {
|
|
103
|
+
logger.warn(
|
|
104
|
+
'BbButton: the `tooltip` prop is deprecated and will be removed in the next major version. Use `v-bb-tooltip` for more flexible handling and uniform behavior across components.'
|
|
105
|
+
);
|
|
106
|
+
hasWarnedDeprecatedTooltipProp = true;
|
|
107
|
+
}
|
|
108
|
+
|
|
101
109
|
const forwardedAttrs = computed(() => {
|
|
102
110
|
const { onClick: _, ...rest } = attrs;
|
|
103
111
|
return rest;
|
package/dist/ai/BbTooltip.md
CHANGED
|
@@ -37,22 +37,6 @@
|
|
|
37
37
|
v-bind="$attrs"
|
|
38
38
|
>
|
|
39
39
|
<span :id="id" class="bb-tooltip__content" :style="{ width: parsedWidth }">
|
|
40
|
-
<BaseButton
|
|
41
|
-
v-if="showClose"
|
|
42
|
-
:aria-label="t('common.closeLabel').value"
|
|
43
|
-
class="bb-tooltip__close"
|
|
44
|
-
tabindex="-1"
|
|
45
|
-
@click="onClickClose"
|
|
46
|
-
>
|
|
47
|
-
<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
48
|
-
<path
|
|
49
|
-
d="M23 23L1 1M23 1L1 23"
|
|
50
|
-
stroke="currentColor"
|
|
51
|
-
stroke-linecap="round"
|
|
52
|
-
stroke-width="2"
|
|
53
|
-
/>
|
|
54
|
-
</svg>
|
|
55
|
-
</BaseButton>
|
|
56
40
|
<slot>{{ text }}</slot>
|
|
57
41
|
</span>
|
|
58
42
|
</CommonPopover>
|
|
@@ -70,9 +54,7 @@ import {
|
|
|
70
54
|
type VNode,
|
|
71
55
|
} from 'vue';
|
|
72
56
|
import { useId } from '@/composables/useId';
|
|
73
|
-
import { useLocale } from '@/composables/useLocale';
|
|
74
57
|
import { useUntil } from '@/composables/useUntil';
|
|
75
|
-
import BaseButton from '../BaseButton/BaseButton.vue';
|
|
76
58
|
import CommonPopover from '../CommonPopover/CommonPopover.vue';
|
|
77
59
|
import { useElementSize } from '@vueuse/core';
|
|
78
60
|
import { extractDomContainer } from '@/utilities/functions/extractDomContainer';
|
|
@@ -83,7 +65,6 @@ const props = withDefaults(defineProps<BbTooltipProps>(), {
|
|
|
83
65
|
arrowPadding: 10,
|
|
84
66
|
padding: 10,
|
|
85
67
|
placement: 'top',
|
|
86
|
-
showClose: true,
|
|
87
68
|
theme: 'default',
|
|
88
69
|
transitionDuration: 250,
|
|
89
70
|
timeout: 0,
|
|
@@ -95,7 +76,6 @@ defineOptions({
|
|
|
95
76
|
inheritAttrs: false,
|
|
96
77
|
});
|
|
97
78
|
|
|
98
|
-
const { t } = useLocale();
|
|
99
79
|
const id = `bb_${props.id ?? useId().id.value}`;
|
|
100
80
|
const descId = `${id}_desc`;
|
|
101
81
|
|
|
@@ -142,7 +122,6 @@ const activatorEl = ref<HTMLElement>();
|
|
|
142
122
|
const hasExternalActivator = computed(() => props.activator != null);
|
|
143
123
|
const popoverRef = useTemplateRef('popover');
|
|
144
124
|
const popoverDom = computed(() => extractDomContainer(popoverRef.value));
|
|
145
|
-
const canOpen = ref(true);
|
|
146
125
|
const open = defineModel<boolean>({ default: false });
|
|
147
126
|
const hasOpenedOnce = useUntil(open);
|
|
148
127
|
|
|
@@ -176,7 +155,7 @@ const scheduleClose = () => {
|
|
|
176
155
|
|
|
177
156
|
const scheduleOpen = () => {
|
|
178
157
|
cancelClose();
|
|
179
|
-
if (open.value || props.disabled
|
|
158
|
+
if (open.value || props.disabled) return;
|
|
180
159
|
_openTimeout = setTimeout(() => {
|
|
181
160
|
open.value = true;
|
|
182
161
|
document.addEventListener('keydown', onEsc, { passive: true });
|
|
@@ -187,11 +166,6 @@ const onEsc = (event: KeyboardEvent) => {
|
|
|
187
166
|
if (event.key === 'Escape') forceClose();
|
|
188
167
|
};
|
|
189
168
|
|
|
190
|
-
const onClickClose = () => {
|
|
191
|
-
canOpen.value = false;
|
|
192
|
-
forceClose();
|
|
193
|
-
};
|
|
194
|
-
|
|
195
169
|
// --- Sync external activator prop ---
|
|
196
170
|
|
|
197
171
|
watch(
|
|
@@ -325,7 +299,6 @@ export type BbTooltipProps = Pick<
|
|
|
325
299
|
| 'id'
|
|
326
300
|
| 'padding'
|
|
327
301
|
| 'placement'
|
|
328
|
-
| 'showClose'
|
|
329
302
|
| 'text'
|
|
330
303
|
| 'theme'
|
|
331
304
|
| 'transitionDuration'
|
|
@@ -397,26 +370,6 @@ export type BbTooltipSlots = {
|
|
|
397
370
|
align-items: flex-start;
|
|
398
371
|
font-size: 14px;
|
|
399
372
|
padding: var(--p);
|
|
400
|
-
.bb-tooltip__close {
|
|
401
|
-
border-radius: var(--bb-radius);
|
|
402
|
-
flex-shrink: 0;
|
|
403
|
-
order: 1;
|
|
404
|
-
isolation: isolate;
|
|
405
|
-
padding: var(--p);
|
|
406
|
-
margin: -2px calc(var(--p) * -1) calc(var(--p) * -1) 0px;
|
|
407
|
-
|
|
408
|
-
&:hover {
|
|
409
|
-
color: var(--bb-primary);
|
|
410
|
-
}
|
|
411
|
-
|
|
412
|
-
&:focus-visible {
|
|
413
|
-
color: var(--bb-primary);
|
|
414
|
-
}
|
|
415
|
-
|
|
416
|
-
svg {
|
|
417
|
-
width: 10px;
|
|
418
|
-
}
|
|
419
|
-
}
|
|
420
373
|
}
|
|
421
374
|
}
|
|
422
375
|
```
|
|
@@ -10,7 +10,6 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
|
|
|
10
10
|
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
11
11
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
12
12
|
}>, {
|
|
13
|
-
showClose: boolean;
|
|
14
13
|
transitionDuration: number;
|
|
15
14
|
theme: string;
|
|
16
15
|
timeout: number;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CommonProps } from '../../types/CommonProps';
|
|
2
2
|
import { Placement } from '@floating-ui/vue';
|
|
3
|
-
export type BbTooltipProps = Pick<CommonProps, 'arrowPadding' | 'block' | 'disabled' | 'eager' | 'id' | 'padding' | 'placement' | '
|
|
3
|
+
export type BbTooltipProps = Pick<CommonProps, 'arrowPadding' | 'block' | 'disabled' | 'eager' | 'id' | 'padding' | 'placement' | 'text' | 'theme' | 'transitionDuration'> & {
|
|
4
4
|
/**
|
|
5
5
|
* External activator element or component ref.
|
|
6
6
|
* When provided, the activator slot is not rendered and event listeners
|
package/dist/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scrollbar-border{scrollbar-color:var(--bb-border) var(--bb-panel);scrollbar-width:thin}.scrollbar-border::-webkit-scrollbar{background-color:inherit;border-radius:var(--bb-radius);width:6px;height:8px;display:block}.scrollbar-border::-webkit-scrollbar-thumb{background-color:var(--bb-primary);border-radius:var(--bb-radius);display:block}:root,.light{--bb-panel-light:#fff;--bb-panel-dark:#313638;--bb-panel:var(--bb-panel-light);--bb-panel-disabled-light:#f3f4f6;--bb-panel-disabled-dark:#797979;--bb-panel-disabled:var(--bb-panel-disabled-light);--bb-border-light:#d1d5db;--bb-border-dark:#646464;--bb-border:var(--bb-border-light);--bb-primary-base:#251dff;--bb-primary:var(--bb-primary-base);--bb-primary-dark:#729cfd;--bb-danger:#d93b30;--bb-contrasting:white;--bb-contrasting-dark:black;--bb-text-light:#000;--bb-text-dark:#fff;--bb-text:var(--bb-text-light);--bb-radius:4px;--bb-overlay-z-index:10;--bb-ring-opacity:.25;--bb-ring-size:4px;--bb-ring:color-mix(in srgb, var(--bb-primary) calc(var(--bb-ring-opacity) * 100%), transparent);--bb-input-h:36px;--bb-input-compact-h:28px;--bb-input-py:4px;--bb-input-compact-py:2px;--bb-input-px:8px;--bb-input-compact-px:4px;--bb-input-spacing:8px;--bb-label-spacing-y:6px;--bb-label-compact-spacing-y:4px;--bb-label-spacing-x:8px;--bb-input-icon:20px;--bb-input-compact-floating-py:3px;--bb-input-color:#374151;--bb-input-color-dark:#dee0df;--bb-icon-color:#6f7785;--bb-icon-color-dark:#b4b4b4;--bb-hint:#4b5563;--bb-hint-dark:#a0a0a0;--bb-label-size:14px;--bb-label-weight:400;--bb-input-font-size:16px;--bb-leading:calc(var(--bb-input-font-size) * 1.5);--bb-input-prefix-w:40px;--bb-input-compact-prefix-w:28px;--bb-input-prefix-px:4px;--bb-input-prefix:14px;--bb-checkbox-w:20px;--bb-radio-space:6px;--bb-switch-h:24px;--bb-switch-w:42px;--bb-switch-thumb:20px;--bb-switch-margin:2px;--bb-rating-size:24px;--bb-select-option-px:16px;--bb-select-option-py:8px;--bb-slider-thumb:20px;--bb-slider-track:6px;--bb-button-h:40px;--bb-button-icon:20px;--bb-arrow:1;--bb-dialog-title-size:18px;--bb-dialog-title-weight:600;--bb-dialog-close:12px;--bb-dialog-px:24px;--bb-dialog-py:24px;--bb-overlay-color:#000;--bb-overlay-opacity:.2;--bb-progress-track:var(--bb-slider-track);--bb-toast-m:20px;--bb-table-cell-h:42px}:root .dark,:root.dark{--bb-panel:var(--bb-panel-dark);--bb-panel-disabled:var(--bb-panel-disabled-dark);--bb-border:var(--bb-border-dark);--bb-primary:var(--bb-primary-dark);--bb-contrasting:var(--bb-contrasting-dark);--bb-text:var(--bb-text-dark);--bb-ring-opacity:.4;--bb-ring:color-mix(in srgb, var(--bb-primary) calc(var(--bb-ring-opacity) * 100%), transparent);--bb-input-color:var(--bb-input-color-dark);--bb-icon-color:var(--bb-icon-color-dark);--bb-hint:var(--bb-hint-dark)}.base-btn{box-shadow:0px 0px 0px 0px var(--bb-ring);color:var(--bb-text);cursor:pointer;outline-offset:2px;text-align:center;-webkit-user-select:none;user-select:none;outline:2px solid #0000;transition-property:color,background-color,border-color,text-decoration-color,box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.base-btn--block{width:100%}.base-btn--disabled{cursor:not-allowed;pointer-events:none}.base-btn:focus-visible{box-shadow:0px 0px 0px var(--bb-ring-size) var(--bb-ring)}a.base-btn:hover{-webkit-text-decoration:inherit;text-decoration:inherit}.bb-base-checkbox{--color:var(--bb-primary);--check-color:var(--bb-contrasting);display:inline-flex}.bb-base-checkbox:has(:focus-visible) .bb-base-checkbox-container__icon{box-shadow:0px 0px 0px var(--bb-ring-size) var(--bb-ring)}.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{background-color:var(--color);border-color:var(--color)}.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{background-color:var(--color);border-color:var(--color)}.bb-base-checkbox input[type=checkbox]:indeterminate+.bb-base-checkbox-container .bb-base-checkbox-container__icon path{stroke-dashoffset:0}.bb-base-checkbox.bb-base-checkbox--disabled{--check-color:color-mix(in srgb, var(--bb-panel), var(--bb-text) 40%)}.bb-base-checkbox.bb-base-checkbox--disabled input[type=checkbox]+.bb-base-checkbox-container .bb-base-checkbox-container__icon,.bb-base-checkbox.bb-base-checkbox--disabled .bb-base-checkbox-container .bb-base-checkbox-container__icon{background-color:var(--bb-panel-disabled);border-color:var(--bb-border)}.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{background-color:var(--bb-panel);border-color:var(--bb-border);border-radius:min(6px, var(--bb-radius));box-shadow:0px 0px 0px 0px var(--bb-ring);cursor:pointer;height:var(--bb-checkbox-w);width:var(--bb-checkbox-w);border-style:solid;border-width:1px;transition-property:color,background-color,border-color,text-decoration-color,box-shadow;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-block}.bb-base-checkbox .bb-base-checkbox-container__icon path{stroke:var(--check-color);stroke-dasharray:105;stroke-dashoffset:105px;transition:stroke-dashoffset .3s}.bb-cr-container--vertical .bb-cr-container-option{width:100%;display:flex}.bb-cr-container__container{-moz-column-gap:24px;flex-wrap:wrap;align-items:center;gap:10px 24px;display:flex}.bb-cr-container-option{-moz-column-gap:var(--bb-label-spacing-x);align-items:center;column-gap:var(--bb-label-spacing-x);cursor:pointer;display:inline-flex}.bb-cr-container-option__text{color:var(--bb-text);font-size:var(--bb-label-size);font-weight:var(--bb-label-weight);transition-property:color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-color-palette{-webkit-user-select:none;user-select:none;flex-direction:column;gap:12px;width:272px;padding:12px;display:flex}.bb-color-palette__canvas-wrap{border-radius:var(--bb-radius);cursor:crosshair;touch-action:none;outline:none;flex-shrink:0;height:150px;position:relative;overflow:hidden}.bb-color-palette__canvas-wrap:focus-visible{box-shadow:0 0 0 var(--bb-ring-size) var(--bb-ring)}.bb-color-palette__canvas{width:100%;height:100%;display:block}.bb-color-palette__canvas-thumb{pointer-events:none;will-change:left, top;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #00000040}.bb-color-palette__controls{align-items:center;gap:12px;display:flex}.bb-color-palette__preview-wrap{flex-shrink:0}.bb-color-palette__preview{border:1px solid var(--bb-border);background:var(--bb-picker-preview-color,#000);border-radius:50%;width:36px;height:36px}.bb-color-palette__preview--alpha{background-image:linear-gradient(var(--bb-picker-preview-color,transparent), var(--bb-picker-preview-color,transparent)), repeating-conic-gradient(#d1d5db 0% 25%, white 0% 50%);background-size:100% 100%,6px 6px}.bb-color-palette__eyedropper{border:1px solid var(--bb-border);border-radius:var(--bb-radius);width:32px;height:32px;color:var(--bb-text-secondary,#6b7280);cursor:pointer;background:0 0;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .1s,color .1s,border-color .1s;display:flex}.bb-color-palette__eyedropper:hover{background:var(--bb-surface-hover,#0000000d);color:var(--bb-text,#111827);border-color:var(--bb-border-hover,#9ca3af)}.bb-color-palette__eyedropper:focus-visible{box-shadow:0 0 0 var(--bb-ring-size) var(--bb-ring)}.bb-color-palette__eyedropper:disabled{opacity:.4;cursor:default}.bb-color-palette__sliders{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.bb-color-palette__slider-wrap{cursor:pointer;touch-action:none;border-radius:100px;outline:none;height:12px;position:relative}.bb-color-palette__slider-wrap:focus-visible{box-shadow:0 0 0 var(--bb-ring-size) var(--bb-ring)}.bb-color-palette__slider-wrap--alpha{background-image:repeating-conic-gradient(#d1d5db 0% 25%,#fff 0% 50%);background-size:6px 6px;border-radius:100px}.bb-color-palette__slider-track{border-radius:100px;width:100%;height:100%;display:block}.bb-color-palette__slider-thumb{pointer-events:none;will-change:left;background:#fff;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000059}.bb-color-palette__swatches{border-top:1px solid var(--bb-border);gap:4px;padding-top:10px;display:flex}.bb-color-palette__swatch-group{flex-direction:column;flex:1;gap:3px;display:flex}.bb-color-palette__swatch{border-radius:var(--bb-radius);cursor:pointer;border:none;outline:none;width:100%;height:20px;padding:0;transition:filter .1s,box-shadow .1s;box-shadow:inset 0 0 0 1px #00000014}.bb-color-palette__swatch:hover{filter:brightness(.9)}.bb-color-palette__swatch:focus-visible{box-shadow:0 0 0 var(--bb-ring-size) var(--bb-ring)}.bb-color-palette__swatch--active{box-shadow:inset 0 0 0 1px #00000014, 0 0 0 2px white, 0 0 0 3.5px var(--bb-primary)}.bb-common-popover{--arrow-h:8px;--arrow-w:20px;--translate-x-coefficient:0;--translate-y-coefficient:0;--translate-distance:0px;z-index:-1;border-radius:var(--bb-radius);opacity:0;pointer-events:none;width:max-content;max-width:calc(100% - var(--page-padding) * 2);transition:opacity calc(var(--transition-duration) * .75), z-index 0s var(--transition-duration);background-color:#0000;outline:none;margin:0;padding:0;display:flex;position:fixed;top:-2000px;overflow:visible}.bb-common-popover::backdrop{background-color:#0000}.bb-common-popover.bb-common-popover--no-arrow{--bb-arrow:0}.bb-common-popover.bb-common-popover--open{z-index:var(--bb-overlay-z-index);opacity:1;pointer-events:auto;scale:1}.bb-common-popover.bb-common-popover--open .bb-common-popover__bubble{scale:1}.bb-common-popover.bb-common-popover--open .bb-common-popover__bubble>*{opacity:1}.bb-common-popover[class*=--bottom] .bb-common-popover__arrow,.bb-common-popover[class*=--top] .bb-common-popover__arrow{border-left:calc(var(--arrow-w) / 2 * var(--bb-arrow)) solid transparent;border-right:calc(var(--arrow-w) / 2 * var(--bb-arrow)) solid transparent;border-bottom:calc(var(--arrow-h) * var(--bb-arrow)) solid var(--bb-border);width:0;height:0;position:relative}.bb-common-popover[class*=--bottom] .bb-common-popover__arrow:after,.bb-common-popover[class*=--top] .bb-common-popover__arrow:after{border-left:calc(var(--arrow-w) / 2 * var(--bb-arrow)) solid transparent;border-right:calc(var(--arrow-w) / 2 * var(--bb-arrow)) solid transparent;border-bottom:calc(var(--arrow-h) * var(--bb-arrow)) solid var(--bb-panel);content:"";width:0;height:0;position:absolute;inset:1px;transform:translate(calc(-50% - 1px))}.bb-common-popover[class*=--bottom][class*=--bottom],.bb-common-popover[class*=--top][class*=--bottom]{--translate-y-coefficient:1;flex-direction:column}.bb-common-popover[class*=--bottom][class*=--bottom] .bb-common-popover__bubble,.bb-common-popover[class*=--top][class*=--bottom] .bb-common-popover__bubble{transform-origin:var(--arrow-offset-x) top}.bb-common-popover[class*=--bottom][class*=--top],.bb-common-popover[class*=--top][class*=--top]{--translate-y-coefficient:-1;flex-direction:column-reverse}.bb-common-popover[class*=--bottom][class*=--top] .bb-common-popover__arrow,.bb-common-popover[class*=--top][class*=--top] .bb-common-popover__arrow{transform:rotate(180deg)}.bb-common-popover[class*=--bottom][class*=--top] .bb-common-popover__bubble,.bb-common-popover[class*=--top][class*=--top] .bb-common-popover__bubble{transform-origin:var(--arrow-offset-x) bottom}.bb-common-popover[class*=--left],.bb-common-popover[class*=--right]{flex-direction:row}.bb-common-popover[class*=--left] .bb-common-popover__arrow,.bb-common-popover[class*=--right] .bb-common-popover__arrow{border-top:calc(var(--arrow-w) / 2 * var(--bb-arrow)) solid transparent;border-bottom:calc(var(--arrow-w) / 2 * var(--bb-arrow)) solid transparent;border-left:calc(var(--arrow-h) * var(--bb-arrow)) solid var(--bb-border);width:0;height:0;position:relative}.bb-common-popover[class*=--left] .bb-common-popover__arrow:after,.bb-common-popover[class*=--right] .bb-common-popover__arrow:after{border-top:calc(var(--arrow-w) / 2 * var(--bb-arrow)) solid transparent;border-bottom:calc(var(--arrow-w) / 2 * var(--bb-arrow)) solid transparent;border-left:calc(var(--arrow-h) * var(--bb-arrow)) solid var(--bb-panel);content:"";width:0;height:0;position:absolute;inset:1px;transform:translate(calc(-100% - 2px))translateY(calc(-50% - 1px))}.bb-common-popover[class*=--left][class*=--left],.bb-common-popover[class*=--right][class*=--left]{--translate-x-coefficient:-1;flex-direction:row-reverse}.bb-common-popover[class*=--left][class*=--left] .bb-common-popover__bubble,.bb-common-popover[class*=--right][class*=--left] .bb-common-popover__bubble{transform-origin:100%}.bb-common-popover[class*=--left][class*=--right],.bb-common-popover[class*=--right][class*=--right]{--translate-x-coefficient:1}.bb-common-popover[class*=--left][class*=--right] .bb-common-popover__arrow,.bb-common-popover[class*=--right][class*=--right] .bb-common-popover__arrow{rotate:180deg}.bb-common-popover[class*=--left][class*=--right] .bb-common-popover__bubble,.bb-common-popover[class*=--right][class*=--right] .bb-common-popover__bubble{transform-origin:0}.bb-common-popover .bb-common-popover__arrow{opacity:calc(var(--bb-arrow) * 100%);z-index:100;display:inline-block;position:relative}.bb-common-popover.bb-common-popover--scrollable .bb-common-popover__bubble{max-height:var(--available-height);overflow-y:auto}.bb-common-popover .bb-common-popover__bubble{border-radius:var(--bb-radius);border:1px solid var(--bb-border);background-color:var(--bb-panel);transition:scale var(--transition-duration);text-wrap:balance;display:block;position:relative;scale:.6}.bb-common-popover .bb-common-popover__bubble>*{transition:opacity var(--transition-duration) calc(var(--transition-duration) * .5);opacity:0}.bb-icon{--size:var(--bb-icon-dimensions-w);width:var(--size);pointer-events:none}.bb-spinner{width:var(--size);fill:currentColor;display:inline-block}@keyframes bb-spin-animation{0%,50%{r:0;animation-timing-function:cubic-bezier(.27,.42,.37,.99)}25%{r:2px;animation-timing-function:cubic-bezier(.53,0,.61,.73)}}.bb-spinner .bb-spinner__circle{animation:1.2s infinite bb-spin-animation}.bb-spinner .circle--1{animation-delay:.1s}.bb-spinner .circle--3{animation-delay:.2s}.bb-spinner .circle--5{animation-delay:.3s}.bb-spinner .circle--7{animation-delay:.4s}.bb-spinner .circle--9{animation-delay:.5s}.bb-spinner .circle--11{animation-delay:.6s}.bb-spinner .circle--10{animation-delay:.7s}.bb-spinner .circle--8{animation-delay:.8s}.bb-spinner .circle--6{animation-delay:.9s}.bb-spinner .circle--4{animation-delay:1s}.bb-spinner .circle--2{animation-delay:1.1s}.bb-clearable-button{outline-offset:2px;box-shadow:0px 0px 0px 0px var(--ring-color);border-radius:var(--bb-radius);outline:2px solid #0000;transition-property:color,background-color,border-color,text-decoration-color,box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-clearable-button:focus-visible{box-shadow:0px 0px 0px var(--bb-ring-size) var(--ring-color)}.bb-error-icon{--color:var(--bb-danger);color:var(--color)}.bb-common-input-inner-container{--ring-color:color-mix(in srgb, var(--bb-primary), transparent calc(100% - var(--bb-ring-opacity) * 100%));background-color:var(--bb-panel);border:1px solid var(--bb-border);border-radius:var(--bb-radius);box-shadow:0px 0px 0px 0px var(--bb-ring);align-items:center;gap:0 var(--bb-input-spacing);min-height:var(--bb-input-h);padding-left:var(--bb-input-px);padding-right:var(--bb-input-px);flex:auto;transition:all .3s;display:inline-flex;overflow:clip}.bb-common-input-inner-container.bb-common-input-inner-container--clearable:focus-within .bb-clearable-button,.bb-common-input-inner-container.bb-common-input-inner-container--clearable:hover .bb-clearable-button{opacity:1;margin-left:0;scale:1}.bb-common-input-inner-container:focus-within{border-color:var(--bb-primary);box-shadow:0px 0px 0px var(--bb-ring-size) var(--ring-color)}.bb-common-input-inner-container:has(:active:not(:disabled)){border-color:var(--bb-primary);box-shadow:0px 0px 0px var(--bb-ring-size) var(--ring-color)}.bb-common-input-inner-container input,.bb-common-input-inner-container textarea{color:var(--bb-input-color);font-size:var(--bb-input-font-size);isolation:isolate;margin-bottom:var(--bb-input-py);margin-top:var(--bb-input-py);background-color:#0000;outline:none;flex:auto;min-width:50px}.bb-common-input-inner-container input::-moz-placeholder{color:color-mix(in srgb, var(--bb-input-color), transparent 45%)}.bb-common-input-inner-container textarea::-moz-placeholder{color:color-mix(in srgb, var(--bb-input-color), transparent 45%)}.bb-common-input-inner-container input::placeholder,.bb-common-input-inner-container textarea::placeholder{color:color-mix(in srgb, var(--bb-input-color), transparent 45%)}.bb-common-input-inner-container input:-webkit-autofill{transition:background-color 0s 600000s,color 0s 600000s!important}.bb-common-input-inner-container input:-webkit-autofill:hover{transition:background-color 0s 600000s,color 0s 600000s!important}.bb-common-input-inner-container input:-webkit-autofill:focus{transition:background-color 0s 600000s,color 0s 600000s!important}.bb-common-input-inner-container input:-webkit-autofill:active{transition:background-color 0s 600000s,color 0s 600000s!important}.bb-common-input-inner-container textarea:-webkit-autofill{transition:background-color 0s 600000s,color 0s 600000s!important}.bb-common-input-inner-container textarea:-webkit-autofill:hover{transition:background-color 0s 600000s,color 0s 600000s!important}.bb-common-input-inner-container textarea:-webkit-autofill:focus{transition:background-color 0s 600000s,color 0s 600000s!important}.bb-common-input-inner-container textarea:-webkit-autofill:active{transition:background-color 0s 600000s,color 0s 600000s!important}.bb-common-input-inner-container input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bb-common-input-inner-container input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bb-common-input-inner-container textarea::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bb-common-input-inner-container textarea::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bb-common-input-inner-container .bb-clearable-button{color:var(--bb-icon-color);isolation:isolate;opacity:0;z-index:1;margin-left:calc((var(--bb-input-spacing) + var(--bb-input-icon)) * -1);flex-shrink:0;transition:color .3s,scale .3s,margin-left .3s,opacity .3s;position:relative;scale:0;width:var(--bb-input-icon)!important}.bb-common-input-inner-container .bb-common-input-inner-container__prepend-icon,.bb-common-input-inner-container .bb-common-input-inner-container__append-icon{color:var(--bb-icon-color);flex-shrink:0;width:var(--bb-input-icon)!important}.bb-common-input-inner-container .bb-common-input-inner-container__append-icon{margin-right:calc((var(--bb-input-spacing) + var(--bb-input-icon)) * -1);transition:color .3s,margin-left .3s,opacity .3s}.bb-common-input-inner-container .bb-common-input-inner-container__append-icon~.bb-spinner{margin-right:0}.bb-common-input-inner-container>.bb-spinner{color:var(--bb-icon-color);opacity:0;margin-right:calc((var(--bb-input-spacing) + var(--bb-input-icon)) * -1);flex-shrink:0;transition:color .3s,margin-left .3s,opacity .3s;width:var(--bb-input-icon)!important}.bb-common-input-inner-container>.bb-spinner~*{isolation:isolate}.bb-common-input-inner-container .bb-error-icon{opacity:0;margin-right:calc((var(--bb-input-spacing) + var(--bb-input-icon)) * -1);flex-shrink:0;transition:color .3s,opacity .3s,margin-right 0s .3s;width:var(--bb-input-icon)!important}.bb-common-input-inner-container .bb-common-input-inner-container__prefix,.bb-common-input-inner-container .bb-common-input-inner-container__suffix{--prefix-color:color-mix(in srgb, var(--bb-panel) 50%, var(--bb-text));background-color:color-mix(in srgb, var(--prefix-color), transparent 70%);color:var(--prefix-color);font-size:var(--bb-input-prefix);height:100%;min-width:var(--bb-input-prefix-w);padding-left:var(--bb-input-prefix-px);padding-right:var(--bb-input-prefix-px);place-items:center;transition:color .3s;display:inline-grid}.bb-common-input-inner-container .bb-common-input-inner-container__prefix:empty,.bb-common-input-inner-container .bb-common-input-inner-container__suffix:empty{display:none}.bb-common-input-inner-container .bb-common-input-inner-container__prefix{margin-left:calc(var(--bb-input-px) * -1)}.bb-common-input-inner-container .bb-common-input-inner-container__suffix{margin-right:calc(var(--bb-input-px) * -1)}[class*=--compact]>.bb-common-input-inner-container,[class*=--compact]>[class*=inner-wrapper]>.bb-common-input-inner-container{--bb-input-h:var(--bb-input-compact-h);--bb-input-py:var(--bb-input-compact-py)}[class*=--compact]>.bb-common-input-inner-container input,[class*=--compact]>.bb-common-input-inner-container textarea,[class*=--compact]>[class*=inner-wrapper]>.bb-common-input-inner-container input,[class*=--compact]>[class*=inner-wrapper]>.bb-common-input-inner-container textarea{line-height:initial}[class*=--active]>.bb-common-input-inner-container,[class*=--active]>[class*=inner-wrapper]>.bb-common-input-inner-container{border-color:var(--bb-primary);box-shadow:0px 0px 0px var(--bb-ring-size) var(--ring-color)}[class*=--disabled]>.bb-common-input-inner-container,[class*=--disabled]>[class*=inner-wrapper]>.bb-common-input-inner-container{background-color:var(--bb-panel-disabled)}[class*=--disabled]>.bb-common-input-inner-container input,[class*=--disabled]>.bb-common-input-inner-container textarea,[class*=--disabled]>[class*=inner-wrapper]>.bb-common-input-inner-container input,[class*=--disabled]>[class*=inner-wrapper]>.bb-common-input-inner-container textarea{color:color-mix(in srgb, transparent 40%, var(--bb-text))}[class*=--errors]>.bb-common-input-inner-container,[class*=--errors]>[class*=inner-wrapper]>.bb-common-input-inner-container{--ring-color:color-mix(in srgb, var(--bb-danger), transparent calc(100% - var(--bb-ring-opacity) * 100%));border-color:var(--bb-danger)}[class*=--errors]>.bb-common-input-inner-container:focus-within,[class*=--errors]>[class*=inner-wrapper]>.bb-common-input-inner-container:focus-within{border-color:var(--bb-danger)}[class*=--errors]>.bb-common-input-inner-container:has(:active:not(:disabled)){border-color:var(--bb-danger)}[class*=--errors]>[class*=inner-wrapper]>.bb-common-input-inner-container:has(:active:not(:disabled)){border-color:var(--bb-danger)}[class*=--errors]>.bb-common-input-inner-container>.bb-error-icon,[class*=--errors]>[class*=inner-wrapper]>.bb-common-input-inner-container>.bb-error-icon{opacity:1;transition:color .3s,opacity .3s}[class*=--errors]>.bb-common-input-inner-container>.bb-spinner,[class*=--errors]>[class*=inner-wrapper]>.bb-common-input-inner-container>.bb-spinner{margin-right:0}[class*=--errors]>.bb-common-input-inner-container>.bb-common-input-inner-container__append-icon,[class*=--errors]>[class*=inner-wrapper]>.bb-common-input-inner-container>.bb-common-input-inner-container__append-icon,[class*=--loading]>.bb-common-input-inner-container>.bb-common-input-inner-container__append-icon,[class*=--loading]>[class*=inner-wrapper]>.bb-common-input-inner-container>.bb-common-input-inner-container__append-icon{opacity:0}[class*=--loading]>.bb-common-input-inner-container>.bb-error-icon,[class*=--loading]>[class*=inner-wrapper]>.bb-common-input-inner-container>.bb-error-icon{opacity:0;transition:color .3s,opacity .3s,margin-left}[class*=--loading]>.bb-common-input-inner-container>.bb-spinner,[class*=--loading]>[class*=inner-wrapper]>.bb-common-input-inner-container>.bb-spinner{opacity:1;margin-right:0}.bb-common-input-outer-container{align-items:center;display:inline-flex}.bb-base-color-input{--bb-arrow:0;position:relative}.bb-base-color-input .bb-common-input-inner-container{position:relative}.bb-base-color-input .bb-common-input-inner-container .bb-base-color-input__indicator{background-color:inherit;border:1px solid var(--bb-border);border-radius:var(--bb-radius);cursor:pointer;height:var(--bb-input-icon);width:var(--bb-input-icon);isolation:isolate;box-shadow:0px 0px 0px 0px var(--bb-ring);outline:none;transition:box-shadow .15s cubic-bezier(.4,0,.2,1);display:inline-block}.bb-base-color-input .bb-common-input-inner-container .bb-base-color-input__indicator:focus-visible{box-shadow:0px 0px 0px var(--bb-ring-size) var(--bb-ring)}.bb-slide-in-top-enter-active[data-v-0df1a438],.bb-slide-in-top-leave-active[data-v-0df1a438],.bb-slide-in-bottom-enter-active[data-v-0df1a438],.bb-slide-in-bottom-leave-active[data-v-0df1a438],.bb-slide-in-left-enter-active[data-v-0df1a438],.bb-slide-in-left-leave-active[data-v-0df1a438],.bb-slide-in-right-enter-active[data-v-0df1a438],.bb-slide-in-right-leave-active[data-v-0df1a438]{transition:transform var(--transition-duration) ease, opacity var(--transition-duration) calc(var(--transition-duration) * .25) ease}.bb-slide-in-left-enter-from[data-v-0df1a438]{transform:translateX(calc(-100% - var(--gap)))}.bb-slide-in-left-leave-to[data-v-0df1a438]{transform:translateX(calc(100% + var(--gap)))}.bb-slide-in-left-enter-to[data-v-0df1a438],.bb-slide-in-left-leave-from[data-v-0df1a438]{transform:translate(0)}.bb-slide-in-right-enter-from[data-v-0df1a438]{transform:translateX(calc(100% + var(--gap)))}.bb-slide-in-right-leave-to[data-v-0df1a438]{transform:translateX(calc(-100% - var(--gap)))}.bb-slide-in-right-enter-to[data-v-0df1a438],.bb-slide-in-right-leave-from[data-v-0df1a438]{transform:translate(0)}.bb-slide-in-top-enter-from[data-v-0df1a438]{transform:translateY(calc(-100% - var(--gap)))}.bb-slide-in-top-leave-to[data-v-0df1a438]{transform:translateY(calc(100% + var(--gap)))}.bb-slide-in-top-enter-to[data-v-0df1a438],.bb-slide-in-top-leave-from[data-v-0df1a438]{transform:translateY(0)}.bb-slide-in-bottom-enter-from[data-v-0df1a438]{transform:translateY(calc(100% + var(--gap)))}.bb-slide-in-bottom-leave-to[data-v-0df1a438]{transform:translateY(calc(-100% - var(--gap)))}.bb-slide-in-bottom-enter-to[data-v-0df1a438],.bb-slide-in-bottom-leave-from[data-v-0df1a438]{transform:translateY(0)}[class*=bb-slide-in][class*=leave-to][data-v-0df1a438],[class*=bb-slide-in][class*=enter-from][data-v-0df1a438]{opacity:0}.bb-base-date-picker{--cell-height:32px;--padding-y:12px;--padding-x:16px;background-color:var(--bb-panel);border-radius:var(--bb-radius);width:260px;transition:background-color .2s;overflow:clip}.bb-base-date-picker .bb-base-date-picker__header{background-color:var(--bb-primary);color:var(--bb-contrasting);padding-bottom:var(--padding-y);padding-left:var(--padding-x);padding-top:var(--padding-y);margin-top:-1px;margin-left:-1px;margin-right:-1px;transition:background-color .2s}.bb-base-date-picker .bb-base-date-picker__header--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-date-picker .bb-base-date-picker__header .bb-base-date-picker__year-container{height:28px;position:relative;overflow:clip}.bb-base-date-picker .bb-base-date-picker__header .bb-base-date-picker__year-container .bb-base-date-picker__year-button{opacity:.75;font-size:18px;line-height:28px;position:absolute;top:0;left:0}.bb-base-date-picker .bb-base-date-picker__header .bb-base-date-picker__selected-day-label{text-transform:capitalize;font-size:20px;line-height:24px}.bb-base-date-picker .bb-base-date-picker__header .bb-base-date-picker__selected-day-label .bb-base-date-picker__weekday,.bb-base-date-picker .bb-base-date-picker__header .bb-base-date-picker__selected-day-label .bb-base-date-picker__monthday{margin-right:4px;display:inline-block}.bb-base-date-picker .bb-base-date-picker__header .bb-base-date-picker__selected-day-label .bb-base-date-picker__month-button{display:inline-block}.bb-base-date-picker__body{background-color:inherit;padding-bottom:var(--padding-y);padding-left:var(--padding-x);padding-right:var(--padding-x);padding-top:var(--padding-y)}.bb-base-date-picker__controls{-moz-column-gap:4px;align-items:center;column-gap:4px;margin-top:4px;margin-bottom:14px;display:flex}.bb-base-date-picker__control{background-color:color-mix(in srgb, var(--bb-primary), transparent var(--transparency));color:var(--bb-text);text-transform:capitalize;--transparency:100%;border-radius:4px;justify-content:center;align-items:center;min-width:24px;height:24px;padding-top:2px;padding-bottom:2px;font-size:14px;line-height:20px;display:flex}.bb-base-date-picker__control:hover:not(:disabled){--transparency:85%;color:var(--bb-primary)}.bb-base-date-picker__control:active:not(:disabled){--transparency:85%}.bb-base-date-picker .bb-base-date-picker__year-control{margin-right:auto}.bb-base-date-picker .bb-base-date-picker__content{background-color:inherit;position:relative;overflow-y:clip}.bb-base-date-picker .bb-base-date-picker__button-menu{background-color:inherit;height:100%;padding-bottom:var(--bb-ring-size);padding-top:var(--bb-ring-size);width:100%;position:absolute;top:0}.bb-base-date-picker .bb-base-date-picker__button-menu .content{-moz-column-gap:16px;column-gap:16px;width:100%;height:100%;display:grid}.bb-base-date-picker .bb-base-date-picker__button-menu .content .content__btn{border-radius:var(--bb-radius);text-transform:capitalize;justify-content:center;align-items:center;height:32px;font-size:14px;line-height:20px;transition:background-color .15s,color .15s;display:inline-flex}.bb-base-date-picker .bb-base-date-picker__button-menu .content .content__btn:hover{background-color:color-mix(in srgb, var(--bb-primary) 15%, transparent)}.bb-base-date-picker .bb-base-date-picker__button-menu .content .content__btn.content__btn--selected{background-color:var(--bb-primary);color:var(--bb-contrasting)}.bb-base-date-picker .bb-base-date-picker__month-selector .content{grid-template-columns:1fr 1fr}.bb-base-date-picker .bb-base-date-picker__year-selector{width:calc(100% + var(--padding-x))}.bb-base-date-picker .bb-base-date-picker__year-selector .content{grid-template-columns:1fr 1fr 1fr;overflow:auto}.bb-base-date-picker__days-selector{min-height:calc(var(--cell-height) * 7);opacity:1;transition:opacity .5s .15s;position:relative}.bb-base-date-picker__days-selector--hidden{opacity:0;transition:opacity .5s}.bb-base-date-picker__month{width:100%;display:inline-block;position:absolute;top:0;left:0}.bb-base-date-picker__header-container{display:flex}.bb-base-date-picker__header-cell{color:var(--bb-text);height:var(--cell-height);flex:auto;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;line-height:1rem;display:flex}.bb-base-date-picker__week{display:flex}.bb-base-date-picker__date{color:color-mix(in srgb, var(--bb-text) 40%, transparent);height:var(--cell-height);text-align:center;flex:1;font-size:.75rem;line-height:1rem;transition-property:color,background-color;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-base-date-picker__date.bb-base-date-picker__date--middle{background-color:color-mix(in srgb, var(--bb-primary) 15%, transparent)}.bb-base-date-picker__date.bb-base-date-picker__date--highlighted{color:var(--bb-text)}.bb-base-date-picker__date.bb-base-date-picker__date--highlighted .bb-base-date-picker__date-button:hover:not(:disabled){background-color:color-mix(in srgb, var(--bb-primary) 15%, transparent)}.bb-base-date-picker__date.bb-base-date-picker__date--disabled .bb-base-date-picker__date-button{cursor:not-allowed;opacity:.5}.bb-base-date-picker__date.bb-base-date-picker__date--today .bb-base-date-picker__date-button{border:1px solid color-mix(in srgb, var(--bb-primary) 40%, transparent);color:var(--bb-primary)}.bb-base-date-picker__date.bb-base-date-picker__date--today.bb-base-date-picker__date--middle .bb-base-date-picker__date-button{background-color:color-mix(in srgb, var(--bb-primary) 40%, transparent)}.bb-base-date-picker__date.bb-base-date-picker__date--current .bb-base-date-picker__date-button:not(:disabled){background-color:color-mix(in srgb, var(--bb-primary) 55%, transparent);color:var(--bb-contrasting)}.bb-base-date-picker__date.bb-base-date-picker__date--selected .bb-base-date-picker__date-button{color:var(--bb-contrasting);background-color:var(--bb-primary)!important}.bb-base-date-picker__date.bb-base-date-picker__date--selected .bb-base-date-picker__date-button:hover:not(:disabled){background-color:var(--bb-primary)}.bb-base-date-picker__date-button{border-radius:var(--bb-radius);box-shadow:0px 0px 0px 0px var(--bb-ring);outline-offset:2px;height:100%;width:var(--cell-height);outline:2px solid #0000;transition:box-shadow .2s,background-color .2s,color .2s;display:inline-block}.bb-base-date-picker__date-button:focus-visible{box-shadow:0px 0px 0px var(--bb-ring-size) var(--bb-ring)}.bb-base-date-picker__date-button:hover:not(:disabled){background-color:color-mix(in srgb, var(--bb-primary) 5%, transparent)}.bb-base-date-picker-input{--bb-arrow:0}.bb-base-date-picker-input .bb-base-date-picker-input__inner-wrapper{flex:auto;display:block}.bb-base-date-picker-input .bb-common-input-inner-container{display:flex;position:relative}.bb-base-date-picker-input .bb-common-input-inner-container>:last-child{order:2}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__fields{flex:1;align-items:center;gap:0;display:flex;position:relative}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__fields--empty .bb-base-date-picker-input__separator{opacity:0}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__placeholder{color:var(--bb-text-tertiary,#9ca3af);background:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;white-space:nowrap;text-overflow:ellipsis;justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__field{text-align:left;min-width:0;color:inherit;font:inherit;background:0 0;border:none;outline:none;flex:none;padding:0}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__field--day,.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__field--month{width:2ch}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__field--month{text-align:center}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__field--year{width:4ch}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__field::placeholder{color:#0000}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__field:disabled{cursor:not-allowed}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__field[readonly]{cursor:default}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__separator{color:currentColor;-webkit-user-select:none;user-select:none;opacity:.5;cursor:text;flex-shrink:0}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__separator--range{opacity:.6;padding:0 .375rem}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__calendar-btn{background-color:inherit;border-radius:var(--bb-radius);isolation:isolate;z-index:1;padding:clamp(var(--bb-input-compact-py), calc((var(--bb-input-h) - var(--bb-input-icon)) / 4), 4px);outline-style:none;order:1;margin-right:-.25rem;transition-property:color,background-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__calendar-btn:focus:not(:disabled),.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__calendar-btn:hover:not(:disabled){background-color:var(--bb-primary)}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__calendar-btn:focus:not(:disabled) svg,.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__calendar-btn:hover:not(:disabled) svg{color:var(--bb-contrasting)}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__calendar-btn:disabled{display:none}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__calendar-btn svg{color:var(--bb-primary);width:var(--bb-input-icon);transition-property:color,background-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-base-date-picker-input .bb-common-input-inner-container .bb-common-input-inner-container__prefix,.bb-base-date-picker-input .bb-common-input-inner-container .bb-common-input-inner-container__suffix{height:var(--bb-input-h)}.bb-base-dialog{--page-padding:14px;--transition-timing-function:cubic-bezier(.4, 0, .2, 1);max-width:min(var(--max-width), 100% - var(--page-padding) * 2);max-height:calc(100% - var(--page-padding) * 2);transition:display var(--transition-duration) var(--transition-duration) var(--transition-timing-function), max-width var(--transition-duration) var(--transition-timing-function), height var(--transition-duration) var(--transition-timing-function), opacity var(--transition-duration) var(--transition-timing-function), scale var(--transition-duration) var(--transition-timing-function);background-color:var(--bb-panel);border-radius:var(--bb-radius);color:var(--bb-text);opacity:0;z-index:var(--bb-overlay-z-index);overscroll-behavior:contain;transition-behavior:allow-discrete;transform-origin:0;outline:none;flex-direction:column;width:100%;margin:0;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.bb-base-dialog.bb-base-dialog--fullscreen{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}.bb-base-dialog.bb-base-dialog--compact .bb-base-dialog__header{border-bottom:none}.bb-base-dialog.bb-base-dialog--compact .bb-base-dialog__body{padding-top:0}.bb-base-dialog.bb-base-dialog--open{opacity:1;scale:1}@starting-style{.bb-base-dialog.bb-base-dialog--open{opacity:0;scale:.8}}.bb-base-dialog.bb-base-dialog--open::backdrop{opacity:1}@starting-style{.bb-base-dialog.bb-base-dialog--open::backdrop{opacity:0}}.bb-base-dialog.bb-base-dialog--open:has(dialog::backdrop){scale:initial}.bb-base-dialog.bb-base-dialog--deny-close{scale:.9}:is(.bb-base-dialog:has(.bb-base-dialog.bb-base-dialog--open),.bb-base-dialog:has(.bb-offcanvas.bb-offcanvas--open)){opacity:0}.bb-base-dialog::backdrop{background-color:color-mix(in srgb, var(--bb-overlay-color) calc(var(--bb-overlay-opacity) * 100%), transparent);opacity:0;transition:opacity var(--transition-duration) cubic-bezier(.4, 0, .2, 1)}.bb-base-dialog .bb-base-dialog__header{border-bottom:1px solid var(--bb-border);-moz-column-gap:12px;padding:var(--bb-dialog-py) var(--bb-dialog-px);flex-shrink:0;justify-content:space-between;align-items:center;column-gap:12px;display:flex}.bb-base-dialog .bb-base-dialog__header .bb-base-dialog__title{font-size:var(--bb-dialog-title-size);font-weight:var(--bb-dialog-title-weight)}.bb-base-dialog .bb-base-dialog__header .bb-base-dialog__close{transition:color var(--transition-duration)}.bb-base-dialog .bb-base-dialog__header .bb-base-dialog__close:hover{color:var(--bb-primary)}.bb-base-dialog .bb-base-dialog__header .bb-base-dialog__close button{border-radius:var(--bb-radius);box-shadow:0px 0px 0px 0px var(--bb-ring);outline-offset:2px;outline:2px #0000;margin-right:-8px;padding:8px;transition:box-shadow .2s;display:flex}.bb-base-dialog .bb-base-dialog__header .bb-base-dialog__close button:focus-visible{box-shadow:0px 0px 0px var(--bb-ring-size) var(--bb-ring)}.bb-base-dialog .bb-base-dialog__header .bb-base-dialog__close .bb-base-dialog__close-icon{display:inline-flex}.bb-base-dialog .bb-base-dialog__header .bb-base-dialog__close .bb-base-dialog__close-icon svg{width:var(--bb-dialog-close)}.bb-base-dialog .bb-base-dialog__body{flex:auto;position:relative;overflow:auto}.bb-base-dialog .bb-base-dialog__body .bb-base-dialog__body-content{padding:var(--bb-dialog-py) var(--bb-dialog-px)}.bb-base-dialog .bb-base-dialog__body .bb-base-dialog:not(.bb-base-dialog--open){display:none}.bb-base-dialog .bb-base-dialog__footer{padding:var(--bb-dialog-py) var(--bb-dialog-px);pointer-events:auto}.bb-base-dialog .bb-base-dialog__footer:empty{display:none}body:has(.bb-base-dialog--open){padding-right:var(--scrollbar-width);overflow:hidden}.bb-base-input-outer-container{flex-direction:column;display:flex}.bb-base-input-outer-container.bb-base-input-outer-container--compact{--bb-label-spacing-y:var(--bb-label-compact-spacing-y);--bb-input-prefix-w:var(--bb-input-compact-prefix-w)}.bb-base-input-outer-container fieldset.bb-base-input-container>:not(:last-child){margin-bottom:var(--bb-label-spacing-y)}.bb-base-input-outer-container .bb-base-input-container{-moz-column-gap:var(--bb-label-spacing-x);column-gap:var(--bb-label-spacing-x);row-gap:var(--bb-label-spacing-y);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}:is(.bb-base-input-outer-container .bb-base-input-container:has(+.bb-base-input-container__hint-container),.bb-base-input-outer-container .bb-base-input-container:has(+.bb-base-input-container__errors-outer .bb-base-input-container__errors:not(:empty))){margin-bottom:6px}.bb-base-input-outer-container .bb-base-input-container__label{color:var(--bb-text);font-size:var(--bb-label-size);font-weight:var(--bb-label-weight);transition-property:color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);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>[class*=bb]{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--label-mode-floating{position:relative}.bb-base-input-outer-container .bb-base-input-container--label-mode-floating .bb-base-input-container__label{opacity:.6;translate:var(--bb-input-px) calc(var(--bb-input-h) / 2 - 50%);transition:translate .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.bb-base-input-outer-container .bb-base-input-container--label-mode-floating:focus-within .bb-base-input-container__label{translate:0 calc((var(--bb-label-spacing-y) + 100%) * -1);top:0}.bb-base-input-outer-container .bb-base-input-container--label-mode-floating:has([class*=--has-value]) .bb-base-input-container__label{translate:0 calc((var(--bb-label-spacing-y) + 100%) * -1);top:0}.bb-base-input-outer-container .bb-base-input-container__hint-container{color:var(--bb-hint);font-size:14px;line-height:18px;position:relative}.bb-base-input-outer-container .bb-base-input-container__errors-outer{width:100%;height:0;transition:height .3s cubic-bezier(.4,0,.2,1);display:block;overflow:hidden}.bb-base-input-outer-container .bb-base-input-container__errors{color:var(--bb-danger);width:100%;font-size:14px;line-height:18px;display:block;position:relative}.bb-base-input-outer-container .bb-base-input-container__error{width:100%;display:inline-block}.bb-base-input-outer-container .hint-enter-active,.bb-base-input-outer-container .hint-leave-active{grid-template-rows:1fr;transition:grid-template-rows .2s,opacity .3s,margin .2s;display:grid;overflow:hidden}.bb-base-input-outer-container .hint-enter-from,.bb-base-input-outer-container .hint-leave-to{opacity:0;grid-template-rows:0fr;margin-top:0}.bb-base-input-outer-container .hint-enter-active>*,.bb-base-input-outer-container .hint-leave-active>*{min-height:0;transition:opacity .3s}.bb-base-input-outer-container .hint-enter-from>*,.bb-base-input-outer-container .hint-leave-to>*{opacity:0}.bb-base-input-outer-container .error-move,.bb-base-input-outer-container .error-enter-active,.bb-base-input-outer-container .error-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.bb-base-input-outer-container .error-enter-from,.bb-base-input-outer-container .error-leave-to{opacity:0;transform:translateY(-4px)}.bb-base-input-outer-container .error-leave-active{width:100%;position:absolute}.bb-base-radio{--color:var(--bb-primary);display:inline-flex}.bb-base-radio:has(:focus-visible) .bb-base-radio-container__icon{box-shadow:0px 0px 0px var(--bb-ring-size) var(--bb-ring)}.bb-base-radio input[type=radio]:checked+.bb-base-radio-container .bb-base-radio-container__icon:after{height:calc(100% - 2px - var(--bb-radio-space));width:calc(100% - 2px - var(--bb-radio-space))}.bb-base-radio.bb-base-radio--disabled .bb-base-radio-container__icon{background-color:var(--bb-panel-disabled);--color:color-mix(in srgb, var(--bb-panel), var(--bb-text) 40%)}.bb-base-radio .bb-base-radio-container{-webkit-user-select:none;user-select:none;display:inline-flex}.bb-base-radio .bb-base-radio-container__icon{background-color:var(--bb-panel);border:1px solid var(--bb-border);box-shadow:0 0 0 3px #0000;box-shadow:0px 0px 0px 0px var(--bb-ring);cursor:pointer;height:var(--bb-checkbox-w);width:var(--bb-checkbox-w);border-radius:999px;transition:all .2s;display:inline-block;position:relative}.bb-base-radio .bb-base-radio-container__icon:after{background-color:var(--color);content:"";border-radius:999px;width:0;height:0;transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bb-base-rating{--color:var(--bb-primary);--size:var(--bb-rating-size)}.bb-base-rating.bb-base-rating--has-value .bb-base-rating__inner-container .bb-base-rating__option{color:var(--color)}.bb-base-rating.bb-base-rating--has-value .bb-base-rating__inner-container .bb-base-rating__option:not(.bb-base-rating__option--highlighted){color:var(--bb-panel)}.bb-base-rating:not(.bb-base-rating--disabled):not(.bb-base-rating--readonly) .bb-base-rating__inner-container:hover .bb-base-rating__option{color:var(--color)}.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{color:var(--bb-panel)}.bb-base-rating:not(.bb-base-rating--disabled):not(.bb-base-rating--readonly) .bb-base-rating__option{aspect-ratio:1;border-radius:.375rem}.bb-base-rating:not(.bb-base-rating--disabled):not(.bb-base-rating--readonly) .bb-base-rating__option:hover{transform:scale(1.25)}.bb-base-rating:not(.bb-base-rating--disabled):not(.bb-base-rating--readonly) .bb-base-rating__option:has(:focus-visible){box-shadow:0px 0px 0px var(--bb-ring-size) color-mix(in srgb, var(--color) calc(var(--bb-ring-opacity) * 100%), transparent)}.bb-base-rating.bb-base-rating--disabled{--color:color-mix(in srgb, var(--bb-panel), var(--bb-text) 40%)}.bb-base-rating.bb-base-rating--disabled .bb-base-rating__inner-container .bb-base-rating__option{cursor:not-allowed}.bb-base-rating.bb-base-rating--disabled .bb-base-rating__inner-container .bb-base-rating__option:not(.bb-base-rating__option--highlighted){color:var(--bb-panel-disabled)}.bb-base-rating__inner-container{-moz-column-gap:var(--bb-base-rating-spacing);column-gap:var(--bb-base-rating-spacing);flex-wrap:wrap;display:inline-flex}.bb-base-rating__option{color:var(--bb-panel);cursor:pointer;justify-content:center;align-items:center;padding-left:2px;padding-right:2px;transition:all .2s;display:flex;box-shadow:0 0 #0000}.bb-base-rating__option svg{fill:currentColor;height:var(--size);stroke:var(--bb-border);stroke-width:1px;width:var(--size);transition:color .3s}.bb-smooth-height{transition-property:height;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;overflow:clip}.bb-smooth-height .content{display:block}.bb-chip{background-color:var(--bb-panel);border:1px solid var(--bb-border);border-radius:var(--bb-radius);color:var(--bb-text);-moz-column-gap:4px;align-items:center;column-gap:4px;min-height:24px;padding-left:4px;padding-right:4px;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.bb-chip:has(:focus-visible){background-color:color-mix(in srgb, var(--bb-primary) 20%, var(--bb-panel));color:var(--bb-primary)}.bb-chip:has(:focus-visible) svg{background-color:var(--bb-panel);outline:0px solid var(--bb-panel)}.bb-chip__content{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:17px;overflow:hidden}.bb-chip__clear-button{background-color:#0000;border-radius:0;outline:none;position:relative}.bb-chip__clear-button svg{backface-visibility:hidden;background-color:color-mix(in srgb, var(--bb-panel), var(--bb-text) 20%);stroke-width:5px;border-radius:999px;width:15px;padding:2px;transition:background-color .2s,color .2s}.bb-chip__clear-button:after{--overflow:4px;content:"";top:calc(var(--overflow) * -1);left:calc(var(--overflow) * -1);width:calc(100% + var(--overflow) * 2);height:calc(100% + var(--overflow) * 2);position:absolute}.bb-chipsbox-item--focused{background-color:color-mix(in srgb, var(--bb-primary) 20%, var(--bb-panel));color:var(--bb-primary)}.bb-chipsbox-item--focused svg{background-color:var(--bb-panel);outline:0px solid var(--bb-panel)}.bb-commabox-item{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bb-commabox-item--has-comma:after{content:","}.bb-commabox-item--focused{color:var(--bb-primary)}.bb-base-select{--bb-input-inner-h:max(calc(var(--bb-leading) + var(--bb-input-py) * 2), calc(var(--bb-input-h) - 2px), var(--bb-input-icon));--floating-py:calc((var(--bb-input-inner-h) - var(--bb-input-icon)) / 2);--bb-arrow:0;box-sizing:border-box;width:100%;scroll-margin:10px;display:inline-flex}.bb-base-select--active .bb-base-select__text-input{min-width:min(100%, calc(var(--characters) * 12px))}.bb-base-select--compact{--floating-py:var(--bb-input-compact-floating-py)}.bb-base-select--compact .bb-chipsbox-item{min-height:20px}.bb-base-select--shown .bb-base-select__chevron{transform:rotate(180deg)}.bb-base-select .bb-smooth-height{text-align:left;align-self:center;width:100%}.bb-base-select .bb-base-select__inner-wrapper{flex:auto;display:block}.bb-base-select .bb-base-select__inner-wrapper .bb-common-input-inner-container{align-items:flex-start;width:100%;position:relative}.bb-base-select .bb-base-select__inner-wrapper .bb-common-input-inner-container>.bb-clearable-button,.bb-base-select .bb-base-select__inner-wrapper .bb-common-input-inner-container>.bb-spinner,.bb-base-select .bb-base-select__inner-wrapper .bb-common-input-inner-container>.bb-error-icon,.bb-base-select .bb-base-select__inner-wrapper .bb-common-input-inner-container>.bb-common-input-inner-container__prepend-icon,.bb-base-select .bb-base-select__inner-wrapper .bb-common-input-inner-container>.bb-common-input-inner-container__append-icon{margin-top:var(--floating-py)}.bb-base-select .bb-base-select__inner-wrapper .bb-common-input-inner-container>.bb-common-input-inner-container__prefix,.bb-base-select .bb-base-select__inner-wrapper .bb-common-input-inner-container>.bb-common-input-inner-container__suffix{height:var(--bb-input-inner-h)}.bb-base-select .bb-base-select__inner-wrapper .bb-common-input-inner-container :last-child:not(.bb-error-icon){order:1}.bb-base-select .bb-listbox{--option-h:var(--option-height);display:block}.bb-base-select .bb-listbox.bb-listbox--open{transition:min-height}.bb-base-select .bb-listbox.bb-listbox--open .bb-listbox__outer-container{opacity:1;grid-template-rows:1fr;transition-delay:0s,0s}.bb-base-select .bb-listbox.bb-listbox--open .bb-listbox__outer-container>*{opacity:1;transition-delay:calc(var(--transition-duration) * .8)}.bb-base-select .bb-listbox.bb-listbox--no-data .bb-listbox__outer-container .bb-listbox__inner-container .bb-listbox__no-data{display:block}.bb-base-select .bb-listbox.bb-listbox--loading .bb-listbox__outer-container .bb-listbox__inner-container .bb-listbox__loading{text-align:left;display:block;display:hidden}.bb-base-select .bb-listbox.bb-listbox--multiple .autocomplete-option__checkbox{display:inline-block!important}.bb-base-select .bb-listbox .bb-listbox__outer-container{background-color:var(--bb-panel);border-color:var(--bb-primary);border-radius:var(--bb-radius);opacity:0;transition-delay:calc(var(--transition-duration) * .25), 0s, 0s;transition-duration:var(--transition-duration), calc(var(--transition-duration) * 1.4), var(--transition-duration);border-width:0;grid-template-rows:0fr;transition-property:grid-template-rows,opacity,border;display:grid}.bb-base-select .bb-listbox .bb-listbox__outer-container>*{opacity:0;transition-delay:0s;transition-duration:calc(var(--transition-duration) * 2);transition-property:opacity}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container{text-align:left;max-height:min(calc(var(--option-h) * 6), calc(round(down, calc(100dvh - 130px), var(--option-h)) - 1px));overflow:auto}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container .bb-listbox__loading,.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container .bb-listbox__no-data{color:var(--bb-text);padding-bottom:var(--bb-select-option-py);padding-left:var(--bb-select-option-px);padding-right:var(--bb-select-option-px);padding-top:var(--bb-select-option-py);display:none}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox]{width:100%;display:block;position:relative}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__group{width:100%;display:block;position:absolute;top:0;left:0}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__group-header{height:var(--group-header-height,32px);padding-left:var(--bb-select-option-px);padding-right:var(--bb-select-option-px);-webkit-user-select:none;user-select:none;align-items:center;display:flex}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__group-header .bb-listbox__group-header-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb, var(--bb-text) 50%, transparent);letter-spacing:.025em;text-transform:uppercase;flex:auto;align-items:center;gap:16px;font-size:.75rem;font-weight:600;display:flex;overflow:hidden}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__group-header .bb-listbox__group-header-label:after{content:"";background-color:var(--bb-border);width:100%;height:1px;display:block}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__option{width:100%;display:block;position:absolute;top:0;left:0}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__group>.bb-listbox__option{position:static}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option{--bg-opacity:0;--bg-base-color:var(--bb-text);background-color:color-mix(in srgb, var(--bg-base-color) calc(100% * var(--bg-opacity)), transparent);color:var(--bb-text);cursor:pointer;height:var(--option-h);padding-left:var(--bb-select-option-px);padding-right:var(--bb-select-option-px);flex-grow:1;align-items:center;gap:8px;width:100%;transition-property:color,background-color;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option:hover:not(.autocomplete-option--disabled){--bg-opacity:.05;--bg-base-color:var(--bb-text)}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--focused{--bg-opacity:.15;--bg-base-color:var(--bb-text)}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--focused:hover:not(.autocomplete-option--disabled){--bg-opacity:.2}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--selected{--bg-opacity:.1;color:var(--bb-primary);--bg-base-color:var(--bb-primary)!important}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--selected:hover:not(.autocomplete-option--disabled){--bg-opacity:.15}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--selected.autocomplete-option--focused,.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--selected.autocomplete-option--focused:hover:not(.autocomplete-option--disabled){--bg-opacity:.2}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--disabled{cursor:not-allowed;opacity:.5}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--disabled .autocomplete-option__checkbox.autocomplete-option__checkbox{background-color:var(--bb-panel-disabled)}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option .autocomplete-option__checkbox{pointer-events:none;background-color:var(--bb-panel);border-color:var(--bb-border);border-radius:min(6px, var(--bb-radius));border-style:solid;border-width:1px;width:16px;height:16px;margin-left:-6px;transition-property:color,background-color,border-color,text-decoration-color,box-shadow;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:none}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option .autocomplete-option__checkbox path{stroke:var(--bb-contrasting);stroke-dasharray:105;stroke-dashoffset:105px;transition:stroke-dashoffset .3s}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option .autocomplete-option__label{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:auto;display:block;overflow:hidden}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option.autocomplete-option--selected .autocomplete-option__checkbox{background-color:var(--bb-primary);border-color:var(--bb-primary)}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option.autocomplete-option--selected .autocomplete-option__checkbox path{stroke-dashoffset:0}.bb-base-select__input-container{padding-bottom:var(--bb-input-py);padding-top:var(--bb-input-py);flex-wrap:wrap;gap:.25rem;display:flex}.bb-base-select__max-reached{border-right:1px solid var(--bb-border);color:var(--bb-input-color);font-size:var(--bb-input-font-size);padding-right:4px}.bb-base-select .bb-chipsbox-item{z-index:1;position:relative}.bb-base-select .bb-base-select__text-input{min-width:0;margin-top:0;margin-bottom:0;flex:1 10000 0!important}.bb-base-select__chevron{background-color:inherit;color:var(--bb-icon-color);margin-top:var(--floating-py);width:var(--bb-input-icon);flex-shrink:0;order:1;transition:transform .2s ease-in-out;transform:rotate(0)}.bb-base-slider{--padding:calc((var(--bb-slider-thumb) - var(--bb-slider-track)) / 2);--color:var(--bb-primary);--ring-color:color-mix(in srgb, var(--color), transparent calc(100% - var(--bb-ring-opacity) * 100%));--radius:var(--bb-radius);align-items:center;display:inline-flex}.bb-base-slider__slider-container{min-width:100px;padding-bottom:var(--padding);padding-top:var(--padding);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-grow:1;display:block;position:relative}.bb-base-slider.bb-base-slider--disabled .bb-base-slider__track-background{background-color:color-mix(in srgb, var(--bb-panel), var(--bb-text) 40%);cursor:not-allowed}.bb-base-slider.bb-base-slider--disabled .bb-base-slider__track-fill{background-color:var(--bb-panel-disabled);cursor:not-allowed}.bb-base-slider.bb-base-slider--disabled .bb-base-slider__thumb{cursor:not-allowed}.bb-base-slider__track-container{height:var(--bb-slider-track);display:block;position:relative}.bb-base-slider__track-background{background-color:var(--color);border-bottom-left-radius:var(--radius);border-top-left-radius:var(--radius);cursor:pointer;height:100%;display:block;position:absolute;top:0;left:0}.bb-base-slider__track-fill{background-color:color-mix(in srgb, var(--bb-panel) 92%, var(--bb-text));border-radius:var(--radius);cursor:pointer;width:100%;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-container:focus .bb-base-slider__thumb{box-shadow:0px 0px 0px var(--bb-ring-size) var(--ring-color)}.bb-base-slider__thumb{background-color:var(--bb-panel);border:1px solid var(--bb-border);box-shadow:0px 0px 0px 0px var(--bb-ring);cursor:pointer;height:var(--bb-slider-thumb);touch-action:none;width:var(--bb-slider-thumb);border-radius:999px;transition-property:box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;top:50%}.bb-base-slider__ticks-container{justify-content:space-between;width:100%;display:flex;position:absolute;top:100%}.bb-base-slider__tick{position:relative}.bb-base-switch{--color:var(--bb-primary);--ring-color:color-mix(in srgb, var(--color), transparent calc(var(--bb-ring-opacity) * 100%));--border-w:1px;--radius:30px;cursor:pointer;display:inline-flex}.bb-base-switch:has(:focus-visible) .bb-base-switch-container__icon{box-shadow:0px 0px 0px var(--bb-ring-size) var(--ring-color)}.bb-base-switch input[type=checkbox]:checked+.bb-base-switch-container .bb-base-switch-container__icon{background-color:var(--color)}.bb-base-switch input[type=checkbox]:checked+.bb-base-switch-container .bb-base-switch-container__icon-thumb{translate:calc(var(--bb-switch-w) - var(--bb-switch-thumb) - var(--bb-switch-margin) - var(--border-w)) -50%}.bb-base-switch input[type=checkbox]:indeterminate+.bb-base-switch-container .bb-base-switch-container__icon-thumb{translate:-50% -50%}.bb-base-switch.bb-base-switch--disabled .bb-base-switch-container__icon{--color:var(--bb-panel-disabled);background-color:var(--color);cursor:not-allowed}.bb-base-switch.bb-base-switch--disabled .bb-base-switch-container__icon .bb-base-switch-container__icon-thumb{background-color:color-mix(in srgb, var(--bb-panel), var(--bb-text) 40%)}.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{background-color:color-mix(in srgb, var(--bb-panel), var(--bb-text) 20%);border:var(--border-w) solid var(--bb-border);border-radius:var(--radius);box-shadow:0px 0px 0px 0px var(--bb-ring);height:var(--bb-switch-h);width:var(--bb-switch-w);transition-property:background-color,box-shadow;transition-duration:.15s;display:inline-block;position:relative}.bb-base-switch .bb-base-switch-container .bb-base-switch-container__icon-thumb{background-color:var(--bb-panel);border-radius:calc((max(var(--bb-switch-margin), 0px) + var(--radius)) / 2);height:var(--bb-switch-thumb);translate:var(--bb-switch-margin) -50%;width:var(--bb-switch-thumb);transition-property:translate,left;transition-duration:.15s;display:inline-block;position:absolute;top:50%;left:0}.bb-base-tag{--bb-input-inner-h:max(calc(var(--bb-leading) + var(--bb-input-py) * 2), calc(var(--bb-input-h) - 2px), var(--bb-input-icon));--floating-py:calc((var(--bb-input-inner-h) - var(--bb-input-icon)) / 2)}.bb-base-tag.bb-base-tag--active .bb-common-input-inner-container .bb-base-tag__text-input{min-width:min(100%, calc(var(--characters) * 12px))}.bb-base-tag--compact{--floating-py:var(--bb-input-compact-floating-py)}.bb-base-tag--compact .bb-chipsbox-item{min-height:20px}.bb-base-tag .bb-smooth-height{text-align:left;align-self:center;width:100%}.bb-base-tag .bb-common-input-inner-container{align-items:flex-start}.bb-base-tag .bb-common-input-inner-container>:last-child{order:2}.bb-base-tag .bb-common-input-inner-container>.bb-clearable-button,.bb-base-tag .bb-common-input-inner-container .bb-spinner,.bb-base-tag .bb-common-input-inner-container .bb-error-icon,.bb-base-tag .bb-common-input-inner-container .bb-common-input-inner-container__prepend-icon,.bb-base-tag .bb-common-input-inner-container .bb-common-input-inner-container__append-icon{margin-top:var(--floating-py)}.bb-base-tag .bb-common-input-inner-container .bb-common-input-inner-container__prefix,.bb-base-tag .bb-common-input-inner-container .bb-common-input-inner-container__suffix{padding-top:var(--floating-py);align-items:flex-start}.bb-base-tag__input-container{padding-bottom:var(--bb-input-py);padding-top:var(--bb-input-py);flex-wrap:wrap;flex:1;gap:.25rem;width:100%;display:inline-flex;overflow:hidden}.bb-base-tag__input-container .bb-chipsbox-item{z-index:1;position:relative}.bb-base-tag__input-container .bb-base-tag__text-input{min-width:0;margin-top:0;margin-bottom:0;flex:1 10000 0!important}.bb-base-tag__selected{max-width:100%}.bb-base-textarea{--min-height:150px;--bb-input-inner-h:max(calc(var(--bb-leading) + var(--bb-input-py) * 2), calc(var(--bb-input-h) - 2px), var(--bb-input-icon));--floating-py:calc((var(--bb-input-inner-h) - var(--bb-input-icon)) / 2)}.bb-base-textarea--compact{--floating-py:var(--bb-input-compact-floating-py)}.bb-base-textarea__input{padding-right:var(--bb-input-px);padding-top:calc((var(--bb-input-h) - (var(--bb-input-font-size) * 2.35)) / 2);background-color:#0000;outline:none;width:100%}.bb-base-textarea__input:not([rows]){min-height:var(--min-height);resize:none}.bb-base-textarea__input[rows]{resize:vertical}.bb-base-textarea .bb-smooth-height{text-align:left;flex:auto;align-self:center}.bb-base-textarea .bb-common-input-inner-container{align-items:flex-start}.bb-base-textarea .bb-common-input-inner-container .bb-clearable-button,.bb-base-textarea .bb-common-input-inner-container .bb-spinner,.bb-base-textarea .bb-common-input-inner-container .bb-error-icon,.bb-base-textarea .bb-common-input-inner-container .bb-common-input-inner-container__prepend-icon,.bb-base-textarea .bb-common-input-inner-container .bb-common-input-inner-container__append-icon{margin-top:var(--floating-py)}.bb-base-textarea .bb-common-input-inner-container .bb-common-input-inner-container__prefix,.bb-base-textarea .bb-common-input-inner-container .bb-common-input-inner-container__suffix{padding-top:var(--floating-py);align-items:flex-start}.bb-collapsible{transition-property:grid-template-rows;display:grid;overflow:hidden}.bb-collapsible--open{grid-template-rows:1fr}.bb-collapsible--open .bb-collapsible__content{visibility:visible}.bb-collapsible--closed{grid-template-rows:0fr}.bb-collapsible__content{visibility:hidden;min-height:0;transition-property:visibility}.bb-accordion{color:var(--bb-text)}.bb-accordion .bb-accordion__header{text-align:left;width:100%}.bb-accordion .bb-accordion__header :not(button):not(a){pointer-events:none}.bb-alert{--color:var(--bb-primary);--gap:8px;--padding-x:16px;--padding-y:12px;background-color:color-mix(in srgb, var(--color) 20%, transparent);border-radius:var(--bb-radius)}.bb-alert .bb-alert__inner-container{align-items:start;gap:0 var(--gap);padding:var(--padding-y) var(--padding-x);grid-template-columns:auto 1fr;display:grid}.bb-alert .bb-alert__inner-container:has(.bb-alert__icon-container:empty){grid-template-columns:1fr}.bb-alert .bb-alert__inner-container .bb-alert__icon{color:var(--color)}.bb-alert .bb-alert__inner-container .bb-alert__content .bb-alert__title{color:color-mix(in srgb, var(--color) 75%, var(--bb-text));-moz-column-gap:var(--gap);align-items:center;column-gap:var(--gap);font-size:16px;font-weight:600;display:flex}.bb-alert .bb-alert__inner-container .bb-alert__content .bb-alert__text{color:color-mix(in srgb, var(--bb-text) 70%, transparent);font-size:14px}.bb-alert .bb-alert__inner-container .bb-alert__close{border-radius:var(--bb-radius);box-shadow:0px 0px 0px 0px var(--bb-ring);color:color-mix(in srgb, var(--bb-text) 80%, transparent);float:right;isolation:isolate;margin:calc(var(--padding-y) * -1 + var(--bb-ring-size)) calc(var(--padding-x) * -1 + var(--bb-ring-size)) calc(var(--padding-y) * -1) 0px;outline:none;width:fit-content;padding:12px;transition-property:color,background-color,border-color,text-decoration-color,box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-alert .bb-alert__inner-container .bb-alert__close:hover{color:var(--bb-primary)}.bb-alert .bb-alert__inner-container .bb-alert__close:focus-visible{box-shadow:0px 0px 0px var(--bb-ring-size) var(--bb-ring);color:var(--bb-primary)}.bb-alert .bb-alert__inner-container .bb-alert__close svg{width:12px}.bb-avatar{aspect-ratio:1;border-radius:50%;grid-template-columns: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-area:1/1/span 1/span 1;width:100%;height:100%}.bb-avatar .bb-avatar__fallback{grid-area:1/1/span 1/span 1;align-items:stretch;display:grid}.bb-avatar .bb-avatar__fallback>*{place-items:center;display:grid}.bb-badge{--bb-badge-bg:var(--bb-primary);--bb-badge-color:var(--bb-contrasting);--bb-badge-radius:999px;--bb-badge-font-size:.75rem;--bb-badge-min-size:1.375rem;--bb-badge-dot-size:.625rem;--bb-badge-border-width:0px;--bb-badge-border-color:transparent;--bb-badge-offset:.625rem;--bb-badge-float-offset:1.25rem;--bb-badge-dot-offset:.125rem;--bb-badge-dot-float-offset:.5rem;display:inline-flex}.bb-badge--positioned{position:relative}.bb-badge--positioned .bb-badge__content-container{top:calc(0% - var(--bb-badge-offset));right:calc(0% - var(--bb-badge-offset));position:absolute;bottom:auto;left:auto}.bb-badge--positioned.bb-badge--left .bb-badge__content-container{right:auto;left:calc(0% - var(--bb-badge-offset))}.bb-badge--positioned.bb-badge--bottom .bb-badge__content-container{top:auto;bottom:calc(0% - var(--bb-badge-offset))}.bb-badge--positioned.bb-badge--empty .bb-badge__content-container{transform:scale(0)}.bb-badge--positioned.bb-badge--dot .bb-badge__content-container{top:calc(0% - var(--bb-badge-dot-offset));right:calc(0% - var(--bb-badge-dot-offset))}.bb-badge--positioned.bb-badge--dot.bb-badge--left .bb-badge__content-container{right:auto;left:calc(0% - var(--bb-badge-dot-offset))}.bb-badge--positioned.bb-badge--dot.bb-badge--bottom .bb-badge__content-container{top:auto;bottom:calc(0% - var(--bb-badge-dot-offset))}.bb-badge--positioned.bb-badge--floating .bb-badge__content-container{top:calc(0% - var(--bb-badge-float-offset));right:calc(0% - var(--bb-badge-float-offset));bottom:auto;left:auto}.bb-badge--positioned.bb-badge--floating.bb-badge--left .bb-badge__content-container{right:auto;left:calc(0% - var(--bb-badge-float-offset))}.bb-badge--positioned.bb-badge--floating.bb-badge--bottom .bb-badge__content-container{top:auto;bottom:calc(0% - var(--bb-badge-float-offset))}.bb-badge--positioned.bb-badge--floating.bb-badge--dot .bb-badge__content-container{top:calc(0% - var(--bb-badge-dot-float-offset));right:calc(0% - var(--bb-badge-dot-float-offset));bottom:auto;left:auto}.bb-badge--positioned.bb-badge--floating.bb-badge--dot.bb-badge--left .bb-badge__content-container{right:auto;left:calc(0% - var(--bb-badge-dot-float-offset))}.bb-badge--positioned.bb-badge--floating.bb-badge--dot.bb-badge--bottom .bb-badge__content-container{top:auto;bottom:calc(0% - var(--bb-badge-dot-float-offset))}.bb-badge__content-container{background-color:var(--bb-badge-bg);border:var(--bb-badge-border-width) solid var(--bb-badge-border-color);border-radius:var(--bb-badge-radius);color:var(--bb-badge-color);font-size:var(--bb-badge-font-size);min-height:var(--bb-badge-min-size);min-width:var(--bb-badge-min-size);white-space:nowrap;justify-content:center;align-items:center;padding-block:.1875rem;padding-inline:.375rem;font-weight:600;line-height:1;transition:color .2s,background-color .2s,transform .15s;display:inline-flex}.bb-badge--dot .bb-badge__content-container{min-height:var(--bb-badge-dot-size);min-width:var(--bb-badge-dot-size);padding:0}.bb-badge__wrapper{display:inline-flex}.bb-dropdown{overflow:clip}.bb-dropdown .bb-dropdown__items-container{color:var(--bb-text);grid-template-columns:1fr;padding:6px;display:inline-grid}.bb-dropdown .bb-dropdown__items-container .bb-dropdown__item{border-radius:var(--bb-radius);-moz-column-gap:6px;text-align:left;align-items:center;column-gap:6px;min-width:100px;padding:6px 8px;display:inline-flex}.bb-dropdown .bb-dropdown__items-container .bb-dropdown__item:hover{background-color:color-mix(in srgb, var(--bb-text) 5%, transparent)}.bb-dropdown .bb-dropdown__items-container .bb-dropdown__item:focus{background-color:color-mix(in srgb, var(--bb-text) 15%, transparent)}.bb-dropdown .bb-dropdown__items-container .bb-dropdown__item .item__prepend-icon,.bb-dropdown .bb-dropdown__items-container .bb-dropdown__item .item__append-icon{flex-shrink:0}.bb-dropdown .bb-dropdown__items-container .bb-dropdown__item .item__content{flex:auto}.bb-breadcrumbs{flex-basis:var(--bb-breadcrumbs-flex-basis,auto);flex-grow:var(--bb-breadcrumbs-flex-grow,0);color:var(--bb-text);flex-shrink:1;min-width:0;max-width:100%;position:relative}.bb-breadcrumbs .bb-breadcrumbs__container{-moz-column-gap:12px;flex:auto;align-items:center;column-gap:12px;min-width:0;max-width:100%;display:flex}.bb-breadcrumbs .bb-breadcrumbs__edge{flex:none;align-items:center;display:inline-flex}.bb-breadcrumbs .bb-breadcrumbs__list{-moz-column-gap:12px;flex-wrap:nowrap;flex:0 auto;align-items:center;column-gap:12px;max-width:100%;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.bb-breadcrumbs .bb-breadcrumbs__item{-moz-column-gap:12px;align-items:center;column-gap:12px;display:inline-flex}.bb-breadcrumbs .bb-breadcrumbs__breadcrumb-container{align-items:center;display:inline-flex}.bb-breadcrumbs .bb-breadcrumbs__breadcrumb{line-height:normal}.bb-breadcrumbs .bb-breadcrumbs__ellipsis{color:inherit;cursor:pointer;font-size:inherit;background:0 0;border:none;min-height:0;padding:0;line-height:normal}.bb-breadcrumbs .bb-breadcrumbs__divider{line-height:normal}.bb-breadcrumbs .bb-breadcrumbs__item:last-of-type .bb-breadcrumbs__divider{display:none}.bb-breadcrumbs .bb-dropdown{--bb-arrow:0}.bb-button{--color:var(--bb-primary);--border-color:var(--color);--text-color:var(--bb-contrasting);--gap:8px;--px:12px;--py:4px;--ring-color:color-mix(in srgb, var(--color), transparent calc(100% - var(--bb-ring-opacity) * 100%));--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--bb-button-h-xs:28px;--bb-button-h-sm:32px;--bb-button-h-md:36px;--bb-button-h-lg:40px;--bb-button-h-xl:44px;background-color:var(--color);border-color:var(--border-color);border-radius:var(--bb-radius);box-shadow:0px 0px 0px 0px var(--bb-ring);color:var(--text-color);font-size:var(--font-size);align-items:center;gap:var(--gap);min-height:var(--bb-button-h);padding-bottom:var(--py);padding-left:var(--px);padding-right:var(--px);padding-top:var(--py);vertical-align:top;border-width:1px;justify-content:center;font-weight:500;line-height:1;transition:box-shadow .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1),min-height .15s cubic-bezier(.4,0,.2,1),font-size .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.bb-button[aria-pressed=true]:not(.base-btn--disabled){background-color:color-mix(in srgb, var(--color) 80%, black)}.bb-button:hover:not(.base-btn--disabled){background-color:color-mix(in srgb, var(--color) 90%, black)}.bb-button:focus-visible{background-color:color-mix(in srgb, var(--color) 90%, black);box-shadow:0px 0px 0px var(--bb-ring-size) var(--ring-color);outline:none}.bb-button.base-btn--disabled{cursor:not-allowed}.bb-button.base-btn--disabled:not(.bb-button--loading){--color:color-mix(in srgb, var(--bb-panel), var(--bb-text) 10%);--text-color:color-mix(in srgb, var(--bb-panel), var(--bb-text) 40%)}.bb-button.bb-button--icon{--px:var(--py);min-width:var(--bb-button-h)}.bb-button.bb-button--loading .bb-spinner{opacity:1}.bb-button.bb-button--loading .bb-spinner+.bb-icon{opacity:0}.bb-button.bb-button--loading .bb-spinner+.bb-button__content{margin-left:calc(var(--gap) + var(--bb-button-icon))}.bb-button.bb-button--group:has(+.bb-button--group){border-top-right-radius:0;border-bottom-right-radius:0}.bb-button.bb-button--group+.bb-button--group{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.bb-button[data-xs]{--bb-button-h:var(--bb-button-h-xs);--font-size:var(--font-size-xs)}.bb-button[data-sm]{--bb-button-h:var(--bb-button-h-sm);--font-size:var(--font-size-sm)}.bb-button[data-md]{--bb-button-h:var(--bb-button-h-md);--font-size:var(--font-size-md)}.bb-button[data-lg]{--bb-button-h:var(--bb-button-h-lg);--font-size:var(--font-size-lg)}.bb-button[data-xl]{--bb-button-h:var(--bb-button-h-xl);--font-size:var(--font-size-xl)}.bb-button .bb-button__content{transition:margin-left .3s}.bb-button .bb-spinner,.bb-button .bb-button__icon,.bb-button .bb-button__prepend-icon,.bb-button .bb-button__append-icon{color:currentColor;width:var(--bb-button-icon);flex-shrink:0;transition:opacity .3s;display:inline-block}.bb-button .bb-spinner{margin-right:calc((var(--gap) + var(--bb-button-icon)) * -1);opacity:0}@media (width>=640px){.bb-button[data-sm\:xs]{--bb-button-h:var(--bb-button-h-xs);--font-size:var(--font-size-xs)}.bb-button[data-sm\:sm]{--bb-button-h:var(--bb-button-h-sm);--font-size:var(--font-size-sm)}.bb-button[data-sm\:md]{--bb-button-h:var(--bb-button-h-md);--font-size:var(--font-size-md)}.bb-button[data-sm\:lg]{--bb-button-h:var(--bb-button-h-lg);--font-size:var(--font-size-lg)}.bb-button[data-sm\:xl]{--bb-button-h:var(--bb-button-h-xl);--font-size:var(--font-size-xl)}}@media (width>=768px){.bb-button[data-md\:xs]{--bb-button-h:var(--bb-button-h-xs);--font-size:var(--font-size-xs)}.bb-button[data-md\:sm]{--bb-button-h:var(--bb-button-h-sm);--font-size:var(--font-size-sm)}.bb-button[data-md\:md]{--bb-button-h:var(--bb-button-h-md);--font-size:var(--font-size-md)}.bb-button[data-md\:lg]{--bb-button-h:var(--bb-button-h-lg);--font-size:var(--font-size-lg)}.bb-button[data-md\:xl]{--bb-button-h:var(--bb-button-h-xl);--font-size:var(--font-size-xl)}}@media (width>=1024px){.bb-button[data-lg\:xs]{--bb-button-h:var(--bb-button-h-xs);--font-size:var(--font-size-xs)}.bb-button[data-lg\:sm]{--bb-button-h:var(--bb-button-h-sm);--font-size:var(--font-size-sm)}.bb-button[data-lg\:md]{--bb-button-h:var(--bb-button-h-md);--font-size:var(--font-size-md)}.bb-button[data-lg\:lg]{--bb-button-h:var(--bb-button-h-lg);--font-size:var(--font-size-lg)}.bb-button[data-lg\:xl]{--bb-button-h:var(--bb-button-h-xl);--font-size:var(--font-size-xl)}}@media (width>=1280px){.bb-button[data-xl\:xs]{--bb-button-h:var(--bb-button-h-xs);--font-size:var(--font-size-xs)}.bb-button[data-xl\:sm]{--bb-button-h:var(--bb-button-h-sm);--font-size:var(--font-size-sm)}.bb-button[data-xl\:md]{--bb-button-h:var(--bb-button-h-md);--font-size:var(--font-size-md)}.bb-button[data-xl\:lg]{--bb-button-h:var(--bb-button-h-lg);--font-size:var(--font-size-lg)}.bb-button[data-xl\:xl]{--bb-button-h:var(--bb-button-h-xl);--font-size:var(--font-size-xl)}}@media (width>=1536px){.bb-button[data-2xl\:xs]{--bb-button-h:var(--bb-button-h-xs);--font-size:var(--font-size-xs)}.bb-button[data-2xl\:sm]{--bb-button-h:var(--bb-button-h-sm);--font-size:var(--font-size-sm)}.bb-button[data-2xl\:md]{--bb-button-h:var(--bb-button-h-md);--font-size:var(--font-size-md)}.bb-button[data-2xl\:lg]{--bb-button-h:var(--bb-button-h-lg);--font-size:var(--font-size-lg)}.bb-button[data-2xl\:xl]{--bb-button-h:var(--bb-button-h-xl);--font-size:var(--font-size-xl)}}.bb-checkbox .bb-base-input-container{cursor:pointer}.bb-checkbox .bb-base-input-container--horizontal{align-items:center;display:flex}.bb-checkbox .bb-base-input-container .bb-base-input-container__input{margin-bottom:-7px}.bb-checkbox-group .bb-base-input-container--horizontal .bb-base-input-container__label{float:left}.bb-checkbox-group .bb-base-input-container__input--right .bb-cr-container__container{justify-content:flex-end}.bb-checkbox-group .bb-base-input-container__input--center .bb-cr-container__container{justify-content:center}.bb-color-input .bb-base-input-container__input .bb-base-color-input{display:inline-flex}.bb-confirm .bb-base-dialog__header{--bb-dialog-py:15px}.bb-confirm .bb-base-dialog__body{--bb-dialog-py:12px;overflow:clip}.bb-confirm .bb-base-dialog__body .bb-confirm__content>.bb-spinner{margin-left:auto;margin-right:auto;display:block}.bb-confirm .bb-base-dialog__footer{--bb-dialog-py:15px}.bb-confirm .bb-base-dialog__footer:not(:empty){text-align:right}.bb-confirm .bb-base-dialog__footer:not(:empty)>:not(:last-child){margin-right:12px}.bb-confirm .bb-base-dialog__footer .bb-confirm__no{--color:var(--bb-panel);--text-color:var(--bb-text);border-color:var(--bb-border)}.bb-confirm .bb-base-dialog__footer .bb-confirm__no:hover:not(:disabled),.bb-confirm .bb-base-dialog__footer .bb-confirm__no:focus-visible:not(:disabled){--color:var(--bb-primary);--text-color:var(--bb-contrasting)}.bb-date-picker-input .bb-base-input-container__input .bb-base-date-picker-input{display:inline-flex}.bb-dropdown-button{--color:var(--bb-primary);--border-color:var(--color);--text-color:var(--bb-contrasting);--gap:8px;--px:8px;--py:4px;--ring-color:color-mix(in srgb, var(--color), transparent calc(100% - var(--bb-ring-opacity) * 100%));--font-size:16px;vertical-align:top;grid-template-columns:1fr min-content;display:inline-grid}.bb-dropdown-button.bb-dropdown-button--block{width:100%}.bb-dropdown-button:not(.bb-dropdown-button--loading) .bb-dropdown-button__main-btn:disabled,.bb-dropdown-button:not(.bb-dropdown-button--loading) .bb-dropdown-button__dropdown-btn:disabled{color:color-mix(in srgb, var(--bb-text), transparent 20%);opacity:.5;background-color:gray}.bb-dropdown-button[data-xs]{--bb-button-h:28px;--font-size:12px}.bb-dropdown-button[data-sm]{--bb-button-h:32px;--font-size:14px}.bb-dropdown-button[data-md]{--bb-button-h:36px;--font-size:16px}.bb-dropdown-button[data-lg]{--bb-button-h:40px;--font-size:18px}.bb-dropdown-button[data-xl]{--bb-button-h:44px;--font-size:20px}.bb-dropdown-button .bb-dropdown-button__main-btn,.bb-dropdown-button .bb-dropdown-button__dropdown-btn{background-color:var(--color);border-color:var(--border-color);border-radius:var(--bb-radius);box-shadow:0px 0px 0px 0px var(--bb-ring);color:var(--text-color);font-size:var(--font-size);align-items:center;gap:var(--gap);min-height:var(--bb-button-h);padding-bottom:var(--py);padding-left:var(--px);padding-right:var(--px);padding-top:var(--py);vertical-align:top;justify-content:center;font-weight:500;transition:box-shadow .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.bb-dropdown-button .bb-dropdown-button__main-btn:hover:not(:disabled),.bb-dropdown-button .bb-dropdown-button__dropdown-btn:hover:not(:disabled){background-color:color-mix(in srgb, var(--color) 90%, black)}.bb-dropdown-button .bb-dropdown-button__main-btn:focus-visible,.bb-dropdown-button .bb-dropdown-button__dropdown-btn:focus-visible{background-color:color-mix(in srgb, var(--color) 90%, black);box-shadow:0px 0px 0px var(--bb-ring-size) var(--ring-color);outline:none}.bb-dropdown-button .bb-dropdown-button__main-btn:disabled,.bb-dropdown-button .bb-dropdown-button__dropdown-btn:disabled{cursor:not-allowed}.bb-dropdown-button.bb-dropdown-button--loading .bb-spinner{opacity:1}.bb-dropdown-button.bb-dropdown-button--loading .bb-spinner+.bb-icon{opacity:0}.bb-dropdown-button.bb-dropdown-button--loading .bb-spinner+.bb-dropdown-button__content{margin-left:calc(var(--gap) + var(--bb-button-icon))}.bb-dropdown-button .bb-dropdown-button__main-btn{border-right:1px solid color-mix(in srgb, var(--bb-border), transparent 40%);border-top-right-radius:0;border-bottom-right-radius:0}.bb-dropdown-button .bb-dropdown-button__dropdown-btn{border-top-left-radius:0;border-bottom-left-radius:0}.bb-dropdown-button .bb-dropdown-button__dropdown-btn[aria-expanded=false] .bb-dropdown-button__dropdown-chevron{transform:rotate(180deg)}.bb-dropdown-button .bb-dropdown-button__content{transition:margin-left .3s}.bb-dropdown-button .bb-spinner,.bb-dropdown-button .bb-dropdown-button__icon,.bb-dropdown-button .bb-dropdown-button__prepend-icon,.bb-dropdown-button .bb-dropdown-button__append-icon{color:currentColor;width:var(--bb-button-icon);flex-shrink:0;transition:opacity .3s;display:inline-block}.bb-dropdown-button .bb-spinner{margin-right:calc((var(--gap) + var(--bb-button-icon)) * -1);opacity:0}.bb-dropdown-button .bb-dropdown-button__dropdown-chevron{width:16px}.bb-dropdown-button .bb-dropdown,.bb-dropdown-button .bb-dropdown__wrapper{display:inline-flex}@media (width>=640px){.bb-dropdown-button[data-sm\:xs]{--bb-button-h:28px;--font-size:12px}.bb-dropdown-button[data-sm\:sm]{--bb-button-h:32px;--font-size:14px}.bb-dropdown-button[data-sm\:md]{--bb-button-h:36px;--font-size:16px}.bb-dropdown-button[data-sm\:lg]{--bb-button-h:40px;--font-size:18px}.bb-dropdown-button[data-sm\:xl]{--bb-button-h:44px;--font-size:20px}}@media (width>=768px){.bb-dropdown-button[data-md\:xs]{--bb-button-h:28px;--font-size:12px}.bb-dropdown-button[data-md\:sm]{--bb-button-h:32px;--font-size:14px}.bb-dropdown-button[data-md\:md]{--bb-button-h:36px;--font-size:16px}.bb-dropdown-button[data-md\:lg]{--bb-button-h:40px;--font-size:18px}.bb-dropdown-button[data-sm\:xl]{--bb-button-h:44px;--font-size:20px}}@media (width>=1024px){.bb-dropdown-button[data-lg\:xs]{--bb-button-h:28px;--font-size:12px}.bb-dropdown-button[data-lg\:sm]{--bb-button-h:32px;--font-size:14px}.bb-dropdown-button[data-lg\:md]{--bb-button-h:36px;--font-size:16px}.bb-dropdown-button[data-lg\:lg]{--bb-button-h:40px;--font-size:18px}.bb-dropdown-button[data-lg\:xl]{--bb-button-h:44px;--font-size:20px}}@media (width>=1280px){.bb-dropdown-button[data-xl\:xs]{--bb-button-h:28px;--font-size:12px}.bb-dropdown-button[data-xl\:sm]{--bb-button-h:32px;--font-size:14px}.bb-dropdown-button[data-xl\:md]{--bb-button-h:36px;--font-size:16px}.bb-dropdown-button[data-xl\:lg]{--bb-button-h:40px;--font-size:18px}.bb-dropdown-button[data-xl\:xl]{--bb-button-h:44px;--font-size:20px}}@media (width>=1536px){.bb-dropdown-button[data-2xl\:xs]{--bb-button-h:28px;--font-size:12px}.bb-dropdown-button[data-2xl\:sm]{--bb-button-h:32px;--font-size:14px}.bb-dropdown-button[data-2xl\:md]{--bb-button-h:36px;--font-size:16px}.bb-dropdown-button[data-2xl\:lg]{--bb-button-h:40px;--font-size:18px}.bb-dropdown-button[data-2xl\:xl]{--bb-button-h:44px;--font-size:20px}}.bb-dropzone>.bb-dropzone__submittable-label{display:none}.bb-dropzone>label{display:grid}.bb-dropzone__errors{color:var(--bb-danger);width:100%;font-size:14px;line-height:18px;display:grid}.bb-dropzone__error{width:100%;display:inline-block}.bb-number-input .bb-base-input-container__input .bb-base-number-input{display:inline-flex}.bb-offcanvas{--translate-x:0%;--translate-y:0%;--translate:1;--transition-timing-function:cubic-bezier(.4, 0, .2, 1);transition:max-width var(--transition-duration) var(--transition-timing-function), max-height var(--transition-duration) var(--transition-timing-function), translate var(--transition-duration) var(--transition-timing-function), display var(--transition-duration) var(--transition-duration) var(--transition-timing-function);background-color:var(--bb-panel);color:var(--bb-text);z-index:var(--bb-overlay-z-index);overscroll-behavior:contain;transition-behavior:allow-discrete;translate:calc(var(--translate-x) * var(--translate)) calc(var(--translate-y) * var(--translate));outline:none;flex-direction:column;margin:0;display:flex;position:fixed;overflow:hidden}.bb-offcanvas.bb-offcanvas--left,.bb-offcanvas.bb-offcanvas--right{max-height:100%;max-width:var(--max-size);width:100%;height:100%;top:0}.bb-offcanvas.bb-offcanvas--left{--translate-x:-100%;left:0}.bb-offcanvas.bb-offcanvas--right{--translate-x:100%;left:auto;right:0}.bb-offcanvas.bb-offcanvas--top,.bb-offcanvas.bb-offcanvas--bottom{max-height:min(var(--max-size), 100%);height:var(--max-size);width:100%;max-width:100%;left:0;right:0}.bb-offcanvas.bb-offcanvas--top{--translate-y:-100%;top:0;bottom:auto}.bb-offcanvas.bb-offcanvas--bottom{--translate-y:100%;top:auto;bottom:0}.bb-offcanvas.bb-offcanvas--fullscreen{border-radius:0;width:100%;height:100%}.bb-offcanvas.bb-offcanvas--compact .bb-offcanvas__header{border-bottom:none}.bb-offcanvas.bb-offcanvas--compact .bb-offcanvas__body{padding-top:0}.bb-offcanvas.bb-offcanvas--open{--translate:0}.bb-offcanvas.bb-offcanvas--open::backdrop{opacity:1}@starting-style{.bb-offcanvas.bb-offcanvas--open::backdrop{opacity:0}}.bb-offcanvas.bb-offcanvas--deny-close{--translate:.1}:is(.bb-offcanvas:has(.bb-offcanvas.bb-offcanvas--open),.bb-offcanvas:has(.bb-base-dialog.bb-base-dialog--open)){--translate:1}.bb-offcanvas::backdrop{background-color:color-mix(in srgb, var(--bb-overlay-color) calc(var(--bb-overlay-opacity) * 100%), transparent);opacity:0;transition:opacity var(--transition-duration) cubic-bezier(.4, 0, .2, 1)}.bb-offcanvas .bb-offcanvas__header{border-bottom:1px solid var(--bb-border);-moz-column-gap:12px;padding:var(--bb-dialog-py) var(--bb-dialog-px);flex-shrink:0;justify-content:space-between;align-items:center;column-gap:12px;display:flex}.bb-offcanvas .bb-offcanvas__header .bb-offcanvas__title{font-size:var(--bb-dialog-title-size);font-weight:var(--bb-dialog-title-weight)}.bb-offcanvas .bb-offcanvas__header .bb-offcanvas__close{transition:color var(--transition-duration)}.bb-offcanvas .bb-offcanvas__header .bb-offcanvas__close:hover{color:var(--bb-primary)}.bb-offcanvas .bb-offcanvas__header .bb-offcanvas__close button{border-radius:var(--bb-radius);box-shadow:0px 0px 0px 0px var(--bb-ring);outline-offset:2px;outline:2px #0000;margin-right:-8px;padding:8px;transition:box-shadow .2s;display:flex}.bb-offcanvas .bb-offcanvas__header .bb-offcanvas__close button:focus-visible{box-shadow:0px 0px 0px var(--bb-ring-size) var(--bb-ring)}.bb-offcanvas .bb-offcanvas__header .bb-offcanvas__close .bb-offcanvas__close-icon{display:inline-flex}.bb-offcanvas .bb-offcanvas__header .bb-offcanvas__close .bb-offcanvas__close-icon svg{width:var(--bb-dialog-close)}.bb-offcanvas .bb-offcanvas__body{padding:var(--bb-dialog-py) calc(var(--bb-dialog-px) - var(--bb-ring-size)) calc(var(--bb-dialog-py) - var(--bb-ring-size));flex:auto;position:relative;overflow:auto}.bb-offcanvas .bb-offcanvas__body .bb-offcanvas__body-content{margin:0 min(var(--bb-ring-size), var(--bb-dialog-px))}.bb-offcanvas .bb-offcanvas__footer{padding:var(--bb-dialog-py) var(--bb-dialog-px);pointer-events:auto}.bb-offcanvas .bb-offcanvas__footer:empty{display:none}body:has(.bb-offcanvas--open){padding-right:var(--scrollbar-width);overflow:hidden}.bb-pagination{--color:var(--bb-primary);--text-color:var(--bb-text);--contrasting:var(--bb-contrasting);--radius:var(--bb-radius);--size:32px;padding:var(--bb-ring-size) 0px;width:100%;overflow:hidden}.bb-pagination--disabled{--color:color-mix(in srgb, var(--bb-panel), var(--bb-text) 10%);--text-color:color-mix(in srgb, var(--bb-panel), var(--bb-text) 40%);--contrasting:color-mix(in srgb, var(--bb-panel), var(--bb-text) 40%)}.bb-pagination--right .bb-pagination__pages{margin-left:auto}.bb-pagination--center .bb-pagination__pages{margin-left:auto;margin-right:auto}.bb-pagination .bb-pagination__pages{-moz-column-gap:8px;justify-content:center;align-items:center;column-gap:8px;width:max-content;display:flex}.bb-pagination .bb-pagination__pages li{display:flex}.bb-pagination .bb-pagination__pages li .bb-pagination__page{border-radius:var(--radius);color:var(--text-color);min-height:var(--size);min-width:var(--size);border-width:1px;border-color:#0000;justify-content:center;align-items:center;padding:4px;font-size:14px;font-weight:500;display:inline-flex}.bb-pagination .bb-pagination__pages li .bb-pagination__page:not(.bb-pagination__page--active){transition-duration:0s}.bb-pagination .bb-pagination__pages li .bb-pagination__page--active{background-color:var(--color);border-color:var(--color);color:var(--contrasting)}.bb-pagination .bb-pagination__pages li .bb-pagination__page:hover:not(.bb-pagination__page--active):not(:disabled){--text-color:var(--color);background-color:color-mix(in srgb, var(--color), transparent 85%)}.bb-pagination .bb-pagination__pages li .bb-pagination__page:focus-visible{background-color:var(--color);color:var(--contrasting)}.bb-pagination .bb-pagination__pages li .bb-pagination__page.bb-pagination__page--previous .bb-pagination__page-chevron{rotate:90deg}.bb-pagination .bb-pagination__pages li .bb-pagination__page.bb-pagination__page--next .bb-pagination__page-chevron{rotate:-90deg}.bb-pagination .bb-pagination__pages li .bb-pagination__page svg{width:20px;display:inline-block}.bb-popover .bb-popover__content{color:var(--bb-text);padding:8px;display:block}.bb-popover .bb-popover__content .bb-popover__close{border-radius:var(--bb-radius);float:right;isolation:isolate;margin:calc(var(--bb-ring-size) * -1) -4px 0px calc(var(--bb-ring-size) * -1 - 26px);z-index:1;outline:none;padding:8px;position:sticky;top:4px}.bb-popover .bb-popover__content .bb-popover__close:hover{color:var(--bb-primary)}.bb-popover .bb-popover__content .bb-popover__close svg{width:10px}.bb-progress{background-color:color-mix(in srgb, var(--bb-panel) 92%, var(--bb-text));border-radius:var(--bb-radius)}.bb-progress.bb-progress--horizontal{height:var(--bb-progress-track)}.bb-progress.bb-progress--horizontal .bb-progress-bar{height:100%}.bb-progress .bb-progress-bar{background-color:var(--bb-primary);border-radius:var(--bb-radius);transition:all .3s}.bb-radio .bb-base-input-container{cursor:pointer}.bb-radio .bb-base-input-container--horizontal{align-items:center;display:flex}.bb-radio .bb-base-input-container .bb-base-input-container__input{margin-bottom:-7px}.bb-radio-group .bb-base-input-container--horizontal .bb-base-input-container__label{float:left}.bb-radio-group .bb-base-input-container__input--right .bb-cr-container__container{justify-content:flex-end}.bb-radio-group .bb-base-input-container__input--center .bb-cr-container__container{justify-content:center}.bb-rating .bb-base-input-container--horizontal .bb-base-input-container__label{float:left}.bb-rating .bb-base-input-container__input--right .bb-cr-container__container{justify-content:flex-end}.bb-rating .bb-base-input-container__input--center .bb-cr-container__container{justify-content:center}.bb-ratio{display:block}.bb-select .bb-base-input-container .bb-base-input-container__input .bb-base-select{display:flex}.bb-select-popover{width:var(--bb-select-popover-width,320px)}.bb-select-popover .bb-select-popover__search-container{border-bottom:1px solid var(--bb-border);align-items:center;padding:.375rem .75rem;display:flex;position:relative}.bb-select-popover .bb-select-popover__search-icon,.bb-select-popover .bb-select-popover__search-spinner,.bb-select-popover .bb-select-popover__search-error-icon{color:var(--bb-icon-color);width:var(--bb-input-icon);opacity:0;pointer-events:none;flex-shrink:0;transition:color .3s,opacity .3s;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.bb-select-popover .bb-select-popover__search-input{color:var(--bb-input-color);font-size:var(--bb-input-font-size);line-height:var(--bb-leading);padding:0;padding-right:calc(var(--bb-input-icon) + .5rem);background-color:#0000;border:0;outline:none;flex:auto;width:100%}.bb-select-popover .bb-select-popover__search-icon{opacity:1}.bb-select-popover.bb-select-popover--errors .bb-select-popover__search-error-icon{color:var(--bb-danger);opacity:1}.bb-select-popover.bb-select-popover--errors .bb-select-popover__search-icon,.bb-select-popover.bb-select-popover--errors .bb-select-popover__search-spinner{opacity:0}.bb-select-popover.bb-select-popover--loading .bb-select-popover__search-spinner{opacity:1}.bb-select-popover.bb-select-popover--loading .bb-select-popover__search-icon,.bb-select-popover.bb-select-popover--loading .bb-select-popover__search-error-icon{opacity:0}.bb-select-popover .bb-listbox{--option-h:var(--option-height);display:block}.bb-select-popover .bb-listbox.bb-listbox--open{transition:min-height}.bb-select-popover .bb-listbox.bb-listbox--open .bb-listbox__outer-container{opacity:1;grid-template-rows:1fr;transition-delay:0s,0s}.bb-select-popover .bb-listbox.bb-listbox--open .bb-listbox__outer-container>*{opacity:1;transition-delay:calc(var(--transition-duration) * .8)}.bb-select-popover .bb-listbox.bb-listbox--no-data .bb-listbox__outer-container .bb-listbox__inner-container .bb-listbox__no-data{display:block}.bb-select-popover .bb-listbox.bb-listbox--loading .bb-listbox__outer-container .bb-listbox__inner-container .bb-listbox__loading{text-align:left;display:block;display:hidden}.bb-select-popover .bb-listbox.bb-listbox--multiple .autocomplete-option__checkbox{display:inline-block!important}.bb-select-popover .bb-listbox .bb-listbox__outer-container{background-color:var(--bb-panel);border-color:var(--bb-primary);border-radius:var(--bb-radius);opacity:0;transition-delay:calc(var(--transition-duration) * .25), 0s, 0s;transition-duration:var(--transition-duration), calc(var(--transition-duration) * 1.4), var(--transition-duration);border-width:0;grid-template-rows:0fr;transition-property:grid-template-rows,opacity,border;display:grid}.bb-select-popover .bb-listbox .bb-listbox__outer-container>*{opacity:0;transition-delay:0s;transition-duration:calc(var(--transition-duration) * 2);transition-property:opacity}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container{text-align:left;max-height:min(calc(var(--option-h) * 6), calc(round(down, calc(100dvh - 130px), var(--option-h)) - 1px));overflow:clip auto}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container .bb-listbox__loading,.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container .bb-listbox__no-data{color:var(--bb-text);padding-bottom:var(--bb-select-option-py);padding-left:var(--bb-select-option-px);padding-right:var(--bb-select-option-px);padding-top:var(--bb-select-option-py);display:none}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox]{width:100%;display:block;position:relative}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__group{width:100%;display:block;position:absolute;top:0;left:0}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__group-header{height:var(--group-header-height,32px);padding-left:var(--bb-select-option-px);padding-right:var(--bb-select-option-px);-webkit-user-select:none;user-select:none;align-items:center;display:flex}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__group-header .bb-listbox__group-header-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb, var(--bb-text) 50%, transparent);letter-spacing:.025em;text-transform:uppercase;flex:auto;align-items:center;gap:16px;font-size:.75rem;font-weight:600;display:flex;overflow:hidden}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__group-header .bb-listbox__group-header-label:after{content:"";background-color:var(--bb-border);width:100%;height:1px;display:block}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__option{width:100%;display:block;position:absolute;top:0;left:0}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__group>.bb-listbox__option{position:static}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option{--bg-opacity:0;--bg-base-color:var(--bb-text);background-color:color-mix(in srgb, var(--bg-base-color) calc(100% * var(--bg-opacity)), transparent);color:var(--bb-text);cursor:pointer;height:var(--option-h);padding-left:var(--bb-select-option-px);padding-right:var(--bb-select-option-px);flex-grow:1;align-items:center;gap:8px;width:100%;transition-property:color,background-color;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option:hover:not(.autocomplete-option--disabled){--bg-opacity:.05;--bg-base-color:var(--bb-text)}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--focused{--bg-opacity:.15;--bg-base-color:var(--bb-text)}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--focused:hover:not(.autocomplete-option--disabled){--bg-opacity:.2}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--selected{--bg-opacity:.1;color:var(--bb-primary);--bg-base-color:var(--bb-primary)!important}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--selected:hover:not(.autocomplete-option--disabled){--bg-opacity:.15}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--selected.autocomplete-option--focused,.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--selected.autocomplete-option--focused:hover:not(.autocomplete-option--disabled){--bg-opacity:.2}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--disabled{cursor:not-allowed;opacity:.5}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--disabled .autocomplete-option__checkbox.autocomplete-option__checkbox{background-color:var(--bb-panel-disabled)}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option .autocomplete-option__checkbox{pointer-events:none;background-color:var(--bb-panel);border-color:var(--bb-border);border-radius:min(6px, var(--bb-radius));border-style:solid;border-width:1px;width:16px;height:16px;margin-left:-6px;transition-property:color,background-color,border-color,text-decoration-color,box-shadow;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:none}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option .autocomplete-option__checkbox path{stroke:var(--bb-contrasting);stroke-dasharray:105;stroke-dashoffset:105px;transition:stroke-dashoffset .3s}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option .autocomplete-option__label{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:auto;display:block;overflow:hidden}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option.autocomplete-option--selected .autocomplete-option__checkbox{background-color:var(--bb-primary);border-color:var(--bb-primary)}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option.autocomplete-option--selected .autocomplete-option__checkbox path{stroke-dashoffset:0}.bb-slider .bb-base-input-container .bb-base-input-container__input .bb-base-slider{display:inline-flex}.bb-switch .bb-base-input-container{cursor:pointer}.bb-switch .bb-base-input-container--horizontal{align-items:center;display:flex}.bb-switch .bb-base-input-container .bb-base-input-container__input{margin-bottom:-7px}.bb-switch-group .bb-base-input-container--horizontal .bb-base-input-container__label{float:left}.bb-switch-group .bb-base-input-container__input--right .bb-cr-container__container{justify-content:flex-end}.bb-switch-group .bb-base-input-container__input--center .bb-cr-container__container{justify-content:center}.bb-tab{--transition-duration:.35s;--gap:30px;color:var(--bb-text);gap:24px;display:grid}.bb-tab--horizontal>.bb-tab__label-boundary:before{width:100%;height:1px;bottom:2px;left:0}.bb-tab--horizontal>.bb-tab__label-boundary .bb-tab__label-container{padding:var(--bb-ring-size) var(--bb-ring-size) 12px var(--bb-ring-size);white-space:nowrap}.bb-tab--horizontal>.bb-tab__label-boundary .bb-tab__label-container:before{height:5px;translate:var(--left) 0px;width:var(--width);bottom:0;left:0}.bb-tab--horizontal>.bb-tab__label-boundary .bb-tab__label-container>li+li{margin-left:40px}.bb-tab--vertical{grid-template-columns:auto 1fr;display:grid}.bb-tab--vertical>.bb-tab__label-boundary:before{width:1px;height:100%;top:0;right:2px}.bb-tab--vertical>.bb-tab__label-boundary .bb-tab__label-container{padding:var(--bb-ring-size) 12px var(--bb-ring-size) var(--bb-ring-size);flex-direction:column;align-items:stretch;display:flex}.bb-tab--vertical>.bb-tab__label-boundary .bb-tab__label-container>li+li{margin-top:10px}.bb-tab--vertical>.bb-tab__label-boundary .bb-tab__label-container:before{height:var(--height);translate:0px var(--top);width:5px;top:0;right:0}.bb-tab--vertical>.bb-tab__label-boundary .bb-tab__label-container .bb-tab__btn{text-align:left;width:100%}.bb-tab--vertical>span{display:block}.bb-tab .bb-tab__label-boundary{grid-template-columns:auto 1fr auto;display:grid;position:relative}.bb-tab .bb-tab__label-boundary:before{background-color:var(--bb-border);content:"";display:block;position:absolute}.bb-tab .bb-tab__label-boundary .bb-tab__label-container{-ms-overflow-style:none;scrollbar-width:none;font-weight:500;list-style:none;position:relative;overflow-x:auto}.bb-tab .bb-tab__label-boundary .bb-tab__label-container::-webkit-scrollbar{display:none}.bb-tab .bb-tab__label-boundary .bb-tab__label-container:before{background-color:var(--bb-primary);border-radius:var(--bb-radius);content:"";transition:translate .3s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1),height .25s cubic-bezier(.4,0,.2,1);position:absolute}.bb-tab .bb-tab__label-boundary .bb-tab__label-container--no-transition:before{display:none}.bb-tab .bb-tab__label-boundary .bb-tab__label-container li{display:inline-block}.bb-tab .bb-tab__label-boundary .bb-tab__label-container li .bb-tab__btn{min-height:40px;scroll-margin:60px}.bb-tab .bb-tab__label-boundary .bb-tab__label-container li .bb-tab__btn--active{color:var(--bb-primary)}.bb-tab .bb-tab__panes-container .bb-smooth-height>.content{grid-template-columns:1fr;display:grid;position:relative}.bb-tab .bb-tab__panes-container>div:not(.bb-smooth-height){grid-template-columns:1fr;display:grid;position:relative;overflow:clip}.bb-tab .bb-tab__panes-container .tab-slide-left-enter-active,.bb-tab .bb-tab__panes-container .tab-slide-right-enter-active{transition:translate var(--transition-duration) cubic-bezier(.2, 0, 0, 1), opacity calc(var(--transition-duration) * .6) cubic-bezier(0, 0, .2, 1)}.bb-tab .bb-tab__panes-container .tab-slide-left-leave-active,.bb-tab .bb-tab__panes-container .tab-slide-right-leave-active{transition:translate calc(var(--transition-duration) * .8) cubic-bezier(.4, 0, 1, 1), opacity calc(var(--transition-duration) * .4) cubic-bezier(.4, 0, 1, 1)}.bb-tab .bb-tab__panes-container .tab-slide-left-enter-from{opacity:0;translate:calc(-100% - var(--gap)) 0px}.bb-tab .bb-tab__panes-container .tab-slide-left-leave-to{opacity:0;translate:calc(100% + var(--gap)) 0px}.bb-tab .bb-tab__panes-container .tab-slide-left-enter-to,.bb-tab .bb-tab__panes-container .tab-slide-left-leave-from,.bb-tab .bb-tab__panes-container .tab-slide-right-enter-to,.bb-tab .bb-tab__panes-container .tab-slide-right-leave-from{opacity:1;translate:0}.bb-tab .bb-tab__panes-container .tab-slide-right-enter-from{opacity:0;translate:calc(100% + var(--gap)) 0px}.bb-tab .bb-tab__panes-container .tab-slide-right-leave-to{opacity:0;translate:calc(-100% - var(--gap)) 0px}@media (prefers-reduced-motion:reduce){.bb-tab .bb-tab__panes-container .tab-slide-left-enter-active,.bb-tab .bb-tab__panes-container .tab-slide-left-leave-active,.bb-tab .bb-tab__panes-container .tab-slide-right-enter-active,.bb-tab .bb-tab__panes-container .tab-slide-right-leave-active{transition:none}}.bb-tab .bb-tab__panes-container .bb-tab__pane{grid-area:1/1/2/2;display:none}.bb-tab .bb-tab__panes-container .bb-tab__pane--shown{display:block}.bb-table{--padding-x:16px;--padding-y:8px;--actions-spacing:8px;border-collapse:separate;border-spacing:0;display:grid;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--compact{--padding-x:8px;--padding-y:4px}.bb-table--fixed table{table-layout:fixed;width:100%}.bb-table--fixed table thead .bb-table-header--actions{width:auto}.bb-table--fixed-header table thead th{z-index:1;position:sticky;top:0}.bb-table--fixed-header table thead th[style*=sticky]{z-index:2;position:sticky;top:0}.bb-table--selectable tr>.bb-table-data__cell--select{text-align:center;width:0}.bb-table table{min-width:100%}.bb-table-header{border-bottom:1px solid var(--bb-border);color:color-mix(in srgb, var(--bb-text), transparent 40%);padding:var(--padding-y) var(--padding-x);font-size:14px;font-weight:500}.bb-table-header--center{text-align:center}.bb-table-header--right{text-align:right}.bb-table-header--actions{width:0}.bb-table tbody tr:not(:last-child){border-bottom:1px solid var(--bb-border)}.bb-table tbody tr td{color:var(--bb-text);height:var(--bb-table-cell-h);padding:var(--padding-y) var(--padding-x);font-size:14px;font-weight:400}.bb-table tbody tr td.bb-table-expand__cell{padding:0}.bb-table.bb-table--loading .bb-table-loading__row .bb-table-loading__cell{vertical-align:top;padding:0 var(--padding-x)!important}.bb-table.bb-table--loading .bb-table-loading__row--sr-only .bb-table-loading__cell{border:none;height:0;overflow:hidden;padding:0!important}.bb-table-skeleton__cell{height:var(--bb-table-cell-h);padding:var(--padding-y) var(--padding-x);vertical-align:middle;overflow:hidden}.bb-table-skeleton__cell--select,.bb-table-skeleton__cell--actions{text-align:center;width:0}.bb-table-skeleton__cell-content{max-height:calc(var(--bb-table-cell-h) - var(--padding-y) * 2);flex-direction:column;justify-content:center;gap:6px;min-width:96px;display:flex}.bb-table-skeleton__line{background:linear-gradient(90deg, var(--bb-border) 0%, var(--bb-border) 35%, color-mix(in srgb, var(--bb-border) 60%, white) 50%, var(--bb-border) 65%, var(--bb-border) 100%);background-size:200% 100%;border-radius:6px;flex-shrink:0;height:10px;animation:1.8s ease-in-out infinite bb-table-skeleton-shimmer}@media (prefers-reduced-motion:reduce){.bb-table-skeleton__line{background:var(--bb-border);animation:none}}.bb-table-skeleton__placeholder{background-color:var(--bb-border);border-radius:6px;flex-shrink:0;width:22px;min-width:22px;height:22px;margin:0 auto}.bb-table-skeleton__avatar{aspect-ratio:1;background-color:var(--bb-border);height:calc(var(--bb-table-cell-h) - var(--padding-y) * 2);min-width:calc(var(--bb-table-cell-h) - var(--padding-y) * 2);width:calc(var(--bb-table-cell-h) - var(--padding-y) * 2);border-radius:50%;flex-shrink:0}.bb-table-skeleton__avatar-text{max-height:calc(var(--bb-table-cell-h) - var(--padding-y) * 2);align-items:center;gap:12px;min-width:140px;display:flex}.bb-table-skeleton__avatar-text .bb-table-skeleton__avatar{width:calc(var(--bb-table-cell-h) - var(--padding-y) * 2)}.bb-table-skeleton__avatar-text .bb-table-skeleton__cell-content{flex:1;min-width:0}.bb-table-skeleton__image{aspect-ratio:4/3;background-color:var(--bb-border);height:calc(var(--bb-table-cell-h) - var(--padding-y) * 2);border-radius:8px;width:auto;min-width:64px}.bb-table-skeleton__badge{background-color:var(--bb-border);border-radius:999px;flex-shrink:0;width:88px;min-width:72px;height:26px}@keyframes bb-table-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bb-table-data__cell--center{text-align:center}.bb-table-data__cell--right{text-align:right}.bb-table__cell--actions{white-space:nowrap}.bb-table__cell--actions>:not(:first-child){margin-left:var(--actions-spacing)}.bb-table-check__label,.bb-table-radio__label{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-block;transform:translateY(2px)}.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{cursor:default;visibility:hidden}.bb-table-check__label.bb-table-radio__label--disabled,.bb-table-radio__label.bb-table-radio__label--disabled{cursor:default}.bb-tag .bb-base-input-container .bb-base-input-container__input .bb-base-tag,.bb-text-input .bb-base-input-container__input .bb-base-text-input,.bb-textarea .bb-base-input-container .bb-base-input-container__input .bb-base-textarea{display:inline-flex}.bb-toast{--page-margin:20px;--spacing:12px;--min-h:50px;--w:300px;--color:var(--bb-primary);--padding-x:12px;--padding-y:8px;gap:var(--spacing);margin:var(--page-margin);min-width:min(calc(100vw - var(--page-margin) * 2), var(--min-w));z-index:10;flex-direction:column;display:flex;position:fixed}.bb-toast[class*=bb-toast--bottom]{bottom:0}.bb-toast[class*=bb-toast--bottom].bb-toast--bottom{align-items:center;left:50%;transform:translate(-50%)}.bb-toast[class*=bb-toast--bottom].bb-toast--bottom-start{align-items:start;left:0}.bb-toast[class*=bb-toast--bottom].bb-toast--bottom-end{align-items:end;right:0}.bb-toast[class*=bb-toast--top]{top:0}.bb-toast[class*=bb-toast--top].bb-toast--top{align-items:center;left:50%;transform:translate(-50%)}.bb-toast[class*=bb-toast--top].bb-toast--top-start{align-items:start;left:0}.bb-toast[class*=bb-toast--top].bb-toast--top-end{align-items: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}.bb-toast-message{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--bb-panel);border:1px solid var(--bb-border);color:var(--bb-text);max-width:min(calc(100vw - var(--page-margin) * 2), var(--w));min-height:var(--min-h);padding:var(--padding-y) var(--padding-x);width:var(--w);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:8px;display:grid;position:relative}.bb-toast-message:has(.bb-toast-message__icon-container:empty){grid-template-columns:0 1fr;gap:0}.bb-toast-message:has(.bb-toast-message__icon-container:empty) .bb-toast-message__icon-container{display:none}.bb-toast-message .bb-toast-message__icon{color:var(--color);width:24px;height:24px}.bb-toast-message .bb-toast-message__content{grid-row-start:1;grid-column-start:2}.bb-toast-message .bb-toast-message__title{color:var(--color);margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.4}.bb-toast-message .bb-toast-message__text{opacity:.9;font-size:13px;font-weight:400;line-height:1.4}.bb-toast-message .bb-toast-message__close{color:var(--bb-text);float:right;z-index:1;margin:calc(var(--padding-y) * -1) calc(var(--padding-x) * -1) calc(var(--padding-y) * -1) 0px;opacity:.6;background:0 0;border:none;border-radius:4px;outline:none;grid-row-start:1;grid-column-start:2;width:fit-content;padding:8px;transition:all .2s;position:relative}.bb-toast-message .bb-toast-message__close:hover{opacity:1;background-color:#0000000d}.bb-toast-message .bb-toast-message__close:focus-visible{box-shadow:0 0 0 2px var(--bb-ring);opacity:1}.bb-toast-message .bb-toast-message__close svg{width:12px;height:12px}.bb-toast-message:hover .bb-toast-message__close{opacity:.8}.bb-tooltip .bb-tooltip__content{--p:8px;color:var(--bb-text);padding:var(--p);align-items:flex-start;font-size:14px;display:inline-flex}.bb-tooltip .bb-tooltip__content .bb-tooltip__close{border-radius:var(--bb-radius);isolation:isolate;padding:var(--p);margin:-2px calc(var(--p) * -1) calc(var(--p) * -1) 0px;flex-shrink:0;order:1}.bb-tooltip .bb-tooltip__content .bb-tooltip__close:hover,.bb-tooltip .bb-tooltip__content .bb-tooltip__close:focus-visible{color:var(--bb-primary)}.bb-tooltip .bb-tooltip__content .bb-tooltip__close svg{width:10px}.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-grow:1}.bb-tree>div[class^=bb-tree--depth-]{overflow:hidden}
|
|
1
|
+
.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scrollbar-border{scrollbar-color:var(--bb-border) var(--bb-panel);scrollbar-width:thin}.scrollbar-border::-webkit-scrollbar{background-color:inherit;border-radius:var(--bb-radius);width:6px;height:8px;display:block}.scrollbar-border::-webkit-scrollbar-thumb{background-color:var(--bb-primary);border-radius:var(--bb-radius);display:block}:root,.light{--bb-panel-light:#fff;--bb-panel-dark:#313638;--bb-panel:var(--bb-panel-light);--bb-panel-disabled-light:#f3f4f6;--bb-panel-disabled-dark:#797979;--bb-panel-disabled:var(--bb-panel-disabled-light);--bb-border-light:#d1d5db;--bb-border-dark:#646464;--bb-border:var(--bb-border-light);--bb-primary-base:#251dff;--bb-primary:var(--bb-primary-base);--bb-primary-dark:#729cfd;--bb-danger:#d93b30;--bb-contrasting:white;--bb-contrasting-dark:black;--bb-text-light:#000;--bb-text-dark:#fff;--bb-text:var(--bb-text-light);--bb-radius:4px;--bb-overlay-z-index:10;--bb-ring-opacity:.25;--bb-ring-size:4px;--bb-ring:color-mix(in srgb, var(--bb-primary) calc(var(--bb-ring-opacity) * 100%), transparent);--bb-input-h:36px;--bb-input-compact-h:28px;--bb-input-py:4px;--bb-input-compact-py:2px;--bb-input-px:8px;--bb-input-compact-px:4px;--bb-input-spacing:8px;--bb-label-spacing-y:6px;--bb-label-compact-spacing-y:4px;--bb-label-spacing-x:8px;--bb-input-icon:20px;--bb-input-compact-floating-py:3px;--bb-input-color:#374151;--bb-input-color-dark:#dee0df;--bb-icon-color:#6f7785;--bb-icon-color-dark:#b4b4b4;--bb-hint:#4b5563;--bb-hint-dark:#a0a0a0;--bb-label-size:14px;--bb-label-weight:400;--bb-input-font-size:16px;--bb-leading:calc(var(--bb-input-font-size) * 1.5);--bb-input-prefix-w:40px;--bb-input-compact-prefix-w:28px;--bb-input-prefix-px:4px;--bb-input-prefix:14px;--bb-checkbox-w:20px;--bb-radio-space:6px;--bb-switch-h:24px;--bb-switch-w:42px;--bb-switch-thumb:20px;--bb-switch-margin:2px;--bb-rating-size:24px;--bb-select-option-px:16px;--bb-select-option-py:8px;--bb-slider-thumb:20px;--bb-slider-track:6px;--bb-button-h:40px;--bb-button-icon:20px;--bb-arrow:1;--bb-dialog-title-size:18px;--bb-dialog-title-weight:600;--bb-dialog-close:12px;--bb-dialog-px:24px;--bb-dialog-py:24px;--bb-overlay-color:#000;--bb-overlay-opacity:.2;--bb-progress-track:var(--bb-slider-track);--bb-toast-m:20px;--bb-table-cell-h:42px}:root .dark,:root.dark{--bb-panel:var(--bb-panel-dark);--bb-panel-disabled:var(--bb-panel-disabled-dark);--bb-border:var(--bb-border-dark);--bb-primary:var(--bb-primary-dark);--bb-contrasting:var(--bb-contrasting-dark);--bb-text:var(--bb-text-dark);--bb-ring-opacity:.4;--bb-ring:color-mix(in srgb, var(--bb-primary) calc(var(--bb-ring-opacity) * 100%), transparent);--bb-input-color:var(--bb-input-color-dark);--bb-icon-color:var(--bb-icon-color-dark);--bb-hint:var(--bb-hint-dark)}.base-btn{box-shadow:0px 0px 0px 0px var(--bb-ring);color:var(--bb-text);cursor:pointer;outline-offset:2px;text-align:center;-webkit-user-select:none;user-select:none;outline:2px solid #0000;transition-property:color,background-color,border-color,text-decoration-color,box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.base-btn--block{width:100%}.base-btn--disabled{cursor:not-allowed;pointer-events:none}.base-btn:focus-visible{box-shadow:0px 0px 0px var(--bb-ring-size) var(--bb-ring)}a.base-btn:hover{-webkit-text-decoration:inherit;text-decoration:inherit}.bb-base-checkbox{--color:var(--bb-primary);--check-color:var(--bb-contrasting);display:inline-flex}.bb-base-checkbox:has(:focus-visible) .bb-base-checkbox-container__icon{box-shadow:0px 0px 0px var(--bb-ring-size) var(--bb-ring)}.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{background-color:var(--color);border-color:var(--color)}.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{background-color:var(--color);border-color:var(--color)}.bb-base-checkbox input[type=checkbox]:indeterminate+.bb-base-checkbox-container .bb-base-checkbox-container__icon path{stroke-dashoffset:0}.bb-base-checkbox.bb-base-checkbox--disabled{--check-color:color-mix(in srgb, var(--bb-panel), var(--bb-text) 40%)}.bb-base-checkbox.bb-base-checkbox--disabled input[type=checkbox]+.bb-base-checkbox-container .bb-base-checkbox-container__icon,.bb-base-checkbox.bb-base-checkbox--disabled .bb-base-checkbox-container .bb-base-checkbox-container__icon{background-color:var(--bb-panel-disabled);border-color:var(--bb-border)}.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{background-color:var(--bb-panel);border-color:var(--bb-border);border-radius:min(6px, var(--bb-radius));box-shadow:0px 0px 0px 0px var(--bb-ring);cursor:pointer;height:var(--bb-checkbox-w);width:var(--bb-checkbox-w);border-style:solid;border-width:1px;transition-property:color,background-color,border-color,text-decoration-color,box-shadow;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-block}.bb-base-checkbox .bb-base-checkbox-container__icon path{stroke:var(--check-color);stroke-dasharray:105;stroke-dashoffset:105px;transition:stroke-dashoffset .3s}.bb-cr-container--vertical .bb-cr-container-option{width:100%;display:flex}.bb-cr-container__container{-moz-column-gap:24px;flex-wrap:wrap;align-items:center;gap:10px 24px;display:flex}.bb-cr-container-option{-moz-column-gap:var(--bb-label-spacing-x);align-items:center;column-gap:var(--bb-label-spacing-x);cursor:pointer;display:inline-flex}.bb-cr-container-option__text{color:var(--bb-text);font-size:var(--bb-label-size);font-weight:var(--bb-label-weight);transition-property:color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-color-palette{-webkit-user-select:none;user-select:none;flex-direction:column;gap:12px;width:272px;padding:12px;display:flex}.bb-color-palette__canvas-wrap{border-radius:var(--bb-radius);cursor:crosshair;touch-action:none;outline:none;flex-shrink:0;height:150px;position:relative;overflow:hidden}.bb-color-palette__canvas-wrap:focus-visible{box-shadow:0 0 0 var(--bb-ring-size) var(--bb-ring)}.bb-color-palette__canvas{width:100%;height:100%;display:block}.bb-color-palette__canvas-thumb{pointer-events:none;will-change:left, top;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #00000040}.bb-color-palette__controls{align-items:center;gap:12px;display:flex}.bb-color-palette__preview-wrap{flex-shrink:0}.bb-color-palette__preview{border:1px solid var(--bb-border);background:var(--bb-picker-preview-color,#000);border-radius:50%;width:36px;height:36px}.bb-color-palette__preview--alpha{background-image:linear-gradient(var(--bb-picker-preview-color,transparent), var(--bb-picker-preview-color,transparent)), repeating-conic-gradient(#d1d5db 0% 25%, white 0% 50%);background-size:100% 100%,6px 6px}.bb-color-palette__eyedropper{border:1px solid var(--bb-border);border-radius:var(--bb-radius);width:32px;height:32px;color:var(--bb-text-secondary,#6b7280);cursor:pointer;background:0 0;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .1s,color .1s,border-color .1s;display:flex}.bb-color-palette__eyedropper:hover{background:var(--bb-surface-hover,#0000000d);color:var(--bb-text,#111827);border-color:var(--bb-border-hover,#9ca3af)}.bb-color-palette__eyedropper:focus-visible{box-shadow:0 0 0 var(--bb-ring-size) var(--bb-ring)}.bb-color-palette__eyedropper:disabled{opacity:.4;cursor:default}.bb-color-palette__sliders{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.bb-color-palette__slider-wrap{cursor:pointer;touch-action:none;border-radius:100px;outline:none;height:12px;position:relative}.bb-color-palette__slider-wrap:focus-visible{box-shadow:0 0 0 var(--bb-ring-size) var(--bb-ring)}.bb-color-palette__slider-wrap--alpha{background-image:repeating-conic-gradient(#d1d5db 0% 25%,#fff 0% 50%);background-size:6px 6px;border-radius:100px}.bb-color-palette__slider-track{border-radius:100px;width:100%;height:100%;display:block}.bb-color-palette__slider-thumb{pointer-events:none;will-change:left;background:#fff;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000059}.bb-color-palette__swatches{border-top:1px solid var(--bb-border);gap:4px;padding-top:10px;display:flex}.bb-color-palette__swatch-group{flex-direction:column;flex:1;gap:3px;display:flex}.bb-color-palette__swatch{border-radius:var(--bb-radius);cursor:pointer;border:none;outline:none;width:100%;height:20px;padding:0;transition:filter .1s,box-shadow .1s;box-shadow:inset 0 0 0 1px #00000014}.bb-color-palette__swatch:hover{filter:brightness(.9)}.bb-color-palette__swatch:focus-visible{box-shadow:0 0 0 var(--bb-ring-size) var(--bb-ring)}.bb-color-palette__swatch--active{box-shadow:inset 0 0 0 1px #00000014, 0 0 0 2px white, 0 0 0 3.5px var(--bb-primary)}.bb-common-popover{--arrow-h:8px;--arrow-w:20px;--translate-x-coefficient:0;--translate-y-coefficient:0;--translate-distance:0px;z-index:-1;border-radius:var(--bb-radius);opacity:0;pointer-events:none;width:max-content;max-width:calc(100% - var(--page-padding) * 2);transition:opacity calc(var(--transition-duration) * .75), z-index 0s var(--transition-duration);background-color:#0000;outline:none;margin:0;padding:0;display:flex;position:fixed;top:-2000px;overflow:visible}.bb-common-popover::backdrop{background-color:#0000}.bb-common-popover.bb-common-popover--no-arrow{--bb-arrow:0}.bb-common-popover.bb-common-popover--open{z-index:var(--bb-overlay-z-index);opacity:1;pointer-events:auto;scale:1}.bb-common-popover.bb-common-popover--open .bb-common-popover__bubble{scale:1}.bb-common-popover.bb-common-popover--open .bb-common-popover__bubble>*{opacity:1}.bb-common-popover[class*=--bottom] .bb-common-popover__arrow,.bb-common-popover[class*=--top] .bb-common-popover__arrow{border-left:calc(var(--arrow-w) / 2 * var(--bb-arrow)) solid transparent;border-right:calc(var(--arrow-w) / 2 * var(--bb-arrow)) solid transparent;border-bottom:calc(var(--arrow-h) * var(--bb-arrow)) solid var(--bb-border);width:0;height:0;position:relative}.bb-common-popover[class*=--bottom] .bb-common-popover__arrow:after,.bb-common-popover[class*=--top] .bb-common-popover__arrow:after{border-left:calc(var(--arrow-w) / 2 * var(--bb-arrow)) solid transparent;border-right:calc(var(--arrow-w) / 2 * var(--bb-arrow)) solid transparent;border-bottom:calc(var(--arrow-h) * var(--bb-arrow)) solid var(--bb-panel);content:"";width:0;height:0;position:absolute;inset:1px;transform:translate(calc(-50% - 1px))}.bb-common-popover[class*=--bottom][class*=--bottom],.bb-common-popover[class*=--top][class*=--bottom]{--translate-y-coefficient:1;flex-direction:column}.bb-common-popover[class*=--bottom][class*=--bottom] .bb-common-popover__bubble,.bb-common-popover[class*=--top][class*=--bottom] .bb-common-popover__bubble{transform-origin:var(--arrow-offset-x) top}.bb-common-popover[class*=--bottom][class*=--top],.bb-common-popover[class*=--top][class*=--top]{--translate-y-coefficient:-1;flex-direction:column-reverse}.bb-common-popover[class*=--bottom][class*=--top] .bb-common-popover__arrow,.bb-common-popover[class*=--top][class*=--top] .bb-common-popover__arrow{transform:rotate(180deg)}.bb-common-popover[class*=--bottom][class*=--top] .bb-common-popover__bubble,.bb-common-popover[class*=--top][class*=--top] .bb-common-popover__bubble{transform-origin:var(--arrow-offset-x) bottom}.bb-common-popover[class*=--left],.bb-common-popover[class*=--right]{flex-direction:row}.bb-common-popover[class*=--left] .bb-common-popover__arrow,.bb-common-popover[class*=--right] .bb-common-popover__arrow{border-top:calc(var(--arrow-w) / 2 * var(--bb-arrow)) solid transparent;border-bottom:calc(var(--arrow-w) / 2 * var(--bb-arrow)) solid transparent;border-left:calc(var(--arrow-h) * var(--bb-arrow)) solid var(--bb-border);width:0;height:0;position:relative}.bb-common-popover[class*=--left] .bb-common-popover__arrow:after,.bb-common-popover[class*=--right] .bb-common-popover__arrow:after{border-top:calc(var(--arrow-w) / 2 * var(--bb-arrow)) solid transparent;border-bottom:calc(var(--arrow-w) / 2 * var(--bb-arrow)) solid transparent;border-left:calc(var(--arrow-h) * var(--bb-arrow)) solid var(--bb-panel);content:"";width:0;height:0;position:absolute;inset:1px;transform:translate(calc(-100% - 2px))translateY(calc(-50% - 1px))}.bb-common-popover[class*=--left][class*=--left],.bb-common-popover[class*=--right][class*=--left]{--translate-x-coefficient:-1;flex-direction:row-reverse}.bb-common-popover[class*=--left][class*=--left] .bb-common-popover__bubble,.bb-common-popover[class*=--right][class*=--left] .bb-common-popover__bubble{transform-origin:100%}.bb-common-popover[class*=--left][class*=--right],.bb-common-popover[class*=--right][class*=--right]{--translate-x-coefficient:1}.bb-common-popover[class*=--left][class*=--right] .bb-common-popover__arrow,.bb-common-popover[class*=--right][class*=--right] .bb-common-popover__arrow{rotate:180deg}.bb-common-popover[class*=--left][class*=--right] .bb-common-popover__bubble,.bb-common-popover[class*=--right][class*=--right] .bb-common-popover__bubble{transform-origin:0}.bb-common-popover .bb-common-popover__arrow{opacity:calc(var(--bb-arrow) * 100%);z-index:100;display:inline-block;position:relative}.bb-common-popover.bb-common-popover--scrollable .bb-common-popover__bubble{max-height:var(--available-height);overflow-y:auto}.bb-common-popover .bb-common-popover__bubble{border-radius:var(--bb-radius);border:1px solid var(--bb-border);background-color:var(--bb-panel);transition:scale var(--transition-duration);text-wrap:balance;display:block;position:relative;scale:.6}.bb-common-popover .bb-common-popover__bubble>*{transition:opacity var(--transition-duration) calc(var(--transition-duration) * .5);opacity:0}.bb-icon{--size:var(--bb-icon-dimensions-w);width:var(--size);pointer-events:none}.bb-spinner{width:var(--size);fill:currentColor;display:inline-block}@keyframes bb-spin-animation{0%,50%{r:0;animation-timing-function:cubic-bezier(.27,.42,.37,.99)}25%{r:2px;animation-timing-function:cubic-bezier(.53,0,.61,.73)}}.bb-spinner .bb-spinner__circle{animation:1.2s infinite bb-spin-animation}.bb-spinner .circle--1{animation-delay:.1s}.bb-spinner .circle--3{animation-delay:.2s}.bb-spinner .circle--5{animation-delay:.3s}.bb-spinner .circle--7{animation-delay:.4s}.bb-spinner .circle--9{animation-delay:.5s}.bb-spinner .circle--11{animation-delay:.6s}.bb-spinner .circle--10{animation-delay:.7s}.bb-spinner .circle--8{animation-delay:.8s}.bb-spinner .circle--6{animation-delay:.9s}.bb-spinner .circle--4{animation-delay:1s}.bb-spinner .circle--2{animation-delay:1.1s}.bb-clearable-button{outline-offset:2px;box-shadow:0px 0px 0px 0px var(--ring-color);border-radius:var(--bb-radius);outline:2px solid #0000;transition-property:color,background-color,border-color,text-decoration-color,box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-clearable-button:focus-visible{box-shadow:0px 0px 0px var(--bb-ring-size) var(--ring-color)}.bb-error-icon{--color:var(--bb-danger);color:var(--color)}.bb-common-input-inner-container{--ring-color:color-mix(in srgb, var(--bb-primary), transparent calc(100% - var(--bb-ring-opacity) * 100%));background-color:var(--bb-panel);border:1px solid var(--bb-border);border-radius:var(--bb-radius);box-shadow:0px 0px 0px 0px var(--bb-ring);align-items:center;gap:0 var(--bb-input-spacing);min-height:var(--bb-input-h);padding-left:var(--bb-input-px);padding-right:var(--bb-input-px);flex:auto;transition:all .3s;display:inline-flex;overflow:clip}.bb-common-input-inner-container.bb-common-input-inner-container--clearable:focus-within .bb-clearable-button,.bb-common-input-inner-container.bb-common-input-inner-container--clearable:hover .bb-clearable-button{opacity:1;margin-left:0;scale:1}.bb-common-input-inner-container:focus-within{border-color:var(--bb-primary);box-shadow:0px 0px 0px var(--bb-ring-size) var(--ring-color)}.bb-common-input-inner-container:has(:active:not(:disabled)){border-color:var(--bb-primary);box-shadow:0px 0px 0px var(--bb-ring-size) var(--ring-color)}.bb-common-input-inner-container input,.bb-common-input-inner-container textarea{color:var(--bb-input-color);font-size:var(--bb-input-font-size);isolation:isolate;margin-bottom:var(--bb-input-py);margin-top:var(--bb-input-py);background-color:#0000;outline:none;flex:auto;min-width:50px}.bb-common-input-inner-container input::-moz-placeholder{color:color-mix(in srgb, var(--bb-input-color), transparent 45%)}.bb-common-input-inner-container textarea::-moz-placeholder{color:color-mix(in srgb, var(--bb-input-color), transparent 45%)}.bb-common-input-inner-container input::placeholder,.bb-common-input-inner-container textarea::placeholder{color:color-mix(in srgb, var(--bb-input-color), transparent 45%)}.bb-common-input-inner-container input:-webkit-autofill{transition:background-color 0s 600000s,color 0s 600000s!important}.bb-common-input-inner-container input:-webkit-autofill:hover{transition:background-color 0s 600000s,color 0s 600000s!important}.bb-common-input-inner-container input:-webkit-autofill:focus{transition:background-color 0s 600000s,color 0s 600000s!important}.bb-common-input-inner-container input:-webkit-autofill:active{transition:background-color 0s 600000s,color 0s 600000s!important}.bb-common-input-inner-container textarea:-webkit-autofill{transition:background-color 0s 600000s,color 0s 600000s!important}.bb-common-input-inner-container textarea:-webkit-autofill:hover{transition:background-color 0s 600000s,color 0s 600000s!important}.bb-common-input-inner-container textarea:-webkit-autofill:focus{transition:background-color 0s 600000s,color 0s 600000s!important}.bb-common-input-inner-container textarea:-webkit-autofill:active{transition:background-color 0s 600000s,color 0s 600000s!important}.bb-common-input-inner-container input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bb-common-input-inner-container input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bb-common-input-inner-container textarea::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bb-common-input-inner-container textarea::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bb-common-input-inner-container .bb-clearable-button{color:var(--bb-icon-color);isolation:isolate;opacity:0;z-index:1;margin-left:calc((var(--bb-input-spacing) + var(--bb-input-icon)) * -1);flex-shrink:0;transition:color .3s,scale .3s,margin-left .3s,opacity .3s;position:relative;scale:0;width:var(--bb-input-icon)!important}.bb-common-input-inner-container .bb-common-input-inner-container__prepend-icon,.bb-common-input-inner-container .bb-common-input-inner-container__append-icon{color:var(--bb-icon-color);flex-shrink:0;width:var(--bb-input-icon)!important}.bb-common-input-inner-container .bb-common-input-inner-container__append-icon{margin-right:calc((var(--bb-input-spacing) + var(--bb-input-icon)) * -1);transition:color .3s,margin-left .3s,opacity .3s}.bb-common-input-inner-container .bb-common-input-inner-container__append-icon~.bb-spinner{margin-right:0}.bb-common-input-inner-container>.bb-spinner{color:var(--bb-icon-color);opacity:0;margin-right:calc((var(--bb-input-spacing) + var(--bb-input-icon)) * -1);flex-shrink:0;transition:color .3s,margin-left .3s,opacity .3s;width:var(--bb-input-icon)!important}.bb-common-input-inner-container>.bb-spinner~*{isolation:isolate}.bb-common-input-inner-container .bb-error-icon{opacity:0;margin-right:calc((var(--bb-input-spacing) + var(--bb-input-icon)) * -1);flex-shrink:0;transition:color .3s,opacity .3s,margin-right 0s .3s;width:var(--bb-input-icon)!important}.bb-common-input-inner-container .bb-common-input-inner-container__prefix,.bb-common-input-inner-container .bb-common-input-inner-container__suffix{--prefix-color:color-mix(in srgb, var(--bb-panel) 50%, var(--bb-text));background-color:color-mix(in srgb, var(--prefix-color), transparent 70%);color:var(--prefix-color);font-size:var(--bb-input-prefix);height:100%;min-width:var(--bb-input-prefix-w);padding-left:var(--bb-input-prefix-px);padding-right:var(--bb-input-prefix-px);place-items:center;transition:color .3s;display:inline-grid}.bb-common-input-inner-container .bb-common-input-inner-container__prefix:empty,.bb-common-input-inner-container .bb-common-input-inner-container__suffix:empty{display:none}.bb-common-input-inner-container .bb-common-input-inner-container__prefix{margin-left:calc(var(--bb-input-px) * -1)}.bb-common-input-inner-container .bb-common-input-inner-container__suffix{margin-right:calc(var(--bb-input-px) * -1)}[class*=--compact]>.bb-common-input-inner-container,[class*=--compact]>[class*=inner-wrapper]>.bb-common-input-inner-container{--bb-input-h:var(--bb-input-compact-h);--bb-input-py:var(--bb-input-compact-py)}[class*=--compact]>.bb-common-input-inner-container input,[class*=--compact]>.bb-common-input-inner-container textarea,[class*=--compact]>[class*=inner-wrapper]>.bb-common-input-inner-container input,[class*=--compact]>[class*=inner-wrapper]>.bb-common-input-inner-container textarea{line-height:initial}[class*=--active]>.bb-common-input-inner-container,[class*=--active]>[class*=inner-wrapper]>.bb-common-input-inner-container{border-color:var(--bb-primary);box-shadow:0px 0px 0px var(--bb-ring-size) var(--ring-color)}[class*=--disabled]>.bb-common-input-inner-container,[class*=--disabled]>[class*=inner-wrapper]>.bb-common-input-inner-container{background-color:var(--bb-panel-disabled)}[class*=--disabled]>.bb-common-input-inner-container input,[class*=--disabled]>.bb-common-input-inner-container textarea,[class*=--disabled]>[class*=inner-wrapper]>.bb-common-input-inner-container input,[class*=--disabled]>[class*=inner-wrapper]>.bb-common-input-inner-container textarea{color:color-mix(in srgb, transparent 40%, var(--bb-text))}[class*=--errors]>.bb-common-input-inner-container,[class*=--errors]>[class*=inner-wrapper]>.bb-common-input-inner-container{--ring-color:color-mix(in srgb, var(--bb-danger), transparent calc(100% - var(--bb-ring-opacity) * 100%));border-color:var(--bb-danger)}[class*=--errors]>.bb-common-input-inner-container:focus-within,[class*=--errors]>[class*=inner-wrapper]>.bb-common-input-inner-container:focus-within{border-color:var(--bb-danger)}[class*=--errors]>.bb-common-input-inner-container:has(:active:not(:disabled)){border-color:var(--bb-danger)}[class*=--errors]>[class*=inner-wrapper]>.bb-common-input-inner-container:has(:active:not(:disabled)){border-color:var(--bb-danger)}[class*=--errors]>.bb-common-input-inner-container>.bb-error-icon,[class*=--errors]>[class*=inner-wrapper]>.bb-common-input-inner-container>.bb-error-icon{opacity:1;transition:color .3s,opacity .3s}[class*=--errors]>.bb-common-input-inner-container>.bb-spinner,[class*=--errors]>[class*=inner-wrapper]>.bb-common-input-inner-container>.bb-spinner{margin-right:0}[class*=--errors]>.bb-common-input-inner-container>.bb-common-input-inner-container__append-icon,[class*=--errors]>[class*=inner-wrapper]>.bb-common-input-inner-container>.bb-common-input-inner-container__append-icon,[class*=--loading]>.bb-common-input-inner-container>.bb-common-input-inner-container__append-icon,[class*=--loading]>[class*=inner-wrapper]>.bb-common-input-inner-container>.bb-common-input-inner-container__append-icon{opacity:0}[class*=--loading]>.bb-common-input-inner-container>.bb-error-icon,[class*=--loading]>[class*=inner-wrapper]>.bb-common-input-inner-container>.bb-error-icon{opacity:0;transition:color .3s,opacity .3s,margin-left}[class*=--loading]>.bb-common-input-inner-container>.bb-spinner,[class*=--loading]>[class*=inner-wrapper]>.bb-common-input-inner-container>.bb-spinner{opacity:1;margin-right:0}.bb-common-input-outer-container{align-items:center;display:inline-flex}.bb-base-color-input{--bb-arrow:0;position:relative}.bb-base-color-input .bb-common-input-inner-container{position:relative}.bb-base-color-input .bb-common-input-inner-container .bb-base-color-input__indicator{background-color:inherit;border:1px solid var(--bb-border);border-radius:var(--bb-radius);cursor:pointer;height:var(--bb-input-icon);width:var(--bb-input-icon);isolation:isolate;box-shadow:0px 0px 0px 0px var(--bb-ring);outline:none;transition:box-shadow .15s cubic-bezier(.4,0,.2,1);display:inline-block}.bb-base-color-input .bb-common-input-inner-container .bb-base-color-input__indicator:focus-visible{box-shadow:0px 0px 0px var(--bb-ring-size) var(--bb-ring)}.bb-slide-in-top-enter-active[data-v-0df1a438],.bb-slide-in-top-leave-active[data-v-0df1a438],.bb-slide-in-bottom-enter-active[data-v-0df1a438],.bb-slide-in-bottom-leave-active[data-v-0df1a438],.bb-slide-in-left-enter-active[data-v-0df1a438],.bb-slide-in-left-leave-active[data-v-0df1a438],.bb-slide-in-right-enter-active[data-v-0df1a438],.bb-slide-in-right-leave-active[data-v-0df1a438]{transition:transform var(--transition-duration) ease, opacity var(--transition-duration) calc(var(--transition-duration) * .25) ease}.bb-slide-in-left-enter-from[data-v-0df1a438]{transform:translateX(calc(-100% - var(--gap)))}.bb-slide-in-left-leave-to[data-v-0df1a438]{transform:translateX(calc(100% + var(--gap)))}.bb-slide-in-left-enter-to[data-v-0df1a438],.bb-slide-in-left-leave-from[data-v-0df1a438]{transform:translate(0)}.bb-slide-in-right-enter-from[data-v-0df1a438]{transform:translateX(calc(100% + var(--gap)))}.bb-slide-in-right-leave-to[data-v-0df1a438]{transform:translateX(calc(-100% - var(--gap)))}.bb-slide-in-right-enter-to[data-v-0df1a438],.bb-slide-in-right-leave-from[data-v-0df1a438]{transform:translate(0)}.bb-slide-in-top-enter-from[data-v-0df1a438]{transform:translateY(calc(-100% - var(--gap)))}.bb-slide-in-top-leave-to[data-v-0df1a438]{transform:translateY(calc(100% + var(--gap)))}.bb-slide-in-top-enter-to[data-v-0df1a438],.bb-slide-in-top-leave-from[data-v-0df1a438]{transform:translateY(0)}.bb-slide-in-bottom-enter-from[data-v-0df1a438]{transform:translateY(calc(100% + var(--gap)))}.bb-slide-in-bottom-leave-to[data-v-0df1a438]{transform:translateY(calc(-100% - var(--gap)))}.bb-slide-in-bottom-enter-to[data-v-0df1a438],.bb-slide-in-bottom-leave-from[data-v-0df1a438]{transform:translateY(0)}[class*=bb-slide-in][class*=leave-to][data-v-0df1a438],[class*=bb-slide-in][class*=enter-from][data-v-0df1a438]{opacity:0}.bb-base-date-picker{--cell-height:32px;--padding-y:12px;--padding-x:16px;background-color:var(--bb-panel);border-radius:var(--bb-radius);width:260px;transition:background-color .2s;overflow:clip}.bb-base-date-picker .bb-base-date-picker__header{background-color:var(--bb-primary);color:var(--bb-contrasting);padding-bottom:var(--padding-y);padding-left:var(--padding-x);padding-top:var(--padding-y);margin-top:-1px;margin-left:-1px;margin-right:-1px;transition:background-color .2s}.bb-base-date-picker .bb-base-date-picker__header--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-date-picker .bb-base-date-picker__header .bb-base-date-picker__year-container{height:28px;position:relative;overflow:clip}.bb-base-date-picker .bb-base-date-picker__header .bb-base-date-picker__year-container .bb-base-date-picker__year-button{opacity:.75;font-size:18px;line-height:28px;position:absolute;top:0;left:0}.bb-base-date-picker .bb-base-date-picker__header .bb-base-date-picker__selected-day-label{text-transform:capitalize;font-size:20px;line-height:24px}.bb-base-date-picker .bb-base-date-picker__header .bb-base-date-picker__selected-day-label .bb-base-date-picker__weekday,.bb-base-date-picker .bb-base-date-picker__header .bb-base-date-picker__selected-day-label .bb-base-date-picker__monthday{margin-right:4px;display:inline-block}.bb-base-date-picker .bb-base-date-picker__header .bb-base-date-picker__selected-day-label .bb-base-date-picker__month-button{display:inline-block}.bb-base-date-picker__body{background-color:inherit;padding-bottom:var(--padding-y);padding-left:var(--padding-x);padding-right:var(--padding-x);padding-top:var(--padding-y)}.bb-base-date-picker__controls{-moz-column-gap:4px;align-items:center;column-gap:4px;margin-top:4px;margin-bottom:14px;display:flex}.bb-base-date-picker__control{background-color:color-mix(in srgb, var(--bb-primary), transparent var(--transparency));color:var(--bb-text);text-transform:capitalize;--transparency:100%;border-radius:4px;justify-content:center;align-items:center;min-width:24px;height:24px;padding-top:2px;padding-bottom:2px;font-size:14px;line-height:20px;display:flex}.bb-base-date-picker__control:hover:not(:disabled){--transparency:85%;color:var(--bb-primary)}.bb-base-date-picker__control:active:not(:disabled){--transparency:85%}.bb-base-date-picker .bb-base-date-picker__year-control{margin-right:auto}.bb-base-date-picker .bb-base-date-picker__content{background-color:inherit;position:relative;overflow-y:clip}.bb-base-date-picker .bb-base-date-picker__button-menu{background-color:inherit;height:100%;padding-bottom:var(--bb-ring-size);padding-top:var(--bb-ring-size);width:100%;position:absolute;top:0}.bb-base-date-picker .bb-base-date-picker__button-menu .content{-moz-column-gap:16px;column-gap:16px;width:100%;height:100%;display:grid}.bb-base-date-picker .bb-base-date-picker__button-menu .content .content__btn{border-radius:var(--bb-radius);text-transform:capitalize;justify-content:center;align-items:center;height:32px;font-size:14px;line-height:20px;transition:background-color .15s,color .15s;display:inline-flex}.bb-base-date-picker .bb-base-date-picker__button-menu .content .content__btn:hover{background-color:color-mix(in srgb, var(--bb-primary) 15%, transparent)}.bb-base-date-picker .bb-base-date-picker__button-menu .content .content__btn.content__btn--selected{background-color:var(--bb-primary);color:var(--bb-contrasting)}.bb-base-date-picker .bb-base-date-picker__month-selector .content{grid-template-columns:1fr 1fr}.bb-base-date-picker .bb-base-date-picker__year-selector{width:calc(100% + var(--padding-x))}.bb-base-date-picker .bb-base-date-picker__year-selector .content{grid-template-columns:1fr 1fr 1fr;overflow:auto}.bb-base-date-picker__days-selector{min-height:calc(var(--cell-height) * 7);opacity:1;transition:opacity .5s .15s;position:relative}.bb-base-date-picker__days-selector--hidden{opacity:0;transition:opacity .5s}.bb-base-date-picker__month{width:100%;display:inline-block;position:absolute;top:0;left:0}.bb-base-date-picker__header-container{display:flex}.bb-base-date-picker__header-cell{color:var(--bb-text);height:var(--cell-height);flex:auto;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;line-height:1rem;display:flex}.bb-base-date-picker__week{display:flex}.bb-base-date-picker__date{color:color-mix(in srgb, var(--bb-text) 40%, transparent);height:var(--cell-height);text-align:center;flex:1;font-size:.75rem;line-height:1rem;transition-property:color,background-color;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-base-date-picker__date.bb-base-date-picker__date--middle{background-color:color-mix(in srgb, var(--bb-primary) 15%, transparent)}.bb-base-date-picker__date.bb-base-date-picker__date--highlighted{color:var(--bb-text)}.bb-base-date-picker__date.bb-base-date-picker__date--highlighted .bb-base-date-picker__date-button:hover:not(:disabled){background-color:color-mix(in srgb, var(--bb-primary) 15%, transparent)}.bb-base-date-picker__date.bb-base-date-picker__date--disabled .bb-base-date-picker__date-button{cursor:not-allowed;opacity:.5}.bb-base-date-picker__date.bb-base-date-picker__date--today .bb-base-date-picker__date-button{border:1px solid color-mix(in srgb, var(--bb-primary) 40%, transparent);color:var(--bb-primary)}.bb-base-date-picker__date.bb-base-date-picker__date--today.bb-base-date-picker__date--middle .bb-base-date-picker__date-button{background-color:color-mix(in srgb, var(--bb-primary) 40%, transparent)}.bb-base-date-picker__date.bb-base-date-picker__date--current .bb-base-date-picker__date-button:not(:disabled){background-color:color-mix(in srgb, var(--bb-primary) 55%, transparent);color:var(--bb-contrasting)}.bb-base-date-picker__date.bb-base-date-picker__date--selected .bb-base-date-picker__date-button{color:var(--bb-contrasting);background-color:var(--bb-primary)!important}.bb-base-date-picker__date.bb-base-date-picker__date--selected .bb-base-date-picker__date-button:hover:not(:disabled){background-color:var(--bb-primary)}.bb-base-date-picker__date-button{border-radius:var(--bb-radius);box-shadow:0px 0px 0px 0px var(--bb-ring);outline-offset:2px;height:100%;width:var(--cell-height);outline:2px solid #0000;transition:box-shadow .2s,background-color .2s,color .2s;display:inline-block}.bb-base-date-picker__date-button:focus-visible{box-shadow:0px 0px 0px var(--bb-ring-size) var(--bb-ring)}.bb-base-date-picker__date-button:hover:not(:disabled){background-color:color-mix(in srgb, var(--bb-primary) 5%, transparent)}.bb-base-date-picker-input{--bb-arrow:0}.bb-base-date-picker-input .bb-base-date-picker-input__inner-wrapper{flex:auto;display:block}.bb-base-date-picker-input .bb-common-input-inner-container{display:flex;position:relative}.bb-base-date-picker-input .bb-common-input-inner-container>:last-child{order:2}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__fields{flex:1;align-items:center;gap:0;display:flex;position:relative}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__fields--empty .bb-base-date-picker-input__separator{opacity:0}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__placeholder{color:var(--bb-text-tertiary,#9ca3af);background:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;white-space:nowrap;text-overflow:ellipsis;justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__field{text-align:left;min-width:0;color:inherit;font:inherit;background:0 0;border:none;outline:none;flex:none;padding:0}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__field--day,.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__field--month{width:2ch}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__field--month{text-align:center}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__field--year{width:4ch}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__field::placeholder{color:#0000}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__field:disabled{cursor:not-allowed}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__field[readonly]{cursor:default}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__separator{color:currentColor;-webkit-user-select:none;user-select:none;opacity:.5;cursor:text;flex-shrink:0}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__separator--range{opacity:.6;padding:0 .375rem}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__calendar-btn{background-color:inherit;border-radius:var(--bb-radius);isolation:isolate;z-index:1;padding:clamp(var(--bb-input-compact-py), calc((var(--bb-input-h) - var(--bb-input-icon)) / 4), 4px);outline-style:none;order:1;margin-right:-.25rem;transition-property:color,background-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__calendar-btn:focus:not(:disabled),.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__calendar-btn:hover:not(:disabled){background-color:var(--bb-primary)}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__calendar-btn:focus:not(:disabled) svg,.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__calendar-btn:hover:not(:disabled) svg{color:var(--bb-contrasting)}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__calendar-btn:disabled{display:none}.bb-base-date-picker-input .bb-common-input-inner-container .bb-base-date-picker-input__calendar-btn svg{color:var(--bb-primary);width:var(--bb-input-icon);transition-property:color,background-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-base-date-picker-input .bb-common-input-inner-container .bb-common-input-inner-container__prefix,.bb-base-date-picker-input .bb-common-input-inner-container .bb-common-input-inner-container__suffix{height:var(--bb-input-h)}.bb-base-dialog{--page-padding:14px;--transition-timing-function:cubic-bezier(.4, 0, .2, 1);max-width:min(var(--max-width), 100% - var(--page-padding) * 2);max-height:calc(100% - var(--page-padding) * 2);transition:display var(--transition-duration) var(--transition-duration) var(--transition-timing-function), max-width var(--transition-duration) var(--transition-timing-function), height var(--transition-duration) var(--transition-timing-function), opacity var(--transition-duration) var(--transition-timing-function), scale var(--transition-duration) var(--transition-timing-function);background-color:var(--bb-panel);border-radius:var(--bb-radius);color:var(--bb-text);opacity:0;z-index:var(--bb-overlay-z-index);overscroll-behavior:contain;transition-behavior:allow-discrete;transform-origin:0;outline:none;flex-direction:column;width:100%;margin:0;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.bb-base-dialog.bb-base-dialog--fullscreen{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}.bb-base-dialog.bb-base-dialog--compact .bb-base-dialog__header{border-bottom:none}.bb-base-dialog.bb-base-dialog--compact .bb-base-dialog__body{padding-top:0}.bb-base-dialog.bb-base-dialog--open{opacity:1;scale:1}@starting-style{.bb-base-dialog.bb-base-dialog--open{opacity:0;scale:.8}}.bb-base-dialog.bb-base-dialog--open::backdrop{opacity:1}@starting-style{.bb-base-dialog.bb-base-dialog--open::backdrop{opacity:0}}.bb-base-dialog.bb-base-dialog--open:has(dialog::backdrop){scale:initial}.bb-base-dialog.bb-base-dialog--deny-close{scale:.9}:is(.bb-base-dialog:has(.bb-base-dialog.bb-base-dialog--open),.bb-base-dialog:has(.bb-offcanvas.bb-offcanvas--open)){opacity:0}.bb-base-dialog::backdrop{background-color:color-mix(in srgb, var(--bb-overlay-color) calc(var(--bb-overlay-opacity) * 100%), transparent);opacity:0;transition:opacity var(--transition-duration) cubic-bezier(.4, 0, .2, 1)}.bb-base-dialog .bb-base-dialog__header{border-bottom:1px solid var(--bb-border);-moz-column-gap:12px;padding:var(--bb-dialog-py) var(--bb-dialog-px);flex-shrink:0;justify-content:space-between;align-items:center;column-gap:12px;display:flex}.bb-base-dialog .bb-base-dialog__header .bb-base-dialog__title{font-size:var(--bb-dialog-title-size);font-weight:var(--bb-dialog-title-weight)}.bb-base-dialog .bb-base-dialog__header .bb-base-dialog__close{transition:color var(--transition-duration)}.bb-base-dialog .bb-base-dialog__header .bb-base-dialog__close:hover{color:var(--bb-primary)}.bb-base-dialog .bb-base-dialog__header .bb-base-dialog__close button{border-radius:var(--bb-radius);box-shadow:0px 0px 0px 0px var(--bb-ring);outline-offset:2px;outline:2px #0000;margin-right:-8px;padding:8px;transition:box-shadow .2s;display:flex}.bb-base-dialog .bb-base-dialog__header .bb-base-dialog__close button:focus-visible{box-shadow:0px 0px 0px var(--bb-ring-size) var(--bb-ring)}.bb-base-dialog .bb-base-dialog__header .bb-base-dialog__close .bb-base-dialog__close-icon{display:inline-flex}.bb-base-dialog .bb-base-dialog__header .bb-base-dialog__close .bb-base-dialog__close-icon svg{width:var(--bb-dialog-close)}.bb-base-dialog .bb-base-dialog__body{flex:auto;position:relative;overflow:auto}.bb-base-dialog .bb-base-dialog__body .bb-base-dialog__body-content{padding:var(--bb-dialog-py) var(--bb-dialog-px)}.bb-base-dialog .bb-base-dialog__body .bb-base-dialog:not(.bb-base-dialog--open){display:none}.bb-base-dialog .bb-base-dialog__footer{padding:var(--bb-dialog-py) var(--bb-dialog-px);pointer-events:auto}.bb-base-dialog .bb-base-dialog__footer:empty{display:none}body:has(.bb-base-dialog--open){padding-right:var(--scrollbar-width);overflow:hidden}.bb-base-input-outer-container{flex-direction:column;display:flex}.bb-base-input-outer-container.bb-base-input-outer-container--compact{--bb-label-spacing-y:var(--bb-label-compact-spacing-y);--bb-input-prefix-w:var(--bb-input-compact-prefix-w)}.bb-base-input-outer-container fieldset.bb-base-input-container>:not(:last-child){margin-bottom:var(--bb-label-spacing-y)}.bb-base-input-outer-container .bb-base-input-container{-moz-column-gap:var(--bb-label-spacing-x);column-gap:var(--bb-label-spacing-x);row-gap:var(--bb-label-spacing-y);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}:is(.bb-base-input-outer-container .bb-base-input-container:has(+.bb-base-input-container__hint-container),.bb-base-input-outer-container .bb-base-input-container:has(+.bb-base-input-container__errors-outer .bb-base-input-container__errors:not(:empty))){margin-bottom:6px}.bb-base-input-outer-container .bb-base-input-container__label{color:var(--bb-text);font-size:var(--bb-label-size);font-weight:var(--bb-label-weight);transition-property:color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);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>[class*=bb]{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--label-mode-floating{position:relative}.bb-base-input-outer-container .bb-base-input-container--label-mode-floating .bb-base-input-container__label{opacity:.6;translate:var(--bb-input-px) calc(var(--bb-input-h) / 2 - 50%);transition:translate .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.bb-base-input-outer-container .bb-base-input-container--label-mode-floating:focus-within .bb-base-input-container__label{translate:0 calc((var(--bb-label-spacing-y) + 100%) * -1);top:0}.bb-base-input-outer-container .bb-base-input-container--label-mode-floating:has([class*=--has-value]) .bb-base-input-container__label{translate:0 calc((var(--bb-label-spacing-y) + 100%) * -1);top:0}.bb-base-input-outer-container .bb-base-input-container__hint-container{color:var(--bb-hint);font-size:14px;line-height:18px;position:relative}.bb-base-input-outer-container .bb-base-input-container__errors-outer{width:100%;height:0;transition:height .3s cubic-bezier(.4,0,.2,1);display:block;overflow:hidden}.bb-base-input-outer-container .bb-base-input-container__errors{color:var(--bb-danger);width:100%;font-size:14px;line-height:18px;display:block;position:relative}.bb-base-input-outer-container .bb-base-input-container__error{width:100%;display:inline-block}.bb-base-input-outer-container .hint-enter-active,.bb-base-input-outer-container .hint-leave-active{grid-template-rows:1fr;transition:grid-template-rows .2s,opacity .3s,margin .2s;display:grid;overflow:hidden}.bb-base-input-outer-container .hint-enter-from,.bb-base-input-outer-container .hint-leave-to{opacity:0;grid-template-rows:0fr;margin-top:0}.bb-base-input-outer-container .hint-enter-active>*,.bb-base-input-outer-container .hint-leave-active>*{min-height:0;transition:opacity .3s}.bb-base-input-outer-container .hint-enter-from>*,.bb-base-input-outer-container .hint-leave-to>*{opacity:0}.bb-base-input-outer-container .error-move,.bb-base-input-outer-container .error-enter-active,.bb-base-input-outer-container .error-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.bb-base-input-outer-container .error-enter-from,.bb-base-input-outer-container .error-leave-to{opacity:0;transform:translateY(-4px)}.bb-base-input-outer-container .error-leave-active{width:100%;position:absolute}.bb-base-radio{--color:var(--bb-primary);display:inline-flex}.bb-base-radio:has(:focus-visible) .bb-base-radio-container__icon{box-shadow:0px 0px 0px var(--bb-ring-size) var(--bb-ring)}.bb-base-radio input[type=radio]:checked+.bb-base-radio-container .bb-base-radio-container__icon:after{height:calc(100% - 2px - var(--bb-radio-space));width:calc(100% - 2px - var(--bb-radio-space))}.bb-base-radio.bb-base-radio--disabled .bb-base-radio-container__icon{background-color:var(--bb-panel-disabled);--color:color-mix(in srgb, var(--bb-panel), var(--bb-text) 40%)}.bb-base-radio .bb-base-radio-container{-webkit-user-select:none;user-select:none;display:inline-flex}.bb-base-radio .bb-base-radio-container__icon{background-color:var(--bb-panel);border:1px solid var(--bb-border);box-shadow:0 0 0 3px #0000;box-shadow:0px 0px 0px 0px var(--bb-ring);cursor:pointer;height:var(--bb-checkbox-w);width:var(--bb-checkbox-w);border-radius:999px;transition:all .2s;display:inline-block;position:relative}.bb-base-radio .bb-base-radio-container__icon:after{background-color:var(--color);content:"";border-radius:999px;width:0;height:0;transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bb-base-rating{--color:var(--bb-primary);--size:var(--bb-rating-size)}.bb-base-rating.bb-base-rating--has-value .bb-base-rating__inner-container .bb-base-rating__option{color:var(--color)}.bb-base-rating.bb-base-rating--has-value .bb-base-rating__inner-container .bb-base-rating__option:not(.bb-base-rating__option--highlighted){color:var(--bb-panel)}.bb-base-rating:not(.bb-base-rating--disabled):not(.bb-base-rating--readonly) .bb-base-rating__inner-container:hover .bb-base-rating__option{color:var(--color)}.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{color:var(--bb-panel)}.bb-base-rating:not(.bb-base-rating--disabled):not(.bb-base-rating--readonly) .bb-base-rating__option{aspect-ratio:1;border-radius:.375rem}.bb-base-rating:not(.bb-base-rating--disabled):not(.bb-base-rating--readonly) .bb-base-rating__option:hover{transform:scale(1.25)}.bb-base-rating:not(.bb-base-rating--disabled):not(.bb-base-rating--readonly) .bb-base-rating__option:has(:focus-visible){box-shadow:0px 0px 0px var(--bb-ring-size) color-mix(in srgb, var(--color) calc(var(--bb-ring-opacity) * 100%), transparent)}.bb-base-rating.bb-base-rating--disabled{--color:color-mix(in srgb, var(--bb-panel), var(--bb-text) 40%)}.bb-base-rating.bb-base-rating--disabled .bb-base-rating__inner-container .bb-base-rating__option{cursor:not-allowed}.bb-base-rating.bb-base-rating--disabled .bb-base-rating__inner-container .bb-base-rating__option:not(.bb-base-rating__option--highlighted){color:var(--bb-panel-disabled)}.bb-base-rating__inner-container{-moz-column-gap:var(--bb-base-rating-spacing);column-gap:var(--bb-base-rating-spacing);flex-wrap:wrap;display:inline-flex}.bb-base-rating__option{color:var(--bb-panel);cursor:pointer;justify-content:center;align-items:center;padding-left:2px;padding-right:2px;transition:all .2s;display:flex;box-shadow:0 0 #0000}.bb-base-rating__option svg{fill:currentColor;height:var(--size);stroke:var(--bb-border);stroke-width:1px;width:var(--size);transition:color .3s}.bb-smooth-height{transition-property:height;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;overflow:clip}.bb-smooth-height .content{display:block}.bb-chip{background-color:var(--bb-panel);border:1px solid var(--bb-border);border-radius:var(--bb-radius);color:var(--bb-text);-moz-column-gap:4px;align-items:center;column-gap:4px;min-height:24px;padding-left:4px;padding-right:4px;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.bb-chip:has(:focus-visible){background-color:color-mix(in srgb, var(--bb-primary) 20%, var(--bb-panel));color:var(--bb-primary)}.bb-chip:has(:focus-visible) svg{background-color:var(--bb-panel);outline:0px solid var(--bb-panel)}.bb-chip__content{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:17px;overflow:hidden}.bb-chip__clear-button{background-color:#0000;border-radius:0;outline:none;position:relative}.bb-chip__clear-button svg{backface-visibility:hidden;background-color:color-mix(in srgb, var(--bb-panel), var(--bb-text) 20%);stroke-width:5px;border-radius:999px;width:15px;padding:2px;transition:background-color .2s,color .2s}.bb-chip__clear-button:after{--overflow:4px;content:"";top:calc(var(--overflow) * -1);left:calc(var(--overflow) * -1);width:calc(100% + var(--overflow) * 2);height:calc(100% + var(--overflow) * 2);position:absolute}.bb-chipsbox-item--focused{background-color:color-mix(in srgb, var(--bb-primary) 20%, var(--bb-panel));color:var(--bb-primary)}.bb-chipsbox-item--focused svg{background-color:var(--bb-panel);outline:0px solid var(--bb-panel)}.bb-commabox-item{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bb-commabox-item--has-comma:after{content:","}.bb-commabox-item--focused{color:var(--bb-primary)}.bb-base-select{--bb-input-inner-h:max(calc(var(--bb-leading) + var(--bb-input-py) * 2), calc(var(--bb-input-h) - 2px), var(--bb-input-icon));--floating-py:calc((var(--bb-input-inner-h) - var(--bb-input-icon)) / 2);--bb-arrow:0;box-sizing:border-box;width:100%;scroll-margin:10px;display:inline-flex}.bb-base-select--active .bb-base-select__text-input{min-width:min(100%, calc(var(--characters) * 12px))}.bb-base-select--compact{--floating-py:var(--bb-input-compact-floating-py)}.bb-base-select--compact .bb-chipsbox-item{min-height:20px}.bb-base-select--shown .bb-base-select__chevron{transform:rotate(180deg)}.bb-base-select .bb-smooth-height{text-align:left;align-self:center;width:100%}.bb-base-select .bb-base-select__inner-wrapper{flex:auto;display:block}.bb-base-select .bb-base-select__inner-wrapper .bb-common-input-inner-container{align-items:flex-start;width:100%;position:relative}.bb-base-select .bb-base-select__inner-wrapper .bb-common-input-inner-container>.bb-clearable-button,.bb-base-select .bb-base-select__inner-wrapper .bb-common-input-inner-container>.bb-spinner,.bb-base-select .bb-base-select__inner-wrapper .bb-common-input-inner-container>.bb-error-icon,.bb-base-select .bb-base-select__inner-wrapper .bb-common-input-inner-container>.bb-common-input-inner-container__prepend-icon,.bb-base-select .bb-base-select__inner-wrapper .bb-common-input-inner-container>.bb-common-input-inner-container__append-icon{margin-top:var(--floating-py)}.bb-base-select .bb-base-select__inner-wrapper .bb-common-input-inner-container>.bb-common-input-inner-container__prefix,.bb-base-select .bb-base-select__inner-wrapper .bb-common-input-inner-container>.bb-common-input-inner-container__suffix{height:var(--bb-input-inner-h)}.bb-base-select .bb-base-select__inner-wrapper .bb-common-input-inner-container :last-child:not(.bb-error-icon){order:1}.bb-base-select .bb-listbox{--option-h:var(--option-height);display:block}.bb-base-select .bb-listbox.bb-listbox--open{transition:min-height}.bb-base-select .bb-listbox.bb-listbox--open .bb-listbox__outer-container{opacity:1;grid-template-rows:1fr;transition-delay:0s,0s}.bb-base-select .bb-listbox.bb-listbox--open .bb-listbox__outer-container>*{opacity:1;transition-delay:calc(var(--transition-duration) * .8)}.bb-base-select .bb-listbox.bb-listbox--no-data .bb-listbox__outer-container .bb-listbox__inner-container .bb-listbox__no-data{display:block}.bb-base-select .bb-listbox.bb-listbox--loading .bb-listbox__outer-container .bb-listbox__inner-container .bb-listbox__loading{text-align:left;display:block;display:hidden}.bb-base-select .bb-listbox.bb-listbox--multiple .autocomplete-option__checkbox{display:inline-block!important}.bb-base-select .bb-listbox .bb-listbox__outer-container{background-color:var(--bb-panel);border-color:var(--bb-primary);border-radius:var(--bb-radius);opacity:0;transition-delay:calc(var(--transition-duration) * .25), 0s, 0s;transition-duration:var(--transition-duration), calc(var(--transition-duration) * 1.4), var(--transition-duration);border-width:0;grid-template-rows:0fr;transition-property:grid-template-rows,opacity,border;display:grid}.bb-base-select .bb-listbox .bb-listbox__outer-container>*{opacity:0;transition-delay:0s;transition-duration:calc(var(--transition-duration) * 2);transition-property:opacity}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container{text-align:left;max-height:min(calc(var(--option-h) * 6), calc(round(down, calc(100dvh - 130px), var(--option-h)) - 1px));overflow:auto}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container .bb-listbox__loading,.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container .bb-listbox__no-data{color:var(--bb-text);padding-bottom:var(--bb-select-option-py);padding-left:var(--bb-select-option-px);padding-right:var(--bb-select-option-px);padding-top:var(--bb-select-option-py);display:none}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox]{width:100%;display:block;position:relative}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__group{width:100%;display:block;position:absolute;top:0;left:0}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__group-header{height:var(--group-header-height,32px);padding-left:var(--bb-select-option-px);padding-right:var(--bb-select-option-px);-webkit-user-select:none;user-select:none;align-items:center;display:flex}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__group-header .bb-listbox__group-header-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb, var(--bb-text) 50%, transparent);letter-spacing:.025em;text-transform:uppercase;flex:auto;align-items:center;gap:16px;font-size:.75rem;font-weight:600;display:flex;overflow:hidden}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__group-header .bb-listbox__group-header-label:after{content:"";background-color:var(--bb-border);width:100%;height:1px;display:block}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__option{width:100%;display:block;position:absolute;top:0;left:0}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__group>.bb-listbox__option{position:static}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option{--bg-opacity:0;--bg-base-color:var(--bb-text);background-color:color-mix(in srgb, var(--bg-base-color) calc(100% * var(--bg-opacity)), transparent);color:var(--bb-text);cursor:pointer;height:var(--option-h);padding-left:var(--bb-select-option-px);padding-right:var(--bb-select-option-px);flex-grow:1;align-items:center;gap:8px;width:100%;transition-property:color,background-color;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option:hover:not(.autocomplete-option--disabled){--bg-opacity:.05;--bg-base-color:var(--bb-text)}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--focused{--bg-opacity:.15;--bg-base-color:var(--bb-text)}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--focused:hover:not(.autocomplete-option--disabled){--bg-opacity:.2}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--selected{--bg-opacity:.1;color:var(--bb-primary);--bg-base-color:var(--bb-primary)!important}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--selected:hover:not(.autocomplete-option--disabled){--bg-opacity:.15}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--selected.autocomplete-option--focused,.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--selected.autocomplete-option--focused:hover:not(.autocomplete-option--disabled){--bg-opacity:.2}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--disabled{cursor:not-allowed;opacity:.5}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--disabled .autocomplete-option__checkbox.autocomplete-option__checkbox{background-color:var(--bb-panel-disabled)}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option .autocomplete-option__checkbox{pointer-events:none;background-color:var(--bb-panel);border-color:var(--bb-border);border-radius:min(6px, var(--bb-radius));border-style:solid;border-width:1px;width:16px;height:16px;margin-left:-6px;transition-property:color,background-color,border-color,text-decoration-color,box-shadow;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:none}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option .autocomplete-option__checkbox path{stroke:var(--bb-contrasting);stroke-dasharray:105;stroke-dashoffset:105px;transition:stroke-dashoffset .3s}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option .autocomplete-option__label{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:auto;display:block;overflow:hidden}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option.autocomplete-option--selected .autocomplete-option__checkbox{background-color:var(--bb-primary);border-color:var(--bb-primary)}.bb-base-select .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option.autocomplete-option--selected .autocomplete-option__checkbox path{stroke-dashoffset:0}.bb-base-select__input-container{padding-bottom:var(--bb-input-py);padding-top:var(--bb-input-py);flex-wrap:wrap;gap:.25rem;display:flex}.bb-base-select__max-reached{border-right:1px solid var(--bb-border);color:var(--bb-input-color);font-size:var(--bb-input-font-size);padding-right:4px}.bb-base-select .bb-chipsbox-item{z-index:1;position:relative}.bb-base-select .bb-base-select__text-input{min-width:0;margin-top:0;margin-bottom:0;flex:1 10000 0!important}.bb-base-select__chevron{background-color:inherit;color:var(--bb-icon-color);margin-top:var(--floating-py);width:var(--bb-input-icon);flex-shrink:0;order:1;transition:transform .2s ease-in-out;transform:rotate(0)}.bb-base-slider{--padding:calc((var(--bb-slider-thumb) - var(--bb-slider-track)) / 2);--color:var(--bb-primary);--ring-color:color-mix(in srgb, var(--color), transparent calc(100% - var(--bb-ring-opacity) * 100%));--radius:var(--bb-radius);align-items:center;display:inline-flex}.bb-base-slider__slider-container{min-width:100px;padding-bottom:var(--padding);padding-top:var(--padding);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-grow:1;display:block;position:relative}.bb-base-slider.bb-base-slider--disabled .bb-base-slider__track-background{background-color:color-mix(in srgb, var(--bb-panel), var(--bb-text) 40%);cursor:not-allowed}.bb-base-slider.bb-base-slider--disabled .bb-base-slider__track-fill{background-color:var(--bb-panel-disabled);cursor:not-allowed}.bb-base-slider.bb-base-slider--disabled .bb-base-slider__thumb{cursor:not-allowed}.bb-base-slider__track-container{height:var(--bb-slider-track);display:block;position:relative}.bb-base-slider__track-background{background-color:var(--color);border-bottom-left-radius:var(--radius);border-top-left-radius:var(--radius);cursor:pointer;height:100%;display:block;position:absolute;top:0;left:0}.bb-base-slider__track-fill{background-color:color-mix(in srgb, var(--bb-panel) 92%, var(--bb-text));border-radius:var(--radius);cursor:pointer;width:100%;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-container:focus .bb-base-slider__thumb{box-shadow:0px 0px 0px var(--bb-ring-size) var(--ring-color)}.bb-base-slider__thumb{background-color:var(--bb-panel);border:1px solid var(--bb-border);box-shadow:0px 0px 0px 0px var(--bb-ring);cursor:pointer;height:var(--bb-slider-thumb);touch-action:none;width:var(--bb-slider-thumb);border-radius:999px;transition-property:box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:absolute;top:50%}.bb-base-slider__ticks-container{justify-content:space-between;width:100%;display:flex;position:absolute;top:100%}.bb-base-slider__tick{position:relative}.bb-base-switch{--color:var(--bb-primary);--ring-color:color-mix(in srgb, var(--color), transparent calc(var(--bb-ring-opacity) * 100%));--border-w:1px;--radius:30px;cursor:pointer;display:inline-flex}.bb-base-switch:has(:focus-visible) .bb-base-switch-container__icon{box-shadow:0px 0px 0px var(--bb-ring-size) var(--ring-color)}.bb-base-switch input[type=checkbox]:checked+.bb-base-switch-container .bb-base-switch-container__icon{background-color:var(--color)}.bb-base-switch input[type=checkbox]:checked+.bb-base-switch-container .bb-base-switch-container__icon-thumb{translate:calc(var(--bb-switch-w) - var(--bb-switch-thumb) - var(--bb-switch-margin) - var(--border-w)) -50%}.bb-base-switch input[type=checkbox]:indeterminate+.bb-base-switch-container .bb-base-switch-container__icon-thumb{translate:-50% -50%}.bb-base-switch.bb-base-switch--disabled .bb-base-switch-container__icon{--color:var(--bb-panel-disabled);background-color:var(--color);cursor:not-allowed}.bb-base-switch.bb-base-switch--disabled .bb-base-switch-container__icon .bb-base-switch-container__icon-thumb{background-color:color-mix(in srgb, var(--bb-panel), var(--bb-text) 40%)}.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{background-color:color-mix(in srgb, var(--bb-panel), var(--bb-text) 20%);border:var(--border-w) solid var(--bb-border);border-radius:var(--radius);box-shadow:0px 0px 0px 0px var(--bb-ring);height:var(--bb-switch-h);width:var(--bb-switch-w);transition-property:background-color,box-shadow;transition-duration:.15s;display:inline-block;position:relative}.bb-base-switch .bb-base-switch-container .bb-base-switch-container__icon-thumb{background-color:var(--bb-panel);border-radius:calc((max(var(--bb-switch-margin), 0px) + var(--radius)) / 2);height:var(--bb-switch-thumb);translate:var(--bb-switch-margin) -50%;width:var(--bb-switch-thumb);transition-property:translate,left;transition-duration:.15s;display:inline-block;position:absolute;top:50%;left:0}.bb-base-tag{--bb-input-inner-h:max(calc(var(--bb-leading) + var(--bb-input-py) * 2), calc(var(--bb-input-h) - 2px), var(--bb-input-icon));--floating-py:calc((var(--bb-input-inner-h) - var(--bb-input-icon)) / 2)}.bb-base-tag.bb-base-tag--active .bb-common-input-inner-container .bb-base-tag__text-input{min-width:min(100%, calc(var(--characters) * 12px))}.bb-base-tag--compact{--floating-py:var(--bb-input-compact-floating-py)}.bb-base-tag--compact .bb-chipsbox-item{min-height:20px}.bb-base-tag .bb-smooth-height{text-align:left;align-self:center;width:100%}.bb-base-tag .bb-common-input-inner-container{align-items:flex-start}.bb-base-tag .bb-common-input-inner-container>:last-child{order:2}.bb-base-tag .bb-common-input-inner-container>.bb-clearable-button,.bb-base-tag .bb-common-input-inner-container .bb-spinner,.bb-base-tag .bb-common-input-inner-container .bb-error-icon,.bb-base-tag .bb-common-input-inner-container .bb-common-input-inner-container__prepend-icon,.bb-base-tag .bb-common-input-inner-container .bb-common-input-inner-container__append-icon{margin-top:var(--floating-py)}.bb-base-tag .bb-common-input-inner-container .bb-common-input-inner-container__prefix,.bb-base-tag .bb-common-input-inner-container .bb-common-input-inner-container__suffix{padding-top:var(--floating-py);align-items:flex-start}.bb-base-tag__input-container{padding-bottom:var(--bb-input-py);padding-top:var(--bb-input-py);flex-wrap:wrap;flex:1;gap:.25rem;width:100%;display:inline-flex;overflow:hidden}.bb-base-tag__input-container .bb-chipsbox-item{z-index:1;position:relative}.bb-base-tag__input-container .bb-base-tag__text-input{min-width:0;margin-top:0;margin-bottom:0;flex:1 10000 0!important}.bb-base-tag__selected{max-width:100%}.bb-base-textarea{--min-height:150px;--bb-input-inner-h:max(calc(var(--bb-leading) + var(--bb-input-py) * 2), calc(var(--bb-input-h) - 2px), var(--bb-input-icon));--floating-py:calc((var(--bb-input-inner-h) - var(--bb-input-icon)) / 2)}.bb-base-textarea--compact{--floating-py:var(--bb-input-compact-floating-py)}.bb-base-textarea__input{padding-right:var(--bb-input-px);padding-top:calc((var(--bb-input-h) - (var(--bb-input-font-size) * 2.35)) / 2);background-color:#0000;outline:none;width:100%}.bb-base-textarea__input:not([rows]){min-height:var(--min-height);resize:none}.bb-base-textarea__input[rows]{resize:vertical}.bb-base-textarea .bb-smooth-height{text-align:left;flex:auto;align-self:center}.bb-base-textarea .bb-common-input-inner-container{align-items:flex-start}.bb-base-textarea .bb-common-input-inner-container .bb-clearable-button,.bb-base-textarea .bb-common-input-inner-container .bb-spinner,.bb-base-textarea .bb-common-input-inner-container .bb-error-icon,.bb-base-textarea .bb-common-input-inner-container .bb-common-input-inner-container__prepend-icon,.bb-base-textarea .bb-common-input-inner-container .bb-common-input-inner-container__append-icon{margin-top:var(--floating-py)}.bb-base-textarea .bb-common-input-inner-container .bb-common-input-inner-container__prefix,.bb-base-textarea .bb-common-input-inner-container .bb-common-input-inner-container__suffix{padding-top:var(--floating-py);align-items:flex-start}.bb-collapsible{transition-property:grid-template-rows;display:grid;overflow:hidden}.bb-collapsible--open{grid-template-rows:1fr}.bb-collapsible--open .bb-collapsible__content{visibility:visible}.bb-collapsible--closed{grid-template-rows:0fr}.bb-collapsible__content{visibility:hidden;min-height:0;transition-property:visibility}.bb-accordion{color:var(--bb-text)}.bb-accordion .bb-accordion__header{text-align:left;width:100%}.bb-accordion .bb-accordion__header :not(button):not(a){pointer-events:none}.bb-alert{--color:var(--bb-primary);--gap:8px;--padding-x:16px;--padding-y:12px;background-color:color-mix(in srgb, var(--color) 20%, transparent);border-radius:var(--bb-radius)}.bb-alert .bb-alert__inner-container{align-items:start;gap:0 var(--gap);padding:var(--padding-y) var(--padding-x);grid-template-columns:auto 1fr;display:grid}.bb-alert .bb-alert__inner-container:has(.bb-alert__icon-container:empty){grid-template-columns:1fr}.bb-alert .bb-alert__inner-container .bb-alert__icon{color:var(--color)}.bb-alert .bb-alert__inner-container .bb-alert__content .bb-alert__title{color:color-mix(in srgb, var(--color) 75%, var(--bb-text));-moz-column-gap:var(--gap);align-items:center;column-gap:var(--gap);font-size:16px;font-weight:600;display:flex}.bb-alert .bb-alert__inner-container .bb-alert__content .bb-alert__text{color:color-mix(in srgb, var(--bb-text) 70%, transparent);font-size:14px}.bb-alert .bb-alert__inner-container .bb-alert__close{border-radius:var(--bb-radius);box-shadow:0px 0px 0px 0px var(--bb-ring);color:color-mix(in srgb, var(--bb-text) 80%, transparent);float:right;isolation:isolate;margin:calc(var(--padding-y) * -1 + var(--bb-ring-size)) calc(var(--padding-x) * -1 + var(--bb-ring-size)) calc(var(--padding-y) * -1) 0px;outline:none;width:fit-content;padding:12px;transition-property:color,background-color,border-color,text-decoration-color,box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bb-alert .bb-alert__inner-container .bb-alert__close:hover{color:var(--bb-primary)}.bb-alert .bb-alert__inner-container .bb-alert__close:focus-visible{box-shadow:0px 0px 0px var(--bb-ring-size) var(--bb-ring);color:var(--bb-primary)}.bb-alert .bb-alert__inner-container .bb-alert__close svg{width:12px}.bb-avatar{aspect-ratio:1;border-radius:50%;grid-template-columns: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-area:1/1/span 1/span 1;width:100%;height:100%}.bb-avatar .bb-avatar__fallback{grid-area:1/1/span 1/span 1;align-items:stretch;display:grid}.bb-avatar .bb-avatar__fallback>*{place-items:center;display:grid}.bb-badge{--bb-badge-bg:var(--bb-primary);--bb-badge-color:var(--bb-contrasting);--bb-badge-radius:999px;--bb-badge-font-size:.75rem;--bb-badge-min-size:1.375rem;--bb-badge-dot-size:.625rem;--bb-badge-border-width:0px;--bb-badge-border-color:transparent;--bb-badge-offset:.625rem;--bb-badge-float-offset:1.25rem;--bb-badge-dot-offset:.125rem;--bb-badge-dot-float-offset:.5rem;display:inline-flex}.bb-badge--positioned{position:relative}.bb-badge--positioned .bb-badge__content-container{top:calc(0% - var(--bb-badge-offset));right:calc(0% - var(--bb-badge-offset));position:absolute;bottom:auto;left:auto}.bb-badge--positioned.bb-badge--left .bb-badge__content-container{right:auto;left:calc(0% - var(--bb-badge-offset))}.bb-badge--positioned.bb-badge--bottom .bb-badge__content-container{top:auto;bottom:calc(0% - var(--bb-badge-offset))}.bb-badge--positioned.bb-badge--empty .bb-badge__content-container{transform:scale(0)}.bb-badge--positioned.bb-badge--dot .bb-badge__content-container{top:calc(0% - var(--bb-badge-dot-offset));right:calc(0% - var(--bb-badge-dot-offset))}.bb-badge--positioned.bb-badge--dot.bb-badge--left .bb-badge__content-container{right:auto;left:calc(0% - var(--bb-badge-dot-offset))}.bb-badge--positioned.bb-badge--dot.bb-badge--bottom .bb-badge__content-container{top:auto;bottom:calc(0% - var(--bb-badge-dot-offset))}.bb-badge--positioned.bb-badge--floating .bb-badge__content-container{top:calc(0% - var(--bb-badge-float-offset));right:calc(0% - var(--bb-badge-float-offset));bottom:auto;left:auto}.bb-badge--positioned.bb-badge--floating.bb-badge--left .bb-badge__content-container{right:auto;left:calc(0% - var(--bb-badge-float-offset))}.bb-badge--positioned.bb-badge--floating.bb-badge--bottom .bb-badge__content-container{top:auto;bottom:calc(0% - var(--bb-badge-float-offset))}.bb-badge--positioned.bb-badge--floating.bb-badge--dot .bb-badge__content-container{top:calc(0% - var(--bb-badge-dot-float-offset));right:calc(0% - var(--bb-badge-dot-float-offset));bottom:auto;left:auto}.bb-badge--positioned.bb-badge--floating.bb-badge--dot.bb-badge--left .bb-badge__content-container{right:auto;left:calc(0% - var(--bb-badge-dot-float-offset))}.bb-badge--positioned.bb-badge--floating.bb-badge--dot.bb-badge--bottom .bb-badge__content-container{top:auto;bottom:calc(0% - var(--bb-badge-dot-float-offset))}.bb-badge__content-container{background-color:var(--bb-badge-bg);border:var(--bb-badge-border-width) solid var(--bb-badge-border-color);border-radius:var(--bb-badge-radius);color:var(--bb-badge-color);font-size:var(--bb-badge-font-size);min-height:var(--bb-badge-min-size);min-width:var(--bb-badge-min-size);white-space:nowrap;justify-content:center;align-items:center;padding-block:.1875rem;padding-inline:.375rem;font-weight:600;line-height:1;transition:color .2s,background-color .2s,transform .15s;display:inline-flex}.bb-badge--dot .bb-badge__content-container{min-height:var(--bb-badge-dot-size);min-width:var(--bb-badge-dot-size);padding:0}.bb-badge__wrapper{display:inline-flex}.bb-dropdown{overflow:clip}.bb-dropdown .bb-dropdown__items-container{color:var(--bb-text);grid-template-columns:1fr;padding:6px;display:inline-grid}.bb-dropdown .bb-dropdown__items-container .bb-dropdown__item{border-radius:var(--bb-radius);-moz-column-gap:6px;text-align:left;align-items:center;column-gap:6px;min-width:100px;padding:6px 8px;display:inline-flex}.bb-dropdown .bb-dropdown__items-container .bb-dropdown__item:hover{background-color:color-mix(in srgb, var(--bb-text) 5%, transparent)}.bb-dropdown .bb-dropdown__items-container .bb-dropdown__item:focus{background-color:color-mix(in srgb, var(--bb-text) 15%, transparent)}.bb-dropdown .bb-dropdown__items-container .bb-dropdown__item .item__prepend-icon,.bb-dropdown .bb-dropdown__items-container .bb-dropdown__item .item__append-icon{flex-shrink:0}.bb-dropdown .bb-dropdown__items-container .bb-dropdown__item .item__content{flex:auto}.bb-breadcrumbs{flex-basis:var(--bb-breadcrumbs-flex-basis,auto);flex-grow:var(--bb-breadcrumbs-flex-grow,0);color:var(--bb-text);flex-shrink:1;min-width:0;max-width:100%;position:relative}.bb-breadcrumbs .bb-breadcrumbs__container{-moz-column-gap:12px;flex:auto;align-items:center;column-gap:12px;min-width:0;max-width:100%;display:flex}.bb-breadcrumbs .bb-breadcrumbs__edge{flex:none;align-items:center;display:inline-flex}.bb-breadcrumbs .bb-breadcrumbs__list{-moz-column-gap:12px;flex-wrap:nowrap;flex:0 auto;align-items:center;column-gap:12px;max-width:100%;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.bb-breadcrumbs .bb-breadcrumbs__item{-moz-column-gap:12px;align-items:center;column-gap:12px;display:inline-flex}.bb-breadcrumbs .bb-breadcrumbs__breadcrumb-container{align-items:center;display:inline-flex}.bb-breadcrumbs .bb-breadcrumbs__breadcrumb{line-height:normal}.bb-breadcrumbs .bb-breadcrumbs__ellipsis{color:inherit;cursor:pointer;font-size:inherit;background:0 0;border:none;min-height:0;padding:0;line-height:normal}.bb-breadcrumbs .bb-breadcrumbs__divider{line-height:normal}.bb-breadcrumbs .bb-breadcrumbs__item:last-of-type .bb-breadcrumbs__divider{display:none}.bb-breadcrumbs .bb-dropdown{--bb-arrow:0}.bb-button{--color:var(--bb-primary);--border-color:var(--color);--text-color:var(--bb-contrasting);--gap:8px;--px:12px;--py:4px;--ring-color:color-mix(in srgb, var(--color), transparent calc(100% - var(--bb-ring-opacity) * 100%));--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--bb-button-h-xs:28px;--bb-button-h-sm:32px;--bb-button-h-md:36px;--bb-button-h-lg:40px;--bb-button-h-xl:44px;background-color:var(--color);border-color:var(--border-color);border-radius:var(--bb-radius);box-shadow:0px 0px 0px 0px var(--bb-ring);color:var(--text-color);font-size:var(--font-size);align-items:center;gap:var(--gap);min-height:var(--bb-button-h);padding-bottom:var(--py);padding-left:var(--px);padding-right:var(--px);padding-top:var(--py);vertical-align:top;border-width:1px;justify-content:center;font-weight:500;line-height:1;transition:box-shadow .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1),min-height .15s cubic-bezier(.4,0,.2,1),font-size .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.bb-button[aria-pressed=true]:not(.base-btn--disabled){background-color:color-mix(in srgb, var(--color) 80%, black)}.bb-button:hover:not(.base-btn--disabled){background-color:color-mix(in srgb, var(--color) 90%, black)}.bb-button:focus-visible{background-color:color-mix(in srgb, var(--color) 90%, black);box-shadow:0px 0px 0px var(--bb-ring-size) var(--ring-color);outline:none}.bb-button.base-btn--disabled{cursor:not-allowed}.bb-button.base-btn--disabled:not(.bb-button--loading){--color:color-mix(in srgb, var(--bb-panel), var(--bb-text) 10%);--text-color:color-mix(in srgb, var(--bb-panel), var(--bb-text) 40%)}.bb-button.bb-button--icon{--px:var(--py);min-width:var(--bb-button-h)}.bb-button.bb-button--loading .bb-spinner{opacity:1}.bb-button.bb-button--loading .bb-spinner+.bb-icon{opacity:0}.bb-button.bb-button--loading .bb-spinner+.bb-button__content{margin-left:calc(var(--gap) + var(--bb-button-icon))}.bb-button.bb-button--group:has(+.bb-button--group){border-top-right-radius:0;border-bottom-right-radius:0}.bb-button.bb-button--group+.bb-button--group{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.bb-button[data-xs]{--bb-button-h:var(--bb-button-h-xs);--font-size:var(--font-size-xs)}.bb-button[data-sm]{--bb-button-h:var(--bb-button-h-sm);--font-size:var(--font-size-sm)}.bb-button[data-md]{--bb-button-h:var(--bb-button-h-md);--font-size:var(--font-size-md)}.bb-button[data-lg]{--bb-button-h:var(--bb-button-h-lg);--font-size:var(--font-size-lg)}.bb-button[data-xl]{--bb-button-h:var(--bb-button-h-xl);--font-size:var(--font-size-xl)}.bb-button .bb-button__content{transition:margin-left .3s}.bb-button .bb-spinner,.bb-button .bb-button__icon,.bb-button .bb-button__prepend-icon,.bb-button .bb-button__append-icon{color:currentColor;width:var(--bb-button-icon);flex-shrink:0;transition:opacity .3s;display:inline-block}.bb-button .bb-spinner{margin-right:calc((var(--gap) + var(--bb-button-icon)) * -1);opacity:0}@media (width>=640px){.bb-button[data-sm\:xs]{--bb-button-h:var(--bb-button-h-xs);--font-size:var(--font-size-xs)}.bb-button[data-sm\:sm]{--bb-button-h:var(--bb-button-h-sm);--font-size:var(--font-size-sm)}.bb-button[data-sm\:md]{--bb-button-h:var(--bb-button-h-md);--font-size:var(--font-size-md)}.bb-button[data-sm\:lg]{--bb-button-h:var(--bb-button-h-lg);--font-size:var(--font-size-lg)}.bb-button[data-sm\:xl]{--bb-button-h:var(--bb-button-h-xl);--font-size:var(--font-size-xl)}}@media (width>=768px){.bb-button[data-md\:xs]{--bb-button-h:var(--bb-button-h-xs);--font-size:var(--font-size-xs)}.bb-button[data-md\:sm]{--bb-button-h:var(--bb-button-h-sm);--font-size:var(--font-size-sm)}.bb-button[data-md\:md]{--bb-button-h:var(--bb-button-h-md);--font-size:var(--font-size-md)}.bb-button[data-md\:lg]{--bb-button-h:var(--bb-button-h-lg);--font-size:var(--font-size-lg)}.bb-button[data-md\:xl]{--bb-button-h:var(--bb-button-h-xl);--font-size:var(--font-size-xl)}}@media (width>=1024px){.bb-button[data-lg\:xs]{--bb-button-h:var(--bb-button-h-xs);--font-size:var(--font-size-xs)}.bb-button[data-lg\:sm]{--bb-button-h:var(--bb-button-h-sm);--font-size:var(--font-size-sm)}.bb-button[data-lg\:md]{--bb-button-h:var(--bb-button-h-md);--font-size:var(--font-size-md)}.bb-button[data-lg\:lg]{--bb-button-h:var(--bb-button-h-lg);--font-size:var(--font-size-lg)}.bb-button[data-lg\:xl]{--bb-button-h:var(--bb-button-h-xl);--font-size:var(--font-size-xl)}}@media (width>=1280px){.bb-button[data-xl\:xs]{--bb-button-h:var(--bb-button-h-xs);--font-size:var(--font-size-xs)}.bb-button[data-xl\:sm]{--bb-button-h:var(--bb-button-h-sm);--font-size:var(--font-size-sm)}.bb-button[data-xl\:md]{--bb-button-h:var(--bb-button-h-md);--font-size:var(--font-size-md)}.bb-button[data-xl\:lg]{--bb-button-h:var(--bb-button-h-lg);--font-size:var(--font-size-lg)}.bb-button[data-xl\:xl]{--bb-button-h:var(--bb-button-h-xl);--font-size:var(--font-size-xl)}}@media (width>=1536px){.bb-button[data-2xl\:xs]{--bb-button-h:var(--bb-button-h-xs);--font-size:var(--font-size-xs)}.bb-button[data-2xl\:sm]{--bb-button-h:var(--bb-button-h-sm);--font-size:var(--font-size-sm)}.bb-button[data-2xl\:md]{--bb-button-h:var(--bb-button-h-md);--font-size:var(--font-size-md)}.bb-button[data-2xl\:lg]{--bb-button-h:var(--bb-button-h-lg);--font-size:var(--font-size-lg)}.bb-button[data-2xl\:xl]{--bb-button-h:var(--bb-button-h-xl);--font-size:var(--font-size-xl)}}.bb-checkbox .bb-base-input-container{cursor:pointer}.bb-checkbox .bb-base-input-container--horizontal{align-items:center;display:flex}.bb-checkbox .bb-base-input-container .bb-base-input-container__input{margin-bottom:-7px}.bb-checkbox-group .bb-base-input-container--horizontal .bb-base-input-container__label{float:left}.bb-checkbox-group .bb-base-input-container__input--right .bb-cr-container__container{justify-content:flex-end}.bb-checkbox-group .bb-base-input-container__input--center .bb-cr-container__container{justify-content:center}.bb-color-input .bb-base-input-container__input .bb-base-color-input{display:inline-flex}.bb-confirm .bb-base-dialog__header{--bb-dialog-py:15px}.bb-confirm .bb-base-dialog__body{--bb-dialog-py:12px;overflow:clip}.bb-confirm .bb-base-dialog__body .bb-confirm__content>.bb-spinner{margin-left:auto;margin-right:auto;display:block}.bb-confirm .bb-base-dialog__footer{--bb-dialog-py:15px}.bb-confirm .bb-base-dialog__footer:not(:empty){text-align:right}.bb-confirm .bb-base-dialog__footer:not(:empty)>:not(:last-child){margin-right:12px}.bb-confirm .bb-base-dialog__footer .bb-confirm__no{--color:var(--bb-panel);--text-color:var(--bb-text);border-color:var(--bb-border)}.bb-confirm .bb-base-dialog__footer .bb-confirm__no:hover:not(:disabled),.bb-confirm .bb-base-dialog__footer .bb-confirm__no:focus-visible:not(:disabled){--color:var(--bb-primary);--text-color:var(--bb-contrasting)}.bb-date-picker-input .bb-base-input-container__input .bb-base-date-picker-input{display:inline-flex}.bb-dropdown-button{--color:var(--bb-primary);--border-color:var(--color);--text-color:var(--bb-contrasting);--gap:8px;--px:8px;--py:4px;--ring-color:color-mix(in srgb, var(--color), transparent calc(100% - var(--bb-ring-opacity) * 100%));--font-size:16px;vertical-align:top;grid-template-columns:1fr min-content;display:inline-grid}.bb-dropdown-button.bb-dropdown-button--block{width:100%}.bb-dropdown-button:not(.bb-dropdown-button--loading) .bb-dropdown-button__main-btn:disabled,.bb-dropdown-button:not(.bb-dropdown-button--loading) .bb-dropdown-button__dropdown-btn:disabled{color:color-mix(in srgb, var(--bb-text), transparent 20%);opacity:.5;background-color:gray}.bb-dropdown-button[data-xs]{--bb-button-h:28px;--font-size:12px}.bb-dropdown-button[data-sm]{--bb-button-h:32px;--font-size:14px}.bb-dropdown-button[data-md]{--bb-button-h:36px;--font-size:16px}.bb-dropdown-button[data-lg]{--bb-button-h:40px;--font-size:18px}.bb-dropdown-button[data-xl]{--bb-button-h:44px;--font-size:20px}.bb-dropdown-button .bb-dropdown-button__main-btn,.bb-dropdown-button .bb-dropdown-button__dropdown-btn{background-color:var(--color);border-color:var(--border-color);border-radius:var(--bb-radius);box-shadow:0px 0px 0px 0px var(--bb-ring);color:var(--text-color);font-size:var(--font-size);align-items:center;gap:var(--gap);min-height:var(--bb-button-h);padding-bottom:var(--py);padding-left:var(--px);padding-right:var(--px);padding-top:var(--py);vertical-align:top;justify-content:center;font-weight:500;transition:box-shadow .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.bb-dropdown-button .bb-dropdown-button__main-btn:hover:not(:disabled),.bb-dropdown-button .bb-dropdown-button__dropdown-btn:hover:not(:disabled){background-color:color-mix(in srgb, var(--color) 90%, black)}.bb-dropdown-button .bb-dropdown-button__main-btn:focus-visible,.bb-dropdown-button .bb-dropdown-button__dropdown-btn:focus-visible{background-color:color-mix(in srgb, var(--color) 90%, black);box-shadow:0px 0px 0px var(--bb-ring-size) var(--ring-color);outline:none}.bb-dropdown-button .bb-dropdown-button__main-btn:disabled,.bb-dropdown-button .bb-dropdown-button__dropdown-btn:disabled{cursor:not-allowed}.bb-dropdown-button.bb-dropdown-button--loading .bb-spinner{opacity:1}.bb-dropdown-button.bb-dropdown-button--loading .bb-spinner+.bb-icon{opacity:0}.bb-dropdown-button.bb-dropdown-button--loading .bb-spinner+.bb-dropdown-button__content{margin-left:calc(var(--gap) + var(--bb-button-icon))}.bb-dropdown-button .bb-dropdown-button__main-btn{border-right:1px solid color-mix(in srgb, var(--bb-border), transparent 40%);border-top-right-radius:0;border-bottom-right-radius:0}.bb-dropdown-button .bb-dropdown-button__dropdown-btn{border-top-left-radius:0;border-bottom-left-radius:0}.bb-dropdown-button .bb-dropdown-button__dropdown-btn[aria-expanded=false] .bb-dropdown-button__dropdown-chevron{transform:rotate(180deg)}.bb-dropdown-button .bb-dropdown-button__content{transition:margin-left .3s}.bb-dropdown-button .bb-spinner,.bb-dropdown-button .bb-dropdown-button__icon,.bb-dropdown-button .bb-dropdown-button__prepend-icon,.bb-dropdown-button .bb-dropdown-button__append-icon{color:currentColor;width:var(--bb-button-icon);flex-shrink:0;transition:opacity .3s;display:inline-block}.bb-dropdown-button .bb-spinner{margin-right:calc((var(--gap) + var(--bb-button-icon)) * -1);opacity:0}.bb-dropdown-button .bb-dropdown-button__dropdown-chevron{width:16px}.bb-dropdown-button .bb-dropdown,.bb-dropdown-button .bb-dropdown__wrapper{display:inline-flex}@media (width>=640px){.bb-dropdown-button[data-sm\:xs]{--bb-button-h:28px;--font-size:12px}.bb-dropdown-button[data-sm\:sm]{--bb-button-h:32px;--font-size:14px}.bb-dropdown-button[data-sm\:md]{--bb-button-h:36px;--font-size:16px}.bb-dropdown-button[data-sm\:lg]{--bb-button-h:40px;--font-size:18px}.bb-dropdown-button[data-sm\:xl]{--bb-button-h:44px;--font-size:20px}}@media (width>=768px){.bb-dropdown-button[data-md\:xs]{--bb-button-h:28px;--font-size:12px}.bb-dropdown-button[data-md\:sm]{--bb-button-h:32px;--font-size:14px}.bb-dropdown-button[data-md\:md]{--bb-button-h:36px;--font-size:16px}.bb-dropdown-button[data-md\:lg]{--bb-button-h:40px;--font-size:18px}.bb-dropdown-button[data-sm\:xl]{--bb-button-h:44px;--font-size:20px}}@media (width>=1024px){.bb-dropdown-button[data-lg\:xs]{--bb-button-h:28px;--font-size:12px}.bb-dropdown-button[data-lg\:sm]{--bb-button-h:32px;--font-size:14px}.bb-dropdown-button[data-lg\:md]{--bb-button-h:36px;--font-size:16px}.bb-dropdown-button[data-lg\:lg]{--bb-button-h:40px;--font-size:18px}.bb-dropdown-button[data-lg\:xl]{--bb-button-h:44px;--font-size:20px}}@media (width>=1280px){.bb-dropdown-button[data-xl\:xs]{--bb-button-h:28px;--font-size:12px}.bb-dropdown-button[data-xl\:sm]{--bb-button-h:32px;--font-size:14px}.bb-dropdown-button[data-xl\:md]{--bb-button-h:36px;--font-size:16px}.bb-dropdown-button[data-xl\:lg]{--bb-button-h:40px;--font-size:18px}.bb-dropdown-button[data-xl\:xl]{--bb-button-h:44px;--font-size:20px}}@media (width>=1536px){.bb-dropdown-button[data-2xl\:xs]{--bb-button-h:28px;--font-size:12px}.bb-dropdown-button[data-2xl\:sm]{--bb-button-h:32px;--font-size:14px}.bb-dropdown-button[data-2xl\:md]{--bb-button-h:36px;--font-size:16px}.bb-dropdown-button[data-2xl\:lg]{--bb-button-h:40px;--font-size:18px}.bb-dropdown-button[data-2xl\:xl]{--bb-button-h:44px;--font-size:20px}}.bb-dropzone>.bb-dropzone__submittable-label{display:none}.bb-dropzone>label{display:grid}.bb-dropzone__errors{color:var(--bb-danger);width:100%;font-size:14px;line-height:18px;display:grid}.bb-dropzone__error{width:100%;display:inline-block}.bb-number-input .bb-base-input-container__input .bb-base-number-input{display:inline-flex}.bb-offcanvas{--translate-x:0%;--translate-y:0%;--translate:1;--transition-timing-function:cubic-bezier(.4, 0, .2, 1);transition:max-width var(--transition-duration) var(--transition-timing-function), max-height var(--transition-duration) var(--transition-timing-function), translate var(--transition-duration) var(--transition-timing-function), display var(--transition-duration) var(--transition-duration) var(--transition-timing-function);background-color:var(--bb-panel);color:var(--bb-text);z-index:var(--bb-overlay-z-index);overscroll-behavior:contain;transition-behavior:allow-discrete;translate:calc(var(--translate-x) * var(--translate)) calc(var(--translate-y) * var(--translate));outline:none;flex-direction:column;margin:0;display:flex;position:fixed;overflow:hidden}.bb-offcanvas.bb-offcanvas--left,.bb-offcanvas.bb-offcanvas--right{max-height:100%;max-width:var(--max-size);width:100%;height:100%;top:0}.bb-offcanvas.bb-offcanvas--left{--translate-x:-100%;left:0}.bb-offcanvas.bb-offcanvas--right{--translate-x:100%;left:auto;right:0}.bb-offcanvas.bb-offcanvas--top,.bb-offcanvas.bb-offcanvas--bottom{max-height:min(var(--max-size), 100%);height:var(--max-size);width:100%;max-width:100%;left:0;right:0}.bb-offcanvas.bb-offcanvas--top{--translate-y:-100%;top:0;bottom:auto}.bb-offcanvas.bb-offcanvas--bottom{--translate-y:100%;top:auto;bottom:0}.bb-offcanvas.bb-offcanvas--fullscreen{border-radius:0;width:100%;height:100%}.bb-offcanvas.bb-offcanvas--compact .bb-offcanvas__header{border-bottom:none}.bb-offcanvas.bb-offcanvas--compact .bb-offcanvas__body{padding-top:0}.bb-offcanvas.bb-offcanvas--open{--translate:0}.bb-offcanvas.bb-offcanvas--open::backdrop{opacity:1}@starting-style{.bb-offcanvas.bb-offcanvas--open::backdrop{opacity:0}}.bb-offcanvas.bb-offcanvas--deny-close{--translate:.1}:is(.bb-offcanvas:has(.bb-offcanvas.bb-offcanvas--open),.bb-offcanvas:has(.bb-base-dialog.bb-base-dialog--open)){--translate:1}.bb-offcanvas::backdrop{background-color:color-mix(in srgb, var(--bb-overlay-color) calc(var(--bb-overlay-opacity) * 100%), transparent);opacity:0;transition:opacity var(--transition-duration) cubic-bezier(.4, 0, .2, 1)}.bb-offcanvas .bb-offcanvas__header{border-bottom:1px solid var(--bb-border);-moz-column-gap:12px;padding:var(--bb-dialog-py) var(--bb-dialog-px);flex-shrink:0;justify-content:space-between;align-items:center;column-gap:12px;display:flex}.bb-offcanvas .bb-offcanvas__header .bb-offcanvas__title{font-size:var(--bb-dialog-title-size);font-weight:var(--bb-dialog-title-weight)}.bb-offcanvas .bb-offcanvas__header .bb-offcanvas__close{transition:color var(--transition-duration)}.bb-offcanvas .bb-offcanvas__header .bb-offcanvas__close:hover{color:var(--bb-primary)}.bb-offcanvas .bb-offcanvas__header .bb-offcanvas__close button{border-radius:var(--bb-radius);box-shadow:0px 0px 0px 0px var(--bb-ring);outline-offset:2px;outline:2px #0000;margin-right:-8px;padding:8px;transition:box-shadow .2s;display:flex}.bb-offcanvas .bb-offcanvas__header .bb-offcanvas__close button:focus-visible{box-shadow:0px 0px 0px var(--bb-ring-size) var(--bb-ring)}.bb-offcanvas .bb-offcanvas__header .bb-offcanvas__close .bb-offcanvas__close-icon{display:inline-flex}.bb-offcanvas .bb-offcanvas__header .bb-offcanvas__close .bb-offcanvas__close-icon svg{width:var(--bb-dialog-close)}.bb-offcanvas .bb-offcanvas__body{padding:var(--bb-dialog-py) calc(var(--bb-dialog-px) - var(--bb-ring-size)) calc(var(--bb-dialog-py) - var(--bb-ring-size));flex:auto;position:relative;overflow:auto}.bb-offcanvas .bb-offcanvas__body .bb-offcanvas__body-content{margin:0 min(var(--bb-ring-size), var(--bb-dialog-px))}.bb-offcanvas .bb-offcanvas__footer{padding:var(--bb-dialog-py) var(--bb-dialog-px);pointer-events:auto}.bb-offcanvas .bb-offcanvas__footer:empty{display:none}body:has(.bb-offcanvas--open){padding-right:var(--scrollbar-width);overflow:hidden}.bb-pagination{--color:var(--bb-primary);--text-color:var(--bb-text);--contrasting:var(--bb-contrasting);--radius:var(--bb-radius);--size:32px;padding:var(--bb-ring-size) 0px;width:100%;overflow:hidden}.bb-pagination--disabled{--color:color-mix(in srgb, var(--bb-panel), var(--bb-text) 10%);--text-color:color-mix(in srgb, var(--bb-panel), var(--bb-text) 40%);--contrasting:color-mix(in srgb, var(--bb-panel), var(--bb-text) 40%)}.bb-pagination--right .bb-pagination__pages{margin-left:auto}.bb-pagination--center .bb-pagination__pages{margin-left:auto;margin-right:auto}.bb-pagination .bb-pagination__pages{-moz-column-gap:8px;justify-content:center;align-items:center;column-gap:8px;width:max-content;display:flex}.bb-pagination .bb-pagination__pages li{display:flex}.bb-pagination .bb-pagination__pages li .bb-pagination__page{border-radius:var(--radius);color:var(--text-color);min-height:var(--size);min-width:var(--size);border-width:1px;border-color:#0000;justify-content:center;align-items:center;padding:4px;font-size:14px;font-weight:500;display:inline-flex}.bb-pagination .bb-pagination__pages li .bb-pagination__page:not(.bb-pagination__page--active){transition-duration:0s}.bb-pagination .bb-pagination__pages li .bb-pagination__page--active{background-color:var(--color);border-color:var(--color);color:var(--contrasting)}.bb-pagination .bb-pagination__pages li .bb-pagination__page:hover:not(.bb-pagination__page--active):not(:disabled){--text-color:var(--color);background-color:color-mix(in srgb, var(--color), transparent 85%)}.bb-pagination .bb-pagination__pages li .bb-pagination__page:focus-visible{background-color:var(--color);color:var(--contrasting)}.bb-pagination .bb-pagination__pages li .bb-pagination__page.bb-pagination__page--previous .bb-pagination__page-chevron{rotate:90deg}.bb-pagination .bb-pagination__pages li .bb-pagination__page.bb-pagination__page--next .bb-pagination__page-chevron{rotate:-90deg}.bb-pagination .bb-pagination__pages li .bb-pagination__page svg{width:20px;display:inline-block}.bb-popover .bb-popover__content{color:var(--bb-text);padding:8px;display:block}.bb-popover .bb-popover__content .bb-popover__close{border-radius:var(--bb-radius);float:right;isolation:isolate;margin:calc(var(--bb-ring-size) * -1) -4px 0px calc(var(--bb-ring-size) * -1 - 26px);z-index:1;outline:none;padding:8px;position:sticky;top:4px}.bb-popover .bb-popover__content .bb-popover__close:hover{color:var(--bb-primary)}.bb-popover .bb-popover__content .bb-popover__close svg{width:10px}.bb-progress{background-color:color-mix(in srgb, var(--bb-panel) 92%, var(--bb-text));border-radius:var(--bb-radius)}.bb-progress.bb-progress--horizontal{height:var(--bb-progress-track)}.bb-progress.bb-progress--horizontal .bb-progress-bar{height:100%}.bb-progress .bb-progress-bar{background-color:var(--bb-primary);border-radius:var(--bb-radius);transition:all .3s}.bb-radio .bb-base-input-container{cursor:pointer}.bb-radio .bb-base-input-container--horizontal{align-items:center;display:flex}.bb-radio .bb-base-input-container .bb-base-input-container__input{margin-bottom:-7px}.bb-radio-group .bb-base-input-container--horizontal .bb-base-input-container__label{float:left}.bb-radio-group .bb-base-input-container__input--right .bb-cr-container__container{justify-content:flex-end}.bb-radio-group .bb-base-input-container__input--center .bb-cr-container__container{justify-content:center}.bb-rating .bb-base-input-container--horizontal .bb-base-input-container__label{float:left}.bb-rating .bb-base-input-container__input--right .bb-cr-container__container{justify-content:flex-end}.bb-rating .bb-base-input-container__input--center .bb-cr-container__container{justify-content:center}.bb-ratio{display:block}.bb-select .bb-base-input-container .bb-base-input-container__input .bb-base-select{display:flex}.bb-select-popover{width:var(--bb-select-popover-width,320px)}.bb-select-popover .bb-select-popover__search-container{border-bottom:1px solid var(--bb-border);align-items:center;padding:.375rem .75rem;display:flex;position:relative}.bb-select-popover .bb-select-popover__search-icon,.bb-select-popover .bb-select-popover__search-spinner,.bb-select-popover .bb-select-popover__search-error-icon{color:var(--bb-icon-color);width:var(--bb-input-icon);opacity:0;pointer-events:none;flex-shrink:0;transition:color .3s,opacity .3s;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.bb-select-popover .bb-select-popover__search-input{color:var(--bb-input-color);font-size:var(--bb-input-font-size);line-height:var(--bb-leading);padding:0;padding-right:calc(var(--bb-input-icon) + .5rem);background-color:#0000;border:0;outline:none;flex:auto;width:100%}.bb-select-popover .bb-select-popover__search-icon{opacity:1}.bb-select-popover.bb-select-popover--errors .bb-select-popover__search-error-icon{color:var(--bb-danger);opacity:1}.bb-select-popover.bb-select-popover--errors .bb-select-popover__search-icon,.bb-select-popover.bb-select-popover--errors .bb-select-popover__search-spinner{opacity:0}.bb-select-popover.bb-select-popover--loading .bb-select-popover__search-spinner{opacity:1}.bb-select-popover.bb-select-popover--loading .bb-select-popover__search-icon,.bb-select-popover.bb-select-popover--loading .bb-select-popover__search-error-icon{opacity:0}.bb-select-popover .bb-listbox{--option-h:var(--option-height);display:block}.bb-select-popover .bb-listbox.bb-listbox--open{transition:min-height}.bb-select-popover .bb-listbox.bb-listbox--open .bb-listbox__outer-container{opacity:1;grid-template-rows:1fr;transition-delay:0s,0s}.bb-select-popover .bb-listbox.bb-listbox--open .bb-listbox__outer-container>*{opacity:1;transition-delay:calc(var(--transition-duration) * .8)}.bb-select-popover .bb-listbox.bb-listbox--no-data .bb-listbox__outer-container .bb-listbox__inner-container .bb-listbox__no-data{display:block}.bb-select-popover .bb-listbox.bb-listbox--loading .bb-listbox__outer-container .bb-listbox__inner-container .bb-listbox__loading{text-align:left;display:block;display:hidden}.bb-select-popover .bb-listbox.bb-listbox--multiple .autocomplete-option__checkbox{display:inline-block!important}.bb-select-popover .bb-listbox .bb-listbox__outer-container{background-color:var(--bb-panel);border-color:var(--bb-primary);border-radius:var(--bb-radius);opacity:0;transition-delay:calc(var(--transition-duration) * .25), 0s, 0s;transition-duration:var(--transition-duration), calc(var(--transition-duration) * 1.4), var(--transition-duration);border-width:0;grid-template-rows:0fr;transition-property:grid-template-rows,opacity,border;display:grid}.bb-select-popover .bb-listbox .bb-listbox__outer-container>*{opacity:0;transition-delay:0s;transition-duration:calc(var(--transition-duration) * 2);transition-property:opacity}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container{text-align:left;max-height:min(calc(var(--option-h) * 6), calc(round(down, calc(100dvh - 130px), var(--option-h)) - 1px));overflow:clip auto}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container .bb-listbox__loading,.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container .bb-listbox__no-data{color:var(--bb-text);padding-bottom:var(--bb-select-option-py);padding-left:var(--bb-select-option-px);padding-right:var(--bb-select-option-px);padding-top:var(--bb-select-option-py);display:none}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox]{width:100%;display:block;position:relative}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__group{width:100%;display:block;position:absolute;top:0;left:0}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__group-header{height:var(--group-header-height,32px);padding-left:var(--bb-select-option-px);padding-right:var(--bb-select-option-px);-webkit-user-select:none;user-select:none;align-items:center;display:flex}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__group-header .bb-listbox__group-header-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb, var(--bb-text) 50%, transparent);letter-spacing:.025em;text-transform:uppercase;flex:auto;align-items:center;gap:16px;font-size:.75rem;font-weight:600;display:flex;overflow:hidden}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__group-header .bb-listbox__group-header-label:after{content:"";background-color:var(--bb-border);width:100%;height:1px;display:block}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__option{width:100%;display:block;position:absolute;top:0;left:0}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .bb-listbox__group>.bb-listbox__option{position:static}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option{--bg-opacity:0;--bg-base-color:var(--bb-text);background-color:color-mix(in srgb, var(--bg-base-color) calc(100% * var(--bg-opacity)), transparent);color:var(--bb-text);cursor:pointer;height:var(--option-h);padding-left:var(--bb-select-option-px);padding-right:var(--bb-select-option-px);flex-grow:1;align-items:center;gap:8px;width:100%;transition-property:color,background-color;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option:hover:not(.autocomplete-option--disabled){--bg-opacity:.05;--bg-base-color:var(--bb-text)}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--focused{--bg-opacity:.15;--bg-base-color:var(--bb-text)}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--focused:hover:not(.autocomplete-option--disabled){--bg-opacity:.2}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--selected{--bg-opacity:.1;color:var(--bb-primary);--bg-base-color:var(--bb-primary)!important}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--selected:hover:not(.autocomplete-option--disabled){--bg-opacity:.15}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--selected.autocomplete-option--focused,.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--selected.autocomplete-option--focused:hover:not(.autocomplete-option--disabled){--bg-opacity:.2}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--disabled{cursor:not-allowed;opacity:.5}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option--disabled .autocomplete-option__checkbox.autocomplete-option__checkbox{background-color:var(--bb-panel-disabled)}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option .autocomplete-option__checkbox{pointer-events:none;background-color:var(--bb-panel);border-color:var(--bb-border);border-radius:min(6px, var(--bb-radius));border-style:solid;border-width:1px;width:16px;height:16px;margin-left:-6px;transition-property:color,background-color,border-color,text-decoration-color,box-shadow;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:none}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option .autocomplete-option__checkbox path{stroke:var(--bb-contrasting);stroke-dasharray:105;stroke-dashoffset:105px;transition:stroke-dashoffset .3s}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option .autocomplete-option__label{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:auto;display:block;overflow:hidden}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option.autocomplete-option--selected .autocomplete-option__checkbox{background-color:var(--bb-primary);border-color:var(--bb-primary)}.bb-select-popover .bb-listbox .bb-listbox__outer-container .bb-listbox__inner-container span[role=listbox] .autocomplete-option.autocomplete-option--selected .autocomplete-option__checkbox path{stroke-dashoffset:0}.bb-slider .bb-base-input-container .bb-base-input-container__input .bb-base-slider{display:inline-flex}.bb-switch .bb-base-input-container{cursor:pointer}.bb-switch .bb-base-input-container--horizontal{align-items:center;display:flex}.bb-switch .bb-base-input-container .bb-base-input-container__input{margin-bottom:-7px}.bb-switch-group .bb-base-input-container--horizontal .bb-base-input-container__label{float:left}.bb-switch-group .bb-base-input-container__input--right .bb-cr-container__container{justify-content:flex-end}.bb-switch-group .bb-base-input-container__input--center .bb-cr-container__container{justify-content:center}.bb-tab{--transition-duration:.35s;--gap:30px;color:var(--bb-text);gap:24px;display:grid}.bb-tab--horizontal>.bb-tab__label-boundary:before{width:100%;height:1px;bottom:2px;left:0}.bb-tab--horizontal>.bb-tab__label-boundary .bb-tab__label-container{padding:var(--bb-ring-size) var(--bb-ring-size) 12px var(--bb-ring-size);white-space:nowrap}.bb-tab--horizontal>.bb-tab__label-boundary .bb-tab__label-container:before{height:5px;translate:var(--left) 0px;width:var(--width);bottom:0;left:0}.bb-tab--horizontal>.bb-tab__label-boundary .bb-tab__label-container>li+li{margin-left:40px}.bb-tab--vertical{grid-template-columns:auto 1fr;display:grid}.bb-tab--vertical>.bb-tab__label-boundary:before{width:1px;height:100%;top:0;right:2px}.bb-tab--vertical>.bb-tab__label-boundary .bb-tab__label-container{padding:var(--bb-ring-size) 12px var(--bb-ring-size) var(--bb-ring-size);flex-direction:column;align-items:stretch;display:flex}.bb-tab--vertical>.bb-tab__label-boundary .bb-tab__label-container>li+li{margin-top:10px}.bb-tab--vertical>.bb-tab__label-boundary .bb-tab__label-container:before{height:var(--height);translate:0px var(--top);width:5px;top:0;right:0}.bb-tab--vertical>.bb-tab__label-boundary .bb-tab__label-container .bb-tab__btn{text-align:left;width:100%}.bb-tab--vertical>span{display:block}.bb-tab .bb-tab__label-boundary{grid-template-columns:auto 1fr auto;display:grid;position:relative}.bb-tab .bb-tab__label-boundary:before{background-color:var(--bb-border);content:"";display:block;position:absolute}.bb-tab .bb-tab__label-boundary .bb-tab__label-container{-ms-overflow-style:none;scrollbar-width:none;font-weight:500;list-style:none;position:relative;overflow-x:auto}.bb-tab .bb-tab__label-boundary .bb-tab__label-container::-webkit-scrollbar{display:none}.bb-tab .bb-tab__label-boundary .bb-tab__label-container:before{background-color:var(--bb-primary);border-radius:var(--bb-radius);content:"";transition:translate .3s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1),height .25s cubic-bezier(.4,0,.2,1);position:absolute}.bb-tab .bb-tab__label-boundary .bb-tab__label-container--no-transition:before{display:none}.bb-tab .bb-tab__label-boundary .bb-tab__label-container li{display:inline-block}.bb-tab .bb-tab__label-boundary .bb-tab__label-container li .bb-tab__btn{min-height:40px;scroll-margin:60px}.bb-tab .bb-tab__label-boundary .bb-tab__label-container li .bb-tab__btn--active{color:var(--bb-primary)}.bb-tab .bb-tab__panes-container .bb-smooth-height>.content{grid-template-columns:1fr;display:grid;position:relative}.bb-tab .bb-tab__panes-container>div:not(.bb-smooth-height){grid-template-columns:1fr;display:grid;position:relative;overflow:clip}.bb-tab .bb-tab__panes-container .tab-slide-left-enter-active,.bb-tab .bb-tab__panes-container .tab-slide-right-enter-active{transition:translate var(--transition-duration) cubic-bezier(.2, 0, 0, 1), opacity calc(var(--transition-duration) * .6) cubic-bezier(0, 0, .2, 1)}.bb-tab .bb-tab__panes-container .tab-slide-left-leave-active,.bb-tab .bb-tab__panes-container .tab-slide-right-leave-active{transition:translate calc(var(--transition-duration) * .8) cubic-bezier(.4, 0, 1, 1), opacity calc(var(--transition-duration) * .4) cubic-bezier(.4, 0, 1, 1)}.bb-tab .bb-tab__panes-container .tab-slide-left-enter-from{opacity:0;translate:calc(-100% - var(--gap)) 0px}.bb-tab .bb-tab__panes-container .tab-slide-left-leave-to{opacity:0;translate:calc(100% + var(--gap)) 0px}.bb-tab .bb-tab__panes-container .tab-slide-left-enter-to,.bb-tab .bb-tab__panes-container .tab-slide-left-leave-from,.bb-tab .bb-tab__panes-container .tab-slide-right-enter-to,.bb-tab .bb-tab__panes-container .tab-slide-right-leave-from{opacity:1;translate:0}.bb-tab .bb-tab__panes-container .tab-slide-right-enter-from{opacity:0;translate:calc(100% + var(--gap)) 0px}.bb-tab .bb-tab__panes-container .tab-slide-right-leave-to{opacity:0;translate:calc(-100% - var(--gap)) 0px}@media (prefers-reduced-motion:reduce){.bb-tab .bb-tab__panes-container .tab-slide-left-enter-active,.bb-tab .bb-tab__panes-container .tab-slide-left-leave-active,.bb-tab .bb-tab__panes-container .tab-slide-right-enter-active,.bb-tab .bb-tab__panes-container .tab-slide-right-leave-active{transition:none}}.bb-tab .bb-tab__panes-container .bb-tab__pane{grid-area:1/1/2/2;display:none}.bb-tab .bb-tab__panes-container .bb-tab__pane--shown{display:block}.bb-table{--padding-x:16px;--padding-y:8px;--actions-spacing:8px;border-collapse:separate;border-spacing:0;display:grid;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--compact{--padding-x:8px;--padding-y:4px}.bb-table--fixed table{table-layout:fixed;width:100%}.bb-table--fixed table thead .bb-table-header--actions{width:auto}.bb-table--fixed-header table thead th{z-index:1;position:sticky;top:0}.bb-table--fixed-header table thead th[style*=sticky]{z-index:2;position:sticky;top:0}.bb-table--selectable tr>.bb-table-data__cell--select{text-align:center;width:0}.bb-table table{min-width:100%}.bb-table-header{border-bottom:1px solid var(--bb-border);color:color-mix(in srgb, var(--bb-text), transparent 40%);padding:var(--padding-y) var(--padding-x);font-size:14px;font-weight:500}.bb-table-header--center{text-align:center}.bb-table-header--right{text-align:right}.bb-table-header--actions{width:0}.bb-table tbody tr:not(:last-child){border-bottom:1px solid var(--bb-border)}.bb-table tbody tr td{color:var(--bb-text);height:var(--bb-table-cell-h);padding:var(--padding-y) var(--padding-x);font-size:14px;font-weight:400}.bb-table tbody tr td.bb-table-expand__cell{padding:0}.bb-table.bb-table--loading .bb-table-loading__row .bb-table-loading__cell{vertical-align:top;padding:0 var(--padding-x)!important}.bb-table.bb-table--loading .bb-table-loading__row--sr-only .bb-table-loading__cell{border:none;height:0;overflow:hidden;padding:0!important}.bb-table-skeleton__cell{height:var(--bb-table-cell-h);padding:var(--padding-y) var(--padding-x);vertical-align:middle;overflow:hidden}.bb-table-skeleton__cell--select,.bb-table-skeleton__cell--actions{text-align:center;width:0}.bb-table-skeleton__cell-content{max-height:calc(var(--bb-table-cell-h) - var(--padding-y) * 2);flex-direction:column;justify-content:center;gap:6px;min-width:96px;display:flex}.bb-table-skeleton__line{background:linear-gradient(90deg, var(--bb-border) 0%, var(--bb-border) 35%, color-mix(in srgb, var(--bb-border) 60%, white) 50%, var(--bb-border) 65%, var(--bb-border) 100%);background-size:200% 100%;border-radius:6px;flex-shrink:0;height:10px;animation:1.8s ease-in-out infinite bb-table-skeleton-shimmer}@media (prefers-reduced-motion:reduce){.bb-table-skeleton__line{background:var(--bb-border);animation:none}}.bb-table-skeleton__placeholder{background-color:var(--bb-border);border-radius:6px;flex-shrink:0;width:22px;min-width:22px;height:22px;margin:0 auto}.bb-table-skeleton__avatar{aspect-ratio:1;background-color:var(--bb-border);height:calc(var(--bb-table-cell-h) - var(--padding-y) * 2);min-width:calc(var(--bb-table-cell-h) - var(--padding-y) * 2);width:calc(var(--bb-table-cell-h) - var(--padding-y) * 2);border-radius:50%;flex-shrink:0}.bb-table-skeleton__avatar-text{max-height:calc(var(--bb-table-cell-h) - var(--padding-y) * 2);align-items:center;gap:12px;min-width:140px;display:flex}.bb-table-skeleton__avatar-text .bb-table-skeleton__avatar{width:calc(var(--bb-table-cell-h) - var(--padding-y) * 2)}.bb-table-skeleton__avatar-text .bb-table-skeleton__cell-content{flex:1;min-width:0}.bb-table-skeleton__image{aspect-ratio:4/3;background-color:var(--bb-border);height:calc(var(--bb-table-cell-h) - var(--padding-y) * 2);border-radius:8px;width:auto;min-width:64px}.bb-table-skeleton__badge{background-color:var(--bb-border);border-radius:999px;flex-shrink:0;width:88px;min-width:72px;height:26px}@keyframes bb-table-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bb-table-data__cell--center{text-align:center}.bb-table-data__cell--right{text-align:right}.bb-table__cell--actions{white-space:nowrap}.bb-table__cell--actions>:not(:first-child){margin-left:var(--actions-spacing)}.bb-table-check__label,.bb-table-radio__label{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-block;transform:translateY(2px)}.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{cursor:default;visibility:hidden}.bb-table-check__label.bb-table-radio__label--disabled,.bb-table-radio__label.bb-table-radio__label--disabled{cursor:default}.bb-tag .bb-base-input-container .bb-base-input-container__input .bb-base-tag,.bb-text-input .bb-base-input-container__input .bb-base-text-input,.bb-textarea .bb-base-input-container .bb-base-input-container__input .bb-base-textarea{display:inline-flex}.bb-toast{--page-margin:20px;--spacing:12px;--min-h:50px;--w:300px;--color:var(--bb-primary);--padding-x:12px;--padding-y:8px;gap:var(--spacing);margin:var(--page-margin);min-width:min(calc(100vw - var(--page-margin) * 2), var(--min-w));z-index:10;flex-direction:column;display:flex;position:fixed}.bb-toast[class*=bb-toast--bottom]{bottom:0}.bb-toast[class*=bb-toast--bottom].bb-toast--bottom{align-items:center;left:50%;transform:translate(-50%)}.bb-toast[class*=bb-toast--bottom].bb-toast--bottom-start{align-items:start;left:0}.bb-toast[class*=bb-toast--bottom].bb-toast--bottom-end{align-items:end;right:0}.bb-toast[class*=bb-toast--top]{top:0}.bb-toast[class*=bb-toast--top].bb-toast--top{align-items:center;left:50%;transform:translate(-50%)}.bb-toast[class*=bb-toast--top].bb-toast--top-start{align-items:start;left:0}.bb-toast[class*=bb-toast--top].bb-toast--top-end{align-items: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}.bb-toast-message{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--bb-panel);border:1px solid var(--bb-border);color:var(--bb-text);max-width:min(calc(100vw - var(--page-margin) * 2), var(--w));min-height:var(--min-h);padding:var(--padding-y) var(--padding-x);width:var(--w);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:8px;display:grid;position:relative}.bb-toast-message:has(.bb-toast-message__icon-container:empty){grid-template-columns:0 1fr;gap:0}.bb-toast-message:has(.bb-toast-message__icon-container:empty) .bb-toast-message__icon-container{display:none}.bb-toast-message .bb-toast-message__icon{color:var(--color);width:24px;height:24px}.bb-toast-message .bb-toast-message__content{grid-row-start:1;grid-column-start:2}.bb-toast-message .bb-toast-message__title{color:var(--color);margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.4}.bb-toast-message .bb-toast-message__text{opacity:.9;font-size:13px;font-weight:400;line-height:1.4}.bb-toast-message .bb-toast-message__close{color:var(--bb-text);float:right;z-index:1;margin:calc(var(--padding-y) * -1) calc(var(--padding-x) * -1) calc(var(--padding-y) * -1) 0px;opacity:.6;background:0 0;border:none;border-radius:4px;outline:none;grid-row-start:1;grid-column-start:2;width:fit-content;padding:8px;transition:all .2s;position:relative}.bb-toast-message .bb-toast-message__close:hover{opacity:1;background-color:#0000000d}.bb-toast-message .bb-toast-message__close:focus-visible{box-shadow:0 0 0 2px var(--bb-ring);opacity:1}.bb-toast-message .bb-toast-message__close svg{width:12px;height:12px}.bb-toast-message:hover .bb-toast-message__close{opacity:.8}.bb-tooltip .bb-tooltip__content{--p:8px;color:var(--bb-text);padding:var(--p);align-items:flex-start;font-size:14px;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-grow:1}.bb-tree>div[class^=bb-tree--depth-]{overflow:hidden}
|
|
2
2
|
/*$vite$:1*/
|
package/dist/index240.js
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import e from "./
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import a from "./
|
|
7
|
-
import
|
|
8
|
-
import s from "./
|
|
9
|
-
import
|
|
1
|
+
import { useLogger as e } from "./index31.js";
|
|
2
|
+
import t from "./index36.js";
|
|
3
|
+
import { useLocale as n } from "./index42.js";
|
|
4
|
+
import { extractDomContainer as r } from "./index45.js";
|
|
5
|
+
import { isEqual as i } from "./index82.js";
|
|
6
|
+
import { noop as a } from "./index142.js";
|
|
7
|
+
import o from "./index219.js";
|
|
8
|
+
import { pickBy as s } from "./index239.js";
|
|
9
|
+
import c from "./index254.js";
|
|
10
|
+
import { computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineAsyncComponent as g, defineComponent as _, mergeModels as v, mergeProps as y, normalizeClass as b, openBlock as x, ref as S, renderSlot as C, toDisplayString as w, toRef as T, unref as E, useAttrs as D, useModel as O, withCtx as k } from "vue";
|
|
10
11
|
//#region src/components/BbButton/BbButton.vue?vue&type=script&setup=true&lang.ts
|
|
11
12
|
var A = {
|
|
12
13
|
key: 2,
|
|
@@ -64,8 +65,10 @@ var A = {
|
|
|
64
65
|
}),
|
|
65
66
|
emits: ["update:modelValue"],
|
|
66
67
|
setup(_, { expose: v }) {
|
|
67
|
-
let j = g(() => import("./index345.js")), M = _, N = O(_, "modelValue"), P = l(() => N.value !== void 0), F = l(() =>
|
|
68
|
-
|
|
68
|
+
let j = g(() => import("./index345.js")), M = _, N = O(_, "modelValue"), P = l(() => N.value !== void 0), F = l(() => i(N.value, M.trueValue)), { t: I } = n();
|
|
69
|
+
e();
|
|
70
|
+
let L = D(), R = S(), z = (e) => {
|
|
71
|
+
R.value = r(e) ?? void 0;
|
|
69
72
|
}, B = l(() => {
|
|
70
73
|
let { onClick: e, ...t } = L;
|
|
71
74
|
return t;
|
|
@@ -73,16 +76,16 @@ var A = {
|
|
|
73
76
|
if (H.value && !M.enabledWhileLoading) return (M.type === "submit" || M.href || M.to) && e.preventDefault(), null;
|
|
74
77
|
if (P.value) {
|
|
75
78
|
let e = M.trueValue, t = M.falseValue;
|
|
76
|
-
N.value =
|
|
79
|
+
N.value = i(N.value, e) ? t : e;
|
|
77
80
|
}
|
|
78
|
-
V.value++, await (L.onClick ??
|
|
81
|
+
V.value++, await (L.onClick ?? a)(e), V.value--;
|
|
79
82
|
}, G = typeof M.size == "string" ? { default: M.size } : {
|
|
80
83
|
default: "md",
|
|
81
84
|
...M.size
|
|
82
85
|
}, K = Object.entries(G).reduce((e, [t, n]) => (t === "default" ? e[`data-${n}`] = "" : e[`data-${t}:${n}`] = "", e), {}), q = T(() => ({
|
|
83
86
|
...B.value,
|
|
84
87
|
...K,
|
|
85
|
-
...
|
|
88
|
+
...s(M, (e, t) => ![
|
|
86
89
|
"append:icon",
|
|
87
90
|
"autoLoading",
|
|
88
91
|
"disabled",
|
|
@@ -99,14 +102,14 @@ var A = {
|
|
|
99
102
|
"trueValue"
|
|
100
103
|
].includes(t))
|
|
101
104
|
}));
|
|
102
|
-
return v({ $el: R }), (
|
|
105
|
+
return v({ $el: R }), (e, n) => (x(), u(E(t), y({ ref: z }, q.value, {
|
|
103
106
|
"aria-disabled": H.value ? !0 : void 0,
|
|
104
107
|
"aria-pressed": P.value ? F.value : void 0,
|
|
105
108
|
class: {
|
|
106
109
|
"bb-button": !0,
|
|
107
110
|
"bb-button--loading": H.value,
|
|
108
111
|
"bb-button--group": M.group,
|
|
109
|
-
"bb-button--icon": !!
|
|
112
|
+
"bb-button--icon": !!e.icon,
|
|
110
113
|
"bb-button--active": P.value && F.value
|
|
111
114
|
},
|
|
112
115
|
disabled: U.value,
|
|
@@ -114,23 +117,36 @@ var A = {
|
|
|
114
117
|
onClick: W
|
|
115
118
|
}), {
|
|
116
119
|
default: k(() => [
|
|
117
|
-
h(E(
|
|
118
|
-
M.icon ? (x(), u(
|
|
120
|
+
h(E(c), { class: "bb-button__spinner" }),
|
|
121
|
+
M.icon ? (x(), u(o, {
|
|
119
122
|
key: 0,
|
|
120
123
|
class: "bb-button__icon",
|
|
121
124
|
type: M.icon
|
|
122
|
-
}, null, 8, ["type"])) : M["prepend:icon"] ? (x(), u(
|
|
125
|
+
}, null, 8, ["type"])) : M["prepend:icon"] ? (x(), u(o, {
|
|
123
126
|
key: 1,
|
|
124
127
|
class: "bb-button__prepend-icon",
|
|
125
128
|
type: M["prepend:icon"]
|
|
126
129
|
}, null, 8, ["type"])) : d("", !0),
|
|
127
|
-
p("span", { class: b(["bb-button__content", { "sr-only": !!
|
|
130
|
+
p("span", { class: b(["bb-button__content", { "sr-only": !!e.icon }]) }, [C(e.$slots, "default", {}, () => [m(w(e.text), 1)])], 2),
|
|
128
131
|
H.value ? (x(), f("span", A, w(E(I)("common.loadingText")), 1)) : d("", !0),
|
|
129
|
-
!
|
|
132
|
+
!e.icon && M["append:icon"] ? (x(), u(o, {
|
|
130
133
|
key: 3,
|
|
131
134
|
class: "bb-button__append-icon",
|
|
132
135
|
type: M["append:icon"]
|
|
133
|
-
}, null, 8, ["type"])) : d("", !0)
|
|
136
|
+
}, null, 8, ["type"])) : d("", !0),
|
|
137
|
+
e.tooltip != null || e.$slots.tooltip ? (x(), u(E(j), {
|
|
138
|
+
key: 4,
|
|
139
|
+
activator: R.value,
|
|
140
|
+
placement: e.tooltipPlacement,
|
|
141
|
+
timeout: e.tooltipTimeout
|
|
142
|
+
}, {
|
|
143
|
+
default: k(() => [C(e.$slots, "tooltip", { text: e.tooltip }, () => [m(w(e.tooltip), 1)])]),
|
|
144
|
+
_: 3
|
|
145
|
+
}, 8, [
|
|
146
|
+
"activator",
|
|
147
|
+
"placement",
|
|
148
|
+
"timeout"
|
|
149
|
+
])) : d("", !0)
|
|
134
150
|
]),
|
|
135
151
|
_: 3
|
|
136
152
|
}, 16, [
|
|
@@ -139,20 +155,7 @@ var A = {
|
|
|
139
155
|
"class",
|
|
140
156
|
"disabled",
|
|
141
157
|
"tabindex"
|
|
142
|
-
])
|
|
143
|
-
key: 0,
|
|
144
|
-
activator: R.value,
|
|
145
|
-
placement: t.tooltipPlacement,
|
|
146
|
-
"show-close": !1,
|
|
147
|
-
timeout: t.tooltipTimeout
|
|
148
|
-
}, {
|
|
149
|
-
default: k(() => [C(t.$slots, "tooltip", { text: t.tooltip }, () => [m(w(t.tooltip), 1)])]),
|
|
150
|
-
_: 3
|
|
151
|
-
}, 8, [
|
|
152
|
-
"activator",
|
|
153
|
-
"placement",
|
|
154
|
-
"timeout"
|
|
155
|
-
])) : d("", !0)], 64));
|
|
158
|
+
]));
|
|
156
159
|
}
|
|
157
160
|
});
|
|
158
161
|
//#endregion
|
package/dist/index343.js
CHANGED
|
@@ -1,17 +1,15 @@
|
|
|
1
1
|
import { useId as e } from "./index12.js";
|
|
2
2
|
import { useElementSize as t } from "./index14.js";
|
|
3
|
-
import n from "./
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
import o from "
|
|
8
|
-
import { parseWidthString as s } from "./index231.js";
|
|
9
|
-
import { Comment as c, Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as ee, createVNode as h, defineComponent as g, mergeModels as _, mergeProps as v, normalizeProps as y, normalizeStyle as te, onBeforeUnmount as ne, onMounted as b, openBlock as x, ref as S, renderSlot as C, toDisplayString as w, unref as re, useModel as ie, useSlots as T, useTemplateRef as E, watch as D, withCtx as O } from "vue";
|
|
3
|
+
import { extractDomContainer as n } from "./index45.js";
|
|
4
|
+
import { useUntil as r } from "./index50.js";
|
|
5
|
+
import i from "./index60.js";
|
|
6
|
+
import { parseWidthString as a } from "./index231.js";
|
|
7
|
+
import { Comment as o, Fragment as s, computed as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, mergeModels as h, mergeProps as g, normalizeProps as _, normalizeStyle as v, onBeforeUnmount as y, onMounted as b, openBlock as x, ref as S, renderSlot as C, toDisplayString as w, useModel as T, useSlots as E, useTemplateRef as D, watch as O, withCtx as k } from "vue";
|
|
10
8
|
//#region src/components/BbTooltip/BbTooltip.vue?vue&type=script&setup=true&lang.ts
|
|
11
|
-
var
|
|
9
|
+
var A = /* @__PURE__ */ m({
|
|
12
10
|
inheritAttrs: !1,
|
|
13
11
|
__name: "BbTooltip",
|
|
14
|
-
props: /* @__PURE__ */
|
|
12
|
+
props: /* @__PURE__ */ h({
|
|
15
13
|
arrowPadding: { default: 10 },
|
|
16
14
|
block: { type: Boolean },
|
|
17
15
|
disabled: { type: Boolean },
|
|
@@ -19,10 +17,6 @@ var k = /* @__PURE__ */ g({
|
|
|
19
17
|
id: {},
|
|
20
18
|
padding: { default: 10 },
|
|
21
19
|
placement: { default: "top" },
|
|
22
|
-
showClose: {
|
|
23
|
-
type: Boolean,
|
|
24
|
-
default: !0
|
|
25
|
-
},
|
|
26
20
|
text: {},
|
|
27
21
|
theme: { default: "default" },
|
|
28
22
|
transitionDuration: { default: 250 },
|
|
@@ -38,87 +32,85 @@ var k = /* @__PURE__ */ g({
|
|
|
38
32
|
modelModifiers: {}
|
|
39
33
|
}),
|
|
40
34
|
emits: ["update:modelValue"],
|
|
41
|
-
setup(
|
|
42
|
-
let
|
|
35
|
+
setup(m) {
|
|
36
|
+
let h = m, A = E(), j = `bb_${h.id ?? e().id.value}`, M = `${j}_desc`, N = (e) => {
|
|
43
37
|
if (!e) return "";
|
|
44
38
|
let t = "";
|
|
45
39
|
for (let n of e) {
|
|
46
|
-
if (n.type ===
|
|
40
|
+
if (n.type === o) continue;
|
|
47
41
|
let e = n.children;
|
|
48
42
|
typeof e == "string" ? t += e : Array.isArray(e) && (t += N(e));
|
|
49
43
|
}
|
|
50
44
|
return t;
|
|
51
|
-
}, P = S(!1), F =
|
|
52
|
-
let t =
|
|
45
|
+
}, P = S(!1), F = c(() => (h.text ?? (P.value ? N(A.default?.({})) : "")).replace(/\s+/g, " ").trim()), I = S(), L = c(() => h.activator != null), R = D("popover"), z = c(() => n(R.value)), B = T(m, "modelValue"), V = r(B), H = (e) => {
|
|
46
|
+
let t = n(e);
|
|
53
47
|
t && (I.value = t);
|
|
54
|
-
}, W, G
|
|
55
|
-
clearTimeout(
|
|
48
|
+
}, U, W, G = () => {
|
|
49
|
+
clearTimeout(W);
|
|
50
|
+
}, K = () => {
|
|
51
|
+
clearTimeout(U), clearTimeout(W), document.removeEventListener("keydown", Y), B.value = !1;
|
|
56
52
|
}, q = () => {
|
|
57
|
-
clearTimeout(
|
|
53
|
+
clearTimeout(U), clearTimeout(W), W = setTimeout(K, 50);
|
|
58
54
|
}, J = () => {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
}, X = (e) => {
|
|
65
|
-
e.key === "Escape" && q();
|
|
66
|
-
}, ae = () => {
|
|
67
|
-
B.value = !1, q();
|
|
55
|
+
G(), !(B.value || h.disabled) && (U = setTimeout(() => {
|
|
56
|
+
B.value = !0, document.addEventListener("keydown", Y, { passive: !0 });
|
|
57
|
+
}, h.timeout));
|
|
58
|
+
}, Y = (e) => {
|
|
59
|
+
e.key === "Escape" && K();
|
|
68
60
|
};
|
|
69
|
-
|
|
70
|
-
e &&
|
|
61
|
+
O(() => h.activator, (e) => {
|
|
62
|
+
e && H(e);
|
|
71
63
|
}, { immediate: !0 });
|
|
72
|
-
let
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
e.removeEventListener("mouseenter",
|
|
64
|
+
let X = null;
|
|
65
|
+
O(I, (e) => {
|
|
66
|
+
X &&= (X(), null), e && (e.addEventListener("mouseenter", J, { passive: !0 }), e.addEventListener("mouseleave", q, { passive: !0 }), e.addEventListener("focus", J, { passive: !0 }), e.addEventListener("blur", K, { passive: !0 }), X = () => {
|
|
67
|
+
e.removeEventListener("mouseenter", J), e.removeEventListener("mouseleave", q), e.removeEventListener("focus", J), e.removeEventListener("blur", K);
|
|
76
68
|
});
|
|
77
69
|
}, { immediate: !0 });
|
|
78
|
-
let
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
e.removeEventListener("mouseenter",
|
|
70
|
+
let Z = null;
|
|
71
|
+
O(z, (e) => {
|
|
72
|
+
Z &&= (Z(), null), e && (e.addEventListener("mouseenter", G, { passive: !0 }), e.addEventListener("mouseleave", q, { passive: !0 }), Z = () => {
|
|
73
|
+
e.removeEventListener("mouseenter", G), e.removeEventListener("mouseleave", q);
|
|
82
74
|
});
|
|
83
75
|
}, { immediate: !0 });
|
|
84
|
-
let
|
|
76
|
+
let Q = () => {
|
|
85
77
|
let e = I.value;
|
|
86
|
-
e && (F.value ? e.setAttribute("aria-describedby", M) :
|
|
78
|
+
e && (F.value ? e.setAttribute("aria-describedby", M) : V.value && e.setAttribute("aria-describedby", j));
|
|
87
79
|
};
|
|
88
80
|
b(() => {
|
|
89
|
-
|
|
90
|
-
}),
|
|
81
|
+
Q(), P.value = !0;
|
|
82
|
+
}), O([
|
|
91
83
|
I,
|
|
92
|
-
|
|
84
|
+
V,
|
|
93
85
|
F
|
|
94
|
-
],
|
|
95
|
-
|
|
86
|
+
], Q, { flush: "post" }), y(() => {
|
|
87
|
+
X?.(), Z?.(), I.value && I.value.removeAttribute("aria-describedby"), K();
|
|
96
88
|
});
|
|
97
|
-
let { width:
|
|
89
|
+
let { width: $ } = t(I, {
|
|
98
90
|
width: 0,
|
|
99
91
|
height: 0
|
|
100
|
-
}, { box: "border-box" }),
|
|
101
|
-
if (
|
|
102
|
-
let { value: e, unit: t } =
|
|
103
|
-
return t === "%" ? I.value ? `${
|
|
92
|
+
}, { box: "border-box" }), ee = c(() => {
|
|
93
|
+
if (h.width) {
|
|
94
|
+
let { value: e, unit: t } = a(h.width);
|
|
95
|
+
return t === "%" ? I.value ? `${$.value * (e / 100)}px` : "0px" : `${e}px`;
|
|
104
96
|
}
|
|
105
97
|
});
|
|
106
|
-
return (e, t) => (x(),
|
|
107
|
-
F.value ? (x(),
|
|
98
|
+
return (e, t) => (x(), u(s, null, [
|
|
99
|
+
F.value ? (x(), u("span", {
|
|
108
100
|
key: 0,
|
|
109
101
|
id: M,
|
|
110
102
|
class: "sr-only"
|
|
111
|
-
}, w(F.value), 1)) :
|
|
112
|
-
L.value ?
|
|
113
|
-
props: { ref:
|
|
103
|
+
}, w(F.value), 1)) : l("", !0),
|
|
104
|
+
L.value ? l("", !0) : C(e.$slots, "activator", _(g({ key: 1 }, {
|
|
105
|
+
props: { ref: H },
|
|
114
106
|
disabled: e.disabled,
|
|
115
|
-
open:
|
|
107
|
+
open: B.value,
|
|
116
108
|
placement: e.placement
|
|
117
109
|
}))),
|
|
118
|
-
|
|
110
|
+
p(i, g({
|
|
119
111
|
ref: "popover",
|
|
120
|
-
modelValue:
|
|
121
|
-
"onUpdate:modelValue": t[0] ||= (e) =>
|
|
112
|
+
modelValue: B.value,
|
|
113
|
+
"onUpdate:modelValue": t[0] ||= (e) => B.value = e,
|
|
122
114
|
anchor: I.value,
|
|
123
115
|
"arrow-padding": e.arrowPadding,
|
|
124
116
|
boundary: e.boundary,
|
|
@@ -127,29 +119,11 @@ var k = /* @__PURE__ */ g({
|
|
|
127
119
|
placement: e.placement,
|
|
128
120
|
"transition-duration": e.transitionDuration
|
|
129
121
|
}, e.$attrs), {
|
|
130
|
-
default:
|
|
122
|
+
default: k(() => [d("span", {
|
|
131
123
|
id: j,
|
|
132
124
|
class: "bb-tooltip__content",
|
|
133
|
-
style:
|
|
134
|
-
}, [e
|
|
135
|
-
key: 0,
|
|
136
|
-
"aria-label": re(A)("common.closeLabel").value,
|
|
137
|
-
class: "bb-tooltip__close",
|
|
138
|
-
tabindex: "-1",
|
|
139
|
-
onClick: ae
|
|
140
|
-
}, {
|
|
141
|
-
default: O(() => t[1] ||= [m("svg", {
|
|
142
|
-
fill: "none",
|
|
143
|
-
viewBox: "0 0 24 24",
|
|
144
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
145
|
-
}, [m("path", {
|
|
146
|
-
d: "M23 23L1 1M23 1L1 23",
|
|
147
|
-
stroke: "currentColor",
|
|
148
|
-
"stroke-linecap": "round",
|
|
149
|
-
"stroke-width": "2"
|
|
150
|
-
})], -1)]),
|
|
151
|
-
_: 1
|
|
152
|
-
}, 8, ["aria-label"])) : f("", !0), C(e.$slots, "default", {}, () => [ee(w(e.text), 1)])], 4)]),
|
|
125
|
+
style: v({ width: ee.value })
|
|
126
|
+
}, [C(e.$slots, "default", {}, () => [f(w(e.text), 1)])], 4)]),
|
|
153
127
|
_: 3
|
|
154
128
|
}, 16, [
|
|
155
129
|
"modelValue",
|
|
@@ -165,4 +139,4 @@ var k = /* @__PURE__ */ g({
|
|
|
165
139
|
}
|
|
166
140
|
});
|
|
167
141
|
//#endregion
|
|
168
|
-
export {
|
|
142
|
+
export { A as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bitboss-ui",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.126",
|
|
4
4
|
"description": "Vue 3 component library by BitBoss: forms, selects, layout, overlays, and more.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -113,4 +113,4 @@
|
|
|
113
113
|
"lint-staged": {
|
|
114
114
|
"*.{js,css,md,html,json,vue,ts}": "prettier --write"
|
|
115
115
|
}
|
|
116
|
-
}
|
|
116
|
+
}
|