bitboss-ui 2.1.120 → 2.1.122
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/BaseCheckbox.md +21 -3
- package/dist/ai/BbTab.md +6 -3
- package/dist/index.css +1 -1
- package/dist/index322.js +99 -96
- package/dist/index83.js +82 -72
- package/package.json +1 -1
package/dist/ai/BaseCheckbox.md
CHANGED
|
@@ -14,6 +14,14 @@
|
|
|
14
14
|
viewBox="276.411 158.834 114.971 114.97"
|
|
15
15
|
>
|
|
16
16
|
<path
|
|
17
|
+
v-if="isIndeterminate"
|
|
18
|
+
d="M 310 216 L 358 216"
|
|
19
|
+
fill="none"
|
|
20
|
+
stroke-linecap="round"
|
|
21
|
+
stroke-width="14px"
|
|
22
|
+
></path>
|
|
23
|
+
<path
|
|
24
|
+
v-else
|
|
17
25
|
d="M 297.574 224.786 L 318.309 243.134 L 371.568 189.232"
|
|
18
26
|
fill="none"
|
|
19
27
|
stroke-linecap="round"
|
|
@@ -56,6 +64,11 @@ const checked = computed(() => {
|
|
|
56
64
|
if (props.checked) return booleanishToBoolean(props.checked);
|
|
57
65
|
return isEqual(props.trueValue, props.modelValue);
|
|
58
66
|
});
|
|
67
|
+
const isIndeterminate = computed(() => {
|
|
68
|
+
const value = props.indeterminate as unknown;
|
|
69
|
+
if (value === '') return true;
|
|
70
|
+
return value === true || value === 'true';
|
|
71
|
+
});
|
|
59
72
|
const hasFocus = ref(false);
|
|
60
73
|
const hasFocusVisible = ref(false);
|
|
61
74
|
|
|
@@ -87,7 +100,7 @@ const containerAttributes = computed(() => {
|
|
|
87
100
|
'bb-base-checkbox': true,
|
|
88
101
|
'bb-base-checkbox--disabled': props.disabled,
|
|
89
102
|
'bb-base-checkbox--errors': props.hasErrors,
|
|
90
|
-
'bb-base-checkbox--indeterminate':
|
|
103
|
+
'bb-base-checkbox--indeterminate': isIndeterminate.value,
|
|
91
104
|
'bb-base-checkbox--readonly': props.readonly,
|
|
92
105
|
[`bb-base-checkbox--${props.color}`]:
|
|
93
106
|
props.color && !isCssColor(props.color),
|
|
@@ -137,7 +150,7 @@ const inputAttributes = computed(() => {
|
|
|
137
150
|
// There is no such thing as readonly checkbox so we disable and style it with css
|
|
138
151
|
disabled: props.disabled || props.readonly,
|
|
139
152
|
id: props.id,
|
|
140
|
-
indeterminate:
|
|
153
|
+
indeterminate: isIndeterminate.value,
|
|
141
154
|
name: props.name,
|
|
142
155
|
required: props.required,
|
|
143
156
|
tabindex: props.disabled ? -1 : undefined,
|
|
@@ -170,7 +183,7 @@ watch(
|
|
|
170
183
|
() => [props.modelValue, props.checked, props.indeterminate],
|
|
171
184
|
() => {
|
|
172
185
|
if (checkboxInput.value) {
|
|
173
|
-
checkboxInput.value.indeterminate =
|
|
186
|
+
checkboxInput.value.indeterminate = isIndeterminate.value;
|
|
174
187
|
}
|
|
175
188
|
}
|
|
176
189
|
);
|
|
@@ -442,6 +455,11 @@ export type SlotAttributes = BaseCheckboxIconSlotProps;
|
|
|
442
455
|
+ .bb-base-checkbox-container
|
|
443
456
|
.bb-base-checkbox-container__icon {
|
|
444
457
|
background-color: var(--color);
|
|
458
|
+
border-color: var(--color);
|
|
459
|
+
|
|
460
|
+
path {
|
|
461
|
+
stroke-dashoffset: 0;
|
|
462
|
+
}
|
|
445
463
|
}
|
|
446
464
|
}
|
|
447
465
|
|
package/dist/ai/BbTab.md
CHANGED
|
@@ -144,8 +144,6 @@ const route = useRoute();
|
|
|
144
144
|
const router = useRouter();
|
|
145
145
|
const { error } = useLogger();
|
|
146
146
|
|
|
147
|
-
const tabs = ref();
|
|
148
|
-
|
|
149
147
|
const id = props.id ?? useId().id.value;
|
|
150
148
|
const instanceid = `bb-tab_${id}`;
|
|
151
149
|
|
|
@@ -280,7 +278,12 @@ const mappedItems = computed(() => {
|
|
|
280
278
|
const onTabSelected = (tab: BbTabItem<K>['key'], replace = props.replace) => {
|
|
281
279
|
const tabItem = props.items.find((i) => i.key === tab);
|
|
282
280
|
if (isNil(tabItem)) return;
|
|
283
|
-
if (tabItem.key === selectedTab.value)
|
|
281
|
+
if (tabItem.key === selectedTab.value) {
|
|
282
|
+
if (props.modelValue !== tab) {
|
|
283
|
+
emit('update:modelValue', tab);
|
|
284
|
+
}
|
|
285
|
+
return;
|
|
286
|
+
}
|
|
284
287
|
|
|
285
288
|
/* For Vue or Nuxt context */
|
|
286
289
|
if (props.navigation && route.value && queryTabParam.value !== tab) {
|
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)}.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-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}
|
|
2
2
|
/*$vite$:1*/
|
package/dist/index322.js
CHANGED
|
@@ -3,9 +3,9 @@ import { useResizeObserver as t, useScroll as n } from "./index14.js";
|
|
|
3
3
|
import { useFrameworkDetection as r } from "./index17.js";
|
|
4
4
|
import { useQuery as i } from "./index18.js";
|
|
5
5
|
import { isNotNil as a } from "./index26.js";
|
|
6
|
-
import { useRoute as
|
|
7
|
-
import { useRouter as
|
|
8
|
-
import { useLogger as
|
|
6
|
+
import { useRoute as ee } from "./index28.js";
|
|
7
|
+
import { useRouter as o } from "./index29.js";
|
|
8
|
+
import { useLogger as s } from "./index31.js";
|
|
9
9
|
import c from "./index36.js";
|
|
10
10
|
import { hash as l } from "./index81.js";
|
|
11
11
|
import { isNil as u } from "./index94.js";
|
|
@@ -55,26 +55,26 @@ var ue = ["id"], de = { class: "bb-tab__label-boundary" }, fe = { class: "bb-tab
|
|
|
55
55
|
},
|
|
56
56
|
emits: ["update:modelValue"],
|
|
57
57
|
setup(_, { expose: O, emit: he }) {
|
|
58
|
-
let k = _,
|
|
59
|
-
isScrolling:
|
|
60
|
-
left:
|
|
61
|
-
right:
|
|
62
|
-
})), { isInertia:
|
|
58
|
+
let k = _, A = he, j = ee(), M = o(), { error: N } = s(), P = k.id ?? e().id.value, F = `bb-tab_${P}`, I = C(), { isScrolling: ge, arrivedState: L } = n(I), R = p(() => ({
|
|
59
|
+
isScrolling: ge.value,
|
|
60
|
+
left: L.left,
|
|
61
|
+
right: L.right
|
|
62
|
+
})), { isInertia: _e } = r(), ve = ie(), z = C(null), B = p(() => k.items.findIndex((e) => e.key === z.value)), V = p(() => B.value === 0), H = p(() => B.value === k.items.length - 1);
|
|
63
63
|
k.items.forEach((e) => {
|
|
64
|
-
e.key ? (k.server || e.server) && !k.navigation &&
|
|
64
|
+
e.key ? (k.server || e.server) && !k.navigation && N(`A tab item has a server property but the navigation prop is false: ${JSON.stringify(e, null, 2)}`) : N(`A tab item has no key: ${JSON.stringify(e, null, 2)}`);
|
|
65
65
|
});
|
|
66
|
-
let
|
|
67
|
-
let e =
|
|
68
|
-
if (k.navigation && e)
|
|
69
|
-
else if (k.modelValue)
|
|
66
|
+
let U = p(() => [i()[k.querykey]].flat()[0]), W = () => {
|
|
67
|
+
let e = U.value;
|
|
68
|
+
if (k.navigation && e) z.value = e;
|
|
69
|
+
else if (k.modelValue) z.value = k.modelValue;
|
|
70
70
|
else if (k.items[0]) {
|
|
71
71
|
let e = k.items.find((e) => !e.disabled);
|
|
72
72
|
if (!e) throw Error("No tab has been selected so it defaulted to the first available. Still, all the tabs are disabled so no tab can be selected.");
|
|
73
|
-
|
|
73
|
+
z.value = e.key;
|
|
74
74
|
}
|
|
75
75
|
};
|
|
76
|
-
|
|
77
|
-
let
|
|
76
|
+
W();
|
|
77
|
+
let ye = (e) => ({
|
|
78
78
|
headers: e.headers ?? k.headers,
|
|
79
79
|
only: e.only ?? k.only,
|
|
80
80
|
preserveScroll: e.preserveScroll ?? k.preserveScroll,
|
|
@@ -87,10 +87,10 @@ var ue = ["id"], de = { class: "bb-tab__label-boundary" }, fe = { class: "bb-tab
|
|
|
87
87
|
onError: e.onError ?? k.onError,
|
|
88
88
|
onCancel: e.onCancel ?? k.onCancel,
|
|
89
89
|
onFinish: e.onFinish ?? k.onFinish
|
|
90
|
-
}),
|
|
91
|
-
let e =
|
|
90
|
+
}), G = p(() => {
|
|
91
|
+
let e = z.value, t = B.value;
|
|
92
92
|
return k.items.map((n) => {
|
|
93
|
-
let { key: r, label: i, eager: a } = n,
|
|
93
|
+
let { key: r, label: i, eager: a } = n, ee = `${F}_tab_${n.key}`, o = `${F}_tabpanel_${n.key}`, s = `label-${n.key}`, c = n.key === z.value, l = {
|
|
94
94
|
"bb-tab__btn": !0,
|
|
95
95
|
"bb-tab__btn--active": c
|
|
96
96
|
}, u = {
|
|
@@ -98,12 +98,12 @@ var ue = ["id"], de = { class: "bb-tab__label-boundary" }, fe = { class: "bb-tab
|
|
|
98
98
|
"bb-tab__pane--shown": c
|
|
99
99
|
}, d = !!(n.disabled || k.disabled);
|
|
100
100
|
return {
|
|
101
|
-
tabId:
|
|
101
|
+
tabId: ee,
|
|
102
102
|
eager: a,
|
|
103
|
-
panelId:
|
|
103
|
+
panelId: o,
|
|
104
104
|
active: c,
|
|
105
105
|
ariaSelected: !!c,
|
|
106
|
-
labelSlotName:
|
|
106
|
+
labelSlotName: s,
|
|
107
107
|
tabClasses: l,
|
|
108
108
|
paneClasses: u,
|
|
109
109
|
role: "tab",
|
|
@@ -113,35 +113,39 @@ var ue = ["id"], de = { class: "bb-tab__label-boundary" }, fe = { class: "bb-tab
|
|
|
113
113
|
key: r,
|
|
114
114
|
label: i,
|
|
115
115
|
currentIndex: t,
|
|
116
|
-
onClick: () =>
|
|
117
|
-
onKeydown: (e) =>
|
|
116
|
+
onClick: () => K(n.key),
|
|
117
|
+
onKeydown: (e) => be(e)
|
|
118
118
|
};
|
|
119
119
|
});
|
|
120
|
-
}),
|
|
120
|
+
}), K = (e, t = k.replace) => {
|
|
121
121
|
let n = k.items.find((t) => t.key === e);
|
|
122
|
-
if (!u(n)
|
|
123
|
-
if (
|
|
124
|
-
|
|
122
|
+
if (!u(n)) {
|
|
123
|
+
if (n.key === z.value) {
|
|
124
|
+
k.modelValue !== e && A("update:modelValue", e);
|
|
125
|
+
return;
|
|
126
|
+
}
|
|
127
|
+
if (k.navigation && j.value && U.value !== e) {
|
|
128
|
+
if (!M) return;
|
|
125
129
|
let n = t ? "replace" : "push", r = {
|
|
126
|
-
...
|
|
130
|
+
...j.value?.query ?? {},
|
|
127
131
|
[k.querykey]: e
|
|
128
132
|
}, i = {
|
|
129
|
-
...
|
|
133
|
+
...j.value,
|
|
130
134
|
query: r
|
|
131
135
|
};
|
|
132
|
-
|
|
133
|
-
} else if (k.navigation &&
|
|
136
|
+
M[n](i);
|
|
137
|
+
} else if (k.navigation && _e) {
|
|
134
138
|
let r = n.href ?? globalThis.location.href, i = new URL(r, window.location.origin);
|
|
135
139
|
if (i.searchParams.set(k.querykey, e), k.server || n.server) {
|
|
136
|
-
let e =
|
|
140
|
+
let e = ve?.proxy?.$inertia, t = ye(n), r = Object.fromEntries(Object.entries(t).filter(([e, t]) => a(t)));
|
|
137
141
|
e.visit(i.toString(), r);
|
|
138
142
|
} else t ? window.history.replaceState(window.history.state, "", i.toString()) : window.history.pushState(window.history.state, "", i.toString());
|
|
139
143
|
}
|
|
140
|
-
k.modelValue !== e &&
|
|
144
|
+
k.modelValue !== e && A("update:modelValue", e), z.value = e;
|
|
141
145
|
}
|
|
142
146
|
};
|
|
143
|
-
|
|
144
|
-
let
|
|
147
|
+
z.value && K(z.value, !0);
|
|
148
|
+
let q = (e) => {
|
|
145
149
|
var t = null;
|
|
146
150
|
switch (e) {
|
|
147
151
|
case "first":
|
|
@@ -149,12 +153,12 @@ var ue = ["id"], de = { class: "bb-tab__label-boundary" }, fe = { class: "bb-tab
|
|
|
149
153
|
break;
|
|
150
154
|
case "previous": {
|
|
151
155
|
let e = 1;
|
|
152
|
-
for (; e < k.items.length && (t = (
|
|
156
|
+
for (; e < k.items.length && (t = (B.value + k.items.length - e) % k.items.length, k.items[t].disabled);) e++;
|
|
153
157
|
break;
|
|
154
158
|
}
|
|
155
159
|
case "next": {
|
|
156
160
|
let e = 1;
|
|
157
|
-
for (; e < k.items.length && (t = (
|
|
161
|
+
for (; e < k.items.length && (t = (B.value + e) % k.items.length, k.items[t].disabled);) e++;
|
|
158
162
|
break;
|
|
159
163
|
}
|
|
160
164
|
case "last":
|
|
@@ -165,24 +169,24 @@ var ue = ["id"], de = { class: "bb-tab__label-boundary" }, fe = { class: "bb-tab
|
|
|
165
169
|
if (t === null) throw Error("Could not navigate to next tab");
|
|
166
170
|
if (k.items[t].disabled) return;
|
|
167
171
|
let n = k.items[t].key;
|
|
168
|
-
document.querySelector(`#${
|
|
169
|
-
},
|
|
170
|
-
if (!k.disabled) if (e.key === "ArrowRight")
|
|
171
|
-
else if (e.key === "ArrowLeft")
|
|
172
|
-
else if (e.key === "Home") e.preventDefault(),
|
|
173
|
-
else if (e.key === "End") e.preventDefault(),
|
|
172
|
+
document.querySelector(`#${F}_tab_${n}`)?.focus(), K(n);
|
|
173
|
+
}, be = (e) => {
|
|
174
|
+
if (!k.disabled) if (e.key === "ArrowRight") q("next");
|
|
175
|
+
else if (e.key === "ArrowLeft") q("previous");
|
|
176
|
+
else if (e.key === "Home") e.preventDefault(), q("first");
|
|
177
|
+
else if (e.key === "End") e.preventDefault(), q("last");
|
|
174
178
|
else return;
|
|
175
179
|
};
|
|
176
180
|
E(() => k.modelValue, (e) => {
|
|
177
|
-
e &&
|
|
178
|
-
}), E(() =>
|
|
179
|
-
e && typeof e == "string" &&
|
|
180
|
-
}), E(
|
|
181
|
-
if (!
|
|
182
|
-
let e =
|
|
181
|
+
e && K(e);
|
|
182
|
+
}), E(() => j.value?.query?.[k.querykey], (e) => {
|
|
183
|
+
e && typeof e == "string" && K(e);
|
|
184
|
+
}), E(z, async () => {
|
|
185
|
+
if (!I.value) return;
|
|
186
|
+
let e = I.value.querySelector(".bb-tab__btn--active");
|
|
183
187
|
if (!e) return;
|
|
184
188
|
await y();
|
|
185
|
-
let t =
|
|
189
|
+
let t = I.value, n = e.offsetLeft, r = n + e.offsetWidth, i = t.scrollLeft, a = i + t.clientWidth;
|
|
186
190
|
n < i ? t.scrollTo({
|
|
187
191
|
left: n,
|
|
188
192
|
behavior: "smooth"
|
|
@@ -191,53 +195,52 @@ var ue = ["id"], de = { class: "bb-tab__label-boundary" }, fe = { class: "bb-tab
|
|
|
191
195
|
behavior: "smooth"
|
|
192
196
|
});
|
|
193
197
|
}, { flush: "post" });
|
|
194
|
-
let
|
|
195
|
-
E(
|
|
196
|
-
e && t && (
|
|
198
|
+
let J = C("right");
|
|
199
|
+
E(z, (e, t) => {
|
|
200
|
+
e && t && (J.value = k.items.findIndex((t) => t.key === e) > k.items.findIndex((e) => e.key === t) ? "right" : "left");
|
|
197
201
|
}, { flush: "sync" });
|
|
198
|
-
let
|
|
199
|
-
if (!
|
|
200
|
-
let e =
|
|
201
|
-
e && (
|
|
202
|
+
let Y = C(0), X = C(0), Z = C(0), Q = C(0), xe = C(0), Se = C(!1), $ = () => {
|
|
203
|
+
if (!I.value) return;
|
|
204
|
+
let e = I.value.querySelector(".bb-tab__btn--active");
|
|
205
|
+
e && (Z.value = e.offsetLeft, Q.value = e.offsetTop, Y.value = e.clientWidth, X.value = e.clientHeight, xe.value = I.value.scrollWidth);
|
|
202
206
|
};
|
|
203
207
|
return oe(async () => {
|
|
204
|
-
$(), await y(),
|
|
205
|
-
}), E(
|
|
208
|
+
$(), await y(), Se.value = !0;
|
|
209
|
+
}), E(z, $, { flush: "post" }), t(I, () => {
|
|
206
210
|
$();
|
|
207
211
|
}), E(() => l(k.items), () => {
|
|
208
|
-
|
|
212
|
+
z.value && !k.items.find((e) => e.key === z.value) && W();
|
|
209
213
|
}, {
|
|
210
214
|
immediate: !0,
|
|
211
215
|
deep: !0
|
|
212
216
|
}), O({
|
|
213
|
-
isFirst:
|
|
214
|
-
isLast:
|
|
215
|
-
current:
|
|
216
|
-
currentIndex:
|
|
217
|
-
goTo:
|
|
217
|
+
isFirst: V,
|
|
218
|
+
isLast: H,
|
|
219
|
+
current: z,
|
|
220
|
+
currentIndex: B,
|
|
221
|
+
goTo: q
|
|
218
222
|
}), (e, t) => (S(), h("div", {
|
|
219
|
-
id: le(
|
|
220
|
-
|
|
221
|
-
ref: _e,
|
|
223
|
+
id: le(P),
|
|
224
|
+
ref: "tabs",
|
|
222
225
|
class: b(["bb-tab", {
|
|
223
226
|
[`bb-tab--${e.direction}`]: !0,
|
|
224
227
|
"bb-tab--disabled": e.disabled
|
|
225
228
|
}])
|
|
226
229
|
}, [g("div", de, [
|
|
227
|
-
g("span", null, [T(e.$slots, "header:prepend", x(v(
|
|
230
|
+
g("span", null, [T(e.$slots, "header:prepend", x(v(R.value)))]),
|
|
228
231
|
g("ul", {
|
|
229
232
|
ref_key: "tablist",
|
|
230
|
-
ref:
|
|
231
|
-
class: b(["bb-tab__label-container", { "bb-tab__label-container--no-transition": !
|
|
233
|
+
ref: I,
|
|
234
|
+
class: b(["bb-tab__label-container", { "bb-tab__label-container--no-transition": !Se.value }]),
|
|
232
235
|
role: "tablist",
|
|
233
236
|
style: ae({
|
|
234
|
-
"--inner-width": `${
|
|
235
|
-
"--width": `${
|
|
236
|
-
"--height": `${
|
|
237
|
-
"--left": `${
|
|
238
|
-
"--top": `${
|
|
237
|
+
"--inner-width": `${xe.value}px`,
|
|
238
|
+
"--width": `${Y.value}px`,
|
|
239
|
+
"--height": `${X.value}px`,
|
|
240
|
+
"--left": `${Z.value}px`,
|
|
241
|
+
"--top": `${Q.value}px`
|
|
239
242
|
})
|
|
240
|
-
}, [(S(!0), h(f, null, w(
|
|
243
|
+
}, [(S(!0), h(f, null, w(G.value, (t) => (S(), h("li", {
|
|
241
244
|
key: t.tabId,
|
|
242
245
|
role: "presentation"
|
|
243
246
|
}, [re(c, {
|
|
@@ -251,22 +254,22 @@ var ue = ["id"], de = { class: "bb-tab__label-boundary" }, fe = { class: "bb-tab
|
|
|
251
254
|
onKeydown: t.onKeydown
|
|
252
255
|
}, {
|
|
253
256
|
default: D(() => [T(e.$slots, t.labelSlotName, {
|
|
254
|
-
current:
|
|
255
|
-
currentIndex:
|
|
257
|
+
current: z.value,
|
|
258
|
+
currentIndex: B.value,
|
|
256
259
|
disabled: t.disabled,
|
|
257
|
-
goTo:
|
|
258
|
-
isFirst:
|
|
259
|
-
isLast:
|
|
260
|
+
goTo: q,
|
|
261
|
+
isFirst: V.value,
|
|
262
|
+
isLast: H.value,
|
|
260
263
|
selected: t.active,
|
|
261
264
|
text: t.label,
|
|
262
265
|
value: t.key
|
|
263
266
|
}, () => [T(e.$slots, "label", {
|
|
264
|
-
current:
|
|
265
|
-
currentIndex:
|
|
267
|
+
current: z.value,
|
|
268
|
+
currentIndex: B.value,
|
|
266
269
|
disabled: t.disabled,
|
|
267
|
-
goTo:
|
|
268
|
-
isFirst:
|
|
269
|
-
isLast:
|
|
270
|
+
goTo: q,
|
|
271
|
+
isFirst: V.value,
|
|
272
|
+
isLast: H.value,
|
|
270
273
|
selected: t.active,
|
|
271
274
|
text: t.label,
|
|
272
275
|
value: t.key
|
|
@@ -281,12 +284,12 @@ var ue = ["id"], de = { class: "bb-tab__label-boundary" }, fe = { class: "bb-tab
|
|
|
281
284
|
"onClick",
|
|
282
285
|
"onKeydown"
|
|
283
286
|
])]))), 128))], 6),
|
|
284
|
-
g("span", null, [T(e.$slots, "header:append", x(v(
|
|
287
|
+
g("span", null, [T(e.$slots, "header:append", x(v(R.value)))])
|
|
285
288
|
]), g("div", pe, [(S(), m(se(k.animateY ? d : "div"), null, {
|
|
286
|
-
default: D(() => [(S(!0), h(f, null, w(
|
|
289
|
+
default: D(() => [(S(!0), h(f, null, w(G.value, (t) => (S(), m(te, {
|
|
287
290
|
key: t.tabId,
|
|
288
291
|
css: k.animateX,
|
|
289
|
-
name: `tab-slide-${
|
|
292
|
+
name: `tab-slide-${J.value}`
|
|
290
293
|
}, {
|
|
291
294
|
default: D(() => [t.active || k.eager || t.eager ? (S(), h("section", {
|
|
292
295
|
key: 0,
|
|
@@ -296,12 +299,12 @@ var ue = ["id"], de = { class: "bb-tab__label-boundary" }, fe = { class: "bb-tab
|
|
|
296
299
|
role: "tabpanel",
|
|
297
300
|
tabindex: t.tabindex
|
|
298
301
|
}, [T(e.$slots, t.key, {
|
|
299
|
-
current:
|
|
300
|
-
currentIndex:
|
|
302
|
+
current: z.value,
|
|
303
|
+
currentIndex: B.value,
|
|
301
304
|
disabled: t.disabled,
|
|
302
|
-
goTo:
|
|
303
|
-
isFirst:
|
|
304
|
-
isLast:
|
|
305
|
+
goTo: q,
|
|
306
|
+
isFirst: V.value,
|
|
307
|
+
isLast: H.value,
|
|
305
308
|
selected: t.active,
|
|
306
309
|
text: t.label,
|
|
307
310
|
value: t.key
|
package/dist/index83.js
CHANGED
|
@@ -6,7 +6,22 @@ import { computed as r, createCommentVNode as i, createElementBlock as a, create
|
|
|
6
6
|
var h = {
|
|
7
7
|
"aria-hidden": "true",
|
|
8
8
|
class: "bb-base-checkbox-container"
|
|
9
|
-
}, g =
|
|
9
|
+
}, g = {
|
|
10
|
+
class: "bb-base-checkbox-container__icon",
|
|
11
|
+
viewBox: "276.411 158.834 114.971 114.97"
|
|
12
|
+
}, _ = {
|
|
13
|
+
key: 0,
|
|
14
|
+
d: "M 310 216 L 358 216",
|
|
15
|
+
fill: "none",
|
|
16
|
+
"stroke-linecap": "round",
|
|
17
|
+
"stroke-width": "14px"
|
|
18
|
+
}, v = {
|
|
19
|
+
key: 1,
|
|
20
|
+
d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
|
|
21
|
+
fill: "none",
|
|
22
|
+
"stroke-linecap": "round",
|
|
23
|
+
"stroke-width": "14px"
|
|
24
|
+
}, y = /* @__PURE__ */ s({
|
|
10
25
|
__name: "BaseCheckbox",
|
|
11
26
|
props: {
|
|
12
27
|
ariaDescribedby: {},
|
|
@@ -36,96 +51,91 @@ var h = {
|
|
|
36
51
|
"mouseup",
|
|
37
52
|
"update:modelValue"
|
|
38
53
|
],
|
|
39
|
-
setup(s, { emit:
|
|
40
|
-
let
|
|
41
|
-
|
|
42
|
-
|
|
54
|
+
setup(s, { emit: y }) {
|
|
55
|
+
let b = s, x = y, S = f(null), C = r(() => b.checked ? t(b.checked) : n(b.trueValue, b.modelValue)), w = r(() => {
|
|
56
|
+
let e = b.indeterminate;
|
|
57
|
+
return e === "" ? !0 : e === !0 || e === "true";
|
|
58
|
+
}), T = f(!1), E = f(!1), D = (e) => {
|
|
59
|
+
T.value = !1, E.value = !1, x("blur", e);
|
|
60
|
+
}, O = (e) => {
|
|
43
61
|
if (e.target instanceof HTMLInputElement) {
|
|
44
|
-
let t = e.target.checked ?
|
|
45
|
-
|
|
62
|
+
let t = e.target.checked ? b.trueValue : b.falseValue;
|
|
63
|
+
x("change", e), x("update:modelValue", t);
|
|
46
64
|
}
|
|
47
|
-
},
|
|
48
|
-
|
|
49
|
-
},
|
|
65
|
+
}, k = (e) => {
|
|
66
|
+
T.value = !0, e.target instanceof HTMLInputElement && (E.value = e.target.matches(":focus-visible")), x("focus", e);
|
|
67
|
+
}, A = r(() => {
|
|
50
68
|
let t = { class: {
|
|
51
69
|
"bb-base-checkbox": !0,
|
|
52
|
-
"bb-base-checkbox--disabled":
|
|
53
|
-
"bb-base-checkbox--errors":
|
|
54
|
-
"bb-base-checkbox--indeterminate":
|
|
55
|
-
"bb-base-checkbox--readonly":
|
|
56
|
-
[`bb-base-checkbox--${
|
|
70
|
+
"bb-base-checkbox--disabled": b.disabled,
|
|
71
|
+
"bb-base-checkbox--errors": b.hasErrors,
|
|
72
|
+
"bb-base-checkbox--indeterminate": w.value,
|
|
73
|
+
"bb-base-checkbox--readonly": b.readonly,
|
|
74
|
+
[`bb-base-checkbox--${b.color}`]: b.color && !e(b.color)
|
|
57
75
|
} };
|
|
58
|
-
return
|
|
59
|
-
}),
|
|
60
|
-
let e =
|
|
76
|
+
return b.color && e(b.color) && (t.style = `--color: ${b.color}`), t;
|
|
77
|
+
}), j = (e) => typeof e == "string" ? e : JSON.stringify(e), M = r(() => {
|
|
78
|
+
let e = j(b.falseValue);
|
|
61
79
|
return {
|
|
62
|
-
disabled:
|
|
63
|
-
name:
|
|
80
|
+
disabled: b.disabled,
|
|
81
|
+
name: b.name,
|
|
64
82
|
type: "hidden",
|
|
65
83
|
value: e
|
|
66
84
|
};
|
|
67
|
-
}),
|
|
68
|
-
onBlur:
|
|
69
|
-
onChange:
|
|
70
|
-
onFocus:
|
|
71
|
-
onClick: (e) =>
|
|
72
|
-
onInput: (e) =>
|
|
73
|
-
onKeydown: (e) =>
|
|
74
|
-
onMousedown: (e) =>
|
|
75
|
-
onMouseup: (e) =>
|
|
76
|
-
},
|
|
77
|
-
let e =
|
|
85
|
+
}), N = {
|
|
86
|
+
onBlur: D,
|
|
87
|
+
onChange: O,
|
|
88
|
+
onFocus: k,
|
|
89
|
+
onClick: (e) => x("click", e),
|
|
90
|
+
onInput: (e) => x("input", e),
|
|
91
|
+
onKeydown: (e) => x("keydown", e),
|
|
92
|
+
onMousedown: (e) => x("mousedown", e),
|
|
93
|
+
onMouseup: (e) => x("mouseup", e)
|
|
94
|
+
}, P = r(() => {
|
|
95
|
+
let e = j(b.trueValue);
|
|
78
96
|
return {
|
|
79
|
-
"aria-describedby":
|
|
80
|
-
autofocus:
|
|
81
|
-
checked:
|
|
82
|
-
disabled:
|
|
83
|
-
id:
|
|
84
|
-
indeterminate:
|
|
85
|
-
name:
|
|
86
|
-
required:
|
|
87
|
-
tabindex:
|
|
97
|
+
"aria-describedby": b.ariaDescribedby,
|
|
98
|
+
autofocus: b.autofocus,
|
|
99
|
+
checked: C.value,
|
|
100
|
+
disabled: b.disabled || b.readonly,
|
|
101
|
+
id: b.id,
|
|
102
|
+
indeterminate: w.value,
|
|
103
|
+
name: b.name,
|
|
104
|
+
required: b.required,
|
|
105
|
+
tabindex: b.disabled ? -1 : void 0,
|
|
88
106
|
type: "checkbox",
|
|
89
107
|
value: e,
|
|
90
|
-
...
|
|
108
|
+
...N
|
|
91
109
|
};
|
|
92
|
-
}),
|
|
93
|
-
checked:
|
|
94
|
-
disabled: !!
|
|
95
|
-
falseValue:
|
|
96
|
-
focused:
|
|
97
|
-
focusVisible:
|
|
98
|
-
hasErrors: !!
|
|
99
|
-
id:
|
|
100
|
-
name:
|
|
101
|
-
parsedValue:
|
|
102
|
-
readonly: !!
|
|
103
|
-
trueValue:
|
|
104
|
-
value:
|
|
110
|
+
}), F = r(() => ({
|
|
111
|
+
checked: C.value,
|
|
112
|
+
disabled: !!b.disabled,
|
|
113
|
+
falseValue: b.falseValue,
|
|
114
|
+
focused: T.value,
|
|
115
|
+
focusVisible: E.value,
|
|
116
|
+
hasErrors: !!b.hasErrors,
|
|
117
|
+
id: b.id,
|
|
118
|
+
name: b.name,
|
|
119
|
+
parsedValue: P.value.value,
|
|
120
|
+
readonly: !!b.readonly,
|
|
121
|
+
trueValue: b.trueValue,
|
|
122
|
+
value: C.value ? b.trueValue : b.falseValue
|
|
105
123
|
}));
|
|
106
124
|
return m(() => [
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
125
|
+
b.modelValue,
|
|
126
|
+
b.checked,
|
|
127
|
+
b.indeterminate
|
|
110
128
|
], () => {
|
|
111
|
-
|
|
112
|
-
}), (e, t) => (d(), a("span", u(c(
|
|
113
|
-
!
|
|
114
|
-
o("input", l(
|
|
129
|
+
S.value && (S.value.indeterminate = w.value);
|
|
130
|
+
}), (e, t) => (d(), a("span", u(c(A.value)), [
|
|
131
|
+
!C.value && e.submitWhenFalse ? (d(), a("input", u(l({ key: 0 }, M.value)), null, 16)) : i("", !0),
|
|
132
|
+
o("input", l(P.value, {
|
|
115
133
|
ref_key: "checkboxInput",
|
|
116
|
-
ref:
|
|
134
|
+
ref: S
|
|
117
135
|
}), null, 16),
|
|
118
|
-
o("span", h, [p(e.$slots, "icon", u(c(
|
|
119
|
-
class: "bb-base-checkbox-container__icon",
|
|
120
|
-
viewBox: "276.411 158.834 114.971 114.97"
|
|
121
|
-
}, [o("path", {
|
|
122
|
-
d: "M 297.574 224.786 L 318.309 243.134 L 371.568 189.232",
|
|
123
|
-
fill: "none",
|
|
124
|
-
"stroke-linecap": "round",
|
|
125
|
-
"stroke-width": "14px"
|
|
126
|
-
})], -1)])])
|
|
136
|
+
o("span", h, [p(e.$slots, "icon", u(c(F.value)), () => [(d(), a("svg", g, [w.value ? (d(), a("path", _)) : (d(), a("path", v))]))])])
|
|
127
137
|
], 16));
|
|
128
138
|
}
|
|
129
139
|
});
|
|
130
140
|
//#endregion
|
|
131
|
-
export {
|
|
141
|
+
export { y as default };
|