@boobooking/dashboard-ui-components 0.16.2 → 0.17.0
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/README.md +94 -23
- package/dist/index.js +98 -56
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -90,12 +90,12 @@ Tailwind, `@tailwindcss/forms`, Inertia и какие-либо токены в C
|
|
|
90
90
|
|
|
91
91
|
## Компоненты
|
|
92
92
|
|
|
93
|
-
Пакет экспортирует
|
|
93
|
+
Пакет экспортирует семнадцать компонентов: `Dot`, `RussianMobileFilter`,
|
|
94
94
|
`Search`, `SelectDateInterval`, `SelectSingle`, `InfoPill`,
|
|
95
95
|
`ErrorMessages`, `ActionPill`, `ConfirmationModal`,
|
|
96
96
|
`DropdownButtonWithAction`, `HamburgerMenu`, `DataTable`,
|
|
97
|
-
`NavigationMenuElement`, `
|
|
98
|
-
функцию `downloadFile` и плагин `dashboardUi`. В архив пакета
|
|
97
|
+
`NavigationMenuElement`, `PageTabs`, `PageCard`, `NotificationMessage`,
|
|
98
|
+
`TextPopover`, функцию `downloadFile` и плагин `dashboardUi`. В архив пакета
|
|
99
99
|
(`files: ["dist"]`) исходники не попадают, поэтому контракт каждого
|
|
100
100
|
компонента — здесь и в playground, а не в исходном коде.
|
|
101
101
|
|
|
@@ -332,15 +332,44 @@ exportOrders() {
|
|
|
332
332
|
```
|
|
333
333
|
|
|
334
334
|
- Запрос — `GET` с cookie сессии (`credentials: 'same-origin'`).
|
|
335
|
-
- Promise отклоняется:
|
|
336
|
-
перенаправлении — обычно на страницу входа после истёкшей
|
|
337
|
-
|
|
335
|
+
- Promise отклоняется:
|
|
336
|
+
- при перенаправлении — обычно на страницу входа после истёкшей сессии:
|
|
337
|
+
у ошибки `redirectUrl` — адрес, куда в итоге привёл сервер, `status` —
|
|
338
|
+
`null`;
|
|
339
|
+
- при ответе не `2xx`: `status` — код ответа, `redirectUrl` — `null`;
|
|
340
|
+
- при сетевой ошибке — ошибкой `fetch`, без этих полей.
|
|
338
341
|
- Имя файла — из `Content-Disposition` (`filename*=UTF-8''…`, затем
|
|
339
342
|
`filename`), без него — последний сегмент пути адреса, без пути —
|
|
340
343
|
`download`.
|
|
341
344
|
- Таймаута нет; уход со страницы скачивание не прерывает. Файл до
|
|
342
345
|
сохранения целиком в памяти вкладки.
|
|
343
346
|
|
|
347
|
+
Ссылка при истёкшей сессии привела бы браузер на страницу входа. Чтобы
|
|
348
|
+
страница вела себя так же, она сама переходит по `redirectUrl`: пакет
|
|
349
|
+
не импортирует ни Inertia, ни роутер. В приложении на Inertia:
|
|
350
|
+
|
|
351
|
+
```js
|
|
352
|
+
import { router } from '@inertiajs/vue3'
|
|
353
|
+
|
|
354
|
+
exportOrders() {
|
|
355
|
+
this.exportFailure = "";
|
|
356
|
+
this.exportLoading = true;
|
|
357
|
+
|
|
358
|
+
downloadFile(this.exportUrl)
|
|
359
|
+
.catch((error) => {
|
|
360
|
+
if (error.redirectUrl) {
|
|
361
|
+
router.visit(error.redirectUrl);
|
|
362
|
+
return;
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
this.exportFailure = "Попробуйте ещё раз";
|
|
366
|
+
})
|
|
367
|
+
.finally(() => {
|
|
368
|
+
this.exportLoading = false;
|
|
369
|
+
});
|
|
370
|
+
}
|
|
371
|
+
```
|
|
372
|
+
|
|
344
373
|
### ConfirmationModal
|
|
345
374
|
|
|
346
375
|
Модалка подтверждения действия: заголовок, текст, кнопка действия и кнопка
|
|
@@ -370,12 +399,11 @@ exportOrders() {
|
|
|
370
399
|
отмены. Ни одна из кнопок модалку не закрывает — см. раздел «Почему у
|
|
371
400
|
ConfirmationModal нет v-model».
|
|
372
401
|
|
|
373
|
-
Панель модалки — белая, со скруглением `rounded-lg
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
`rounded-b-lg`.
|
|
402
|
+
Панель модалки — белая, со скруглением `rounded-lg`, стоит по центру и
|
|
403
|
+
занимает `max-w-lg`. `class` и другие атрибуты на `<confirmation-modal>`
|
|
404
|
+
попадают на полноэкранный корень, а не на панель. Панель не обрезает
|
|
405
|
+
содержимое, поэтому блоки текста и кнопок со своим фоном скругляют внешние
|
|
406
|
+
углы сами — верхний `rounded-t-lg`, нижний `rounded-b-lg`.
|
|
379
407
|
|
|
380
408
|
### DropdownButtonWithAction
|
|
381
409
|
|
|
@@ -592,12 +620,39 @@ Escape, клик по пункту, прокрутка и изменение р
|
|
|
592
620
|
|
|
593
621
|
Ссылка — через `navigate` плагина. Событий нет.
|
|
594
622
|
|
|
623
|
+
### PageTabs
|
|
624
|
+
|
|
625
|
+
Табы второго уровня: ссылки на страницы одного раздела под шапкой —
|
|
626
|
+
«Активные / Архив», «Ордера / Сертификаты / Sms».
|
|
627
|
+
|
|
628
|
+
<page-tabs :tabs="tabs" :active-key="activeTab" />
|
|
629
|
+
|
|
630
|
+
tabs() {
|
|
631
|
+
return [
|
|
632
|
+
{ key: 'active', name: 'Активные', url: route('events') },
|
|
633
|
+
{ key: 'archive', name: 'Архив', url: route('archive') },
|
|
634
|
+
];
|
|
635
|
+
},
|
|
636
|
+
|
|
637
|
+
| Проп | Тип | По умолчанию | Описание |
|
|
638
|
+
| --- | --- | --- | --- |
|
|
639
|
+
| `tabs` | `Array` | обязателен | `[{ key, name, url }]`: ключ, подпись и адрес таба — строки |
|
|
640
|
+
| `activeKey` | `String` | `null` | Ключ открытого таба |
|
|
641
|
+
| `lang` | `String` | язык плагина | `"ru"` или `"en"` — имя навигации для скринридера |
|
|
642
|
+
|
|
643
|
+
Ключ сравнивается с `activeKey` строго, поэтому ключи — строки. Открытый
|
|
644
|
+
таб выделен фоном и `aria-current="page"`; если ключа нет в списке, не
|
|
645
|
+
выделен ни один. Вид одинаков на любой ширине: ссылки в строку, без
|
|
646
|
+
переноса. Отступы вокруг и кнопки рядом — разметка страницы.
|
|
647
|
+
|
|
648
|
+
Ссылки — через `navigate` плагина. Событий нет.
|
|
649
|
+
|
|
595
650
|
### PageCard
|
|
596
651
|
|
|
597
652
|
Карточка отдельной страницы — формы или просмотра записи — по центру
|
|
598
653
|
с крестиком, который ведёт туда, откуда карточку открыли.
|
|
599
654
|
|
|
600
|
-
<page-card class="px-
|
|
655
|
+
<page-card class="px-6 pt-6" :fallback-url="route('users')">
|
|
601
656
|
<h3 class="pr-(--bb-closer-space) text-lg font-medium">Создание администратора</h3>
|
|
602
657
|
…поля формы…
|
|
603
658
|
</page-card>
|
|
@@ -605,10 +660,10 @@ Escape, клик по пункту, прокрутка и изменение р
|
|
|
605
660
|
Страница просмотра, у секций которой свои отступы:
|
|
606
661
|
|
|
607
662
|
<page-card :fallback-url="route('payments')">
|
|
608
|
-
<div class="px-
|
|
663
|
+
<div class="px-6 py-5 border-b border-gray-200">
|
|
609
664
|
<h3 class="pr-(--bb-closer-space) text-lg font-medium">{{ name }}</h3>
|
|
610
665
|
</div>
|
|
611
|
-
<div class="overflow-hidden
|
|
666
|
+
<div class="overflow-hidden rounded-b-lg">…строки…</div>
|
|
612
667
|
</page-card>
|
|
613
668
|
|
|
614
669
|
**Куда ведёт крестик.** Плагин `dashboardUi` с `currentUrl` (см.
|
|
@@ -638,7 +693,7 @@ Inertia с общим ключом окна:
|
|
|
638
693
|
width: '7xl',
|
|
639
694
|
windowKey: `group:${props.group.data.uuid}`,
|
|
640
695
|
fallbackUrl: route('groups'),
|
|
641
|
-
class: 'px-
|
|
696
|
+
class: 'px-6 py-6',
|
|
642
697
|
}],
|
|
643
698
|
}
|
|
644
699
|
|
|
@@ -670,7 +725,7 @@ Inertia с общим ключом окна:
|
|
|
670
725
|
которого крестик стоит снаружи, на `1rem` правее её края; ниже порога —
|
|
671
726
|
в правом верхнем углу:
|
|
672
727
|
|
|
673
|
-
| `width` | Ширина
|
|
728
|
+
| `width` | Ширина | Крестик снаружи |
|
|
674
729
|
| --- | --- | --- |
|
|
675
730
|
| `xl` (по умолчанию) | `max-w-xl` (36rem) | от `md` |
|
|
676
731
|
| `4xl` | `max-w-4xl` (56rem) | от `lg` |
|
|
@@ -687,7 +742,7 @@ Inertia с общим ключом окна:
|
|
|
687
742
|
`pr-[var(--bb-closer-space)]`. Вне `PageCard` отступ равен нулю.
|
|
688
743
|
|
|
689
744
|
**Атрибуты.** Карточка — `relative my-6 mx-auto bg-white shadow-xl
|
|
690
|
-
|
|
745
|
+
rounded-lg`, `box-sizing: border-box`. Отступов у неё нет: форма
|
|
691
746
|
передаёт их классом на корень, страница просмотра — не передаёт. На корень
|
|
692
747
|
попадают `class`, `style`, `data-*` и `aria-*` приложения; классы
|
|
693
748
|
приложения сильнее классов пакета. Остальные атрибуты, в том числе `id`,
|
|
@@ -701,7 +756,7 @@ sm:rounded-lg`, `box-sizing: border-box`. Отступов у неё нет: ф
|
|
|
701
756
|
Карточка не обрезает содержимое, как у `ConfirmationModal`: выпадающие
|
|
702
757
|
списки и календари могут выходить за её край. Блок со своим фоном у края
|
|
703
758
|
карточки скругляет свои углы сам — например, нижний блок строк:
|
|
704
|
-
`overflow-hidden
|
|
759
|
+
`overflow-hidden rounded-b-lg`.
|
|
705
760
|
|
|
706
761
|
Крестик доступен с клавиатуры: Tab, Enter, пробел; в порядке табуляции
|
|
707
762
|
крестик идёт после содержимого карточки; при фокусе с клавиатуры вокруг
|
|
@@ -729,7 +784,7 @@ sm:rounded-lg`, `box-sizing: border-box`. Отступов у неё нет: ф
|
|
|
729
784
|
### NotificationMessage
|
|
730
785
|
|
|
731
786
|
Всплывающее уведомление: заголовок, текст, иконка по типу и крестик закрытия.
|
|
732
|
-
|
|
787
|
+
Стоит в правом верхнем углу.
|
|
733
788
|
|
|
734
789
|
<notification-message
|
|
735
790
|
v-model="message"
|
|
@@ -806,6 +861,7 @@ sm:rounded-lg`, `box-sizing: border-box`. Отступов у неё нет: ф
|
|
|
806
861
|
| `SelectDateInterval` — подсказки полей | от / до | from / to |
|
|
807
862
|
| Ластик `Search`, `RussianMobileFilter`, `SelectSingle` (язык плагина) и `SelectDateInterval` — подпись для скринридера | Очистить | Clear |
|
|
808
863
|
| `DataTable` — пагинация | Предыдущая / Следующая / Показаны результаты X - Y из Z | Previous / Next / Showing X - Y of Z results |
|
|
864
|
+
| `PageTabs` — имя навигации для скринридера | Закладки | Tabs |
|
|
809
865
|
| `PageCard` — доступное имя крестика | Назад | Back |
|
|
810
866
|
| `NotificationMessage` — подпись крестика для скринридера | Закрыть | Close |
|
|
811
867
|
| `TextPopover` — подпись кнопки и имя области | Показать текст / Полный текст | Show text / Full text |
|
|
@@ -890,8 +946,8 @@ Inertia SSR), а серверная разметка гидратируется
|
|
|
890
946
|
- Ссылка компонента — настоящий `<a href>`; обычный клик — через
|
|
891
947
|
`followLink($event, href)` миксина `withNavigation`, который отдаёт его
|
|
892
948
|
`navigate` плагина. Ни Inertia, ни роутер пакет не импортирует. Через `navigate` ходят
|
|
893
|
-
`DataTable` (его пагинация), `NavigationMenuElement`,
|
|
894
|
-
кнопка-переход и пункты-переходы `DropdownButtonWithAction` и
|
|
949
|
+
`DataTable` (его пагинация), `NavigationMenuElement`, `PageTabs`,
|
|
950
|
+
основная кнопка-переход и пункты-переходы `DropdownButtonWithAction` и
|
|
895
951
|
пункты-переходы `HamburgerMenu`. Крестик `PageCard` — кнопка, а не ссылка:
|
|
896
952
|
адрес возврата он тоже отдаёт `navigate`.
|
|
897
953
|
- Компонент обращается к `window`, `document` и другим API браузера только
|
|
@@ -900,6 +956,11 @@ Inertia SSR), а серверная разметка гидратируется
|
|
|
900
956
|
загружается и рендерится на сервере (см. «SSR»). Правило проверяют
|
|
901
957
|
`tests/ssr.test.js` и `tests/hydration.test.js`: каждый экспортируемый
|
|
902
958
|
компонент обязан иметь фикстуру в `tests/ssrFixtures.js`.
|
|
959
|
+
- Мобильных вариантов у компонентов нет: дашборды работают на десктопе,
|
|
960
|
+
и компонент на любой ширине выглядит так, как на десктопе. Порог ширины
|
|
961
|
+
(`bb:sm:`, `bb:md:`, …) ставится, только если без него компонент
|
|
962
|
+
не помещается в узкое окно десктопа, — как у крестика `PageCard`,
|
|
963
|
+
который от порога выходит за край карточки.
|
|
903
964
|
|
|
904
965
|
## Почему у Dot нет события changed
|
|
905
966
|
|
|
@@ -924,11 +985,21 @@ Inertia SSR), а серверная разметка гидратируется
|
|
|
924
985
|
`v-model` обещал бы двустороннюю связь, которой нет, поэтому видимость
|
|
925
986
|
передаётся пропом `isOpen`.
|
|
926
987
|
|
|
988
|
+
## Почему у PageTabs нет v-model
|
|
989
|
+
|
|
990
|
+
Открытый таб `PageTabs` сам не меняет: клик по ссылке ведёт на другую
|
|
991
|
+
страницу, и открытый таб приносит она — пропом `activeKey`. Пока новая
|
|
992
|
+
страница не пришла, выделен прежний таб, как у пунктов шапки
|
|
993
|
+
`NavigationMenuElement`.
|
|
994
|
+
|
|
995
|
+
`v-model` обещал бы, что компонент меняет значение сам, поэтому открытый
|
|
996
|
+
таб передаётся пропом `activeKey`.
|
|
997
|
+
|
|
927
998
|
## Playground
|
|
928
999
|
|
|
929
1000
|
npm run playground
|
|
930
1001
|
|
|
931
|
-
Поднимает демо-страницы со всеми
|
|
1002
|
+
Поднимает демо-страницы со всеми семнадцатью компонентами в двух окружениях:
|
|
932
1003
|
голом (без Tailwind и стилей приложения) и в окружении приложения (с
|
|
933
1004
|
Tailwind, `@tailwindcss/forms` и типографикой, как у потребителя). Это
|
|
934
1005
|
основной способ посмотреть, как компоненты выглядят и ведут себя, а не
|
package/dist/index.js
CHANGED
|
@@ -54,7 +54,8 @@ var ie = {
|
|
|
54
54
|
close: "Закрыть",
|
|
55
55
|
clear: "Очистить",
|
|
56
56
|
showText: "Показать текст",
|
|
57
|
-
fullText: "Полный текст"
|
|
57
|
+
fullText: "Полный текст",
|
|
58
|
+
tabs: "Закладки"
|
|
58
59
|
},
|
|
59
60
|
en: {
|
|
60
61
|
cancel: "Cancel",
|
|
@@ -104,7 +105,8 @@ var ie = {
|
|
|
104
105
|
close: "Close",
|
|
105
106
|
clear: "Clear",
|
|
106
107
|
showText: "Show text",
|
|
107
|
-
fullText: "Full text"
|
|
108
|
+
fullText: "Full text",
|
|
109
|
+
tabs: "Tabs"
|
|
108
110
|
}
|
|
109
111
|
};
|
|
110
112
|
//#endregion
|
|
@@ -269,8 +271,14 @@ function xe(e) {
|
|
|
269
271
|
}
|
|
270
272
|
async function Se(e) {
|
|
271
273
|
let t = await fetch(e, { credentials: "same-origin" });
|
|
272
|
-
if (t.redirected) throw Error(`downloadFile: сервер перенаправил запрос ${e}`)
|
|
273
|
-
|
|
274
|
+
if (t.redirected) throw Object.assign(/* @__PURE__ */ Error(`downloadFile: сервер перенаправил запрос ${e}`), {
|
|
275
|
+
redirectUrl: t.url,
|
|
276
|
+
status: null
|
|
277
|
+
});
|
|
278
|
+
if (!t.ok) throw Object.assign(/* @__PURE__ */ Error(`downloadFile: ответ ${t.status} на ${e}`), {
|
|
279
|
+
redirectUrl: null,
|
|
280
|
+
status: t.status
|
|
281
|
+
});
|
|
274
282
|
let n = be(t.headers.get("Content-Disposition")) ?? xe(e) ?? "download", r = URL.createObjectURL(await t.blob()), i = document.createElement("a");
|
|
275
283
|
i.href = r, i.download = n, i.style.display = "none", document.body.appendChild(i), i.click(), i.remove(), setTimeout(() => URL.revokeObjectURL(r), ye);
|
|
276
284
|
}
|
|
@@ -1573,7 +1581,7 @@ var On = /*#__PURE__*/ A(wn, [["render", Dn]]), kn = { props: {
|
|
|
1573
1581
|
type: String,
|
|
1574
1582
|
required: !0
|
|
1575
1583
|
}
|
|
1576
|
-
} }, An = { class: "bb:
|
|
1584
|
+
} }, An = { class: "bb:min-h-screen bb:text-center" }, jn = { class: "bb:fixed bb:inset-0 bb:transition-opacity" }, Mn = ["aria-labelledby"];
|
|
1577
1585
|
function Nn(e, n, r, o, c, l) {
|
|
1578
1586
|
return d(), i("div", { class: u(["bb-dashboard-ui bb:fixed bb:inset-0 bb:overflow-y-auto bb:z-20", { "bb:pointer-events-none": !r.isOpen }]) }, [a("div", An, [
|
|
1579
1587
|
s(t, {
|
|
@@ -1587,17 +1595,17 @@ function Nn(e, n, r, o, c, l) {
|
|
|
1587
1595
|
default: b(() => [x(a("div", jn, [...n[0] ||= [a("div", { class: "bb:absolute bb:inset-0 bb:bg-gray-500 bb:opacity-75" }, null, -1)]], 512), [[y, r.isOpen]])]),
|
|
1588
1596
|
_: 1
|
|
1589
1597
|
}),
|
|
1590
|
-
n[1] ||= a("span", { class: "bb:
|
|
1598
|
+
n[1] ||= a("span", { class: "bb:inline-block bb:align-middle bb:h-screen" }, null, -1),
|
|
1591
1599
|
s(t, {
|
|
1592
1600
|
"enter-active-class": "bb:ease-out bb:duration-300",
|
|
1593
|
-
"enter-from-class": "bb:opacity-0 bb:
|
|
1594
|
-
"enter-to-class": "bb:opacity-100 bb:
|
|
1601
|
+
"enter-from-class": "bb:opacity-0 bb:scale-95",
|
|
1602
|
+
"enter-to-class": "bb:opacity-100 bb:scale-100",
|
|
1595
1603
|
"leave-active-class": "bb:ease-in bb:duration-200",
|
|
1596
|
-
"leave-from-class": "bb:opacity-100 bb:
|
|
1597
|
-
"leave-to-class": "bb:opacity-0 bb:
|
|
1604
|
+
"leave-from-class": "bb:opacity-100 bb:scale-100",
|
|
1605
|
+
"leave-to-class": "bb:opacity-0 bb:scale-95"
|
|
1598
1606
|
}, {
|
|
1599
1607
|
default: b(() => [x(a("div", {
|
|
1600
|
-
class: "bb:relative bb:inline-block bb:align-
|
|
1608
|
+
class: "bb:relative bb:inline-block bb:align-middle bb:my-8 bb:max-w-lg bb:w-full bb:bg-white bb:rounded-lg bb:text-left bb:overflow-visible bb:shadow-xl bb:transition-all",
|
|
1601
1609
|
role: "dialog",
|
|
1602
1610
|
"aria-modal": "true",
|
|
1603
1611
|
"aria-labelledby": r.headingId
|
|
@@ -1682,14 +1690,14 @@ var Y = /*#__PURE__*/ A(Rn, [["render", Bn]]), Vn = {
|
|
|
1682
1690
|
return this.type === "warning";
|
|
1683
1691
|
}
|
|
1684
1692
|
}
|
|
1685
|
-
}, Hn = { class: "bb:flex bb:bg-white bb:rounded-t-lg bb:
|
|
1693
|
+
}, Hn = { class: "bb:flex bb:bg-white bb:rounded-t-lg bb:p-6 bb:pb-4" }, Un = { class: "bb:flex bb:items-start" }, Wn = { class: "bb:ml-4 bb:text-left" }, Gn = ["id"], Kn = { class: "bb:mt-2" }, qn = { class: "bb:text-sm bb:text-gray-500" }, Jn = { class: "bb:bg-gray-50 bb:rounded-b-lg bb:px-6 bb:py-3 bb:flex bb:flex-row-reverse" };
|
|
1686
1694
|
function Yn(e, t, i, o, s, c) {
|
|
1687
1695
|
let l = m("warning"), f = m("dangerous"), p = m("modal");
|
|
1688
1696
|
return d(), n(p, {
|
|
1689
1697
|
"is-open": i.isOpen,
|
|
1690
1698
|
"heading-id": o.headingId
|
|
1691
1699
|
}, {
|
|
1692
|
-
default: b(() => [a("div", Hn, [a("div", Un, [a("div", { class: u(["bb:
|
|
1700
|
+
default: b(() => [a("div", Hn, [a("div", Un, [a("div", { class: u(["bb:shrink-0 bb:flex bb:items-center bb:justify-center bb:h-10 bb:w-10 bb:rounded-full", {
|
|
1693
1701
|
"bb:bg-red-100": c.isDangerous,
|
|
1694
1702
|
"bb:bg-yellow-100": c.isWarning
|
|
1695
1703
|
}]) }, [c.isWarning ? (d(), n(l, { key: 0 })) : r("", !0), c.isDangerous ? (d(), n(f, { key: 1 })) : r("", !0)], 2), a("div", Wn, [a("h3", {
|
|
@@ -1697,14 +1705,14 @@ function Yn(e, t, i, o, s, c) {
|
|
|
1697
1705
|
id: o.headingId
|
|
1698
1706
|
}, g(i.confirmationHeading), 9, Gn), a("div", Kn, [a("p", qn, g(i.confirmationText), 1)])])])]), a("div", Jn, [a("button", {
|
|
1699
1707
|
type: "button",
|
|
1700
|
-
class: u(["bb:
|
|
1708
|
+
class: u(["bb:inline-flex bb:justify-center bb:rounded-md bb:border bb:border-transparent bb:shadow-xs bb:px-4 bb:py-2 bb:text-sm bb:font-medium bb:text-white bb:focus:outline-hidden bb:focus:ring-2 bb:focus:ring-offset-2 bb:ml-3", {
|
|
1701
1709
|
"bb:bg-red-600 bb:hover:bg-red-700 bb:focus:ring-red-500": c.isDangerous,
|
|
1702
1710
|
"bb:bg-yellow-400 bb:hover:bg-yellow-500 bb:focus:ring-yellow-300": c.isWarning
|
|
1703
1711
|
}]),
|
|
1704
1712
|
onClick: t[0] ||= S((t) => e.$emit("actionConfirmed"), ["prevent"])
|
|
1705
1713
|
}, g(i.actionButtonText), 3), a("button", {
|
|
1706
1714
|
type: "button",
|
|
1707
|
-
class: "bb:
|
|
1715
|
+
class: "bb:inline-flex bb:justify-center bb:rounded-md bb:border bb:border-gray-300 bb:shadow-xs bb:px-4 bb:py-2 bb:bg-white bb:text-sm bb:font-medium bb:text-gray-700 bb:hover:bg-gray-50 bb:focus:outline-hidden bb:focus:ring-2 bb:focus:ring-offset-2 bb:focus:ring-indigo-500 bb:ml-3",
|
|
1708
1716
|
onClick: t[1] ||= S((t) => e.$emit("actionCanceled"), ["prevent"])
|
|
1709
1717
|
}, g(i.cancelButtonText ?? e.texts.cancel), 1)])]),
|
|
1710
1718
|
_: 1
|
|
@@ -2034,10 +2042,10 @@ var kr = {
|
|
|
2034
2042
|
}
|
|
2035
2043
|
}, Ar = {
|
|
2036
2044
|
key: 0,
|
|
2037
|
-
class: "bb-dashboard-ui bb:
|
|
2045
|
+
class: "bb-dashboard-ui bb:flex bb:items-center bb:justify-between"
|
|
2038
2046
|
}, jr = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex" }, Mr = ["href"], Nr = {
|
|
2039
2047
|
key: 0,
|
|
2040
|
-
class: "bb
|
|
2048
|
+
class: "bb:-mt-px bb:flex bb:text-gray-400 bb:text-sm bb:leading-5"
|
|
2041
2049
|
}, Pr = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, Fr = { class: "bb:font-medium bb:text-gray-900 bb:mx-1" }, Ir = { class: "bb:-mt-px bb:w-0 bb:flex-1 bb:flex bb:justify-end" }, Lr = ["href"];
|
|
2042
2050
|
function Rr(e, t, n, c, l, u) {
|
|
2043
2051
|
let f = m("arrow-narrow-left"), p = m("arrow-narrow-right");
|
|
@@ -2200,7 +2208,7 @@ function Yr(t, o, s, c, l, h) {
|
|
|
2200
2208
|
h.normalizedRows.length > 0 ? (d(), i("div", {
|
|
2201
2209
|
key: 1,
|
|
2202
2210
|
class: u(h.isCard && h.hasBadgeRow() ? "bb:mt-4" : "")
|
|
2203
|
-
}, [a("div", { class: u(["bb:overflow-x-auto", h.isCard ? "bb:border-t bb:border-gray-200" : "bb:shadow-sm bb:border-b bb:border-gray-200 bb:
|
|
2211
|
+
}, [a("div", { class: u(["bb:overflow-x-auto", h.isCard ? "bb:border-t bb:border-gray-200" : "bb:shadow-sm bb:border-b bb:border-gray-200 bb:rounded-lg"]) }, [a("table", Ur, [a("thead", null, [a("tr", Wr, [(d(!0), i(e, null, f(h.visibleColumns, (e) => (d(), i("th", {
|
|
2204
2212
|
key: e.key,
|
|
2205
2213
|
scope: "col",
|
|
2206
2214
|
class: u(["bb:px-6 bb:py-3 bb:text-xs bb:leading-4 bb:font-medium bb:text-gray-500 bb:uppercase bb:tracking-wider bb:whitespace-nowrap", [{
|
|
@@ -2277,11 +2285,45 @@ function $r(e, t, n, r, a, o) {
|
|
|
2277
2285
|
textContent: g(n.name)
|
|
2278
2286
|
}, null, 10, Qr);
|
|
2279
2287
|
}
|
|
2280
|
-
var ei = /*#__PURE__*/ A(Zr, [["render", $r]]), ti =
|
|
2288
|
+
var ei = /*#__PURE__*/ A(Zr, [["render", $r]]), ti = {
|
|
2289
|
+
mixins: [M, X],
|
|
2290
|
+
props: {
|
|
2291
|
+
tabs: {
|
|
2292
|
+
type: Array,
|
|
2293
|
+
required: !0
|
|
2294
|
+
},
|
|
2295
|
+
activeKey: {
|
|
2296
|
+
type: String,
|
|
2297
|
+
default: null
|
|
2298
|
+
}
|
|
2299
|
+
},
|
|
2300
|
+
computed: { tabList() {
|
|
2301
|
+
return Array.isArray(this.tabs) ? this.tabs.filter((e) => typeof e == "object" && !!e) : [];
|
|
2302
|
+
} }
|
|
2303
|
+
}, ni = ["aria-label"], ri = [
|
|
2304
|
+
"href",
|
|
2305
|
+
"aria-current",
|
|
2306
|
+
"onClick",
|
|
2307
|
+
"textContent"
|
|
2308
|
+
];
|
|
2309
|
+
function ii(t, n, r, a, o, s) {
|
|
2310
|
+
return d(), i("nav", {
|
|
2311
|
+
class: "bb-dashboard-ui bb:flex bb:space-x-4",
|
|
2312
|
+
"aria-label": t.texts.tabs
|
|
2313
|
+
}, [(d(!0), i(e, null, f(s.tabList, (e) => (d(), i("a", {
|
|
2314
|
+
key: e.key,
|
|
2315
|
+
href: e.url,
|
|
2316
|
+
"aria-current": e.key === r.activeKey ? "page" : null,
|
|
2317
|
+
class: u(["bb:px-3 bb:py-2 bb:font-medium bb:text-sm bb:rounded-md", e.key === r.activeKey ? "bb:bg-indigo-100 bb:text-gray-700" : "bb:text-gray-500 bb:hover:text-gray-700"]),
|
|
2318
|
+
onClick: (n) => t.followLink(n, e.url),
|
|
2319
|
+
textContent: g(e.name)
|
|
2320
|
+
}, null, 10, ri))), 128))], 8, ni);
|
|
2321
|
+
}
|
|
2322
|
+
var ai = /*#__PURE__*/ A(ti, [["render", ii]]), oi = [
|
|
2281
2323
|
"xl",
|
|
2282
2324
|
"4xl",
|
|
2283
2325
|
"7xl"
|
|
2284
|
-
],
|
|
2326
|
+
], si = {
|
|
2285
2327
|
components: { CrossButton: N },
|
|
2286
2328
|
mixins: [M],
|
|
2287
2329
|
inheritAttrs: !1,
|
|
@@ -2289,7 +2331,7 @@ var ei = /*#__PURE__*/ A(Zr, [["render", $r]]), ti = [
|
|
|
2289
2331
|
width: {
|
|
2290
2332
|
type: String,
|
|
2291
2333
|
default: "xl",
|
|
2292
|
-
validator: (e) =>
|
|
2334
|
+
validator: (e) => oi.includes(e)
|
|
2293
2335
|
},
|
|
2294
2336
|
fallbackUrl: {
|
|
2295
2337
|
type: String,
|
|
@@ -2305,7 +2347,7 @@ var ei = /*#__PURE__*/ A(Zr, [["render", $r]]), ti = [
|
|
|
2305
2347
|
},
|
|
2306
2348
|
computed: {
|
|
2307
2349
|
resolvedWidth() {
|
|
2308
|
-
return
|
|
2350
|
+
return oi.includes(this.width) ? this.width : "xl";
|
|
2309
2351
|
},
|
|
2310
2352
|
windows() {
|
|
2311
2353
|
return this.uiSettings.windows;
|
|
@@ -2352,14 +2394,14 @@ var ei = /*#__PURE__*/ A(Zr, [["render", $r]]), ti = [
|
|
|
2352
2394
|
}
|
|
2353
2395
|
}
|
|
2354
2396
|
};
|
|
2355
|
-
function
|
|
2397
|
+
function ci(e, t, a, s, c, f) {
|
|
2356
2398
|
let h = m("cross-button");
|
|
2357
2399
|
return d(), i("div", l({
|
|
2358
|
-
class: ["bb:box-border bb:relative bb:my-6 bb:mx-auto bb:bg-white bb:shadow-xl bb:
|
|
2400
|
+
class: ["bb:box-border bb:relative bb:my-6 bb:mx-auto bb:bg-white bb:shadow-xl bb:rounded-lg", [
|
|
2359
2401
|
{
|
|
2360
|
-
"bb:
|
|
2361
|
-
"bb:
|
|
2362
|
-
"bb:
|
|
2402
|
+
"bb:max-w-xl": f.resolvedWidth === "xl",
|
|
2403
|
+
"bb:max-w-4xl": f.resolvedWidth === "4xl",
|
|
2404
|
+
"bb:max-w-7xl": f.resolvedWidth === "7xl"
|
|
2363
2405
|
},
|
|
2364
2406
|
f.canClose ? {
|
|
2365
2407
|
"bb:[--bb-closer-space:3.5rem] bb:md:[--bb-closer-space:0px]": f.resolvedWidth === "xl",
|
|
@@ -2372,7 +2414,7 @@ function ri(e, t, a, s, c, f) {
|
|
|
2372
2414
|
}, { ...f.forwardedAttrs() }), [p(e.$slots, "default", { close: f.close }), f.canClose ? (d(), n(h, {
|
|
2373
2415
|
key: 0,
|
|
2374
2416
|
size: "large",
|
|
2375
|
-
class: u(["bb:absolute bb:top-0 bb:right-0 bb:mt-
|
|
2417
|
+
class: u(["bb:absolute bb:top-0 bb:right-0 bb:mt-6 bb:mr-4 bb:w-8 bb:h-8 bb:rounded-md bb:focus-visible:ring-2 bb:focus-visible:ring-indigo-500", {
|
|
2376
2418
|
"bb:md:right-auto bb:md:left-full bb:md:mr-0 bb:md:ml-4": f.resolvedWidth === "xl",
|
|
2377
2419
|
"bb:lg:right-auto bb:lg:left-full bb:lg:mr-0 bb:lg:ml-4": f.resolvedWidth === "4xl",
|
|
2378
2420
|
"bb:2xl:right-auto bb:2xl:left-full bb:2xl:mr-0 bb:2xl:ml-4": f.resolvedWidth === "7xl"
|
|
@@ -2384,7 +2426,7 @@ function ri(e, t, a, s, c, f) {
|
|
|
2384
2426
|
_: 1
|
|
2385
2427
|
}, 8, ["class", "onClicked"])) : r("", !0)], 16);
|
|
2386
2428
|
}
|
|
2387
|
-
var
|
|
2429
|
+
var li = /*#__PURE__*/ A(si, [["render", ci]]), ui = {}, di = {
|
|
2388
2430
|
class: "bb:h-7 bb:w-7 bb:text-green-600",
|
|
2389
2431
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2390
2432
|
fill: "none",
|
|
@@ -2393,22 +2435,22 @@ var ii = /*#__PURE__*/ A(ni, [["render", ri]]), ai = {}, oi = {
|
|
|
2393
2435
|
stroke: "currentColor",
|
|
2394
2436
|
"aria-hidden": "true"
|
|
2395
2437
|
};
|
|
2396
|
-
function
|
|
2397
|
-
return d(), i("svg",
|
|
2438
|
+
function fi(e, t, n, r, o, s) {
|
|
2439
|
+
return d(), i("svg", di, [...t[0] ||= [a("path", {
|
|
2398
2440
|
"stroke-linecap": "round",
|
|
2399
2441
|
"stroke-linejoin": "round",
|
|
2400
2442
|
d: "M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
|
|
2401
2443
|
}, null, -1)]]);
|
|
2402
2444
|
}
|
|
2403
|
-
var
|
|
2445
|
+
var pi = /*#__PURE__*/ A(ui, [["render", fi]]), mi = {}, hi = {
|
|
2404
2446
|
class: "bb:h-5 bb:w-5",
|
|
2405
2447
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2406
2448
|
viewBox: "0 0 20 20",
|
|
2407
2449
|
fill: "currentColor",
|
|
2408
2450
|
"aria-hidden": "true"
|
|
2409
2451
|
};
|
|
2410
|
-
function
|
|
2411
|
-
return d(), i("svg",
|
|
2452
|
+
function gi(e, t, n, r, o, s) {
|
|
2453
|
+
return d(), i("svg", hi, [...t[0] ||= [a("path", {
|
|
2412
2454
|
"fill-rule": "evenodd",
|
|
2413
2455
|
d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
|
|
2414
2456
|
"clip-rule": "evenodd"
|
|
@@ -2416,10 +2458,10 @@ function di(e, t, n, r, o, s) {
|
|
|
2416
2458
|
}
|
|
2417
2459
|
//#endregion
|
|
2418
2460
|
//#region src/components/NotificationMessage.vue
|
|
2419
|
-
var
|
|
2461
|
+
var _i = {
|
|
2420
2462
|
components: {
|
|
2421
|
-
Check:
|
|
2422
|
-
Close: /* @__PURE__ */ A(
|
|
2463
|
+
Check: pi,
|
|
2464
|
+
Close: /* @__PURE__ */ A(mi, [["render", gi]]),
|
|
2423
2465
|
Dangerous: J,
|
|
2424
2466
|
Warning: Y
|
|
2425
2467
|
},
|
|
@@ -2461,11 +2503,11 @@ var fi = {
|
|
|
2461
2503
|
return this.type === "confirmation";
|
|
2462
2504
|
}
|
|
2463
2505
|
}
|
|
2464
|
-
},
|
|
2465
|
-
function
|
|
2506
|
+
}, vi = ["role"], yi = { class: "bb:p-4" }, bi = { class: "bb:flex bb:items-start" }, xi = { class: "bb:shrink-0" }, Si = { class: "bb:ml-3 bb:w-0 bb:flex-1 bb:pt-0.5" }, Ci = { class: "bb:text-sm bb:font-medium bb:text-gray-900" }, wi = { class: "bb:mt-1 bb:text-sm bb:text-gray-500" }, Ti = { class: "bb:ml-4 bb:shrink-0 bb:flex" }, Ei = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
|
|
2507
|
+
function Di(e, t, o, c, l, f) {
|
|
2466
2508
|
let p = m("warning"), h = m("dangerous"), _ = m("check"), v = m("close");
|
|
2467
2509
|
return d(), i("div", {
|
|
2468
|
-
class: "bb-dashboard-ui bb:fixed bb:inset-0 bb:flex bb:items-
|
|
2510
|
+
class: "bb-dashboard-ui bb:fixed bb:inset-0 bb:flex bb:items-start bb:justify-end bb:p-6 bb:pointer-events-none",
|
|
2469
2511
|
role: f.isDangerous ? "alert" : "status"
|
|
2470
2512
|
}, [f.hasMessage ? (d(), i("div", {
|
|
2471
2513
|
key: 0,
|
|
@@ -2474,14 +2516,14 @@ function Si(e, t, o, c, l, f) {
|
|
|
2474
2516
|
"bb:bg-yellow-50": f.isWarning,
|
|
2475
2517
|
"bb:bg-gray-50": f.isConfirmation
|
|
2476
2518
|
}])
|
|
2477
|
-
}, [a("div",
|
|
2478
|
-
a("div",
|
|
2519
|
+
}, [a("div", yi, [a("div", bi, [
|
|
2520
|
+
a("div", xi, [
|
|
2479
2521
|
f.isWarning ? (d(), n(p, { key: 0 })) : r("", !0),
|
|
2480
2522
|
f.isDangerous ? (d(), n(h, { key: 1 })) : r("", !0),
|
|
2481
2523
|
f.isConfirmation ? (d(), n(_, { key: 2 })) : r("", !0)
|
|
2482
2524
|
]),
|
|
2483
|
-
a("div",
|
|
2484
|
-
a("div",
|
|
2525
|
+
a("div", Si, [a("p", Ci, g(o.notificationHeading), 1), a("p", wi, g(f.text), 1)]),
|
|
2526
|
+
a("div", Ti, [a("button", {
|
|
2485
2527
|
type: "button",
|
|
2486
2528
|
class: u(["bb:rounded-md bb:inline-flex bb:text-gray-400 bb:hover:text-gray-500 bb:focus:outline-hidden bb:focus:ring-2 bb:focus:ring-offset-2 bb:focus:ring-indigo-500", {
|
|
2487
2529
|
"bb:bg-red-50": f.isDangerous,
|
|
@@ -2489,10 +2531,10 @@ function Si(e, t, o, c, l, f) {
|
|
|
2489
2531
|
"bb:bg-gray-50": f.isConfirmation
|
|
2490
2532
|
}]),
|
|
2491
2533
|
onClick: t[0] ||= S((t) => e.$emit("update:modelValue", ""), ["prevent"])
|
|
2492
|
-
}, [a("span",
|
|
2493
|
-
])])], 2)) : r("", !0)], 8,
|
|
2534
|
+
}, [a("span", Ei, g(e.texts.close), 1), s(v, { class: "bb:pointer-events-none bb:cursor-default" })], 2)])
|
|
2535
|
+
])])], 2)) : r("", !0)], 8, vi);
|
|
2494
2536
|
}
|
|
2495
|
-
var
|
|
2537
|
+
var Oi = /*#__PURE__*/ A(_i, [["render", Di]]), ki = {}, Ai = {
|
|
2496
2538
|
class: "bb:h-5 bb:w-5",
|
|
2497
2539
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2498
2540
|
fill: "none",
|
|
@@ -2501,8 +2543,8 @@ var Ci = /*#__PURE__*/ A(fi, [["render", Si]]), wi = {}, Ti = {
|
|
|
2501
2543
|
"stroke-width": "2",
|
|
2502
2544
|
"aria-hidden": "true"
|
|
2503
2545
|
};
|
|
2504
|
-
function
|
|
2505
|
-
return d(), i("svg",
|
|
2546
|
+
function ji(e, t, n, r, o, s) {
|
|
2547
|
+
return d(), i("svg", Ai, [...t[0] ||= [a("path", {
|
|
2506
2548
|
"stroke-linecap": "round",
|
|
2507
2549
|
"stroke-linejoin": "round",
|
|
2508
2550
|
d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
|
|
@@ -2512,10 +2554,10 @@ function Ei(e, t, n, r, o, s) {
|
|
|
2512
2554
|
d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
|
|
2513
2555
|
}, null, -1)]]);
|
|
2514
2556
|
}
|
|
2515
|
-
var
|
|
2557
|
+
var Mi = /*#__PURE__*/ A(ki, [["render", ji]]), Q = 0, $ = null, Ni = {
|
|
2516
2558
|
components: {
|
|
2517
2559
|
PopoverPanel: H,
|
|
2518
|
-
Eye:
|
|
2560
|
+
Eye: Mi
|
|
2519
2561
|
},
|
|
2520
2562
|
mixins: [M],
|
|
2521
2563
|
emits: ["update:modelValue"],
|
|
@@ -2560,8 +2602,8 @@ var Di = /*#__PURE__*/ A(wi, [["render", Ei]]), Q = 0, $ = null, Oi = {
|
|
|
2560
2602
|
this.holdsPageSelectionLock && (this.holdsPageSelectionLock = !1, --Q, Q === 0 && (Object.assign(document.documentElement.style, $), $ = null));
|
|
2561
2603
|
}
|
|
2562
2604
|
}
|
|
2563
|
-
},
|
|
2564
|
-
function
|
|
2605
|
+
}, Pi = ["id", "popovertarget"], Fi = { class: "bb:sr-only bb:pointer-events-none bb:cursor-default" };
|
|
2606
|
+
function Ii(e, t, r, i, c, l) {
|
|
2565
2607
|
let u = m("eye"), f = m("popover-panel");
|
|
2566
2608
|
return d(), n(f, {
|
|
2567
2609
|
class: "bb-dashboard-ui bb:inline-flex",
|
|
@@ -2581,7 +2623,7 @@ function ji(e, t, r, i, c, l) {
|
|
|
2581
2623
|
id: t.id,
|
|
2582
2624
|
popovertarget: t.popovertarget,
|
|
2583
2625
|
class: "bb:relative bb:text-gray-400 bb:hover:text-gray-600 bb:rounded-md bb:focus:outline-hidden bb:focus-visible:ring-2 bb:focus-visible:ring-indigo-500"
|
|
2584
|
-
}, [a("span",
|
|
2626
|
+
}, [a("span", Fi, g(e.texts.showText), 1), s(u, { class: "bb:pointer-events-none bb:cursor-default" })], 8, Pi)]),
|
|
2585
2627
|
default: b(() => [o(g(l.normalizedText), 1)]),
|
|
2586
2628
|
_: 1
|
|
2587
2629
|
}, 8, [
|
|
@@ -2591,6 +2633,6 @@ function ji(e, t, r, i, c, l) {
|
|
|
2591
2633
|
"onToggle"
|
|
2592
2634
|
]);
|
|
2593
2635
|
}
|
|
2594
|
-
var
|
|
2636
|
+
var Li = /*#__PURE__*/ A(Ni, [["render", Ii]]);
|
|
2595
2637
|
//#endregion
|
|
2596
|
-
export { On as ActionPill, Xn as ConfirmationModal, Xr as DataTable, Oe as Dot, mr as DropdownButtonWithAction, un as ErrorMessages, yr as HamburgerMenu, q as InfoPill, ei as NavigationMenuElement,
|
|
2638
|
+
export { On as ActionPill, Xn as ConfirmationModal, Xr as DataTable, Oe as Dot, mr as DropdownButtonWithAction, un as ErrorMessages, yr as HamburgerMenu, q as InfoPill, ei as NavigationMenuElement, Oi as NotificationMessage, li as PageCard, ai as PageTabs, Ze as RussianMobileFilter, it as Search, Ft as SelectDateInterval, $t as SelectSingle, Li as TextPopover, ve as dashboardUi, Se as downloadFile };
|
package/dist/style.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--bb-color-red-50:oklch(97.1% .013 17.38);--bb-color-red-100:oklch(93.6% .032 17.717);--bb-color-red-200:oklch(88.5% .062 18.334);--bb-color-red-300:oklch(80.8% .114 19.571);--bb-color-red-400:oklch(70.4% .191 22.216);--bb-color-red-500:oklch(63.7% .237 25.331);--bb-color-red-600:oklch(57.7% .245 27.325);--bb-color-red-700:oklch(50.5% .213 27.518);--bb-color-red-800:oklch(44.4% .177 26.899);--bb-color-yellow-50:oklch(98.7% .026 102.212);--bb-color-yellow-100:oklch(97.3% .071 103.193);--bb-color-yellow-200:oklch(94.5% .129 101.54);--bb-color-yellow-300:oklch(90.5% .182 98.111);--bb-color-yellow-400:oklch(85.2% .199 91.936);--bb-color-yellow-500:oklch(79.5% .184 86.047);--bb-color-yellow-600:oklch(68.1% .162 75.834);--bb-color-yellow-700:oklch(55.4% .135 66.442);--bb-color-yellow-800:oklch(47.6% .114 61.907);--bb-color-green-100:oklch(96.2% .044 156.743);--bb-color-green-200:oklch(92.5% .084 155.995);--bb-color-green-300:oklch(87.1% .15 154.449);--bb-color-green-500:oklch(72.3% .219 149.579);--bb-color-green-600:oklch(62.7% .194 149.214);--bb-color-green-800:oklch(44.8% .119 151.328);--bb-color-indigo-100:oklch(93% .034 272.788);--bb-color-indigo-200:oklch(87% .065 274.039);--bb-color-indigo-300:oklch(78.5% .115 274.713);--bb-color-indigo-400:oklch(67.3% .182 276.935);--bb-color-indigo-500:oklch(58.5% .233 277.117);--bb-color-indigo-600:oklch(51.1% .262 276.966);--bb-color-indigo-700:oklch(45.7% .24 277.023);--bb-color-indigo-800:oklch(39.8% .195 277.366);--bb-color-purple-100:oklch(94.6% .033 307.174);--bb-color-purple-200:oklch(90.2% .063 306.703);--bb-color-purple-300:oklch(82.7% .119 306.383);--bb-color-purple-500:oklch(62.7% .265 303.9);--bb-color-purple-600:oklch(55.8% .288 302.321);--bb-color-purple-800:oklch(43.8% .218 303.724);--bb-color-gray-50:oklch(98.5% .002 247.839);--bb-color-gray-100:oklch(96.7% .003 264.542);--bb-color-gray-200:oklch(92.8% .006 264.531);--bb-color-gray-300:oklch(87.2% .01 258.338);--bb-color-gray-400:oklch(70.7% .022 261.325);--bb-color-gray-500:oklch(55.1% .027 264.364);--bb-color-gray-600:oklch(44.6% .03 256.802);--bb-color-gray-700:oklch(37.3% .034 259.733);--bb-color-gray-800:oklch(27.8% .033 256.848);--bb-color-gray-900:oklch(21% .034 264.665);--bb-color-black:#000;--bb-color-white:#fff;--bb-spacing:.25rem;--bb-container-sm:24rem;--bb-container-lg:32rem;--bb-container-xl:36rem;--bb-container-4xl:56rem;--bb-container-7xl:80rem;--bb-text-xs:.75rem;--bb-text-xs--line-height:calc(1 / .75);--bb-text-sm:.875rem;--bb-text-sm--line-height:calc(1.25 / .875);--bb-text-base:1rem;--bb-text-base--line-height:calc(1.5 / 1);--bb-text-lg:1.125rem;--bb-text-lg--line-height:calc(1.75 / 1.125);--bb-text-4xl:2.25rem;--bb-text-4xl--line-height:calc(2.5 / 2.25);--bb-font-weight-medium:500;--bb-tracking-wider:.05em;--bb-leading-tight:1.25;--bb-radius-md:.375rem;--bb-radius-lg:.5rem;--bb-ease-in:cubic-bezier(.4, 0, 1, 1);--bb-ease-out:cubic-bezier(0, 0, .2, 1);--bb-ease-in-out:cubic-bezier(.4, 0, .2, 1);--bb-animate-spin:spin 1s linear infinite;--bb-animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--bb-default-transition-duration:.15s;--bb-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--bb-container-phone:calc(19ch + 16px)}}@layer base;@layer components{.bb-dashboard-ui,.bb-dashboard-ui *,.bb-dashboard-ui :before,.bb-dashboard-ui :after{box-sizing:border-box;border:0 solid;margin:0;padding:0}.bb-dashboard-ui button,.bb-dashboard-ui input,button.bb-dashboard-ui{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.bb-dashboard-ui button,button.bb-dashboard-ui{appearance:button}.bb-dashboard-ui a,a.bb-dashboard-ui{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.bb-dashboard-ui input{appearance:none}.bb-dashboard-ui input:focus{box-shadow:none}.bb-dashboard-ui ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){.bb-dashboard-ui ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}.bb-dashboard-ui ::placeholder{opacity:1}}@layer utilities{.bb\:pointer-events-auto{pointer-events:auto}.bb\:pointer-events-none{pointer-events:none}.bb\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb\:absolute{position:absolute}.bb\:fixed{position:fixed}.bb\:relative{position:relative}.bb\:inset-0{inset:0}.bb\:inset-auto{inset:auto}.bb\:inset-y-0{inset-block:0}.bb\:top-0{top:0}.bb\:right-0{right:0}.bb\:left-0{left:0}.bb\:z-10{z-index:10}.bb\:z-20{z-index:20}.bb\:m-0{margin:0}.bb\:mx-1{margin-inline:var(--bb-spacing)}.bb\:mx-auto{margin-inline:auto}.bb\:my-4{margin-block:calc(var(--bb-spacing) * 4)}.bb\:my-6{margin-block:calc(var(--bb-spacing) * 6)}.bb\:-mt-px{margin-top:-1px}.bb\:mt-1{margin-top:var(--bb-spacing)}.bb\:mt-2{margin-top:calc(var(--bb-spacing) * 2)}.bb\:mt-3{margin-top:calc(var(--bb-spacing) * 3)}.bb\:mt-4{margin-top:calc(var(--bb-spacing) * 4)}.bb\:mt-6{margin-top:calc(var(--bb-spacing) * 6)}.bb\:mr-3{margin-right:calc(var(--bb-spacing) * 3)}.bb\:mr-4{margin-right:calc(var(--bb-spacing) * 4)}.bb\:-ml-px{margin-left:-1px}.bb\:ml-1{margin-left:var(--bb-spacing)}.bb\:ml-3{margin-left:calc(var(--bb-spacing) * 3)}.bb\:ml-4{margin-left:calc(var(--bb-spacing) * 4)}.bb\:box-border{box-sizing:border-box}.bb\:block{display:block}.bb\:flex{display:flex}.bb\:hidden{display:none}.bb\:inline-block{display:inline-block}.bb\:inline-flex{display:inline-flex}.bb\:h-2{height:calc(var(--bb-spacing) * 2)}.bb\:h-4{height:calc(var(--bb-spacing) * 4)}.bb\:h-5{height:calc(var(--bb-spacing) * 5)}.bb\:h-6{height:calc(var(--bb-spacing) * 6)}.bb\:h-7{height:calc(var(--bb-spacing) * 7)}.bb\:h-8{height:calc(var(--bb-spacing) * 8)}.bb\:h-9{height:calc(var(--bb-spacing) * 9)}.bb\:h-12{height:calc(var(--bb-spacing) * 12)}.bb\:h-full{height:100%}.bb\:min-h-screen{min-height:100vh}.bb\:w-0{width:0}.bb\:w-1{width:var(--bb-spacing)}.bb\:w-2{width:calc(var(--bb-spacing) * 2)}.bb\:w-4{width:calc(var(--bb-spacing) * 4)}.bb\:w-5{width:calc(var(--bb-spacing) * 5)}.bb\:w-6{width:calc(var(--bb-spacing) * 6)}.bb\:w-7{width:calc(var(--bb-spacing) * 7)}.bb\:w-8{width:calc(var(--bb-spacing) * 8)}.bb\:w-9{width:calc(var(--bb-spacing) * 9)}.bb\:w-12{width:calc(var(--bb-spacing) * 12)}.bb\:w-56{width:calc(var(--bb-spacing) * 56)}.bb\:w-72{width:calc(var(--bb-spacing) * 72)}.bb\:w-full{width:100%}.bb\:w-phone{width:var(--bb-container-phone)}.bb\:w-px{width:1px}.bb\:max-w-sm{max-width:var(--bb-container-sm)}.bb\:min-w-24{min-width:calc(var(--bb-spacing) * 24)}.bb\:min-w-36{min-width:calc(var(--bb-spacing) * 36)}.bb\:min-w-72{min-width:calc(var(--bb-spacing) * 72)}.bb\:min-w-full{min-width:100%}.bb\:flex-1{flex:1}.bb\:flex-none{flex:none}.bb\:shrink-0{flex-shrink:0}.bb\:grow{flex-grow:1}.bb\:border-collapse{border-collapse:collapse}.bb\:origin-center{transform-origin:50%}.bb\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.bb\:translate-y-4{--tw-translate-y:calc(var(--bb-spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.bb\:animate-\[spin_12s_linear_infinite\]{animation:12s linear infinite spin}.bb\:animate-pulse{animation:var(--bb-animate-pulse)}.bb\:animate-spin{animation:var(--bb-animate-spin)}.bb\:cursor-default{cursor:default}.bb\:cursor-not-allowed{cursor:not-allowed}.bb\:cursor-pointer{cursor:pointer}.bb\:flex-col{flex-direction:column}.bb\:items-center{align-items:center}.bb\:items-end{align-items:flex-end}.bb\:items-start{align-items:flex-start}.bb\:justify-between{justify-content:space-between}.bb\:justify-center{justify-content:center}.bb\:justify-end{justify-content:flex-end}:where(.bb\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--bb-spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--bb-spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}:where(.bb\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.bb\:divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.bb\:divide-dashed>:not(:last-child)){--tw-border-style:dashed;border-style:dashed}:where(.bb\:divide-gray-200>:not(:last-child)){border-color:var(--bb-color-gray-200)}.bb\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bb\:overflow-hidden{overflow:hidden}.bb\:overflow-visible{overflow:visible}.bb\:overflow-x-auto{overflow-x:auto}.bb\:overflow-y-auto{overflow-y:auto}.bb\:overscroll-contain{overscroll-behavior:contain}.bb\:rounded-full{border-radius:2147483647px}.bb\:rounded-lg{border-radius:var(--bb-radius-lg)}.bb\:rounded-md{border-radius:var(--bb-radius-md)}.bb\:rounded-t-lg{border-top-left-radius:var(--bb-radius-lg);border-top-right-radius:var(--bb-radius-lg)}.bb\:rounded-l-md{border-top-left-radius:var(--bb-radius-md);border-bottom-left-radius:var(--bb-radius-md)}.bb\:rounded-r-md{border-top-right-radius:var(--bb-radius-md);border-bottom-right-radius:var(--bb-radius-md)}.bb\:rounded-b-lg{border-bottom-right-radius:var(--bb-radius-lg);border-bottom-left-radius:var(--bb-radius-lg)}.bb\:border{border-style:var(--tw-border-style);border-width:1px}.bb\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.bb\:border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.bb\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.bb\:border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.bb\:border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.bb\:border-none{--tw-border-style:none;border-style:none}.bb\:border-gray-200{border-color:var(--bb-color-gray-200)}.bb\:border-gray-300{border-color:var(--bb-color-gray-300)}.bb\:border-green-300{border-color:var(--bb-color-green-300)}.bb\:border-indigo-300{border-color:var(--bb-color-indigo-300)}.bb\:border-indigo-400{border-color:var(--bb-color-indigo-400)}.bb\:border-purple-300{border-color:var(--bb-color-purple-300)}.bb\:border-red-300{border-color:var(--bb-color-red-300)}.bb\:border-red-400{border-color:var(--bb-color-red-400)}.bb\:border-transparent{border-color:#0000}.bb\:border-white{border-color:var(--bb-color-white)}.bb\:border-yellow-300{border-color:var(--bb-color-yellow-300)}.bb\:border-yellow-400{border-color:var(--bb-color-yellow-400)}.bb\:bg-current{background-color:currentColor}.bb\:bg-gray-50{background-color:var(--bb-color-gray-50)}.bb\:bg-gray-100{background-color:var(--bb-color-gray-100)}.bb\:bg-gray-500{background-color:var(--bb-color-gray-500)}.bb\:bg-green-100{background-color:var(--bb-color-green-100)}.bb\:bg-indigo-100{background-color:var(--bb-color-indigo-100)}.bb\:bg-purple-100{background-color:var(--bb-color-purple-100)}.bb\:bg-red-50{background-color:var(--bb-color-red-50)}.bb\:bg-red-100{background-color:var(--bb-color-red-100)}.bb\:bg-red-600{background-color:var(--bb-color-red-600)}.bb\:bg-transparent{background-color:#0000}.bb\:bg-white{background-color:var(--bb-color-white)}.bb\:bg-yellow-50{background-color:var(--bb-color-yellow-50)}.bb\:bg-yellow-100{background-color:var(--bb-color-yellow-100)}.bb\:bg-yellow-400{background-color:var(--bb-color-yellow-400)}.bb\:fill-current{fill:currentColor}.bb\:stroke-current{stroke:currentColor}.bb\:p-2{padding:calc(var(--bb-spacing) * 2)}.bb\:p-3{padding:calc(var(--bb-spacing) * 3)}.bb\:p-4{padding:calc(var(--bb-spacing) * 4)}.bb\:px-1{padding-inline:var(--bb-spacing)}.bb\:px-2{padding-inline:calc(var(--bb-spacing) * 2)}.bb\:px-3{padding-inline:calc(var(--bb-spacing) * 3)}.bb\:px-4{padding-inline:calc(var(--bb-spacing) * 4)}.bb\:px-6{padding-inline:calc(var(--bb-spacing) * 6)}.bb\:py-1{padding-block:var(--bb-spacing)}.bb\:py-1\.5{padding-block:calc(var(--bb-spacing) * 1.5)}.bb\:py-2{padding-block:calc(var(--bb-spacing) * 2)}.bb\:py-3{padding-block:calc(var(--bb-spacing) * 3)}.bb\:py-4{padding-block:calc(var(--bb-spacing) * 4)}.bb\:py-6{padding-block:calc(var(--bb-spacing) * 6)}.bb\:pt-0\.5{padding-top:calc(var(--bb-spacing) * .5)}.bb\:pt-1{padding-top:var(--bb-spacing)}.bb\:pt-4{padding-top:calc(var(--bb-spacing) * 4)}.bb\:pt-5{padding-top:calc(var(--bb-spacing) * 5)}.bb\:pr-1{padding-right:var(--bb-spacing)}.bb\:pr-2{padding-right:calc(var(--bb-spacing) * 2)}.bb\:pr-3{padding-right:calc(var(--bb-spacing) * 3)}.bb\:pr-6{padding-right:calc(var(--bb-spacing) * 6)}.bb\:pr-12{padding-right:calc(var(--bb-spacing) * 12)}.bb\:pb-4{padding-bottom:calc(var(--bb-spacing) * 4)}.bb\:pb-20{padding-bottom:calc(var(--bb-spacing) * 20)}.bb\:pl-1{padding-left:var(--bb-spacing)}.bb\:pl-3{padding-left:calc(var(--bb-spacing) * 3)}.bb\:text-center{text-align:center}.bb\:text-left{text-align:left}.bb\:text-right{text-align:right}.bb\:align-bottom{vertical-align:bottom}.bb\:align-top{vertical-align:top}.bb\:text-4xl{font-size:var(--bb-text-4xl);line-height:var(--tw-leading,var(--bb-text-4xl--line-height))}.bb\:text-base{font-size:var(--bb-text-base);line-height:var(--tw-leading,var(--bb-text-base--line-height))}.bb\:text-lg{font-size:var(--bb-text-lg);line-height:var(--tw-leading,var(--bb-text-lg--line-height))}.bb\:text-sm{font-size:var(--bb-text-sm);line-height:var(--tw-leading,var(--bb-text-sm--line-height))}.bb\:text-xs{font-size:var(--bb-text-xs);line-height:var(--tw-leading,var(--bb-text-xs--line-height))}.bb\:leading-4{--tw-leading:calc(var(--bb-spacing) * 4);line-height:calc(var(--bb-spacing) * 4)}.bb\:leading-5{--tw-leading:calc(var(--bb-spacing) * 5);line-height:calc(var(--bb-spacing) * 5)}.bb\:leading-6{--tw-leading:calc(var(--bb-spacing) * 6);line-height:calc(var(--bb-spacing) * 6)}.bb\:leading-none{--tw-leading:1;line-height:1}.bb\:leading-tight{--tw-leading:var(--bb-leading-tight);line-height:var(--bb-leading-tight)}.bb\:font-medium{--tw-font-weight:var(--bb-font-weight-medium);font-weight:var(--bb-font-weight-medium)}.bb\:tracking-wider{--tw-tracking:var(--bb-tracking-wider);letter-spacing:var(--bb-tracking-wider)}.bb\:break-words{overflow-wrap:break-word}.bb\:whitespace-normal{white-space:normal}.bb\:whitespace-nowrap{white-space:nowrap}.bb\:text-gray-400{color:var(--bb-color-gray-400)}.bb\:text-gray-500{color:var(--bb-color-gray-500)}.bb\:text-gray-600{color:var(--bb-color-gray-600)}.bb\:text-gray-700{color:var(--bb-color-gray-700)}.bb\:text-gray-800{color:var(--bb-color-gray-800)}.bb\:text-gray-900{color:var(--bb-color-gray-900)}.bb\:text-green-300{color:var(--bb-color-green-300)}.bb\:text-green-500{color:var(--bb-color-green-500)}.bb\:text-green-600{color:var(--bb-color-green-600)}.bb\:text-green-800{color:var(--bb-color-green-800)}.bb\:text-indigo-500{color:var(--bb-color-indigo-500)}.bb\:text-indigo-800{color:var(--bb-color-indigo-800)}.bb\:text-inherit{color:inherit}.bb\:text-purple-500{color:var(--bb-color-purple-500)}.bb\:text-purple-800{color:var(--bb-color-purple-800)}.bb\:text-red-400{color:var(--bb-color-red-400)}.bb\:text-red-500{color:var(--bb-color-red-500)}.bb\:text-red-600{color:var(--bb-color-red-600)}.bb\:text-red-700{color:var(--bb-color-red-700)}.bb\:text-red-800{color:var(--bb-color-red-800)}.bb\:text-white{color:var(--bb-color-white)}.bb\:text-yellow-400{color:var(--bb-color-yellow-400)}.bb\:text-yellow-500{color:var(--bb-color-yellow-500)}.bb\:text-yellow-700{color:var(--bb-color-yellow-700)}.bb\:text-yellow-800{color:var(--bb-color-yellow-800)}.bb\:uppercase{text-transform:uppercase}.bb\:placeholder-gray-300::placeholder{color:var(--bb-color-gray-300)}.bb\:opacity-0{opacity:0}.bb\:opacity-60{opacity:.6}.bb\:opacity-75{opacity:.75}.bb\:opacity-100{opacity:1}.bb\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.bb\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.bb\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.bb\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.bb\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.bb\:ring-black\/5{--tw-ring-color:var(--bb-color-black)}@supports (color:color-mix(in lab, red, red)){.bb\:ring-black\/5{--tw-ring-color:color-mix(in oklab, var(--bb-color-black) 5%, transparent)}}.bb\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--bb-default-transition-timing-function));transition-duration:var(--tw-duration,var(--bb-default-transition-duration))}.bb\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--bb-default-transition-timing-function));transition-duration:var(--tw-duration,var(--bb-default-transition-duration))}.bb\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--bb-default-transition-timing-function));transition-duration:var(--tw-duration,var(--bb-default-transition-duration))}.bb\:duration-150{--tw-duration:.15s;transition-duration:.15s}.bb\:duration-200{--tw-duration:.2s;transition-duration:.2s}.bb\:duration-300{--tw-duration:.3s;transition-duration:.3s}.bb\:ease-in{--tw-ease:var(--bb-ease-in);transition-timing-function:var(--bb-ease-in)}.bb\:ease-in-out{--tw-ease:var(--bb-ease-in-out);transition-timing-function:var(--bb-ease-in-out)}.bb\:ease-out{--tw-ease:var(--bb-ease-out);transition-timing-function:var(--bb-ease-out)}.bb\:select-none{-webkit-user-select:none;user-select:none}.bb\:select-text{-webkit-user-select:text;user-select:text}.bb\:\[--bb-closer-space\:0px\]{--bb-closer-space:0px}.bb\:\[--bb-closer-space\:3\.5rem\]{--bb-closer-space:3.5rem}.bb\:placeholder\:text-sm::placeholder{font-size:var(--bb-text-sm);line-height:var(--tw-leading,var(--bb-text-sm--line-height))}.bb\:even\:bg-gray-50:nth-child(2n){background-color:var(--bb-color-gray-50)}@media (hover:hover){.bb\:hover\:border-gray-300:hover{border-color:var(--bb-color-gray-300)}.bb\:hover\:border-indigo-700:hover{border-color:var(--bb-color-indigo-700)}.bb\:hover\:bg-gray-50:hover{background-color:var(--bb-color-gray-50)}.bb\:hover\:bg-gray-100:hover{background-color:var(--bb-color-gray-100)}.bb\:hover\:bg-gray-200:hover{background-color:var(--bb-color-gray-200)}.bb\:hover\:bg-green-200:hover{background-color:var(--bb-color-green-200)}.bb\:hover\:bg-indigo-200:hover{background-color:var(--bb-color-indigo-200)}.bb\:hover\:bg-purple-200:hover{background-color:var(--bb-color-purple-200)}.bb\:hover\:bg-red-200:hover{background-color:var(--bb-color-red-200)}.bb\:hover\:bg-red-700:hover{background-color:var(--bb-color-red-700)}.bb\:hover\:bg-yellow-200:hover{background-color:var(--bb-color-yellow-200)}.bb\:hover\:bg-yellow-500:hover{background-color:var(--bb-color-yellow-500)}.bb\:hover\:text-gray-500:hover{color:var(--bb-color-gray-500)}.bb\:hover\:text-gray-600:hover{color:var(--bb-color-gray-600)}.bb\:hover\:text-gray-700:hover{color:var(--bb-color-gray-700)}.bb\:hover\:text-green-600:hover{color:var(--bb-color-green-600)}.bb\:hover\:text-indigo-600:hover{color:var(--bb-color-indigo-600)}.bb\:hover\:text-purple-600:hover{color:var(--bb-color-purple-600)}.bb\:hover\:text-red-600:hover{color:var(--bb-color-red-600)}.bb\:hover\:text-yellow-600:hover{color:var(--bb-color-yellow-600)}}.bb\:focus\:z-10:focus{z-index:10}.bb\:focus\:border-gray-300:focus{border-color:var(--bb-color-gray-300)}.bb\:focus\:border-indigo-500:focus{border-color:var(--bb-color-indigo-500)}.bb\:focus\:border-indigo-700:focus{border-color:var(--bb-color-indigo-700)}.bb\:focus\:bg-gray-100:focus{background-color:var(--bb-color-gray-100)}.bb\:focus\:bg-green-100:focus{background-color:var(--bb-color-green-100)}.bb\:focus\:bg-indigo-100:focus{background-color:var(--bb-color-indigo-100)}.bb\:focus\:bg-purple-100:focus{background-color:var(--bb-color-purple-100)}.bb\:focus\:bg-red-100:focus{background-color:var(--bb-color-red-100)}.bb\:focus\:bg-yellow-100:focus{background-color:var(--bb-color-yellow-100)}.bb\:focus\:text-gray-500:focus{color:var(--bb-color-gray-500)}.bb\:focus\:text-gray-700:focus{color:var(--bb-color-gray-700)}.bb\:focus\:text-gray-900:focus{color:var(--bb-color-gray-900)}.bb\:focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.bb\:focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.bb\:focus\:ring-indigo-500:focus{--tw-ring-color:var(--bb-color-indigo-500)}.bb\:focus\:ring-red-500:focus{--tw-ring-color:var(--bb-color-red-500)}.bb\:focus\:ring-yellow-300:focus{--tw-ring-color:var(--bb-color-yellow-300)}.bb\:focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.bb\:focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.bb\:focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.bb\:focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.bb\:focus-visible\:ring-indigo-500:focus-visible{--tw-ring-color:var(--bb-color-indigo-500)}@media (prefers-reduced-motion:reduce){.bb\:motion-reduce\:animate-none{animation:none}}@media (width>=40rem){.bb\:sm\:mx-0{margin-inline:0}.bb\:sm\:my-8{margin-block:calc(var(--bb-spacing) * 8)}.bb\:sm\:mt-0{margin-top:0}.bb\:sm\:mt-6{margin-top:calc(var(--bb-spacing) * 6)}.bb\:sm\:ml-3{margin-left:calc(var(--bb-spacing) * 3)}.bb\:sm\:ml-4{margin-left:calc(var(--bb-spacing) * 4)}.bb\:sm\:block{display:block}.bb\:sm\:flex{display:flex}.bb\:sm\:inline-block{display:inline-block}.bb\:sm\:h-10{height:calc(var(--bb-spacing) * 10)}.bb\:sm\:h-screen{height:100vh}.bb\:sm\:w-10{width:calc(var(--bb-spacing) * 10)}.bb\:sm\:w-auto{width:auto}.bb\:sm\:w-full{width:100%}.bb\:sm\:max-w-4xl{max-width:var(--bb-container-4xl)}.bb\:sm\:max-w-7xl{max-width:var(--bb-container-7xl)}.bb\:sm\:max-w-lg{max-width:var(--bb-container-lg)}.bb\:sm\:max-w-xl{max-width:var(--bb-container-xl)}.bb\:sm\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.bb\:sm\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.bb\:sm\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.bb\:sm\:flex-row-reverse{flex-direction:row-reverse}.bb\:sm\:items-start{align-items:flex-start}.bb\:sm\:justify-end{justify-content:flex-end}.bb\:sm\:rounded-lg{border-radius:var(--bb-radius-lg)}.bb\:sm\:p-0{padding:0}.bb\:sm\:p-6{padding:calc(var(--bb-spacing) * 6)}.bb\:sm\:px-0{padding-inline:0}.bb\:sm\:px-6{padding-inline:calc(var(--bb-spacing) * 6)}.bb\:sm\:pb-4{padding-bottom:calc(var(--bb-spacing) * 4)}.bb\:sm\:text-left{text-align:left}.bb\:sm\:align-middle{vertical-align:middle}.bb\:sm\:text-sm{font-size:var(--bb-text-sm);line-height:var(--tw-leading,var(--bb-text-sm--line-height))}}@media (width>=48rem){.bb\:md\:right-auto{right:auto}.bb\:md\:left-full{left:100%}.bb\:md\:-mt-px{margin-top:-1px}.bb\:md\:mr-0{margin-right:0}.bb\:md\:ml-4{margin-left:calc(var(--bb-spacing) * 4)}.bb\:md\:flex{display:flex}.bb\:md\:\[--bb-closer-space\:0px\]{--bb-closer-space:0px}}@media (width>=64rem){.bb\:lg\:right-auto{right:auto}.bb\:lg\:left-full{left:100%}.bb\:lg\:mr-0{margin-right:0}.bb\:lg\:ml-4{margin-left:calc(var(--bb-spacing) * 4)}.bb\:lg\:\[--bb-closer-space\:0px\]{--bb-closer-space:0px}}@media (width>=96rem){.bb\:2xl\:right-auto{right:auto}.bb\:2xl\:left-full{left:100%}.bb\:2xl\:mr-0{margin-right:0}.bb\:2xl\:ml-4{margin-left:calc(var(--bb-spacing) * 4)}.bb\:2xl\:\[--bb-closer-space\:0px\]{--bb-closer-space:0px}}}.bb-dashboard-ui .pika-single{border:0}.bb-dashboard-ui .pika-button:focus{color:#fff;box-shadow:none;background:#ff8000;border-radius:3px}.bb-dashboard-ui .pika-prev:focus,.bb-dashboard-ui .pika-next:focus{opacity:1;border-radius:3px;outline:2px solid #ff8000}.bb-dashboard-ui .pika-label:has(.pika-select:focus-visible){border-radius:3px;outline:2px solid #ff8000}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.pika-single{z-index:9999;color:#333;background:#fff;border:1px solid #ccc;border-bottom-color:#bbb;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:block;position:relative}.pika-single:before,.pika-single:after{content:" ";display:table}.pika-single:after{clear:both}.pika-single.is-hidden{display:none}.pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px #00000080}.pika-lendar{float:left;width:240px;margin:8px}.pika-title{text-align:center;position:relative}.pika-label{z-index:9999;background-color:#fff;margin:0;padding:5px 3px;font-size:14px;font-weight:700;line-height:20px;display:inline-block;position:relative;overflow:hidden}.pika-title select{cursor:pointer;z-index:9998;opacity:0;margin:0;position:absolute;top:5px;left:0}.pika-prev,.pika-next{cursor:pointer;text-indent:20px;white-space:nowrap;opacity:.5;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:75% 75%;border:0;outline:none;width:20px;height:30px;padding:0;display:block;position:relative;overflow:hidden}.pika-prev:hover,.pika-next:hover{opacity:1}.pika-prev,.is-rtl .pika-next{float:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==)}.pika-next,.is-rtl .pika-prev{float:right;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=)}.pika-prev.is-disabled,.pika-next.is-disabled{cursor:default;opacity:.2}.pika-select{display:inline-block}.pika-table{border-collapse:collapse;border-spacing:0;border:0;width:100%}.pika-table th,.pika-table td{width:14.2857%;padding:0}.pika-table th{color:#999;text-align:center;font-size:12px;font-weight:700;line-height:25px}.pika-button{cursor:pointer;box-sizing:border-box;color:#666;text-align:right;width:100%;height:initial;background:#f5f5f5;border:0;outline:none;margin:0;padding:5px;font-size:12px;line-height:15px;display:block}.pika-week{color:#999;font-size:11px}.is-today .pika-button{color:#3af;font-weight:700}.is-selected .pika-button,.has-event .pika-button{color:#fff;background:#3af;border-radius:3px;font-weight:700;box-shadow:inset 0 1px 3px #178fe5}.has-event .pika-button{background:#005da9;box-shadow:inset 0 1px 3px #0076c9}.is-disabled .pika-button,.is-inrange .pika-button{background:#d5e9f7}.is-startrange .pika-button{color:#fff;box-shadow:none;background:#6cb31d;border-radius:3px}.is-endrange .pika-button{color:#fff;box-shadow:none;background:#3af;border-radius:3px}.is-disabled .pika-button{pointer-events:none;cursor:default;color:#999;opacity:.3}.is-outside-current-month .pika-button{color:#999;opacity:.3}.is-selection-disabled{pointer-events:none;cursor:default}.pika-button:hover,.pika-row.pick-whole-week:hover .pika-button{color:#fff;box-shadow:none;background:#ff8000;border-radius:3px}.pika-table abbr{cursor:help;border-bottom:none}
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--bb-color-red-50:oklch(97.1% .013 17.38);--bb-color-red-100:oklch(93.6% .032 17.717);--bb-color-red-200:oklch(88.5% .062 18.334);--bb-color-red-300:oklch(80.8% .114 19.571);--bb-color-red-400:oklch(70.4% .191 22.216);--bb-color-red-500:oklch(63.7% .237 25.331);--bb-color-red-600:oklch(57.7% .245 27.325);--bb-color-red-700:oklch(50.5% .213 27.518);--bb-color-red-800:oklch(44.4% .177 26.899);--bb-color-yellow-50:oklch(98.7% .026 102.212);--bb-color-yellow-100:oklch(97.3% .071 103.193);--bb-color-yellow-200:oklch(94.5% .129 101.54);--bb-color-yellow-300:oklch(90.5% .182 98.111);--bb-color-yellow-400:oklch(85.2% .199 91.936);--bb-color-yellow-500:oklch(79.5% .184 86.047);--bb-color-yellow-600:oklch(68.1% .162 75.834);--bb-color-yellow-700:oklch(55.4% .135 66.442);--bb-color-yellow-800:oklch(47.6% .114 61.907);--bb-color-green-100:oklch(96.2% .044 156.743);--bb-color-green-200:oklch(92.5% .084 155.995);--bb-color-green-300:oklch(87.1% .15 154.449);--bb-color-green-500:oklch(72.3% .219 149.579);--bb-color-green-600:oklch(62.7% .194 149.214);--bb-color-green-800:oklch(44.8% .119 151.328);--bb-color-indigo-100:oklch(93% .034 272.788);--bb-color-indigo-200:oklch(87% .065 274.039);--bb-color-indigo-300:oklch(78.5% .115 274.713);--bb-color-indigo-400:oklch(67.3% .182 276.935);--bb-color-indigo-500:oklch(58.5% .233 277.117);--bb-color-indigo-600:oklch(51.1% .262 276.966);--bb-color-indigo-700:oklch(45.7% .24 277.023);--bb-color-indigo-800:oklch(39.8% .195 277.366);--bb-color-purple-100:oklch(94.6% .033 307.174);--bb-color-purple-200:oklch(90.2% .063 306.703);--bb-color-purple-300:oklch(82.7% .119 306.383);--bb-color-purple-500:oklch(62.7% .265 303.9);--bb-color-purple-600:oklch(55.8% .288 302.321);--bb-color-purple-800:oklch(43.8% .218 303.724);--bb-color-gray-50:oklch(98.5% .002 247.839);--bb-color-gray-100:oklch(96.7% .003 264.542);--bb-color-gray-200:oklch(92.8% .006 264.531);--bb-color-gray-300:oklch(87.2% .01 258.338);--bb-color-gray-400:oklch(70.7% .022 261.325);--bb-color-gray-500:oklch(55.1% .027 264.364);--bb-color-gray-600:oklch(44.6% .03 256.802);--bb-color-gray-700:oklch(37.3% .034 259.733);--bb-color-gray-800:oklch(27.8% .033 256.848);--bb-color-gray-900:oklch(21% .034 264.665);--bb-color-black:#000;--bb-color-white:#fff;--bb-spacing:.25rem;--bb-container-sm:24rem;--bb-container-lg:32rem;--bb-container-xl:36rem;--bb-container-4xl:56rem;--bb-container-7xl:80rem;--bb-text-xs:.75rem;--bb-text-xs--line-height:calc(1 / .75);--bb-text-sm:.875rem;--bb-text-sm--line-height:calc(1.25 / .875);--bb-text-lg:1.125rem;--bb-text-lg--line-height:calc(1.75 / 1.125);--bb-text-4xl:2.25rem;--bb-text-4xl--line-height:calc(2.5 / 2.25);--bb-font-weight-medium:500;--bb-tracking-wider:.05em;--bb-leading-tight:1.25;--bb-radius-md:.375rem;--bb-radius-lg:.5rem;--bb-ease-in:cubic-bezier(.4, 0, 1, 1);--bb-ease-out:cubic-bezier(0, 0, .2, 1);--bb-ease-in-out:cubic-bezier(.4, 0, .2, 1);--bb-animate-spin:spin 1s linear infinite;--bb-animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--bb-default-transition-duration:.15s;--bb-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--bb-container-phone:calc(19ch + 16px)}}@layer base;@layer components{.bb-dashboard-ui,.bb-dashboard-ui *,.bb-dashboard-ui :before,.bb-dashboard-ui :after{box-sizing:border-box;border:0 solid;margin:0;padding:0}.bb-dashboard-ui button,.bb-dashboard-ui input,button.bb-dashboard-ui{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.bb-dashboard-ui button,button.bb-dashboard-ui{appearance:button}.bb-dashboard-ui a,a.bb-dashboard-ui{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.bb-dashboard-ui input{appearance:none}.bb-dashboard-ui input:focus{box-shadow:none}.bb-dashboard-ui ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){.bb-dashboard-ui ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}.bb-dashboard-ui ::placeholder{opacity:1}}@layer utilities{.bb\:pointer-events-auto{pointer-events:auto}.bb\:pointer-events-none{pointer-events:none}.bb\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bb\:absolute{position:absolute}.bb\:fixed{position:fixed}.bb\:relative{position:relative}.bb\:inset-0{inset:0}.bb\:inset-auto{inset:auto}.bb\:inset-y-0{inset-block:0}.bb\:top-0{top:0}.bb\:right-0{right:0}.bb\:left-0{left:0}.bb\:z-10{z-index:10}.bb\:z-20{z-index:20}.bb\:m-0{margin:0}.bb\:mx-1{margin-inline:var(--bb-spacing)}.bb\:mx-auto{margin-inline:auto}.bb\:my-4{margin-block:calc(var(--bb-spacing) * 4)}.bb\:my-6{margin-block:calc(var(--bb-spacing) * 6)}.bb\:my-8{margin-block:calc(var(--bb-spacing) * 8)}.bb\:-mt-px{margin-top:-1px}.bb\:mt-1{margin-top:var(--bb-spacing)}.bb\:mt-2{margin-top:calc(var(--bb-spacing) * 2)}.bb\:mt-4{margin-top:calc(var(--bb-spacing) * 4)}.bb\:mt-6{margin-top:calc(var(--bb-spacing) * 6)}.bb\:mr-3{margin-right:calc(var(--bb-spacing) * 3)}.bb\:mr-4{margin-right:calc(var(--bb-spacing) * 4)}.bb\:-ml-px{margin-left:-1px}.bb\:ml-1{margin-left:var(--bb-spacing)}.bb\:ml-3{margin-left:calc(var(--bb-spacing) * 3)}.bb\:ml-4{margin-left:calc(var(--bb-spacing) * 4)}.bb\:box-border{box-sizing:border-box}.bb\:block{display:block}.bb\:flex{display:flex}.bb\:inline-block{display:inline-block}.bb\:inline-flex{display:inline-flex}.bb\:h-2{height:calc(var(--bb-spacing) * 2)}.bb\:h-4{height:calc(var(--bb-spacing) * 4)}.bb\:h-5{height:calc(var(--bb-spacing) * 5)}.bb\:h-6{height:calc(var(--bb-spacing) * 6)}.bb\:h-7{height:calc(var(--bb-spacing) * 7)}.bb\:h-8{height:calc(var(--bb-spacing) * 8)}.bb\:h-9{height:calc(var(--bb-spacing) * 9)}.bb\:h-10{height:calc(var(--bb-spacing) * 10)}.bb\:h-full{height:100%}.bb\:h-screen{height:100vh}.bb\:min-h-screen{min-height:100vh}.bb\:w-0{width:0}.bb\:w-1{width:var(--bb-spacing)}.bb\:w-2{width:calc(var(--bb-spacing) * 2)}.bb\:w-4{width:calc(var(--bb-spacing) * 4)}.bb\:w-5{width:calc(var(--bb-spacing) * 5)}.bb\:w-6{width:calc(var(--bb-spacing) * 6)}.bb\:w-7{width:calc(var(--bb-spacing) * 7)}.bb\:w-8{width:calc(var(--bb-spacing) * 8)}.bb\:w-9{width:calc(var(--bb-spacing) * 9)}.bb\:w-10{width:calc(var(--bb-spacing) * 10)}.bb\:w-56{width:calc(var(--bb-spacing) * 56)}.bb\:w-72{width:calc(var(--bb-spacing) * 72)}.bb\:w-full{width:100%}.bb\:w-phone{width:var(--bb-container-phone)}.bb\:w-px{width:1px}.bb\:max-w-4xl{max-width:var(--bb-container-4xl)}.bb\:max-w-7xl{max-width:var(--bb-container-7xl)}.bb\:max-w-lg{max-width:var(--bb-container-lg)}.bb\:max-w-sm{max-width:var(--bb-container-sm)}.bb\:max-w-xl{max-width:var(--bb-container-xl)}.bb\:min-w-24{min-width:calc(var(--bb-spacing) * 24)}.bb\:min-w-36{min-width:calc(var(--bb-spacing) * 36)}.bb\:min-w-72{min-width:calc(var(--bb-spacing) * 72)}.bb\:min-w-full{min-width:100%}.bb\:flex-1{flex:1}.bb\:flex-none{flex:none}.bb\:shrink-0{flex-shrink:0}.bb\:grow{flex-grow:1}.bb\:border-collapse{border-collapse:collapse}.bb\:origin-center{transform-origin:50%}.bb\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.bb\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.bb\:animate-\[spin_12s_linear_infinite\]{animation:12s linear infinite spin}.bb\:animate-pulse{animation:var(--bb-animate-pulse)}.bb\:animate-spin{animation:var(--bb-animate-spin)}.bb\:cursor-default{cursor:default}.bb\:cursor-not-allowed{cursor:not-allowed}.bb\:cursor-pointer{cursor:pointer}.bb\:flex-col{flex-direction:column}.bb\:flex-row-reverse{flex-direction:row-reverse}.bb\:items-center{align-items:center}.bb\:items-start{align-items:flex-start}.bb\:justify-between{justify-content:space-between}.bb\:justify-center{justify-content:center}.bb\:justify-end{justify-content:flex-end}:where(.bb\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--bb-spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--bb-spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}:where(.bb\:space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--bb-spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--bb-spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}:where(.bb\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.bb\:divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.bb\:divide-dashed>:not(:last-child)){--tw-border-style:dashed;border-style:dashed}:where(.bb\:divide-gray-200>:not(:last-child)){border-color:var(--bb-color-gray-200)}.bb\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bb\:overflow-hidden{overflow:hidden}.bb\:overflow-visible{overflow:visible}.bb\:overflow-x-auto{overflow-x:auto}.bb\:overflow-y-auto{overflow-y:auto}.bb\:overscroll-contain{overscroll-behavior:contain}.bb\:rounded-full{border-radius:2147483647px}.bb\:rounded-lg{border-radius:var(--bb-radius-lg)}.bb\:rounded-md{border-radius:var(--bb-radius-md)}.bb\:rounded-t-lg{border-top-left-radius:var(--bb-radius-lg);border-top-right-radius:var(--bb-radius-lg)}.bb\:rounded-l-md{border-top-left-radius:var(--bb-radius-md);border-bottom-left-radius:var(--bb-radius-md)}.bb\:rounded-r-md{border-top-right-radius:var(--bb-radius-md);border-bottom-right-radius:var(--bb-radius-md)}.bb\:rounded-b-lg{border-bottom-right-radius:var(--bb-radius-lg);border-bottom-left-radius:var(--bb-radius-lg)}.bb\:border{border-style:var(--tw-border-style);border-width:1px}.bb\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.bb\:border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.bb\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.bb\:border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.bb\:border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.bb\:border-none{--tw-border-style:none;border-style:none}.bb\:border-gray-200{border-color:var(--bb-color-gray-200)}.bb\:border-gray-300{border-color:var(--bb-color-gray-300)}.bb\:border-green-300{border-color:var(--bb-color-green-300)}.bb\:border-indigo-300{border-color:var(--bb-color-indigo-300)}.bb\:border-indigo-400{border-color:var(--bb-color-indigo-400)}.bb\:border-purple-300{border-color:var(--bb-color-purple-300)}.bb\:border-red-300{border-color:var(--bb-color-red-300)}.bb\:border-red-400{border-color:var(--bb-color-red-400)}.bb\:border-transparent{border-color:#0000}.bb\:border-white{border-color:var(--bb-color-white)}.bb\:border-yellow-300{border-color:var(--bb-color-yellow-300)}.bb\:border-yellow-400{border-color:var(--bb-color-yellow-400)}.bb\:bg-current{background-color:currentColor}.bb\:bg-gray-50{background-color:var(--bb-color-gray-50)}.bb\:bg-gray-100{background-color:var(--bb-color-gray-100)}.bb\:bg-gray-500{background-color:var(--bb-color-gray-500)}.bb\:bg-green-100{background-color:var(--bb-color-green-100)}.bb\:bg-indigo-100{background-color:var(--bb-color-indigo-100)}.bb\:bg-purple-100{background-color:var(--bb-color-purple-100)}.bb\:bg-red-50{background-color:var(--bb-color-red-50)}.bb\:bg-red-100{background-color:var(--bb-color-red-100)}.bb\:bg-red-600{background-color:var(--bb-color-red-600)}.bb\:bg-transparent{background-color:#0000}.bb\:bg-white{background-color:var(--bb-color-white)}.bb\:bg-yellow-50{background-color:var(--bb-color-yellow-50)}.bb\:bg-yellow-100{background-color:var(--bb-color-yellow-100)}.bb\:bg-yellow-400{background-color:var(--bb-color-yellow-400)}.bb\:fill-current{fill:currentColor}.bb\:stroke-current{stroke:currentColor}.bb\:p-2{padding:calc(var(--bb-spacing) * 2)}.bb\:p-3{padding:calc(var(--bb-spacing) * 3)}.bb\:p-4{padding:calc(var(--bb-spacing) * 4)}.bb\:p-6{padding:calc(var(--bb-spacing) * 6)}.bb\:px-1{padding-inline:var(--bb-spacing)}.bb\:px-2{padding-inline:calc(var(--bb-spacing) * 2)}.bb\:px-3{padding-inline:calc(var(--bb-spacing) * 3)}.bb\:px-4{padding-inline:calc(var(--bb-spacing) * 4)}.bb\:px-6{padding-inline:calc(var(--bb-spacing) * 6)}.bb\:py-1{padding-block:var(--bb-spacing)}.bb\:py-1\.5{padding-block:calc(var(--bb-spacing) * 1.5)}.bb\:py-2{padding-block:calc(var(--bb-spacing) * 2)}.bb\:py-3{padding-block:calc(var(--bb-spacing) * 3)}.bb\:py-4{padding-block:calc(var(--bb-spacing) * 4)}.bb\:pt-0\.5{padding-top:calc(var(--bb-spacing) * .5)}.bb\:pt-1{padding-top:var(--bb-spacing)}.bb\:pt-4{padding-top:calc(var(--bb-spacing) * 4)}.bb\:pr-1{padding-right:var(--bb-spacing)}.bb\:pr-2{padding-right:calc(var(--bb-spacing) * 2)}.bb\:pr-3{padding-right:calc(var(--bb-spacing) * 3)}.bb\:pr-6{padding-right:calc(var(--bb-spacing) * 6)}.bb\:pr-12{padding-right:calc(var(--bb-spacing) * 12)}.bb\:pb-4{padding-bottom:calc(var(--bb-spacing) * 4)}.bb\:pl-1{padding-left:var(--bb-spacing)}.bb\:pl-3{padding-left:calc(var(--bb-spacing) * 3)}.bb\:text-center{text-align:center}.bb\:text-left{text-align:left}.bb\:text-right{text-align:right}.bb\:align-middle{vertical-align:middle}.bb\:align-top{vertical-align:top}.bb\:text-4xl{font-size:var(--bb-text-4xl);line-height:var(--tw-leading,var(--bb-text-4xl--line-height))}.bb\:text-lg{font-size:var(--bb-text-lg);line-height:var(--tw-leading,var(--bb-text-lg--line-height))}.bb\:text-sm{font-size:var(--bb-text-sm);line-height:var(--tw-leading,var(--bb-text-sm--line-height))}.bb\:text-xs{font-size:var(--bb-text-xs);line-height:var(--tw-leading,var(--bb-text-xs--line-height))}.bb\:leading-4{--tw-leading:calc(var(--bb-spacing) * 4);line-height:calc(var(--bb-spacing) * 4)}.bb\:leading-5{--tw-leading:calc(var(--bb-spacing) * 5);line-height:calc(var(--bb-spacing) * 5)}.bb\:leading-6{--tw-leading:calc(var(--bb-spacing) * 6);line-height:calc(var(--bb-spacing) * 6)}.bb\:leading-none{--tw-leading:1;line-height:1}.bb\:leading-tight{--tw-leading:var(--bb-leading-tight);line-height:var(--bb-leading-tight)}.bb\:font-medium{--tw-font-weight:var(--bb-font-weight-medium);font-weight:var(--bb-font-weight-medium)}.bb\:tracking-wider{--tw-tracking:var(--bb-tracking-wider);letter-spacing:var(--bb-tracking-wider)}.bb\:break-words{overflow-wrap:break-word}.bb\:whitespace-normal{white-space:normal}.bb\:whitespace-nowrap{white-space:nowrap}.bb\:text-gray-400{color:var(--bb-color-gray-400)}.bb\:text-gray-500{color:var(--bb-color-gray-500)}.bb\:text-gray-600{color:var(--bb-color-gray-600)}.bb\:text-gray-700{color:var(--bb-color-gray-700)}.bb\:text-gray-800{color:var(--bb-color-gray-800)}.bb\:text-gray-900{color:var(--bb-color-gray-900)}.bb\:text-green-300{color:var(--bb-color-green-300)}.bb\:text-green-500{color:var(--bb-color-green-500)}.bb\:text-green-600{color:var(--bb-color-green-600)}.bb\:text-green-800{color:var(--bb-color-green-800)}.bb\:text-indigo-500{color:var(--bb-color-indigo-500)}.bb\:text-indigo-800{color:var(--bb-color-indigo-800)}.bb\:text-inherit{color:inherit}.bb\:text-purple-500{color:var(--bb-color-purple-500)}.bb\:text-purple-800{color:var(--bb-color-purple-800)}.bb\:text-red-400{color:var(--bb-color-red-400)}.bb\:text-red-500{color:var(--bb-color-red-500)}.bb\:text-red-600{color:var(--bb-color-red-600)}.bb\:text-red-700{color:var(--bb-color-red-700)}.bb\:text-red-800{color:var(--bb-color-red-800)}.bb\:text-white{color:var(--bb-color-white)}.bb\:text-yellow-400{color:var(--bb-color-yellow-400)}.bb\:text-yellow-500{color:var(--bb-color-yellow-500)}.bb\:text-yellow-700{color:var(--bb-color-yellow-700)}.bb\:text-yellow-800{color:var(--bb-color-yellow-800)}.bb\:uppercase{text-transform:uppercase}.bb\:placeholder-gray-300::placeholder{color:var(--bb-color-gray-300)}.bb\:opacity-0{opacity:0}.bb\:opacity-60{opacity:.6}.bb\:opacity-75{opacity:.75}.bb\:opacity-100{opacity:1}.bb\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.bb\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.bb\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.bb\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.bb\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.bb\:ring-black\/5{--tw-ring-color:var(--bb-color-black)}@supports (color:color-mix(in lab, red, red)){.bb\:ring-black\/5{--tw-ring-color:color-mix(in oklab, var(--bb-color-black) 5%, transparent)}}.bb\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--bb-default-transition-timing-function));transition-duration:var(--tw-duration,var(--bb-default-transition-duration))}.bb\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--bb-default-transition-timing-function));transition-duration:var(--tw-duration,var(--bb-default-transition-duration))}.bb\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--bb-default-transition-timing-function));transition-duration:var(--tw-duration,var(--bb-default-transition-duration))}.bb\:duration-150{--tw-duration:.15s;transition-duration:.15s}.bb\:duration-200{--tw-duration:.2s;transition-duration:.2s}.bb\:duration-300{--tw-duration:.3s;transition-duration:.3s}.bb\:ease-in{--tw-ease:var(--bb-ease-in);transition-timing-function:var(--bb-ease-in)}.bb\:ease-in-out{--tw-ease:var(--bb-ease-in-out);transition-timing-function:var(--bb-ease-in-out)}.bb\:ease-out{--tw-ease:var(--bb-ease-out);transition-timing-function:var(--bb-ease-out)}.bb\:select-none{-webkit-user-select:none;user-select:none}.bb\:select-text{-webkit-user-select:text;user-select:text}.bb\:\[--bb-closer-space\:0px\]{--bb-closer-space:0px}.bb\:\[--bb-closer-space\:3\.5rem\]{--bb-closer-space:3.5rem}.bb\:placeholder\:text-sm::placeholder{font-size:var(--bb-text-sm);line-height:var(--tw-leading,var(--bb-text-sm--line-height))}.bb\:even\:bg-gray-50:nth-child(2n){background-color:var(--bb-color-gray-50)}@media (hover:hover){.bb\:hover\:border-gray-300:hover{border-color:var(--bb-color-gray-300)}.bb\:hover\:border-indigo-700:hover{border-color:var(--bb-color-indigo-700)}.bb\:hover\:bg-gray-50:hover{background-color:var(--bb-color-gray-50)}.bb\:hover\:bg-gray-100:hover{background-color:var(--bb-color-gray-100)}.bb\:hover\:bg-gray-200:hover{background-color:var(--bb-color-gray-200)}.bb\:hover\:bg-green-200:hover{background-color:var(--bb-color-green-200)}.bb\:hover\:bg-indigo-200:hover{background-color:var(--bb-color-indigo-200)}.bb\:hover\:bg-purple-200:hover{background-color:var(--bb-color-purple-200)}.bb\:hover\:bg-red-200:hover{background-color:var(--bb-color-red-200)}.bb\:hover\:bg-red-700:hover{background-color:var(--bb-color-red-700)}.bb\:hover\:bg-yellow-200:hover{background-color:var(--bb-color-yellow-200)}.bb\:hover\:bg-yellow-500:hover{background-color:var(--bb-color-yellow-500)}.bb\:hover\:text-gray-500:hover{color:var(--bb-color-gray-500)}.bb\:hover\:text-gray-600:hover{color:var(--bb-color-gray-600)}.bb\:hover\:text-gray-700:hover{color:var(--bb-color-gray-700)}.bb\:hover\:text-green-600:hover{color:var(--bb-color-green-600)}.bb\:hover\:text-indigo-600:hover{color:var(--bb-color-indigo-600)}.bb\:hover\:text-purple-600:hover{color:var(--bb-color-purple-600)}.bb\:hover\:text-red-600:hover{color:var(--bb-color-red-600)}.bb\:hover\:text-yellow-600:hover{color:var(--bb-color-yellow-600)}}.bb\:focus\:z-10:focus{z-index:10}.bb\:focus\:border-gray-300:focus{border-color:var(--bb-color-gray-300)}.bb\:focus\:border-indigo-500:focus{border-color:var(--bb-color-indigo-500)}.bb\:focus\:border-indigo-700:focus{border-color:var(--bb-color-indigo-700)}.bb\:focus\:bg-gray-100:focus{background-color:var(--bb-color-gray-100)}.bb\:focus\:bg-green-100:focus{background-color:var(--bb-color-green-100)}.bb\:focus\:bg-indigo-100:focus{background-color:var(--bb-color-indigo-100)}.bb\:focus\:bg-purple-100:focus{background-color:var(--bb-color-purple-100)}.bb\:focus\:bg-red-100:focus{background-color:var(--bb-color-red-100)}.bb\:focus\:bg-yellow-100:focus{background-color:var(--bb-color-yellow-100)}.bb\:focus\:text-gray-500:focus{color:var(--bb-color-gray-500)}.bb\:focus\:text-gray-700:focus{color:var(--bb-color-gray-700)}.bb\:focus\:text-gray-900:focus{color:var(--bb-color-gray-900)}.bb\:focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.bb\:focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.bb\:focus\:ring-indigo-500:focus{--tw-ring-color:var(--bb-color-indigo-500)}.bb\:focus\:ring-red-500:focus{--tw-ring-color:var(--bb-color-red-500)}.bb\:focus\:ring-yellow-300:focus{--tw-ring-color:var(--bb-color-yellow-300)}.bb\:focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.bb\:focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.bb\:focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.bb\:focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.bb\:focus-visible\:ring-indigo-500:focus-visible{--tw-ring-color:var(--bb-color-indigo-500)}@media (prefers-reduced-motion:reduce){.bb\:motion-reduce\:animate-none{animation:none}}@media (width>=48rem){.bb\:md\:right-auto{right:auto}.bb\:md\:left-full{left:100%}.bb\:md\:mr-0{margin-right:0}.bb\:md\:ml-4{margin-left:calc(var(--bb-spacing) * 4)}.bb\:md\:\[--bb-closer-space\:0px\]{--bb-closer-space:0px}}@media (width>=64rem){.bb\:lg\:right-auto{right:auto}.bb\:lg\:left-full{left:100%}.bb\:lg\:mr-0{margin-right:0}.bb\:lg\:ml-4{margin-left:calc(var(--bb-spacing) * 4)}.bb\:lg\:\[--bb-closer-space\:0px\]{--bb-closer-space:0px}}@media (width>=96rem){.bb\:2xl\:right-auto{right:auto}.bb\:2xl\:left-full{left:100%}.bb\:2xl\:mr-0{margin-right:0}.bb\:2xl\:ml-4{margin-left:calc(var(--bb-spacing) * 4)}.bb\:2xl\:\[--bb-closer-space\:0px\]{--bb-closer-space:0px}}}.bb-dashboard-ui .pika-single{border:0}.bb-dashboard-ui .pika-button:focus{color:#fff;box-shadow:none;background:#ff8000;border-radius:3px}.bb-dashboard-ui .pika-prev:focus,.bb-dashboard-ui .pika-next:focus{opacity:1;border-radius:3px;outline:2px solid #ff8000}.bb-dashboard-ui .pika-label:has(.pika-select:focus-visible){border-radius:3px;outline:2px solid #ff8000}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.pika-single{z-index:9999;color:#333;background:#fff;border:1px solid #ccc;border-bottom-color:#bbb;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:block;position:relative}.pika-single:before,.pika-single:after{content:" ";display:table}.pika-single:after{clear:both}.pika-single.is-hidden{display:none}.pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px #00000080}.pika-lendar{float:left;width:240px;margin:8px}.pika-title{text-align:center;position:relative}.pika-label{z-index:9999;background-color:#fff;margin:0;padding:5px 3px;font-size:14px;font-weight:700;line-height:20px;display:inline-block;position:relative;overflow:hidden}.pika-title select{cursor:pointer;z-index:9998;opacity:0;margin:0;position:absolute;top:5px;left:0}.pika-prev,.pika-next{cursor:pointer;text-indent:20px;white-space:nowrap;opacity:.5;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:75% 75%;border:0;outline:none;width:20px;height:30px;padding:0;display:block;position:relative;overflow:hidden}.pika-prev:hover,.pika-next:hover{opacity:1}.pika-prev,.is-rtl .pika-next{float:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==)}.pika-next,.is-rtl .pika-prev{float:right;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=)}.pika-prev.is-disabled,.pika-next.is-disabled{cursor:default;opacity:.2}.pika-select{display:inline-block}.pika-table{border-collapse:collapse;border-spacing:0;border:0;width:100%}.pika-table th,.pika-table td{width:14.2857%;padding:0}.pika-table th{color:#999;text-align:center;font-size:12px;font-weight:700;line-height:25px}.pika-button{cursor:pointer;box-sizing:border-box;color:#666;text-align:right;width:100%;height:initial;background:#f5f5f5;border:0;outline:none;margin:0;padding:5px;font-size:12px;line-height:15px;display:block}.pika-week{color:#999;font-size:11px}.is-today .pika-button{color:#3af;font-weight:700}.is-selected .pika-button,.has-event .pika-button{color:#fff;background:#3af;border-radius:3px;font-weight:700;box-shadow:inset 0 1px 3px #178fe5}.has-event .pika-button{background:#005da9;box-shadow:inset 0 1px 3px #0076c9}.is-disabled .pika-button,.is-inrange .pika-button{background:#d5e9f7}.is-startrange .pika-button{color:#fff;box-shadow:none;background:#6cb31d;border-radius:3px}.is-endrange .pika-button{color:#fff;box-shadow:none;background:#3af;border-radius:3px}.is-disabled .pika-button{pointer-events:none;cursor:default;color:#999;opacity:.3}.is-outside-current-month .pika-button{color:#999;opacity:.3}.is-selection-disabled{pointer-events:none;cursor:default}.pika-button:hover,.pika-row.pick-whole-week:hover .pika-button{color:#fff;box-shadow:none;background:#ff8000;border-radius:3px}.pika-table abbr{cursor:help;border-bottom:none}
|
|
2
2
|
/*$vite$:1*/
|