beesoft-components 0.2.17 → 0.2.18

package/build/index.cjs.js

@@ -24980,7 +24980,7 @@ function OverlayPanel(_a) {
         }
         return (jsxRuntime.jsx(BeeSoftTransition, __assign({ start: visibility, timeout: transitionDuration, showTransitionOptions: showTransitionOptions, hideTransitionOptions: hideTransitionOptions, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: unmountWhenHidden }, { children: function (_a) {
                 var state = _a.state, defaultStyle = _a.defaultStyle, transitionStyles = _a.transitionStyles;
-                return (jsxRuntime.jsx("div", __assign({ className: "bsc-fixed bsc-bg-white dark:bsc-bg-gray-900 bsc-border bsc-border-solid dark:bsc-text-white dark:bsc-border-white bsc-shadow", style: __assign(__assign(__assign({}, baseStyles), defaultStyle), transitionStyles[state]), ref: function (element) { return element && onMarkupCreated(element); } }, { children: children }), void 0));
+                return (jsxRuntime.jsx("div", __assign({ className: "bsc-absolute bsc-bg-white dark:bsc-bg-gray-900 bsc-border bsc-border-solid dark:bsc-text-white dark:bsc-border-white bsc-shadow", style: __assign(__assign(__assign({}, baseStyles), defaultStyle), transitionStyles[state]), ref: function (element) { return element && onMarkupCreated(element); } }, { children: children }), void 0));
             } }), void 0));
     };
     return ReactDOM__default['default'].createPortal(createElement(), appendTo);
@@ -25550,32 +25550,6 @@ var ContentEditableInput$1 = React.forwardRef(ContentEditableInput);
 
 var DateTimeContext = React.createContext(undefined);
 
-function useKeyDown(keyCode) {
-    var _a = React.useState(false), keyDown = _a[0], setKeyDown = _a[1];
-    var keyCodes = typeof keyCode === 'string' ? [keyCode] : keyCode;
-    var downHandler = function (_a) {
-        var key = _a.key;
-        if (keyCodes.includes(key)) {
-            setKeyDown(true);
-        }
-    };
-    var upHandler = function (_a) {
-        var key = _a.key;
-        if (keyCodes.includes(key)) {
-            setKeyDown(false);
-        }
-    };
-    React.useEffect(function () {
-        window.addEventListener('keydown', downHandler);
-        window.addEventListener('keyup', upHandler);
-        return function () {
-            window.removeEventListener('keydown', downHandler);
-            window.removeEventListener('keyup', upHandler);
-        };
-    }, []);
-    return keyDown;
-}
-
 function getMonthMatrix(matrixDate, locale, loadOtherMonths) {
     var _a, _b;
     if (loadOtherMonths === void 0) { loadOtherMonths = true; }
@@ -25627,13 +25601,19 @@ function createDefaultMatrix(rows, columns, defaultValue) {
     for (var row = 0, length_2 = rows; row < length_2; row++) {
         var colArray = [];
         for (var col = 0, colLength = columns; col < colLength; col++) {
-            var clonedValue = __assign({}, defaultValue);
+            var clonedValue = valueIsPrimitive(defaultValue)
+                ? defaultValue
+                : __assign({}, defaultValue);
             colArray.push(clonedValue);
         }
         rowArray.push(colArray);
     }
     return rowArray;
 }
+function valueIsPrimitive(value) {
+    var valueType = typeof value;
+    return valueType === 'string' || valueType === 'number' || valueType === 'boolean' || value instanceof Date;
+}
 function getTranslatedDays(locale) {
     var _a;
     var startDate = nextDay(new Date(), ((_a = locale.options) === null || _a === void 0 ? void 0 : _a.weekStartsOn) || 0);
@@ -25844,7 +25824,6 @@ function DateTimeCalendar(_a) {
     var _f = React.useState(), currentSelectedDate = _f[0], setCurrentSelectedDate = _f[1];
     var _g = React.useState(), selectedStartComparison = _g[0], setSelectedStartComparison = _g[1];
     var _h = React.useState(), selectedEndComparison = _h[0], setSelectedEndComparison = _h[1];
-    useKeyDown(['Meta', 'Control']);
     var context = React.useContext(DateTimeContext);
     var viewTemplate = context.calendarTemplate;
     var loadLocaleObject = function () { return __awaiter(_this, void 0, void 0, function () {
@@ -26053,7 +26032,7 @@ function DateTimeDaySelector(_a) {
 }
 
 function DateTimeMonthSelector(_a) {
-    var viewDate = _a.viewDate, locale = _a.locale, dispatcher = _a.dispatcher;
+    var viewDate = _a.viewDate, locale = _a.locale, _b = _a.dateSelection, dateSelection = _b === void 0 ? DateSelectionType.DateTime : _b, dispatcher = _a.dispatcher;
     var monthMatrix = React.useRef(getTranslatedMonthMatrix(locale));
     var movePreviousYear = function () {
         var previousYear = subYears(viewDate, 1);
@@ -26071,7 +26050,9 @@ function DateTimeMonthSelector(_a) {
     };
     var onMonthClicked = function (monthNumber) {
         dispatcher({
-            type: DateTimeActionType.DaySelector,
+            type: dateSelection !== DateSelectionType.DateRange
+                ? DateTimeActionType.DaySelector
+                : DateTimeActionType.DateRangeSelector,
             viewDate: setMonth(viewDate, monthNumber),
         });
     };
@@ -26108,10 +26089,17 @@ function DateTimeRangeSelector(_a) {
             });
         }
     };
+    var onMonthsClicked = function () {
+        dispatcher({
+            type: DateTimeActionType.MonthSelector,
+        });
+    };
     var getSelectorTitle = function () {
-        return viewDate.toLocaleDateString(locale.code, { month: 'long' }) + " - " + nextMonth.toLocaleDateString(locale.code, {
+        return viewDate.toLocaleDateString(locale.code, { month: 'long' }) + " " + viewDate.toLocaleDateString(locale.code, {
+            year: 'numeric',
+        }) + " - " + nextMonth.toLocaleDateString(locale.code, {
             month: 'long',
-        });
+        }) + " " + nextMonth.toLocaleDateString(locale.code, { year: 'numeric' });
     };
     var movePreviousMonth = function () {
         if (viewDate) {
@@ -26129,7 +26117,7 @@ function DateTimeRangeSelector(_a) {
             });
         }
     };
-    return (jsxRuntime.jsxs("div", __assign({ className: "bsc-flex bsc-flex-col bc-dt-range-selector" }, { children: [jsxRuntime.jsx("div", __assign({ className: "bsc-flex-shrink bc-dt-range-scroller-wrapper" }, { children: jsxRuntime.jsx(DateTimeScroller, { title: getSelectorTitle(), scrollerType: DateScrollerType.Range, onMovePrevious: movePreviousMonth, onMoveNext: moveNextMonth }, void 0) }), void 0),
+    return (jsxRuntime.jsxs("div", __assign({ className: "bsc-flex bsc-flex-col bc-dt-range-selector" }, { children: [jsxRuntime.jsx("div", __assign({ className: "bsc-flex-shrink bc-dt-range-scroller-wrapper" }, { children: jsxRuntime.jsx(DateTimeScroller, { title: getSelectorTitle(), scrollerType: DateScrollerType.Range, onTitleClicked: onMonthsClicked, onMovePrevious: movePreviousMonth, onMoveNext: moveNextMonth }, void 0) }), void 0),
             jsxRuntime.jsx("div", __assign({ className: "bsc-flex-grow" }, { children: jsxRuntime.jsxs("div", __assign({ className: "bsc-flex bsc-flex-row bsc-py-1 bsc-px-2 bc-dt-range-wrapper" }, { children: [jsxRuntime.jsx("div", __assign({ className: "bsc-border-r bsc-border-solid bsc-border-gray-400 bsc-pr-4 bc-dt-range-calendar-1" }, { children: jsxRuntime.jsx(DateTimeCalendar, { viewDate: viewDate, selectedStartDate: selectedStartDate, selectedEndDate: selectedEndDate, selectionMode: CalendarSelectionMode.Range, onDateSelected: onDateSelected, locale: locale, dispatcher: dispatcher }, void 0) }), void 0),
                         jsxRuntime.jsx("div", __assign({ className: "bsc-pl-4 bc-dt-range-calendar-2" }, { children: jsxRuntime.jsx(DateTimeCalendar, { viewDate: nextMonth, selectedStartDate: selectedStartDate, selectedEndDate: selectedEndDate, selectionMode: CalendarSelectionMode.Range, onDateSelected: onDateSelected, locale: locale, dispatcher: dispatcher }, void 0) }), void 0)] }), void 0) }), void 0)] }), void 0));
 }
@@ -26240,7 +26228,9 @@ function DateTimeYearSelector(_a) {
     var getCurrentDecade = function () { return yearMatrix[0][0].toString() + " - " + yearMatrix[2][1].toString(); };
     return (jsxRuntime.jsxs("div", __assign({ className: "bc-dt-year-selector", style: { minWidth: '20rem' } }, { children: [jsxRuntime.jsx(DateTimeScroller, { title: getCurrentDecade(), scrollerType: DateScrollerType.Year, onMovePrevious: movePreviousDecade, onMoveNext: moveNextDecade }, void 0),
             jsxRuntime.jsx("div", __assign({ className: "bsc-w-full bc-dt-year-wrapper" }, { children: jsxRuntime.jsx("div", __assign({ className: "bsc-grid bsc-grid-cols-4 bsc-gap-4 bc-dt-year-grid" }, { children: yearMatrix.map(function (row, rIndex) {
-                        return row.map(function (column, cIndex) { return (jsxRuntime.jsx("div", __assign({ className: "bsc-text-center bsc-cursor-pointer bc-dt-year-cell", onClick: function () { return onYearClicked(column); } }, { children: column }), rIndex.toString() + cIndex.toString())); });
+                        return row.map(function (column, cIndex) {
+                            return column.length > 0 ? (jsxRuntime.jsx("div", __assign({ className: "bsc-text-center bsc-cursor-pointer bc-dt-year-cell", onClick: function () { return onYearClicked(column); } }, { children: column }), rIndex.toString() + cIndex.toString())) : (jsxRuntime.jsx("div", {}, rIndex.toString() + cIndex.toString()));
+                        });
                     }) }), void 0) }), void 0)] }), void 0));
 }
 
@@ -26344,7 +26334,11 @@ function DateTime(_a) {
             : defaultDate;
     };
     var initialState = {
-        currentSelector: dateSelection === DateSelectionType.TimeOnly ? DateTimeActionType.TimeSelector : DateTimeActionType.DaySelector,
+        currentSelector: dateSelection === DateSelectionType.TimeOnly
+            ? DateTimeActionType.TimeSelector
+            : dateSelection === DateSelectionType.DateTime || dateSelection === DateSelectionType.DateOnly
+                ? DateTimeActionType.DaySelector
+                : DateTimeActionType.DateRangeSelector,
         currentViewDate: new Date(),
         selectedDateChanged: false,
         dateInitialized: false,
@@ -26405,7 +26399,11 @@ function DateTime(_a) {
     var onDateTimeHidden = function () {
         setSelectorOpen(false);
         dispatcher({
-            type: dateSelection === DateSelectionType.TimeOnly ? DateTimeActionType.TimeSelector : DateTimeActionType.DaySelector,
+            type: dateSelection === DateSelectionType.TimeOnly
+                ? DateTimeActionType.TimeSelector
+                : dateSelection === DateSelectionType.DateTime || dateSelection === DateSelectionType.DateOnly
+                    ? DateTimeActionType.DaySelector
+                    : DateTimeActionType.DateRangeSelector,
         });
         if (onChange && dateSelection !== DateSelectionType.DateRange && state.selectedDate && state.selectedDateChanged) {
             onChange(state.selectedDate);
@@ -26483,7 +26481,9 @@ function DateTime(_a) {
                     : '';
         }
     };
-    var canShowDateSelectors = dateSelection === DateSelectionType.DateTime || dateSelection === DateSelectionType.DateOnly;
+    var canShowDateSelectors = dateSelection === DateSelectionType.DateTime ||
+        dateSelection === DateSelectionType.DateOnly ||
+        dateSelection === DateSelectionType.DateRange;
     var canShowTimeSelector = dateSelection === DateSelectionType.DateTime || dateSelection === DateSelectionType.TimeOnly;
     var inputProps = iconPosition === CalendarIconPosition.None
         ? {}
@@ -26524,7 +26524,7 @@ function DateTime(_a) {
                             state.currentSelector === DateTimeActionType.MonthSelector &&
                                 canShowDateSelectors &&
                                 state.dateInitialized &&
-                                loadedLocale.current && (jsxRuntime.jsx(DateTimeMonthSelector, { viewDate: state.currentViewDate, locale: loadedLocale.current, dispatcher: dispatcher }, void 0)),
+                                loadedLocale.current && (jsxRuntime.jsx(DateTimeMonthSelector, { viewDate: state.currentViewDate, locale: loadedLocale.current, dateSelection: dateSelection, dispatcher: dispatcher }, void 0)),
                             state.currentSelector === DateTimeActionType.YearSelector &&
                                 canShowDateSelectors &&
                                 state.dateInitialized &&
@@ -26533,7 +26533,10 @@ function DateTime(_a) {
                                 canShowTimeSelector &&
                                 state.dateInitialized &&
                                 loadedLocale.current && (jsxRuntime.jsx(DateTimeTimeSelector, { viewDate: state.currentViewDate, showDateSelector: dateSelection === DateSelectionType.DateTime, locale: loadedLocale.current, timeConstraints: timeConstraints, dispatcher: dispatcher }, void 0)),
-                            dateSelection === DateSelectionType.DateRange && state.dateInitialized && loadedLocale.current && (jsxRuntime.jsx(DateTimeRangeSelector, { viewDate: state.currentViewDate, selectedStartDate: state.selectedStartDate, selectedEndDate: state.selectedEndDate, locale: loadedLocale.current, dispatcher: dispatcher }, void 0))] }, void 0) }), void 0)] }), void 0) }), void 0));
+                            state.currentSelector === DateTimeActionType.DateRangeSelector &&
+                                canShowDateSelectors &&
+                                state.dateInitialized &&
+                                loadedLocale.current && (jsxRuntime.jsx(DateTimeRangeSelector, { viewDate: state.currentViewDate, selectedStartDate: state.selectedStartDate, selectedEndDate: state.selectedEndDate, locale: loadedLocale.current, dispatcher: dispatcher }, void 0))] }, void 0) }), void 0)] }), void 0) }), void 0));
 }
 
 function styleInject(css, ref) {
@@ -26563,7 +26566,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "/*! tailwindcss v2.1.2 | MIT License | https://tailwindcss.com */\n\n/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n/*\nDocument\n========\n*/\n\n/**\nUse a better box model (opinionated).\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\n\n/**\nUse a more readable tab size (opinionated).\n*/\n\nhtml {\n  -moz-tab-size: 4;\n  tab-size: 4;\n}\n\n/**\n1. Correct the line height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n*/\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/*\nSections\n========\n*/\n\n/**\nRemove the margin in all browsers.\n*/\n\nbody {\n  margin: 0;\n}\n\n/**\nImprove consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n*/\n\nbody {\n  font-family:\n\t\tsystem-ui,\n\t\t-apple-system, /* Firefox supports this but not yet `system-ui` */\n\t\t'Segoe UI',\n\t\tRoboto,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\t'Apple Color Emoji',\n\t\t'Segoe UI Emoji';\n}\n\n/*\nGrouping content\n================\n*/\n\n/**\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n}\n\n/*\nText-level semantics\n====================\n*/\n\n/**\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr[title] {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/**\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n2. Correct the odd 'em' font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family:\n\t\tui-monospace,\n\t\tSFMono-Regular,\n\t\tConsolas,\n\t\t'Liberation Mono',\n\t\tMenlo,\n\t\tmonospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/**\nPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\nTabular data\n============\n*/\n\n/**\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n}\n\n/*\nForms\n=====\n*/\n\n/**\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\nRemove the inheritance of text transform in Edge and Firefox.\n1. Remove the inheritance of text transform in Firefox.\n*/\n\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\nCorrect the inability to style clickable types in iOS and Safari.\n*/\n\nbutton,\n[type='button'] {\n  -webkit-appearance: button;\n}\n\n/**\nRemove the inner border and padding in Firefox.\n*/\n\n/**\nRestore the focus styles unset by the previous rule.\n*/\n\n/**\nRemove the additional ':invalid' styles in Firefox.\nSee: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737\n*/\n\n/**\nRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n*/\n\nlegend {\n  padding: 0;\n}\n\n/**\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n/**\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n/**\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n/**\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to 'inherit' in Safari.\n*/\n\n/*\nInteractive\n===========\n*/\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/**\n * Manually forked from SUIT CSS Base: https://github.com/suitcss/base\n * A thin layer on top of normalize.css that provides a starting point more\n * suitable for web applications.\n */\n\n/**\n * Removes the default spacing and border for appropriate elements.\n */\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nbutton {\n  background-color: transparent;\n  background-image: none;\n}\n\n/**\n * Work around a Firefox/IE bug where the transparent `button` background\n * results in a loss of the default `button` focus styles.\n */\n\nbutton:focus {\n  outline: 1px dotted;\n  outline: 5px auto -webkit-focus-ring-color;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nol,\nul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/**\n * Tailwind custom reset styles\n */\n\n/**\n * 1. Use the user's configured `sans` font-family (with Tailwind's default\n *    sans-serif font stack as a fallback) as a sane default.\n * 2. Use Tailwind's default \"normal\" line-height so the user isn't forced\n *    to override it to ensure consistency even when using the default theme.\n */\n\nhtml {\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 1 */\n  line-height: 1.5; /* 2 */\n}\n\n/**\n * Inherit font-family and line-height from `html` so users can set them as\n * a class directly on the `html` element.\n */\n\nbody {\n  font-family: inherit;\n  line-height: inherit;\n}\n\n/**\n * 1. Prevent padding and border from affecting element width.\n *\n *    We used to set this in the html element and inherit from\n *    the parent element for everything else. This caused issues\n *    in shadow-dom-enhanced elements like <details> where the content\n *    is wrapped by a div with box-sizing set to `content-box`.\n *\n *    https://github.com/mozdevs/cssremedy/issues/4\n *\n *\n * 2. Allow adding a border to an element by just adding a border-width.\n *\n *    By default, the way the browser specifies that an element should have no\n *    border is by setting it's border-style to `none` in the user-agent\n *    stylesheet.\n *\n *    In order to easily add borders to elements by just setting the `border-width`\n *    property, we change the default border-style for all elements to `solid`, and\n *    use border-width to hide them instead. This way our `border` utilities only\n *    need to set the `border-width` property instead of the entire `border`\n *    shorthand, making our border utilities much more straightforward to compose.\n *\n *    https://github.com/tailwindcss/tailwindcss/pull/116\n */\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n/*\n * Ensure horizontal rules are visible by default\n */\n\nhr {\n  border-top-width: 1px;\n}\n\n/**\n * Undo the `border-style: none` reset that Normalize applies to images so that\n * our `border-{width}` utilities have the expected effect.\n *\n * The Normalize reset is unnecessary for us since we default the border-width\n * to 0 on all elements.\n *\n * https://github.com/tailwindcss/tailwindcss/issues/362\n */\n\nimg {\n  border-style: solid;\n}\n\ntextarea {\n  resize: vertical;\n}\n\ninput::-webkit-input-placeholder, textarea::-webkit-input-placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\n\ninput:-ms-input-placeholder, textarea:-ms-input-placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\n\nbutton {\n  cursor: pointer;\n}\n\ntable {\n  border-collapse: collapse;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/**\n * Reset links to optimize for opt-in styling instead of\n * opt-out.\n */\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/**\n * Reset form element properties that are easy to forget to\n * style explicitly so you don't inadvertently introduce\n * styles that deviate from your design system. These styles\n * supplement a partial reset that is already applied by\n * normalize.css.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  padding: 0;\n  line-height: inherit;\n  color: inherit;\n}\n\n/**\n * Use the configured 'mono' font family for elements that\n * are expected to be rendered with a monospace font, falling\n * back to the system monospace stack if there is no configured\n * 'mono' font family.\n */\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n/**\n * Make replaced elements `display: block` by default as that's\n * the behavior you want almost all of the time. Inspired by\n * CSS Remedy, with `svg` added as well.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block;\n  vertical-align: middle;\n}\n\n/**\n * Constrain images and videos to the parent width and preserve\n * their intrinsic aspect ratio.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n.bsc-bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));\n}\n\n.bsc-bg-gray-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n\n.bsc-bg-gray-900 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));\n}\n\n.bsc-bg-red-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));\n}\n\n.bsc-bg-green-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(209, 250, 229, var(--tw-bg-opacity));\n}\n\n.bsc-bg-blue-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));\n}\n\n.bsc-bg-blue-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));\n}\n\n.hover\\:bsc-bg-gray-300:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));\n}\n\n.bsc-dark .dark\\:bsc-bg-black {\n  --tw-bg-opacity: 1;\n  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));\n}\n\n.bsc-dark .dark\\:bsc-bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));\n}\n\n.bsc-dark .dark\\:bsc-bg-gray-900 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));\n}\n\n.bsc-dark .dark\\:hover\\:bsc-bg-white:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));\n}\n\n.bsc-border-transparent {\n  border-color: transparent;\n}\n\n.bsc-border-black {\n  --tw-border-opacity: 1;\n  border-color: rgba(0, 0, 0, var(--tw-border-opacity));\n}\n\n.bsc-border-gray-300 {\n  --tw-border-opacity: 1;\n  border-color: rgba(209, 213, 219, var(--tw-border-opacity));\n}\n\n.bsc-border-gray-400 {\n  --tw-border-opacity: 1;\n  border-color: rgba(156, 163, 175, var(--tw-border-opacity));\n}\n\n.bsc-border-gray-500 {\n  --tw-border-opacity: 1;\n  border-color: rgba(107, 114, 128, var(--tw-border-opacity));\n}\n\n.bsc-dark .dark\\:bsc-border-white {\n  --tw-border-opacity: 1;\n  border-color: rgba(255, 255, 255, var(--tw-border-opacity));\n}\n\n.bsc-rounded-md {\n  border-radius: 0.375rem;\n}\n\n.bsc-rounded-full {\n  border-radius: 9999px;\n}\n\n.bsc-border-solid {\n  border-style: solid;\n}\n\n.bsc-border-none {\n  border-style: none;\n}\n\n.bsc-border {\n  border-width: 1px;\n}\n\n.bsc-border-r {\n  border-right-width: 1px;\n}\n\n.bsc-cursor-pointer {\n  cursor: pointer;\n}\n\n.bsc-cursor-not-allowed {\n  cursor: not-allowed;\n}\n\n.bsc-flex {\n  display: flex;\n}\n\n.bsc-grid {\n  display: grid;\n}\n\n.bsc-flex-row {\n  flex-direction: row;\n}\n\n.bsc-flex-col {\n  flex-direction: column;\n}\n\n.bsc-justify-center {\n  justify-content: center;\n}\n\n.bsc-flex-grow {\n  flex-grow: 1;\n}\n\n.bsc-flex-shrink {\n  flex-shrink: 1;\n}\n\n.bsc-font-bold {\n  font-weight: 700;\n}\n\n.bsc-text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n\n.bsc-mr-2 {\n  margin-right: 0.5rem;\n}\n\n.bsc-ml-2 {\n  margin-left: 0.5rem;\n}\n\n.focus\\:bsc-outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.bsc-overflow-hidden {\n  overflow: hidden;\n}\n\n.bsc-overflow-scroll {\n  overflow: scroll;\n}\n\n.bsc-overflow-x-auto {\n  overflow-x: auto;\n}\n\n.bsc-overflow-y-hidden {\n  overflow-y: hidden;\n}\n\n.bsc-p-2 {\n  padding: 0.5rem;\n}\n\n.bsc-p-4 {\n  padding: 1rem;\n}\n\n.bsc-py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n\n.bsc-px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n\n.bsc-pr-4 {\n  padding-right: 1rem;\n}\n\n.bsc-pl-4 {\n  padding-left: 1rem;\n}\n\n.bsc-pb-8 {\n  padding-bottom: 2rem;\n}\n\n.bsc-fixed {\n  position: fixed;\n}\n\n* {\n  --tw-shadow: 0 0 #0000;\n}\n\n.bsc-shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.bsc-shadow {\n  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n* {\n  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgba(59, 130, 246, 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n}\n\n.bsc-text-left {\n  text-align: left;\n}\n\n.bsc-text-center {\n  text-align: center;\n}\n\n.bsc-text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n.bsc-text-red-300 {\n  --tw-text-opacity: 1;\n  color: rgba(252, 165, 165, var(--tw-text-opacity));\n}\n\n.bsc-dark .dark\\:bsc-text-black {\n  --tw-text-opacity: 1;\n  color: rgba(0, 0, 0, var(--tw-text-opacity));\n}\n\n.bsc-dark .dark\\:bsc-text-white {\n  --tw-text-opacity: 1;\n  color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n\n.bsc-dark .dark\\:hover\\:bsc-text-black:hover {\n  --tw-text-opacity: 1;\n  color: rgba(0, 0, 0, var(--tw-text-opacity));\n}\n\n.bsc-whitespace-pre {\n  white-space: pre;\n}\n\n.bsc-w-24 {\n  width: 6rem;\n}\n\n.bsc-w-full {\n  width: 100%;\n}\n\n.bsc-gap-3 {\n  gap: 0.75rem;\n}\n\n.bsc-gap-4 {\n  gap: 1rem;\n}\n\n.bsc-grid-cols-4 {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.bsc-grid-cols-7 {\n  grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n\n.bsc-col-span-4 {\n  grid-column: span 4 / span 4;\n}\n\n@-webkit-keyframes bsc-spin {\n  to {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n@keyframes bsc-spin {\n  to {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n@-webkit-keyframes bsc-ping {\n  75%, 100% {\n    -webkit-transform: scale(2);\n            transform: scale(2);\n    opacity: 0;\n  }\n}\n\n@keyframes bsc-ping {\n  75%, 100% {\n    -webkit-transform: scale(2);\n            transform: scale(2);\n    opacity: 0;\n  }\n}\n\n@-webkit-keyframes bsc-pulse {\n  50% {\n    opacity: .5;\n  }\n}\n\n@keyframes bsc-pulse {\n  50% {\n    opacity: .5;\n  }\n}\n\n@-webkit-keyframes bsc-bounce {\n  0%, 100% {\n    -webkit-transform: translateY(-25%);\n            transform: translateY(-25%);\n    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n            animation-timing-function: cubic-bezier(0.8,0,1,1);\n  }\n\n  50% {\n    -webkit-transform: none;\n            transform: none;\n    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n            animation-timing-function: cubic-bezier(0,0,0.2,1);\n  }\n}\n\n@keyframes bsc-bounce {\n  0%, 100% {\n    -webkit-transform: translateY(-25%);\n            transform: translateY(-25%);\n    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n            animation-timing-function: cubic-bezier(0.8,0,1,1);\n  }\n\n  50% {\n    -webkit-transform: none;\n            transform: none;\n    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n            animation-timing-function: cubic-bezier(0,0,0.2,1);\n  }\n}\n\nbody {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n    monospace;\n}\n\n@media (min-width: 640px) {\n}\n\n@media (min-width: 768px) {\n}\n\n@media (min-width: 1024px) {\n}\n\n@media (min-width: 1280px) {\n}\n\n@media (min-width: 1536px) {\n}\n";
+var css_248z = "/*! tailwindcss v2.1.2 | MIT License | https://tailwindcss.com */\n\n/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n/*\nDocument\n========\n*/\n\n/**\nUse a better box model (opinionated).\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\n\n/**\nUse a more readable tab size (opinionated).\n*/\n\nhtml {\n  -moz-tab-size: 4;\n  tab-size: 4;\n}\n\n/**\n1. Correct the line height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n*/\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/*\nSections\n========\n*/\n\n/**\nRemove the margin in all browsers.\n*/\n\nbody {\n  margin: 0;\n}\n\n/**\nImprove consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n*/\n\nbody {\n  font-family:\n\t\tsystem-ui,\n\t\t-apple-system, /* Firefox supports this but not yet `system-ui` */\n\t\t'Segoe UI',\n\t\tRoboto,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\t'Apple Color Emoji',\n\t\t'Segoe UI Emoji';\n}\n\n/*\nGrouping content\n================\n*/\n\n/**\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n}\n\n/*\nText-level semantics\n====================\n*/\n\n/**\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr[title] {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/**\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n2. Correct the odd 'em' font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family:\n\t\tui-monospace,\n\t\tSFMono-Regular,\n\t\tConsolas,\n\t\t'Liberation Mono',\n\t\tMenlo,\n\t\tmonospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/**\nPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\nTabular data\n============\n*/\n\n/**\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n}\n\n/*\nForms\n=====\n*/\n\n/**\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\nRemove the inheritance of text transform in Edge and Firefox.\n1. Remove the inheritance of text transform in Firefox.\n*/\n\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\nCorrect the inability to style clickable types in iOS and Safari.\n*/\n\nbutton,\n[type='button'] {\n  -webkit-appearance: button;\n}\n\n/**\nRemove the inner border and padding in Firefox.\n*/\n\n/**\nRestore the focus styles unset by the previous rule.\n*/\n\n/**\nRemove the additional ':invalid' styles in Firefox.\nSee: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737\n*/\n\n/**\nRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n*/\n\nlegend {\n  padding: 0;\n}\n\n/**\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n/**\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n/**\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n/**\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to 'inherit' in Safari.\n*/\n\n/*\nInteractive\n===========\n*/\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/**\n * Manually forked from SUIT CSS Base: https://github.com/suitcss/base\n * A thin layer on top of normalize.css that provides a starting point more\n * suitable for web applications.\n */\n\n/**\n * Removes the default spacing and border for appropriate elements.\n */\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nbutton {\n  background-color: transparent;\n  background-image: none;\n}\n\n/**\n * Work around a Firefox/IE bug where the transparent `button` background\n * results in a loss of the default `button` focus styles.\n */\n\nbutton:focus {\n  outline: 1px dotted;\n  outline: 5px auto -webkit-focus-ring-color;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nol,\nul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/**\n * Tailwind custom reset styles\n */\n\n/**\n * 1. Use the user's configured `sans` font-family (with Tailwind's default\n *    sans-serif font stack as a fallback) as a sane default.\n * 2. Use Tailwind's default \"normal\" line-height so the user isn't forced\n *    to override it to ensure consistency even when using the default theme.\n */\n\nhtml {\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 1 */\n  line-height: 1.5; /* 2 */\n}\n\n/**\n * Inherit font-family and line-height from `html` so users can set them as\n * a class directly on the `html` element.\n */\n\nbody {\n  font-family: inherit;\n  line-height: inherit;\n}\n\n/**\n * 1. Prevent padding and border from affecting element width.\n *\n *    We used to set this in the html element and inherit from\n *    the parent element for everything else. This caused issues\n *    in shadow-dom-enhanced elements like <details> where the content\n *    is wrapped by a div with box-sizing set to `content-box`.\n *\n *    https://github.com/mozdevs/cssremedy/issues/4\n *\n *\n * 2. Allow adding a border to an element by just adding a border-width.\n *\n *    By default, the way the browser specifies that an element should have no\n *    border is by setting it's border-style to `none` in the user-agent\n *    stylesheet.\n *\n *    In order to easily add borders to elements by just setting the `border-width`\n *    property, we change the default border-style for all elements to `solid`, and\n *    use border-width to hide them instead. This way our `border` utilities only\n *    need to set the `border-width` property instead of the entire `border`\n *    shorthand, making our border utilities much more straightforward to compose.\n *\n *    https://github.com/tailwindcss/tailwindcss/pull/116\n */\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n/*\n * Ensure horizontal rules are visible by default\n */\n\nhr {\n  border-top-width: 1px;\n}\n\n/**\n * Undo the `border-style: none` reset that Normalize applies to images so that\n * our `border-{width}` utilities have the expected effect.\n *\n * The Normalize reset is unnecessary for us since we default the border-width\n * to 0 on all elements.\n *\n * https://github.com/tailwindcss/tailwindcss/issues/362\n */\n\nimg {\n  border-style: solid;\n}\n\ntextarea {\n  resize: vertical;\n}\n\ninput::-webkit-input-placeholder, textarea::-webkit-input-placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\n\ninput:-ms-input-placeholder, textarea:-ms-input-placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\n\nbutton {\n  cursor: pointer;\n}\n\ntable {\n  border-collapse: collapse;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/**\n * Reset links to optimize for opt-in styling instead of\n * opt-out.\n */\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/**\n * Reset form element properties that are easy to forget to\n * style explicitly so you don't inadvertently introduce\n * styles that deviate from your design system. These styles\n * supplement a partial reset that is already applied by\n * normalize.css.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  padding: 0;\n  line-height: inherit;\n  color: inherit;\n}\n\n/**\n * Use the configured 'mono' font family for elements that\n * are expected to be rendered with a monospace font, falling\n * back to the system monospace stack if there is no configured\n * 'mono' font family.\n */\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n/**\n * Make replaced elements `display: block` by default as that's\n * the behavior you want almost all of the time. Inspired by\n * CSS Remedy, with `svg` added as well.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block;\n  vertical-align: middle;\n}\n\n/**\n * Constrain images and videos to the parent width and preserve\n * their intrinsic aspect ratio.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n.bsc-bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));\n}\n\n.bsc-bg-gray-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n\n.bsc-bg-gray-900 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));\n}\n\n.bsc-bg-red-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));\n}\n\n.bsc-bg-green-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(209, 250, 229, var(--tw-bg-opacity));\n}\n\n.bsc-bg-blue-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));\n}\n\n.bsc-bg-blue-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));\n}\n\n.hover\\:bsc-bg-gray-300:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));\n}\n\n.bsc-dark .dark\\:bsc-bg-black {\n  --tw-bg-opacity: 1;\n  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));\n}\n\n.bsc-dark .dark\\:bsc-bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));\n}\n\n.bsc-dark .dark\\:bsc-bg-gray-900 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));\n}\n\n.bsc-dark .dark\\:hover\\:bsc-bg-white:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));\n}\n\n.bsc-border-transparent {\n  border-color: transparent;\n}\n\n.bsc-border-black {\n  --tw-border-opacity: 1;\n  border-color: rgba(0, 0, 0, var(--tw-border-opacity));\n}\n\n.bsc-border-gray-300 {\n  --tw-border-opacity: 1;\n  border-color: rgba(209, 213, 219, var(--tw-border-opacity));\n}\n\n.bsc-border-gray-400 {\n  --tw-border-opacity: 1;\n  border-color: rgba(156, 163, 175, var(--tw-border-opacity));\n}\n\n.bsc-border-gray-500 {\n  --tw-border-opacity: 1;\n  border-color: rgba(107, 114, 128, var(--tw-border-opacity));\n}\n\n.bsc-dark .dark\\:bsc-border-white {\n  --tw-border-opacity: 1;\n  border-color: rgba(255, 255, 255, var(--tw-border-opacity));\n}\n\n.bsc-rounded-md {\n  border-radius: 0.375rem;\n}\n\n.bsc-rounded-full {\n  border-radius: 9999px;\n}\n\n.bsc-border-solid {\n  border-style: solid;\n}\n\n.bsc-border-none {\n  border-style: none;\n}\n\n.bsc-border {\n  border-width: 1px;\n}\n\n.bsc-border-r {\n  border-right-width: 1px;\n}\n\n.bsc-cursor-pointer {\n  cursor: pointer;\n}\n\n.bsc-cursor-not-allowed {\n  cursor: not-allowed;\n}\n\n.bsc-flex {\n  display: flex;\n}\n\n.bsc-grid {\n  display: grid;\n}\n\n.bsc-flex-row {\n  flex-direction: row;\n}\n\n.bsc-flex-col {\n  flex-direction: column;\n}\n\n.bsc-justify-center {\n  justify-content: center;\n}\n\n.bsc-flex-grow {\n  flex-grow: 1;\n}\n\n.bsc-flex-shrink {\n  flex-shrink: 1;\n}\n\n.bsc-font-bold {\n  font-weight: 700;\n}\n\n.bsc-text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n\n.bsc-mr-2 {\n  margin-right: 0.5rem;\n}\n\n.bsc-ml-2 {\n  margin-left: 0.5rem;\n}\n\n.focus\\:bsc-outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.bsc-overflow-hidden {\n  overflow: hidden;\n}\n\n.bsc-overflow-scroll {\n  overflow: scroll;\n}\n\n.bsc-overflow-x-auto {\n  overflow-x: auto;\n}\n\n.bsc-overflow-y-hidden {\n  overflow-y: hidden;\n}\n\n.bsc-p-2 {\n  padding: 0.5rem;\n}\n\n.bsc-p-4 {\n  padding: 1rem;\n}\n\n.bsc-py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n\n.bsc-px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n\n.bsc-pr-4 {\n  padding-right: 1rem;\n}\n\n.bsc-pl-4 {\n  padding-left: 1rem;\n}\n\n.bsc-pb-8 {\n  padding-bottom: 2rem;\n}\n\n.bsc-absolute {\n  position: absolute;\n}\n\n* {\n  --tw-shadow: 0 0 #0000;\n}\n\n.bsc-shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.bsc-shadow {\n  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n* {\n  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgba(59, 130, 246, 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n}\n\n.bsc-text-left {\n  text-align: left;\n}\n\n.bsc-text-center {\n  text-align: center;\n}\n\n.bsc-text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n.bsc-text-red-300 {\n  --tw-text-opacity: 1;\n  color: rgba(252, 165, 165, var(--tw-text-opacity));\n}\n\n.bsc-dark .dark\\:bsc-text-black {\n  --tw-text-opacity: 1;\n  color: rgba(0, 0, 0, var(--tw-text-opacity));\n}\n\n.bsc-dark .dark\\:bsc-text-white {\n  --tw-text-opacity: 1;\n  color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n\n.bsc-dark .dark\\:hover\\:bsc-text-black:hover {\n  --tw-text-opacity: 1;\n  color: rgba(0, 0, 0, var(--tw-text-opacity));\n}\n\n.bsc-whitespace-pre {\n  white-space: pre;\n}\n\n.bsc-w-24 {\n  width: 6rem;\n}\n\n.bsc-w-full {\n  width: 100%;\n}\n\n.bsc-gap-3 {\n  gap: 0.75rem;\n}\n\n.bsc-gap-4 {\n  gap: 1rem;\n}\n\n.bsc-grid-cols-4 {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.bsc-grid-cols-7 {\n  grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n\n.bsc-col-span-4 {\n  grid-column: span 4 / span 4;\n}\n\n@-webkit-keyframes bsc-spin {\n  to {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n@keyframes bsc-spin {\n  to {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n@-webkit-keyframes bsc-ping {\n  75%, 100% {\n    -webkit-transform: scale(2);\n            transform: scale(2);\n    opacity: 0;\n  }\n}\n\n@keyframes bsc-ping {\n  75%, 100% {\n    -webkit-transform: scale(2);\n            transform: scale(2);\n    opacity: 0;\n  }\n}\n\n@-webkit-keyframes bsc-pulse {\n  50% {\n    opacity: .5;\n  }\n}\n\n@keyframes bsc-pulse {\n  50% {\n    opacity: .5;\n  }\n}\n\n@-webkit-keyframes bsc-bounce {\n  0%, 100% {\n    -webkit-transform: translateY(-25%);\n            transform: translateY(-25%);\n    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n            animation-timing-function: cubic-bezier(0.8,0,1,1);\n  }\n\n  50% {\n    -webkit-transform: none;\n            transform: none;\n    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n            animation-timing-function: cubic-bezier(0,0,0.2,1);\n  }\n}\n\n@keyframes bsc-bounce {\n  0%, 100% {\n    -webkit-transform: translateY(-25%);\n            transform: translateY(-25%);\n    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n            animation-timing-function: cubic-bezier(0.8,0,1,1);\n  }\n\n  50% {\n    -webkit-transform: none;\n            transform: none;\n    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n            animation-timing-function: cubic-bezier(0,0,0.2,1);\n  }\n}\n\nbody {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n    monospace;\n}\n\n@media (min-width: 640px) {\n}\n\n@media (min-width: 768px) {\n}\n\n@media (min-width: 1024px) {\n}\n\n@media (min-width: 1280px) {\n}\n\n@media (min-width: 1536px) {\n}\n";
 styleInject(css_248z);
 
 /*!

package/build/index.js

@@ -24951,7 +24951,7 @@ function OverlayPanel(_a) {
         }
         return (jsx(BeeSoftTransition, __assign({ start: visibility, timeout: transitionDuration, showTransitionOptions: showTransitionOptions, hideTransitionOptions: hideTransitionOptions, onEntering: onEntering, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: unmountWhenHidden }, { children: function (_a) {
                 var state = _a.state, defaultStyle = _a.defaultStyle, transitionStyles = _a.transitionStyles;
-                return (jsx("div", __assign({ className: "bsc-fixed bsc-bg-white dark:bsc-bg-gray-900 bsc-border bsc-border-solid dark:bsc-text-white dark:bsc-border-white bsc-shadow", style: __assign(__assign(__assign({}, baseStyles), defaultStyle), transitionStyles[state]), ref: function (element) { return element && onMarkupCreated(element); } }, { children: children }), void 0));
+                return (jsx("div", __assign({ className: "bsc-absolute bsc-bg-white dark:bsc-bg-gray-900 bsc-border bsc-border-solid dark:bsc-text-white dark:bsc-border-white bsc-shadow", style: __assign(__assign(__assign({}, baseStyles), defaultStyle), transitionStyles[state]), ref: function (element) { return element && onMarkupCreated(element); } }, { children: children }), void 0));
             } }), void 0));
     };
     return ReactDOM.createPortal(createElement(), appendTo);
@@ -25521,32 +25521,6 @@ var ContentEditableInput$1 = forwardRef(ContentEditableInput);
 
 var DateTimeContext = createContext(undefined);
 
-function useKeyDown(keyCode) {
-    var _a = useState(false), keyDown = _a[0], setKeyDown = _a[1];
-    var keyCodes = typeof keyCode === 'string' ? [keyCode] : keyCode;
-    var downHandler = function (_a) {
-        var key = _a.key;
-        if (keyCodes.includes(key)) {
-            setKeyDown(true);
-        }
-    };
-    var upHandler = function (_a) {
-        var key = _a.key;
-        if (keyCodes.includes(key)) {
-            setKeyDown(false);
-        }
-    };
-    useEffect(function () {
-        window.addEventListener('keydown', downHandler);
-        window.addEventListener('keyup', upHandler);
-        return function () {
-            window.removeEventListener('keydown', downHandler);
-            window.removeEventListener('keyup', upHandler);
-        };
-    }, []);
-    return keyDown;
-}
-
 function getMonthMatrix(matrixDate, locale, loadOtherMonths) {
     var _a, _b;
     if (loadOtherMonths === void 0) { loadOtherMonths = true; }
@@ -25598,13 +25572,19 @@ function createDefaultMatrix(rows, columns, defaultValue) {
     for (var row = 0, length_2 = rows; row < length_2; row++) {
         var colArray = [];
         for (var col = 0, colLength = columns; col < colLength; col++) {
-            var clonedValue = __assign({}, defaultValue);
+            var clonedValue = valueIsPrimitive(defaultValue)
+                ? defaultValue
+                : __assign({}, defaultValue);
             colArray.push(clonedValue);
         }
         rowArray.push(colArray);
     }
     return rowArray;
 }
+function valueIsPrimitive(value) {
+    var valueType = typeof value;
+    return valueType === 'string' || valueType === 'number' || valueType === 'boolean' || value instanceof Date;
+}
 function getTranslatedDays(locale) {
     var _a;
     var startDate = nextDay(new Date(), ((_a = locale.options) === null || _a === void 0 ? void 0 : _a.weekStartsOn) || 0);
@@ -25815,7 +25795,6 @@ function DateTimeCalendar(_a) {
     var _f = useState(), currentSelectedDate = _f[0], setCurrentSelectedDate = _f[1];
     var _g = useState(), selectedStartComparison = _g[0], setSelectedStartComparison = _g[1];
     var _h = useState(), selectedEndComparison = _h[0], setSelectedEndComparison = _h[1];
-    useKeyDown(['Meta', 'Control']);
     var context = useContext(DateTimeContext);
     var viewTemplate = context.calendarTemplate;
     var loadLocaleObject = function () { return __awaiter(_this, void 0, void 0, function () {
@@ -26024,7 +26003,7 @@ function DateTimeDaySelector(_a) {
 }
 
 function DateTimeMonthSelector(_a) {
-    var viewDate = _a.viewDate, locale = _a.locale, dispatcher = _a.dispatcher;
+    var viewDate = _a.viewDate, locale = _a.locale, _b = _a.dateSelection, dateSelection = _b === void 0 ? DateSelectionType.DateTime : _b, dispatcher = _a.dispatcher;
     var monthMatrix = useRef(getTranslatedMonthMatrix(locale));
     var movePreviousYear = function () {
         var previousYear = subYears(viewDate, 1);
@@ -26042,7 +26021,9 @@ function DateTimeMonthSelector(_a) {
     };
     var onMonthClicked = function (monthNumber) {
         dispatcher({
-            type: DateTimeActionType.DaySelector,
+            type: dateSelection !== DateSelectionType.DateRange
+                ? DateTimeActionType.DaySelector
+                : DateTimeActionType.DateRangeSelector,
             viewDate: setMonth(viewDate, monthNumber),
         });
     };
@@ -26079,10 +26060,17 @@ function DateTimeRangeSelector(_a) {
             });
         }
     };
+    var onMonthsClicked = function () {
+        dispatcher({
+            type: DateTimeActionType.MonthSelector,
+        });
+    };
     var getSelectorTitle = function () {
-        return viewDate.toLocaleDateString(locale.code, { month: 'long' }) + " - " + nextMonth.toLocaleDateString(locale.code, {
+        return viewDate.toLocaleDateString(locale.code, { month: 'long' }) + " " + viewDate.toLocaleDateString(locale.code, {
+            year: 'numeric',
+        }) + " - " + nextMonth.toLocaleDateString(locale.code, {
             month: 'long',
-        });
+        }) + " " + nextMonth.toLocaleDateString(locale.code, { year: 'numeric' });
     };
     var movePreviousMonth = function () {
         if (viewDate) {
@@ -26100,7 +26088,7 @@ function DateTimeRangeSelector(_a) {
             });
         }
     };
-    return (jsxs("div", __assign({ className: "bsc-flex bsc-flex-col bc-dt-range-selector" }, { children: [jsx("div", __assign({ className: "bsc-flex-shrink bc-dt-range-scroller-wrapper" }, { children: jsx(DateTimeScroller, { title: getSelectorTitle(), scrollerType: DateScrollerType.Range, onMovePrevious: movePreviousMonth, onMoveNext: moveNextMonth }, void 0) }), void 0),
+    return (jsxs("div", __assign({ className: "bsc-flex bsc-flex-col bc-dt-range-selector" }, { children: [jsx("div", __assign({ className: "bsc-flex-shrink bc-dt-range-scroller-wrapper" }, { children: jsx(DateTimeScroller, { title: getSelectorTitle(), scrollerType: DateScrollerType.Range, onTitleClicked: onMonthsClicked, onMovePrevious: movePreviousMonth, onMoveNext: moveNextMonth }, void 0) }), void 0),
             jsx("div", __assign({ className: "bsc-flex-grow" }, { children: jsxs("div", __assign({ className: "bsc-flex bsc-flex-row bsc-py-1 bsc-px-2 bc-dt-range-wrapper" }, { children: [jsx("div", __assign({ className: "bsc-border-r bsc-border-solid bsc-border-gray-400 bsc-pr-4 bc-dt-range-calendar-1" }, { children: jsx(DateTimeCalendar, { viewDate: viewDate, selectedStartDate: selectedStartDate, selectedEndDate: selectedEndDate, selectionMode: CalendarSelectionMode.Range, onDateSelected: onDateSelected, locale: locale, dispatcher: dispatcher }, void 0) }), void 0),
                         jsx("div", __assign({ className: "bsc-pl-4 bc-dt-range-calendar-2" }, { children: jsx(DateTimeCalendar, { viewDate: nextMonth, selectedStartDate: selectedStartDate, selectedEndDate: selectedEndDate, selectionMode: CalendarSelectionMode.Range, onDateSelected: onDateSelected, locale: locale, dispatcher: dispatcher }, void 0) }), void 0)] }), void 0) }), void 0)] }), void 0));
 }
@@ -26211,7 +26199,9 @@ function DateTimeYearSelector(_a) {
     var getCurrentDecade = function () { return yearMatrix[0][0].toString() + " - " + yearMatrix[2][1].toString(); };
     return (jsxs("div", __assign({ className: "bc-dt-year-selector", style: { minWidth: '20rem' } }, { children: [jsx(DateTimeScroller, { title: getCurrentDecade(), scrollerType: DateScrollerType.Year, onMovePrevious: movePreviousDecade, onMoveNext: moveNextDecade }, void 0),
             jsx("div", __assign({ className: "bsc-w-full bc-dt-year-wrapper" }, { children: jsx("div", __assign({ className: "bsc-grid bsc-grid-cols-4 bsc-gap-4 bc-dt-year-grid" }, { children: yearMatrix.map(function (row, rIndex) {
-                        return row.map(function (column, cIndex) { return (jsx("div", __assign({ className: "bsc-text-center bsc-cursor-pointer bc-dt-year-cell", onClick: function () { return onYearClicked(column); } }, { children: column }), rIndex.toString() + cIndex.toString())); });
+                        return row.map(function (column, cIndex) {
+                            return column.length > 0 ? (jsx("div", __assign({ className: "bsc-text-center bsc-cursor-pointer bc-dt-year-cell", onClick: function () { return onYearClicked(column); } }, { children: column }), rIndex.toString() + cIndex.toString())) : (jsx("div", {}, rIndex.toString() + cIndex.toString()));
+                        });
                     }) }), void 0) }), void 0)] }), void 0));
 }
 
@@ -26315,7 +26305,11 @@ function DateTime(_a) {
             : defaultDate;
     };
     var initialState = {
-        currentSelector: dateSelection === DateSelectionType.TimeOnly ? DateTimeActionType.TimeSelector : DateTimeActionType.DaySelector,
+        currentSelector: dateSelection === DateSelectionType.TimeOnly
+            ? DateTimeActionType.TimeSelector
+            : dateSelection === DateSelectionType.DateTime || dateSelection === DateSelectionType.DateOnly
+                ? DateTimeActionType.DaySelector
+                : DateTimeActionType.DateRangeSelector,
         currentViewDate: new Date(),
         selectedDateChanged: false,
         dateInitialized: false,
@@ -26376,7 +26370,11 @@ function DateTime(_a) {
     var onDateTimeHidden = function () {
         setSelectorOpen(false);
         dispatcher({
-            type: dateSelection === DateSelectionType.TimeOnly ? DateTimeActionType.TimeSelector : DateTimeActionType.DaySelector,
+            type: dateSelection === DateSelectionType.TimeOnly
+                ? DateTimeActionType.TimeSelector
+                : dateSelection === DateSelectionType.DateTime || dateSelection === DateSelectionType.DateOnly
+                    ? DateTimeActionType.DaySelector
+                    : DateTimeActionType.DateRangeSelector,
         });
         if (onChange && dateSelection !== DateSelectionType.DateRange && state.selectedDate && state.selectedDateChanged) {
             onChange(state.selectedDate);
@@ -26454,7 +26452,9 @@ function DateTime(_a) {
                     : '';
         }
     };
-    var canShowDateSelectors = dateSelection === DateSelectionType.DateTime || dateSelection === DateSelectionType.DateOnly;
+    var canShowDateSelectors = dateSelection === DateSelectionType.DateTime ||
+        dateSelection === DateSelectionType.DateOnly ||
+        dateSelection === DateSelectionType.DateRange;
     var canShowTimeSelector = dateSelection === DateSelectionType.DateTime || dateSelection === DateSelectionType.TimeOnly;
     var inputProps = iconPosition === CalendarIconPosition.None
         ? {}
@@ -26495,7 +26495,7 @@ function DateTime(_a) {
                             state.currentSelector === DateTimeActionType.MonthSelector &&
                                 canShowDateSelectors &&
                                 state.dateInitialized &&
-                                loadedLocale.current && (jsx(DateTimeMonthSelector, { viewDate: state.currentViewDate, locale: loadedLocale.current, dispatcher: dispatcher }, void 0)),
+                                loadedLocale.current && (jsx(DateTimeMonthSelector, { viewDate: state.currentViewDate, locale: loadedLocale.current, dateSelection: dateSelection, dispatcher: dispatcher }, void 0)),
                             state.currentSelector === DateTimeActionType.YearSelector &&
                                 canShowDateSelectors &&
                                 state.dateInitialized &&
@@ -26504,7 +26504,10 @@ function DateTime(_a) {
                                 canShowTimeSelector &&
                                 state.dateInitialized &&
                                 loadedLocale.current && (jsx(DateTimeTimeSelector, { viewDate: state.currentViewDate, showDateSelector: dateSelection === DateSelectionType.DateTime, locale: loadedLocale.current, timeConstraints: timeConstraints, dispatcher: dispatcher }, void 0)),
-                            dateSelection === DateSelectionType.DateRange && state.dateInitialized && loadedLocale.current && (jsx(DateTimeRangeSelector, { viewDate: state.currentViewDate, selectedStartDate: state.selectedStartDate, selectedEndDate: state.selectedEndDate, locale: loadedLocale.current, dispatcher: dispatcher }, void 0))] }, void 0) }), void 0)] }), void 0) }), void 0));
+                            state.currentSelector === DateTimeActionType.DateRangeSelector &&
+                                canShowDateSelectors &&
+                                state.dateInitialized &&
+                                loadedLocale.current && (jsx(DateTimeRangeSelector, { viewDate: state.currentViewDate, selectedStartDate: state.selectedStartDate, selectedEndDate: state.selectedEndDate, locale: loadedLocale.current, dispatcher: dispatcher }, void 0))] }, void 0) }), void 0)] }), void 0) }), void 0));
 }
 
 function styleInject(css, ref) {
@@ -26534,7 +26537,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "/*! tailwindcss v2.1.2 | MIT License | https://tailwindcss.com */\n\n/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n/*\nDocument\n========\n*/\n\n/**\nUse a better box model (opinionated).\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\n\n/**\nUse a more readable tab size (opinionated).\n*/\n\nhtml {\n  -moz-tab-size: 4;\n  tab-size: 4;\n}\n\n/**\n1. Correct the line height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n*/\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/*\nSections\n========\n*/\n\n/**\nRemove the margin in all browsers.\n*/\n\nbody {\n  margin: 0;\n}\n\n/**\nImprove consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n*/\n\nbody {\n  font-family:\n\t\tsystem-ui,\n\t\t-apple-system, /* Firefox supports this but not yet `system-ui` */\n\t\t'Segoe UI',\n\t\tRoboto,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\t'Apple Color Emoji',\n\t\t'Segoe UI Emoji';\n}\n\n/*\nGrouping content\n================\n*/\n\n/**\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n}\n\n/*\nText-level semantics\n====================\n*/\n\n/**\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr[title] {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/**\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n2. Correct the odd 'em' font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family:\n\t\tui-monospace,\n\t\tSFMono-Regular,\n\t\tConsolas,\n\t\t'Liberation Mono',\n\t\tMenlo,\n\t\tmonospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/**\nPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\nTabular data\n============\n*/\n\n/**\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n}\n\n/*\nForms\n=====\n*/\n\n/**\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\nRemove the inheritance of text transform in Edge and Firefox.\n1. Remove the inheritance of text transform in Firefox.\n*/\n\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\nCorrect the inability to style clickable types in iOS and Safari.\n*/\n\nbutton,\n[type='button'] {\n  -webkit-appearance: button;\n}\n\n/**\nRemove the inner border and padding in Firefox.\n*/\n\n/**\nRestore the focus styles unset by the previous rule.\n*/\n\n/**\nRemove the additional ':invalid' styles in Firefox.\nSee: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737\n*/\n\n/**\nRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n*/\n\nlegend {\n  padding: 0;\n}\n\n/**\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n/**\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n/**\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n/**\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to 'inherit' in Safari.\n*/\n\n/*\nInteractive\n===========\n*/\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/**\n * Manually forked from SUIT CSS Base: https://github.com/suitcss/base\n * A thin layer on top of normalize.css that provides a starting point more\n * suitable for web applications.\n */\n\n/**\n * Removes the default spacing and border for appropriate elements.\n */\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nbutton {\n  background-color: transparent;\n  background-image: none;\n}\n\n/**\n * Work around a Firefox/IE bug where the transparent `button` background\n * results in a loss of the default `button` focus styles.\n */\n\nbutton:focus {\n  outline: 1px dotted;\n  outline: 5px auto -webkit-focus-ring-color;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nol,\nul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/**\n * Tailwind custom reset styles\n */\n\n/**\n * 1. Use the user's configured `sans` font-family (with Tailwind's default\n *    sans-serif font stack as a fallback) as a sane default.\n * 2. Use Tailwind's default \"normal\" line-height so the user isn't forced\n *    to override it to ensure consistency even when using the default theme.\n */\n\nhtml {\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 1 */\n  line-height: 1.5; /* 2 */\n}\n\n/**\n * Inherit font-family and line-height from `html` so users can set them as\n * a class directly on the `html` element.\n */\n\nbody {\n  font-family: inherit;\n  line-height: inherit;\n}\n\n/**\n * 1. Prevent padding and border from affecting element width.\n *\n *    We used to set this in the html element and inherit from\n *    the parent element for everything else. This caused issues\n *    in shadow-dom-enhanced elements like <details> where the content\n *    is wrapped by a div with box-sizing set to `content-box`.\n *\n *    https://github.com/mozdevs/cssremedy/issues/4\n *\n *\n * 2. Allow adding a border to an element by just adding a border-width.\n *\n *    By default, the way the browser specifies that an element should have no\n *    border is by setting it's border-style to `none` in the user-agent\n *    stylesheet.\n *\n *    In order to easily add borders to elements by just setting the `border-width`\n *    property, we change the default border-style for all elements to `solid`, and\n *    use border-width to hide them instead. This way our `border` utilities only\n *    need to set the `border-width` property instead of the entire `border`\n *    shorthand, making our border utilities much more straightforward to compose.\n *\n *    https://github.com/tailwindcss/tailwindcss/pull/116\n */\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n/*\n * Ensure horizontal rules are visible by default\n */\n\nhr {\n  border-top-width: 1px;\n}\n\n/**\n * Undo the `border-style: none` reset that Normalize applies to images so that\n * our `border-{width}` utilities have the expected effect.\n *\n * The Normalize reset is unnecessary for us since we default the border-width\n * to 0 on all elements.\n *\n * https://github.com/tailwindcss/tailwindcss/issues/362\n */\n\nimg {\n  border-style: solid;\n}\n\ntextarea {\n  resize: vertical;\n}\n\ninput::-webkit-input-placeholder, textarea::-webkit-input-placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\n\ninput:-ms-input-placeholder, textarea:-ms-input-placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\n\nbutton {\n  cursor: pointer;\n}\n\ntable {\n  border-collapse: collapse;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/**\n * Reset links to optimize for opt-in styling instead of\n * opt-out.\n */\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/**\n * Reset form element properties that are easy to forget to\n * style explicitly so you don't inadvertently introduce\n * styles that deviate from your design system. These styles\n * supplement a partial reset that is already applied by\n * normalize.css.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  padding: 0;\n  line-height: inherit;\n  color: inherit;\n}\n\n/**\n * Use the configured 'mono' font family for elements that\n * are expected to be rendered with a monospace font, falling\n * back to the system monospace stack if there is no configured\n * 'mono' font family.\n */\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n/**\n * Make replaced elements `display: block` by default as that's\n * the behavior you want almost all of the time. Inspired by\n * CSS Remedy, with `svg` added as well.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block;\n  vertical-align: middle;\n}\n\n/**\n * Constrain images and videos to the parent width and preserve\n * their intrinsic aspect ratio.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n.bsc-bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));\n}\n\n.bsc-bg-gray-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n\n.bsc-bg-gray-900 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));\n}\n\n.bsc-bg-red-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));\n}\n\n.bsc-bg-green-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(209, 250, 229, var(--tw-bg-opacity));\n}\n\n.bsc-bg-blue-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));\n}\n\n.bsc-bg-blue-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));\n}\n\n.hover\\:bsc-bg-gray-300:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));\n}\n\n.bsc-dark .dark\\:bsc-bg-black {\n  --tw-bg-opacity: 1;\n  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));\n}\n\n.bsc-dark .dark\\:bsc-bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));\n}\n\n.bsc-dark .dark\\:bsc-bg-gray-900 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));\n}\n\n.bsc-dark .dark\\:hover\\:bsc-bg-white:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));\n}\n\n.bsc-border-transparent {\n  border-color: transparent;\n}\n\n.bsc-border-black {\n  --tw-border-opacity: 1;\n  border-color: rgba(0, 0, 0, var(--tw-border-opacity));\n}\n\n.bsc-border-gray-300 {\n  --tw-border-opacity: 1;\n  border-color: rgba(209, 213, 219, var(--tw-border-opacity));\n}\n\n.bsc-border-gray-400 {\n  --tw-border-opacity: 1;\n  border-color: rgba(156, 163, 175, var(--tw-border-opacity));\n}\n\n.bsc-border-gray-500 {\n  --tw-border-opacity: 1;\n  border-color: rgba(107, 114, 128, var(--tw-border-opacity));\n}\n\n.bsc-dark .dark\\:bsc-border-white {\n  --tw-border-opacity: 1;\n  border-color: rgba(255, 255, 255, var(--tw-border-opacity));\n}\n\n.bsc-rounded-md {\n  border-radius: 0.375rem;\n}\n\n.bsc-rounded-full {\n  border-radius: 9999px;\n}\n\n.bsc-border-solid {\n  border-style: solid;\n}\n\n.bsc-border-none {\n  border-style: none;\n}\n\n.bsc-border {\n  border-width: 1px;\n}\n\n.bsc-border-r {\n  border-right-width: 1px;\n}\n\n.bsc-cursor-pointer {\n  cursor: pointer;\n}\n\n.bsc-cursor-not-allowed {\n  cursor: not-allowed;\n}\n\n.bsc-flex {\n  display: flex;\n}\n\n.bsc-grid {\n  display: grid;\n}\n\n.bsc-flex-row {\n  flex-direction: row;\n}\n\n.bsc-flex-col {\n  flex-direction: column;\n}\n\n.bsc-justify-center {\n  justify-content: center;\n}\n\n.bsc-flex-grow {\n  flex-grow: 1;\n}\n\n.bsc-flex-shrink {\n  flex-shrink: 1;\n}\n\n.bsc-font-bold {\n  font-weight: 700;\n}\n\n.bsc-text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n\n.bsc-mr-2 {\n  margin-right: 0.5rem;\n}\n\n.bsc-ml-2 {\n  margin-left: 0.5rem;\n}\n\n.focus\\:bsc-outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.bsc-overflow-hidden {\n  overflow: hidden;\n}\n\n.bsc-overflow-scroll {\n  overflow: scroll;\n}\n\n.bsc-overflow-x-auto {\n  overflow-x: auto;\n}\n\n.bsc-overflow-y-hidden {\n  overflow-y: hidden;\n}\n\n.bsc-p-2 {\n  padding: 0.5rem;\n}\n\n.bsc-p-4 {\n  padding: 1rem;\n}\n\n.bsc-py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n\n.bsc-px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n\n.bsc-pr-4 {\n  padding-right: 1rem;\n}\n\n.bsc-pl-4 {\n  padding-left: 1rem;\n}\n\n.bsc-pb-8 {\n  padding-bottom: 2rem;\n}\n\n.bsc-fixed {\n  position: fixed;\n}\n\n* {\n  --tw-shadow: 0 0 #0000;\n}\n\n.bsc-shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.bsc-shadow {\n  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n* {\n  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgba(59, 130, 246, 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n}\n\n.bsc-text-left {\n  text-align: left;\n}\n\n.bsc-text-center {\n  text-align: center;\n}\n\n.bsc-text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n.bsc-text-red-300 {\n  --tw-text-opacity: 1;\n  color: rgba(252, 165, 165, var(--tw-text-opacity));\n}\n\n.bsc-dark .dark\\:bsc-text-black {\n  --tw-text-opacity: 1;\n  color: rgba(0, 0, 0, var(--tw-text-opacity));\n}\n\n.bsc-dark .dark\\:bsc-text-white {\n  --tw-text-opacity: 1;\n  color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n\n.bsc-dark .dark\\:hover\\:bsc-text-black:hover {\n  --tw-text-opacity: 1;\n  color: rgba(0, 0, 0, var(--tw-text-opacity));\n}\n\n.bsc-whitespace-pre {\n  white-space: pre;\n}\n\n.bsc-w-24 {\n  width: 6rem;\n}\n\n.bsc-w-full {\n  width: 100%;\n}\n\n.bsc-gap-3 {\n  gap: 0.75rem;\n}\n\n.bsc-gap-4 {\n  gap: 1rem;\n}\n\n.bsc-grid-cols-4 {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.bsc-grid-cols-7 {\n  grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n\n.bsc-col-span-4 {\n  grid-column: span 4 / span 4;\n}\n\n@-webkit-keyframes bsc-spin {\n  to {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n@keyframes bsc-spin {\n  to {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n@-webkit-keyframes bsc-ping {\n  75%, 100% {\n    -webkit-transform: scale(2);\n            transform: scale(2);\n    opacity: 0;\n  }\n}\n\n@keyframes bsc-ping {\n  75%, 100% {\n    -webkit-transform: scale(2);\n            transform: scale(2);\n    opacity: 0;\n  }\n}\n\n@-webkit-keyframes bsc-pulse {\n  50% {\n    opacity: .5;\n  }\n}\n\n@keyframes bsc-pulse {\n  50% {\n    opacity: .5;\n  }\n}\n\n@-webkit-keyframes bsc-bounce {\n  0%, 100% {\n    -webkit-transform: translateY(-25%);\n            transform: translateY(-25%);\n    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n            animation-timing-function: cubic-bezier(0.8,0,1,1);\n  }\n\n  50% {\n    -webkit-transform: none;\n            transform: none;\n    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n            animation-timing-function: cubic-bezier(0,0,0.2,1);\n  }\n}\n\n@keyframes bsc-bounce {\n  0%, 100% {\n    -webkit-transform: translateY(-25%);\n            transform: translateY(-25%);\n    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n            animation-timing-function: cubic-bezier(0.8,0,1,1);\n  }\n\n  50% {\n    -webkit-transform: none;\n            transform: none;\n    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n            animation-timing-function: cubic-bezier(0,0,0.2,1);\n  }\n}\n\nbody {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n    monospace;\n}\n\n@media (min-width: 640px) {\n}\n\n@media (min-width: 768px) {\n}\n\n@media (min-width: 1024px) {\n}\n\n@media (min-width: 1280px) {\n}\n\n@media (min-width: 1536px) {\n}\n";
+var css_248z = "/*! tailwindcss v2.1.2 | MIT License | https://tailwindcss.com */\n\n/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n/*\nDocument\n========\n*/\n\n/**\nUse a better box model (opinionated).\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\n\n/**\nUse a more readable tab size (opinionated).\n*/\n\nhtml {\n  -moz-tab-size: 4;\n  tab-size: 4;\n}\n\n/**\n1. Correct the line height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n*/\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/*\nSections\n========\n*/\n\n/**\nRemove the margin in all browsers.\n*/\n\nbody {\n  margin: 0;\n}\n\n/**\nImprove consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n*/\n\nbody {\n  font-family:\n\t\tsystem-ui,\n\t\t-apple-system, /* Firefox supports this but not yet `system-ui` */\n\t\t'Segoe UI',\n\t\tRoboto,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\t'Apple Color Emoji',\n\t\t'Segoe UI Emoji';\n}\n\n/*\nGrouping content\n================\n*/\n\n/**\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n}\n\n/*\nText-level semantics\n====================\n*/\n\n/**\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr[title] {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/**\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n2. Correct the odd 'em' font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family:\n\t\tui-monospace,\n\t\tSFMono-Regular,\n\t\tConsolas,\n\t\t'Liberation Mono',\n\t\tMenlo,\n\t\tmonospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/**\nPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\nTabular data\n============\n*/\n\n/**\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n}\n\n/*\nForms\n=====\n*/\n\n/**\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\nRemove the inheritance of text transform in Edge and Firefox.\n1. Remove the inheritance of text transform in Firefox.\n*/\n\nbutton,\nselect { /* 1 */\n  text-transform: none;\n}\n\n/**\nCorrect the inability to style clickable types in iOS and Safari.\n*/\n\nbutton,\n[type='button'] {\n  -webkit-appearance: button;\n}\n\n/**\nRemove the inner border and padding in Firefox.\n*/\n\n/**\nRestore the focus styles unset by the previous rule.\n*/\n\n/**\nRemove the additional ':invalid' styles in Firefox.\nSee: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737\n*/\n\n/**\nRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n*/\n\nlegend {\n  padding: 0;\n}\n\n/**\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n/**\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n/**\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n/**\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to 'inherit' in Safari.\n*/\n\n/*\nInteractive\n===========\n*/\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/**\n * Manually forked from SUIT CSS Base: https://github.com/suitcss/base\n * A thin layer on top of normalize.css that provides a starting point more\n * suitable for web applications.\n */\n\n/**\n * Removes the default spacing and border for appropriate elements.\n */\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nbutton {\n  background-color: transparent;\n  background-image: none;\n}\n\n/**\n * Work around a Firefox/IE bug where the transparent `button` background\n * results in a loss of the default `button` focus styles.\n */\n\nbutton:focus {\n  outline: 1px dotted;\n  outline: 5px auto -webkit-focus-ring-color;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nol,\nul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/**\n * Tailwind custom reset styles\n */\n\n/**\n * 1. Use the user's configured `sans` font-family (with Tailwind's default\n *    sans-serif font stack as a fallback) as a sane default.\n * 2. Use Tailwind's default \"normal\" line-height so the user isn't forced\n *    to override it to ensure consistency even when using the default theme.\n */\n\nhtml {\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 1 */\n  line-height: 1.5; /* 2 */\n}\n\n/**\n * Inherit font-family and line-height from `html` so users can set them as\n * a class directly on the `html` element.\n */\n\nbody {\n  font-family: inherit;\n  line-height: inherit;\n}\n\n/**\n * 1. Prevent padding and border from affecting element width.\n *\n *    We used to set this in the html element and inherit from\n *    the parent element for everything else. This caused issues\n *    in shadow-dom-enhanced elements like <details> where the content\n *    is wrapped by a div with box-sizing set to `content-box`.\n *\n *    https://github.com/mozdevs/cssremedy/issues/4\n *\n *\n * 2. Allow adding a border to an element by just adding a border-width.\n *\n *    By default, the way the browser specifies that an element should have no\n *    border is by setting it's border-style to `none` in the user-agent\n *    stylesheet.\n *\n *    In order to easily add borders to elements by just setting the `border-width`\n *    property, we change the default border-style for all elements to `solid`, and\n *    use border-width to hide them instead. This way our `border` utilities only\n *    need to set the `border-width` property instead of the entire `border`\n *    shorthand, making our border utilities much more straightforward to compose.\n *\n *    https://github.com/tailwindcss/tailwindcss/pull/116\n */\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n/*\n * Ensure horizontal rules are visible by default\n */\n\nhr {\n  border-top-width: 1px;\n}\n\n/**\n * Undo the `border-style: none` reset that Normalize applies to images so that\n * our `border-{width}` utilities have the expected effect.\n *\n * The Normalize reset is unnecessary for us since we default the border-width\n * to 0 on all elements.\n *\n * https://github.com/tailwindcss/tailwindcss/issues/362\n */\n\nimg {\n  border-style: solid;\n}\n\ntextarea {\n  resize: vertical;\n}\n\ninput::-webkit-input-placeholder, textarea::-webkit-input-placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\n\ninput:-ms-input-placeholder, textarea:-ms-input-placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1;\n  color: #9ca3af;\n}\n\nbutton {\n  cursor: pointer;\n}\n\ntable {\n  border-collapse: collapse;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/**\n * Reset links to optimize for opt-in styling instead of\n * opt-out.\n */\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/**\n * Reset form element properties that are easy to forget to\n * style explicitly so you don't inadvertently introduce\n * styles that deviate from your design system. These styles\n * supplement a partial reset that is already applied by\n * normalize.css.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  padding: 0;\n  line-height: inherit;\n  color: inherit;\n}\n\n/**\n * Use the configured 'mono' font family for elements that\n * are expected to be rendered with a monospace font, falling\n * back to the system monospace stack if there is no configured\n * 'mono' font family.\n */\n\npre,\ncode,\nkbd,\nsamp {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n/**\n * Make replaced elements `display: block` by default as that's\n * the behavior you want almost all of the time. Inspired by\n * CSS Remedy, with `svg` added as well.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block;\n  vertical-align: middle;\n}\n\n/**\n * Constrain images and videos to the parent width and preserve\n * their intrinsic aspect ratio.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n.bsc-bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));\n}\n\n.bsc-bg-gray-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));\n}\n\n.bsc-bg-gray-900 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));\n}\n\n.bsc-bg-red-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(239, 68, 68, var(--tw-bg-opacity));\n}\n\n.bsc-bg-green-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(209, 250, 229, var(--tw-bg-opacity));\n}\n\n.bsc-bg-blue-100 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));\n}\n\n.bsc-bg-blue-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));\n}\n\n.hover\\:bsc-bg-gray-300:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgba(209, 213, 219, var(--tw-bg-opacity));\n}\n\n.bsc-dark .dark\\:bsc-bg-black {\n  --tw-bg-opacity: 1;\n  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));\n}\n\n.bsc-dark .dark\\:bsc-bg-white {\n  --tw-bg-opacity: 1;\n  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));\n}\n\n.bsc-dark .dark\\:bsc-bg-gray-900 {\n  --tw-bg-opacity: 1;\n  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));\n}\n\n.bsc-dark .dark\\:hover\\:bsc-bg-white:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));\n}\n\n.bsc-border-transparent {\n  border-color: transparent;\n}\n\n.bsc-border-black {\n  --tw-border-opacity: 1;\n  border-color: rgba(0, 0, 0, var(--tw-border-opacity));\n}\n\n.bsc-border-gray-300 {\n  --tw-border-opacity: 1;\n  border-color: rgba(209, 213, 219, var(--tw-border-opacity));\n}\n\n.bsc-border-gray-400 {\n  --tw-border-opacity: 1;\n  border-color: rgba(156, 163, 175, var(--tw-border-opacity));\n}\n\n.bsc-border-gray-500 {\n  --tw-border-opacity: 1;\n  border-color: rgba(107, 114, 128, var(--tw-border-opacity));\n}\n\n.bsc-dark .dark\\:bsc-border-white {\n  --tw-border-opacity: 1;\n  border-color: rgba(255, 255, 255, var(--tw-border-opacity));\n}\n\n.bsc-rounded-md {\n  border-radius: 0.375rem;\n}\n\n.bsc-rounded-full {\n  border-radius: 9999px;\n}\n\n.bsc-border-solid {\n  border-style: solid;\n}\n\n.bsc-border-none {\n  border-style: none;\n}\n\n.bsc-border {\n  border-width: 1px;\n}\n\n.bsc-border-r {\n  border-right-width: 1px;\n}\n\n.bsc-cursor-pointer {\n  cursor: pointer;\n}\n\n.bsc-cursor-not-allowed {\n  cursor: not-allowed;\n}\n\n.bsc-flex {\n  display: flex;\n}\n\n.bsc-grid {\n  display: grid;\n}\n\n.bsc-flex-row {\n  flex-direction: row;\n}\n\n.bsc-flex-col {\n  flex-direction: column;\n}\n\n.bsc-justify-center {\n  justify-content: center;\n}\n\n.bsc-flex-grow {\n  flex-grow: 1;\n}\n\n.bsc-flex-shrink {\n  flex-shrink: 1;\n}\n\n.bsc-font-bold {\n  font-weight: 700;\n}\n\n.bsc-text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n\n.bsc-mr-2 {\n  margin-right: 0.5rem;\n}\n\n.bsc-ml-2 {\n  margin-left: 0.5rem;\n}\n\n.focus\\:bsc-outline-none:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.bsc-overflow-hidden {\n  overflow: hidden;\n}\n\n.bsc-overflow-scroll {\n  overflow: scroll;\n}\n\n.bsc-overflow-x-auto {\n  overflow-x: auto;\n}\n\n.bsc-overflow-y-hidden {\n  overflow-y: hidden;\n}\n\n.bsc-p-2 {\n  padding: 0.5rem;\n}\n\n.bsc-p-4 {\n  padding: 1rem;\n}\n\n.bsc-py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n\n.bsc-px-2 {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n\n.bsc-pr-4 {\n  padding-right: 1rem;\n}\n\n.bsc-pl-4 {\n  padding-left: 1rem;\n}\n\n.bsc-pb-8 {\n  padding-bottom: 2rem;\n}\n\n.bsc-absolute {\n  position: absolute;\n}\n\n* {\n  --tw-shadow: 0 0 #0000;\n}\n\n.bsc-shadow-sm {\n  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.bsc-shadow {\n  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n* {\n  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgba(59, 130, 246, 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n}\n\n.bsc-text-left {\n  text-align: left;\n}\n\n.bsc-text-center {\n  text-align: center;\n}\n\n.bsc-text-gray-400 {\n  --tw-text-opacity: 1;\n  color: rgba(156, 163, 175, var(--tw-text-opacity));\n}\n\n.bsc-text-red-300 {\n  --tw-text-opacity: 1;\n  color: rgba(252, 165, 165, var(--tw-text-opacity));\n}\n\n.bsc-dark .dark\\:bsc-text-black {\n  --tw-text-opacity: 1;\n  color: rgba(0, 0, 0, var(--tw-text-opacity));\n}\n\n.bsc-dark .dark\\:bsc-text-white {\n  --tw-text-opacity: 1;\n  color: rgba(255, 255, 255, var(--tw-text-opacity));\n}\n\n.bsc-dark .dark\\:hover\\:bsc-text-black:hover {\n  --tw-text-opacity: 1;\n  color: rgba(0, 0, 0, var(--tw-text-opacity));\n}\n\n.bsc-whitespace-pre {\n  white-space: pre;\n}\n\n.bsc-w-24 {\n  width: 6rem;\n}\n\n.bsc-w-full {\n  width: 100%;\n}\n\n.bsc-gap-3 {\n  gap: 0.75rem;\n}\n\n.bsc-gap-4 {\n  gap: 1rem;\n}\n\n.bsc-grid-cols-4 {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.bsc-grid-cols-7 {\n  grid-template-columns: repeat(7, minmax(0, 1fr));\n}\n\n.bsc-col-span-4 {\n  grid-column: span 4 / span 4;\n}\n\n@-webkit-keyframes bsc-spin {\n  to {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n@keyframes bsc-spin {\n  to {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n@-webkit-keyframes bsc-ping {\n  75%, 100% {\n    -webkit-transform: scale(2);\n            transform: scale(2);\n    opacity: 0;\n  }\n}\n\n@keyframes bsc-ping {\n  75%, 100% {\n    -webkit-transform: scale(2);\n            transform: scale(2);\n    opacity: 0;\n  }\n}\n\n@-webkit-keyframes bsc-pulse {\n  50% {\n    opacity: .5;\n  }\n}\n\n@keyframes bsc-pulse {\n  50% {\n    opacity: .5;\n  }\n}\n\n@-webkit-keyframes bsc-bounce {\n  0%, 100% {\n    -webkit-transform: translateY(-25%);\n            transform: translateY(-25%);\n    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n            animation-timing-function: cubic-bezier(0.8,0,1,1);\n  }\n\n  50% {\n    -webkit-transform: none;\n            transform: none;\n    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n            animation-timing-function: cubic-bezier(0,0,0.2,1);\n  }\n}\n\n@keyframes bsc-bounce {\n  0%, 100% {\n    -webkit-transform: translateY(-25%);\n            transform: translateY(-25%);\n    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);\n            animation-timing-function: cubic-bezier(0.8,0,1,1);\n  }\n\n  50% {\n    -webkit-transform: none;\n            transform: none;\n    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);\n            animation-timing-function: cubic-bezier(0,0,0.2,1);\n  }\n}\n\nbody {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n    monospace;\n}\n\n@media (min-width: 640px) {\n}\n\n@media (min-width: 768px) {\n}\n\n@media (min-width: 1024px) {\n}\n\n@media (min-width: 1280px) {\n}\n\n@media (min-width: 1536px) {\n}\n";
 styleInject(css_248z);
 
 /*!