@plusui/library 0.1.7 → 0.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cdn/components/accordion/accordion.js +3 -3
- package/cdn/components/accordion/index.js +3 -3
- package/cdn/components/accordion-group/accordion-group.js +3 -3
- package/cdn/components/accordion-group/index.js +3 -3
- package/cdn/components/alert/alert.js +4 -4
- package/cdn/components/alert/index.js +4 -4
- package/cdn/components/avatar/avatar.js +5 -5
- package/cdn/components/avatar/index.js +5 -5
- package/cdn/components/badge/badge.host.style.js +1 -1
- package/cdn/components/badge/badge.js +5 -5
- package/cdn/components/badge/index.js +5 -5
- package/cdn/components/base/index.js +2 -2
- package/cdn/components/base/tailwind-base.js +3 -3
- package/cdn/components/breadcrumb/breadcrumb.js +3 -3
- package/cdn/components/breadcrumb/index.js +3 -3
- package/cdn/components/breadcrumb-item/breadcrumb-item.js +4 -4
- package/cdn/components/breadcrumb-item/index.js +4 -4
- package/cdn/components/button/button.js +96 -17
- package/cdn/components/button/index.js +4 -4
- package/cdn/components/button-group/button-group.js +4 -4
- package/cdn/components/button-group/index.js +4 -4
- package/cdn/components/checkbox/checkbox.js +5 -5
- package/cdn/components/checkbox/index.js +5 -5
- package/cdn/components/checkbox-group/checkbox-group.js +3 -3
- package/cdn/components/checkbox-group/index.js +3 -3
- package/cdn/components/chip/chip.js +4 -4
- package/cdn/components/chip/index.js +4 -4
- package/cdn/components/divider/divider.js +4 -4
- package/cdn/components/divider/divider.style.js +1 -1
- package/cdn/components/divider/index.js +4 -4
- package/cdn/components/drawer/drawer.js +4 -4
- package/cdn/components/drawer/index.js +4 -4
- package/cdn/components/dropdown/dropdown.js +5 -5
- package/cdn/components/dropdown/index.js +5 -5
- package/cdn/components/dropdown-item/dropdown-item.js +5 -5
- package/cdn/components/dropdown-item/index.js +5 -5
- package/cdn/components/icon/icon.js +4 -4
- package/cdn/components/icon/index.js +3 -3
- package/cdn/components/index.js +8 -8
- package/cdn/components/input/index.js +6 -6
- package/cdn/components/input/input.js +6 -6
- package/cdn/components/link/index.js +3 -3
- package/cdn/components/link/link.js +9 -32
- package/cdn/components/list-box-item/index.js +4 -4
- package/cdn/components/list-box-item/list-box-item.js +4 -4
- package/cdn/components/modal/index.js +4 -4
- package/cdn/components/modal/modal.js +4 -4
- package/cdn/components/popconfirm/index.js +5 -5
- package/cdn/components/popconfirm/popconfirm.js +5 -5
- package/cdn/components/popover/index.js +5 -5
- package/cdn/components/popover/popover.js +5 -5
- package/cdn/components/radio/index.js +5 -5
- package/cdn/components/radio/radio.js +5 -5
- package/cdn/components/radio-group/index.js +3 -3
- package/cdn/components/radio-group/radio-group.js +3 -3
- package/cdn/components/rating/index.js +6 -6
- package/cdn/components/rating/rating.js +6 -6
- package/cdn/components/segmented-picker/index.js +3 -3
- package/cdn/components/segmented-picker/segmented-picker.component.js +3 -3
- package/cdn/components/segmented-picker-item/index.js +4 -4
- package/cdn/components/segmented-picker-item/segmented-picker-item.component.js +4 -4
- package/cdn/components/select/index.js +5 -5
- package/cdn/components/select/select.js +5 -5
- package/cdn/components/select-item/index.js +5 -5
- package/cdn/components/select-item/select-item.js +5 -5
- package/cdn/components/service/index.js +4 -4
- package/cdn/components/service/service.js +5 -5
- package/cdn/components/tab/index.js +4 -4
- package/cdn/components/tab/tab.js +4 -4
- package/cdn/components/tab-group/index.js +4 -4
- package/cdn/components/tab-group/tab-group.js +4 -4
- package/cdn/components/tab-panel/index.js +3 -3
- package/cdn/components/tab-panel/tab-panel.js +3 -3
- package/cdn/components/tag/index.js +4 -4
- package/cdn/components/tag/tag.js +4 -4
- package/cdn/components/text/index.js +3 -3
- package/cdn/components/text/text.js +3 -3
- package/cdn/components/textarea/index.js +6 -6
- package/cdn/components/textarea/textarea.js +6 -6
- package/cdn/components/toast/index.js +3 -3
- package/cdn/components/toast/toast.js +3 -3
- package/cdn/components/toast-container/index.js +4 -4
- package/cdn/components/toast-container/toast-container.js +4 -4
- package/cdn/components/toggle/index.js +7 -7
- package/cdn/components/toggle/toggle.js +7 -7
- package/cdn/components/tooltip/index.js +5 -5
- package/cdn/components/tooltip/tooltip.js +5 -5
- package/cdn/factory/tailwind-factory.js +7 -7
- package/cdn/floating-ui.dom-BYyWpmHF.js +1 -0
- package/{dist/floating-ui.dom-OBaMlALa.js → cdn/floating-ui.dom-BpzIshEG.js} +26 -14
- package/cdn/global-9t6v8EOl.js +31 -0
- package/cdn/global-CRwUv2yr.js +1 -0
- package/cdn/{if-defined-CQ5F5a3V.js → if-defined-CIB8OTrH.js} +1 -1
- package/cdn/{if-defined-D-m3dgRf.js → if-defined-DpyZ37D-.js} +1 -1
- package/cdn/lit-element-BNK__jO-.js +27 -0
- package/cdn/lit-element-CSuLHuHb.js +22 -0
- package/cdn/{live-BOAtKRUN.js → live-C1eBrEBV.js} +1 -1
- package/cdn/{live-Ba4FL2pG.js → live-CYp4nasd.js} +1 -1
- package/cdn/property-B8EDuyz_.js +7 -0
- package/cdn/{property-DiPQx9S3.js → property-Dz31PgR6.js} +2 -2
- package/{dist/state-D1d5Sfj8.js → cdn/state-BRspp5eU.js} +1 -1
- package/{dist/state-DpLenR_7.js → cdn/state-hFbsBSdV.js} +1 -1
- package/cdn/{style-map-Z-XBeQmS.js → style-map-BYRi_l0u.js} +1 -1
- package/{dist/style-map-DC_vNus2.js → cdn/style-map-Cgr6kXUm.js} +1 -1
- package/custom-elements.json +146 -17
- package/dist/components/accordion/accordion.d.ts +1 -1
- package/dist/components/accordion/accordion.js +2 -2
- package/dist/components/accordion/index.js +2 -2
- package/dist/components/accordion-group/accordion-group.d.ts +1 -1
- package/dist/components/accordion-group/accordion-group.js +2 -2
- package/dist/components/accordion-group/index.js +2 -2
- package/dist/components/alert/alert.d.ts +1 -1
- package/dist/components/alert/alert.js +3 -3
- package/dist/components/alert/index.js +3 -3
- package/dist/components/avatar/avatar.d.ts +1 -1
- package/dist/components/avatar/avatar.js +4 -4
- package/dist/components/avatar/index.js +4 -4
- package/dist/components/badge/badge.d.ts +1 -1
- package/dist/components/badge/badge.host.style.js +1 -1
- package/dist/components/badge/badge.js +4 -4
- package/dist/components/badge/index.js +4 -4
- package/dist/components/base/index.js +1 -1
- package/dist/components/base/tailwind-base.js +2 -2
- package/dist/components/breadcrumb/breadcrumb.d.ts +1 -1
- package/dist/components/breadcrumb/breadcrumb.js +2 -2
- package/dist/components/breadcrumb/index.js +2 -2
- package/dist/components/breadcrumb-item/breadcrumb-item.js +3 -3
- package/dist/components/breadcrumb-item/index.js +3 -3
- package/dist/components/button/button.d.ts +36 -1
- package/dist/components/button/button.d.ts.map +1 -1
- package/dist/components/button/button.js +95 -16
- package/dist/components/button/button.js.map +1 -1
- package/dist/components/button/index.js +3 -3
- package/dist/components/button-group/button-group.d.ts +1 -1
- package/dist/components/button-group/button-group.js +3 -3
- package/dist/components/button-group/index.js +3 -3
- package/dist/components/checkbox/checkbox.d.ts +1 -1
- package/dist/components/checkbox/checkbox.js +4 -4
- package/dist/components/checkbox/index.js +4 -4
- package/dist/components/checkbox-group/checkbox-group.d.ts +1 -1
- package/dist/components/checkbox-group/checkbox-group.js +2 -2
- package/dist/components/checkbox-group/index.js +2 -2
- package/dist/components/chip/chip.d.ts +1 -1
- package/dist/components/chip/chip.js +3 -3
- package/dist/components/chip/index.js +3 -3
- package/dist/components/divider/divider.d.ts +1 -1
- package/dist/components/divider/divider.js +3 -3
- package/dist/components/divider/divider.style.js +1 -1
- package/dist/components/divider/index.js +3 -3
- package/dist/components/drawer/drawer.d.ts +1 -1
- package/dist/components/drawer/drawer.js +3 -3
- package/dist/components/drawer/index.js +3 -3
- package/dist/components/dropdown/dropdown.d.ts +1 -1
- package/dist/components/dropdown/dropdown.js +4 -4
- package/dist/components/dropdown/index.js +4 -4
- package/dist/components/dropdown-item/dropdown-item.d.ts +1 -1
- package/dist/components/dropdown-item/dropdown-item.js +4 -4
- package/dist/components/dropdown-item/index.js +4 -4
- package/dist/components/icon/icon.d.ts +1 -1
- package/dist/components/icon/icon.js +4 -4
- package/dist/components/icon/index.js +3 -3
- package/dist/components/index.js +7 -7
- package/dist/components/input/index.js +5 -5
- package/dist/components/input/input.d.ts +1 -1
- package/dist/components/input/input.js +5 -5
- package/dist/components/link/index.js +2 -2
- package/dist/components/link/link.d.ts +5 -5
- package/dist/components/link/link.d.ts.map +1 -1
- package/dist/components/link/link.js +8 -31
- package/dist/components/link/link.js.map +1 -1
- package/dist/components/list-box-item/index.js +3 -3
- package/dist/components/list-box-item/list-box-item.d.ts +1 -1
- package/dist/components/list-box-item/list-box-item.js +3 -3
- package/dist/components/modal/index.js +3 -3
- package/dist/components/modal/modal.d.ts +1 -1
- package/dist/components/modal/modal.js +3 -3
- package/dist/components/popconfirm/index.js +4 -4
- package/dist/components/popconfirm/popconfirm.d.ts +1 -1
- package/dist/components/popconfirm/popconfirm.js +4 -4
- package/dist/components/popover/index.js +4 -4
- package/dist/components/popover/popover.d.ts +1 -1
- package/dist/components/popover/popover.js +4 -4
- package/dist/components/radio/index.js +4 -4
- package/dist/components/radio/radio.d.ts +1 -1
- package/dist/components/radio/radio.js +4 -4
- package/dist/components/radio-group/index.js +2 -2
- package/dist/components/radio-group/radio-group.d.ts +1 -1
- package/dist/components/radio-group/radio-group.js +2 -2
- package/dist/components/rating/index.js +5 -5
- package/dist/components/rating/rating.d.ts +1 -1
- package/dist/components/rating/rating.js +5 -5
- package/dist/components/segmented-picker/index.js +2 -2
- package/dist/components/segmented-picker/segmented-picker.component.d.ts +1 -1
- package/dist/components/segmented-picker/segmented-picker.component.js +2 -2
- package/dist/components/segmented-picker-item/index.js +3 -3
- package/dist/components/segmented-picker-item/segmented-picker-item.component.d.ts +1 -1
- package/dist/components/segmented-picker-item/segmented-picker-item.component.js +3 -3
- package/dist/components/select/index.js +4 -4
- package/dist/components/select/select.d.ts +1 -1
- package/dist/components/select/select.js +4 -4
- package/dist/components/select-item/index.js +4 -4
- package/dist/components/select-item/select-item.d.ts +1 -1
- package/dist/components/select-item/select-item.js +4 -4
- package/dist/components/service/index.js +3 -3
- package/dist/components/service/service.d.ts +1 -1
- package/dist/components/service/service.js +4 -4
- package/dist/components/tab/index.js +3 -3
- package/dist/components/tab/tab.d.ts +1 -1
- package/dist/components/tab/tab.js +3 -3
- package/dist/components/tab-group/index.js +3 -3
- package/dist/components/tab-group/tab-group.d.ts +1 -1
- package/dist/components/tab-group/tab-group.js +3 -3
- package/dist/components/tab-panel/index.js +2 -2
- package/dist/components/tab-panel/tab-panel.d.ts +1 -1
- package/dist/components/tab-panel/tab-panel.js +2 -2
- package/dist/components/tag/index.js +3 -3
- package/dist/components/tag/tag.d.ts +1 -1
- package/dist/components/tag/tag.js +3 -3
- package/dist/components/text/index.js +2 -2
- package/dist/components/text/text.d.ts +1 -1
- package/dist/components/text/text.js +2 -2
- package/dist/components/textarea/index.js +5 -5
- package/dist/components/textarea/textarea.d.ts +1 -1
- package/dist/components/textarea/textarea.js +5 -5
- package/dist/components/toast/index.js +2 -2
- package/dist/components/toast/toast.js +2 -2
- package/dist/components/toast-container/index.js +3 -3
- package/dist/components/toast-container/toast-container.d.ts +1 -1
- package/dist/components/toast-container/toast-container.js +3 -3
- package/dist/components/toggle/index.js +6 -6
- package/dist/components/toggle/toggle.d.ts +2 -2
- package/dist/components/toggle/toggle.js +6 -6
- package/dist/components/tooltip/index.js +4 -4
- package/dist/components/tooltip/tooltip.d.ts +1 -1
- package/dist/components/tooltip/tooltip.js +4 -4
- package/dist/factory/tailwind-factory.d.ts.map +1 -1
- package/dist/factory/tailwind-factory.js +6 -6
- package/{cdn/floating-ui.dom-OBaMlALa.js → dist/floating-ui.dom-BpzIshEG.js} +26 -14
- package/dist/floating-ui.dom-BwkSoRW9.js +1 -0
- package/dist/{if-defined-D-m3dgRf.js → if-defined-DpyZ37D-.js} +1 -1
- package/dist/{if-defined-BqqyuCxY.js → if-defined-DsURCocJ.js} +1 -1
- package/dist/index.css +1 -1
- package/dist/lit-element-BNK__jO-.js +27 -0
- package/dist/lit-element-DWht4T0R.js +22 -0
- package/dist/{live-BOAtKRUN.js → live-C1eBrEBV.js} +1 -1
- package/dist/{live-BNfnKF_Y.js → live-Cv3p2930.js} +1 -1
- package/dist/model/plus.d.ts.map +1 -1
- package/dist/property-D4Afnon0.js +7 -0
- package/dist/{property-DiPQx9S3.js → property-Dz31PgR6.js} +2 -2
- package/dist/{query-CVOEqTwZ.js → query-JZZ8o83g.js} +1 -1
- package/dist/{query-assigned-elements-DJRb4jjx.js → query-assigned-elements-DeL5RNz8.js} +1 -1
- package/{cdn/state-D1d5Sfj8.js → dist/state-BRspp5eU.js} +1 -1
- package/{cdn/state-CoIPL7X5.js → dist/state-CxOUQRG2.js} +1 -1
- package/dist/{style-map-qGL3ZsOU.js → style-map-BSFs8yH4.js} +1 -1
- package/{cdn/style-map-DC_vNus2.js → dist/style-map-Cgr6kXUm.js} +1 -1
- package/dist/styles/global.js +2 -2
- package/dist/utils/boolean-converter.d.ts.map +1 -1
- package/eslint/custom-element-eslint-rules.js +4 -0
- package/package.json +1 -1
- package/public/html/index.js +134 -66
- package/public/react/index.d.ts +104 -46
- package/public/react/index.js +316 -210
- package/react/PlusAccordion.js +9 -9
- package/react/PlusAccordionGroup.js +1 -3
- package/react/PlusAlert.js +9 -9
- package/react/PlusAvatar.js +1 -3
- package/react/PlusBadge.js +1 -3
- package/react/PlusBreadcrumb.js +1 -3
- package/react/PlusBreadcrumbItem.js +1 -3
- package/react/PlusButton.d.ts +23 -0
- package/react/PlusButton.js +22 -5
- package/react/PlusButtonGroup.js +1 -3
- package/react/PlusCheckbox.js +9 -17
- package/react/PlusCheckboxGroup.js +9 -9
- package/react/PlusChip.js +1 -3
- package/react/PlusDivider.js +9 -9
- package/react/PlusDrawer.js +1 -7
- package/react/PlusDropDownItem.js +9 -9
- package/react/PlusDropdown.js +9 -9
- package/react/PlusIcon.js +1 -3
- package/react/PlusInput.js +9 -14
- package/react/PlusLink.js +1 -3
- package/react/PlusListBoxItem.js +9 -9
- package/react/PlusModal.js +1 -7
- package/react/PlusPopconfirm.js +9 -9
- package/react/PlusPopover.js +9 -9
- package/react/PlusRadio.js +9 -12
- package/react/PlusRadioGroup.js +1 -3
- package/react/PlusRating.js +9 -12
- package/react/PlusSegmentedPicker.js +9 -9
- package/react/PlusSegmentedPickerItem.js +1 -3
- package/react/PlusSelect.js +9 -9
- package/react/PlusSelectItem.js +9 -9
- package/react/PlusService.js +1 -3
- package/react/PlusTab.js +1 -3
- package/react/PlusTabGroup.js +9 -9
- package/react/PlusTabPanel.js +1 -3
- package/react/PlusTag.js +1 -3
- package/react/PlusText.js +1 -3
- package/react/PlusTextarea.js +9 -14
- package/react/PlusToast.js +9 -9
- package/react/PlusToastContainer.js +1 -3
- package/react/PlusToggle.js +9 -14
- package/react/PlusTooltip.js +1 -3
- package/react/Tailwind.js +1 -3
- package/types/custom-element-jsx.d.ts +21 -4
- package/types/custom-element-solidjs.d.ts +21 -4
- package/types/custom-element-svelte.d.ts +21 -4
- package/types/custom-element-vuejs.d.ts +21 -4
- package/vscode.html-custom-data.json +35 -1
- package/web-types.json +73 -10
- package/cdn/floating-ui.dom-CXNHR8n2.js +0 -1
- package/cdn/global-CJbRDY6F.js +0 -31
- package/cdn/global-DTtsklIM.js +0 -1
- package/cdn/lit-element-ByzbtpGk.js +0 -27
- package/cdn/lit-element-DNNEDGnu.js +0 -23
- package/cdn/property-DLlzgs39.js +0 -7
- package/dist/floating-ui.dom-CZIJTgi0.js +0 -1
- package/dist/lit-element-ByzbtpGk.js +0 -27
- package/dist/lit-element-DnJ0sDh6.js +0 -23
- package/dist/property-CEzGATrA.js +0 -7
- /package/dist/{base-D0AOfeIR.js → base-2hF1n6hl.js} +0 -0
- /package/dist/{directive-CfWt2y3W.js → directive-DRRu7zbS.js} +0 -0
- /package/dist/{index-Dz2VbYPM.js → index-Up-p3euZ.js} +0 -0
|
@@ -497,16 +497,21 @@ const flip$1 = function (options) {
|
|
|
497
497
|
const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
|
|
498
498
|
const nextPlacement = placements[nextIndex];
|
|
499
499
|
if (nextPlacement) {
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
500
|
+
var _overflowsData$;
|
|
501
|
+
const ignoreCrossAxisOverflow = checkCrossAxis === 'alignment' ? initialSideAxis !== getSideAxis(nextPlacement) : false;
|
|
502
|
+
const hasInitialMainAxisOverflow = ((_overflowsData$ = overflowsData[0]) == null ? void 0 : _overflowsData$.overflows[0]) > 0;
|
|
503
|
+
if (!ignoreCrossAxisOverflow || hasInitialMainAxisOverflow) {
|
|
504
|
+
// Try next placement and re-run the lifecycle.
|
|
505
|
+
return {
|
|
506
|
+
data: {
|
|
507
|
+
index: nextIndex,
|
|
508
|
+
overflows: overflowsData
|
|
509
|
+
},
|
|
510
|
+
reset: {
|
|
511
|
+
placement: nextPlacement
|
|
512
|
+
}
|
|
513
|
+
};
|
|
514
|
+
}
|
|
510
515
|
}
|
|
511
516
|
|
|
512
517
|
// First, find the candidates that fit on the mainAxis side of overflow,
|
|
@@ -1236,6 +1241,12 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
|
|
|
1236
1241
|
scrollTop: 0
|
|
1237
1242
|
};
|
|
1238
1243
|
const offsets = createCoords(0);
|
|
1244
|
+
|
|
1245
|
+
// If the <body> scrollbar appears on the left (e.g. RTL systems). Use
|
|
1246
|
+
// Firefox with layout.scrollbar.side = 3 in about:config to test this.
|
|
1247
|
+
function setLeftRTLScrollbarOffset() {
|
|
1248
|
+
offsets.x = getWindowScrollBarX(documentElement);
|
|
1249
|
+
}
|
|
1239
1250
|
if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
|
|
1240
1251
|
if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
|
|
1241
1252
|
scroll = getNodeScroll(offsetParent);
|
|
@@ -1245,11 +1256,12 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
|
|
|
1245
1256
|
offsets.x = offsetRect.x + offsetParent.clientLeft;
|
|
1246
1257
|
offsets.y = offsetRect.y + offsetParent.clientTop;
|
|
1247
1258
|
} else if (documentElement) {
|
|
1248
|
-
|
|
1249
|
-
// Firefox with layout.scrollbar.side = 3 in about:config to test this.
|
|
1250
|
-
offsets.x = getWindowScrollBarX(documentElement);
|
|
1259
|
+
setLeftRTLScrollbarOffset();
|
|
1251
1260
|
}
|
|
1252
1261
|
}
|
|
1262
|
+
if (isFixed && !isOffsetParentAnElement && documentElement) {
|
|
1263
|
+
setLeftRTLScrollbarOffset();
|
|
1264
|
+
}
|
|
1253
1265
|
const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
|
|
1254
1266
|
const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
|
|
1255
1267
|
const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
|
|
@@ -1426,7 +1438,7 @@ function observeMove(element, onMove) {
|
|
|
1426
1438
|
// Handle <iframe>s
|
|
1427
1439
|
root: root.ownerDocument
|
|
1428
1440
|
});
|
|
1429
|
-
} catch (
|
|
1441
|
+
} catch (_e) {
|
|
1430
1442
|
io = new IntersectionObserver(handleObserve, options);
|
|
1431
1443
|
}
|
|
1432
1444
|
io.observe(element);
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
function styleInject(css, ref) {
|
|
2
|
+
if ( ref === void 0 ) ref = {};
|
|
3
|
+
var insertAt = ref.insertAt;
|
|
4
|
+
|
|
5
|
+
if (typeof document === 'undefined') { return; }
|
|
6
|
+
|
|
7
|
+
var head = document.head || document.getElementsByTagName('head')[0];
|
|
8
|
+
var style = document.createElement('style');
|
|
9
|
+
style.type = 'text/css';
|
|
10
|
+
|
|
11
|
+
if (insertAt === 'top') {
|
|
12
|
+
if (head.firstChild) {
|
|
13
|
+
head.insertBefore(style, head.firstChild);
|
|
14
|
+
} else {
|
|
15
|
+
head.appendChild(style);
|
|
16
|
+
}
|
|
17
|
+
} else {
|
|
18
|
+
head.appendChild(style);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
if (style.styleSheet) {
|
|
22
|
+
style.styleSheet.cssText = css;
|
|
23
|
+
} else {
|
|
24
|
+
style.appendChild(document.createTextNode(css));
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
var css_248z = "/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer base, plus-ui-core, theme, components, utilities;\n@layer theme {\n :root, :host {\n --font-sans: 'Inter Variable', 'Inter', ui-sans-serif, system-ui, sans-serif,\n 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --color-red-50: oklch(97.1% 0.013 17.38);\n --color-red-100: oklch(93.6% 0.032 17.717);\n --color-red-200: oklch(88.5% 0.062 18.334);\n --color-red-300: oklch(80.8% 0.114 19.571);\n --color-red-400: oklch(70.4% 0.191 22.216);\n --color-red-500: oklch(63.7% 0.237 25.331);\n --color-red-600: oklch(57.7% 0.245 27.325);\n --color-red-700: oklch(50.5% 0.213 27.518);\n --color-red-800: oklch(44.4% 0.177 26.899);\n --color-red-900: oklch(39.6% 0.141 25.723);\n --color-red-950: oklch(25.8% 0.092 26.042);\n --color-yellow-50: oklch(98.7% 0.026 102.212);\n --color-yellow-100: oklch(97.3% 0.071 103.193);\n --color-yellow-200: oklch(94.5% 0.129 101.54);\n --color-yellow-300: oklch(90.5% 0.182 98.111);\n --color-yellow-400: oklch(85.2% 0.199 91.936);\n --color-yellow-500: oklch(79.5% 0.184 86.047);\n --color-yellow-600: oklch(68.1% 0.162 75.834);\n --color-yellow-700: oklch(55.4% 0.135 66.442);\n --color-yellow-800: oklch(47.6% 0.114 61.907);\n --color-yellow-900: oklch(42.1% 0.095 57.708);\n --color-yellow-950: oklch(28.6% 0.066 53.813);\n --color-green-50: oklch(98.2% 0.018 155.826);\n --color-green-100: oklch(96.2% 0.044 156.743);\n --color-green-200: oklch(92.5% 0.084 155.995);\n --color-green-300: oklch(87.1% 0.15 154.449);\n --color-green-400: oklch(79.2% 0.209 151.711);\n --color-green-500: oklch(72.3% 0.219 149.579);\n --color-green-600: oklch(62.7% 0.194 149.214);\n --color-green-700: oklch(52.7% 0.154 150.069);\n --color-green-800: oklch(44.8% 0.119 151.328);\n --color-green-900: oklch(39.3% 0.095 152.535);\n --color-green-950: oklch(26.6% 0.065 152.934);\n --color-blue-50: oklch(97% 0.014 254.604);\n --color-blue-100: oklch(93.2% 0.032 255.585);\n --color-blue-200: oklch(88.2% 0.059 254.128);\n --color-blue-300: oklch(80.9% 0.105 251.813);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-blue-500: oklch(62.3% 0.214 259.815);\n --color-blue-600: oklch(54.6% 0.245 262.881);\n --color-blue-700: oklch(48.8% 0.243 264.376);\n --color-blue-800: oklch(42.4% 0.199 265.638);\n --color-blue-900: oklch(37.9% 0.146 265.522);\n --color-blue-950: oklch(28.2% 0.091 267.935);\n --color-indigo-50: oklch(96.2% 0.018 272.314);\n --color-indigo-100: oklch(93% 0.034 272.788);\n --color-indigo-200: oklch(87% 0.065 274.039);\n --color-indigo-300: oklch(78.5% 0.115 274.713);\n --color-indigo-400: oklch(67.3% 0.182 276.935);\n --color-indigo-500: oklch(58.5% 0.233 277.117);\n --color-indigo-600: oklch(51.1% 0.262 276.966);\n --color-indigo-700: oklch(45.7% 0.24 277.023);\n --color-indigo-800: oklch(39.8% 0.195 277.366);\n --color-indigo-900: oklch(35.9% 0.144 278.697);\n --color-indigo-950: oklch(25.7% 0.09 281.288);\n --color-purple-100: oklch(94.6% 0.033 307.174);\n --color-purple-300: oklch(82.7% 0.119 306.383);\n --color-purple-700: oklch(49.6% 0.265 301.924);\n --color-purple-900: oklch(38.1% 0.176 304.987);\n --color-gray-50: oklch(98.5% 0.002 247.839);\n --color-gray-100: oklch(96.7% 0.003 264.542);\n --color-gray-200: oklch(92.8% 0.006 264.531);\n --color-gray-300: oklch(87.2% 0.01 258.338);\n --color-gray-400: oklch(70.7% 0.022 261.325);\n --color-gray-500: oklch(55.1% 0.027 264.364);\n --color-gray-600: oklch(44.6% 0.03 256.802);\n --color-gray-700: oklch(37.3% 0.034 259.733);\n --color-gray-800: oklch(27.8% 0.033 256.848);\n --color-gray-900: oklch(21% 0.034 264.665);\n --color-gray-950: oklch(13% 0.028 261.692);\n --color-neutral-300: oklch(87% 0 0);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-sm: 24rem;\n --container-md: 28rem;\n --container-lg: 32rem;\n --container-xl: 36rem;\n --container-2xl: 42rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --ease-out: cubic-bezier(0, 0, 0.2, 1);\n --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n --animate-spin: spin 2s linear infinite;\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --default-font-family: var(--font-sans);\n --plus-color-base-white: var(--color-white);\n --plus-color-base-black: var(--color-black);\n --plus-color-base-transparent: transparent;\n --plus-color-neutral-100: var(--color-gray-100);\n --plus-color-neutral-200: var(--color-gray-200);\n --plus-color-neutral-300: var(--color-gray-300);\n --plus-color-neutral-400: var(--color-gray-400);\n --plus-color-neutral-500: var(--color-gray-500);\n --plus-color-neutral-600: var(--color-gray-600);\n --plus-color-neutral-700: var(--color-gray-700);\n --plus-color-neutral-800: var(--color-gray-800);\n --plus-color-neutral-900: var(--color-gray-900);\n --plus-color-neutral-950: var(--color-gray-950);\n --plus-color-primary-100: var(--color-indigo-100);\n --plus-color-primary-200: var(--color-indigo-200);\n --plus-color-primary-300: var(--color-indigo-300);\n --plus-color-primary-700: var(--color-indigo-700);\n --plus-color-primary-800: var(--color-indigo-800);\n --plus-color-primary-900: var(--color-indigo-900);\n --plus-color-info-100: var(--color-blue-100);\n --plus-color-info-200: var(--color-blue-200);\n --plus-color-info-300: var(--color-blue-300);\n --plus-color-info-700: var(--color-blue-700);\n --plus-color-info-800: var(--color-blue-800);\n --plus-color-info-900: var(--color-blue-900);\n --plus-color-success-100: var(--color-green-100);\n --plus-color-success-200: var(--color-green-200);\n --plus-color-success-300: var(--color-green-300);\n --plus-color-success-700: var(--color-green-700);\n --plus-color-success-800: var(--color-green-800);\n --plus-color-success-900: var(--color-green-900);\n --plus-color-warning-100: var(--color-yellow-100);\n --plus-color-warning-200: var(--color-yellow-200);\n --plus-color-warning-300: var(--color-yellow-300);\n --plus-color-warning-700: var(--color-yellow-700);\n --plus-color-warning-800: var(--color-yellow-800);\n --plus-color-warning-900: var(--color-yellow-900);\n --plus-color-danger-100: var(--color-red-100);\n --plus-color-danger-200: var(--color-red-200);\n --plus-color-danger-300: var(--color-red-300);\n --plus-color-danger-700: var(--color-red-700);\n --plus-color-danger-800: var(--color-red-800);\n --plus-color-danger-900: var(--color-red-900);\n --text-xxxs: 0.5rem;\n --text-xxxs--line-height: calc(1 / 0.5);\n --plus-border-radius-default: var(--radius-sm);\n --plus-border-radius-modal: var(--radius-lg);\n --radius-default: var(--plus-border-radius-default);\n }\n}\n@layer utilities {\n .pointer-events-auto {\n pointer-events: auto;\n }\n .pointer-events-none {\n pointer-events: none;\n }\n .visible {\n visibility: visible;\n }\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n .absolute {\n position: absolute;\n }\n .fixed {\n position: fixed;\n }\n .relative {\n position: relative;\n }\n .static {\n position: static;\n }\n .inset-0 {\n inset: calc(var(--spacing) * 0);\n }\n .inset-x-0 {\n inset-inline: calc(var(--spacing) * 0);\n }\n .inset-y-0 {\n inset-block: calc(var(--spacing) * 0);\n }\n .top-0 {\n top: calc(var(--spacing) * 0);\n }\n .top-0\\.5 {\n top: calc(var(--spacing) * 0.5);\n }\n .top-1 {\n top: calc(var(--spacing) * 1);\n }\n .top-1\\/2 {\n top: calc(1/2 * 100%);\n }\n .top-2 {\n top: calc(var(--spacing) * 2);\n }\n .top-5 {\n top: calc(var(--spacing) * 5);\n }\n .right-0 {\n right: calc(var(--spacing) * 0);\n }\n .right-2 {\n right: calc(var(--spacing) * 2);\n }\n .right-5 {\n right: calc(var(--spacing) * 5);\n }\n .bottom-0 {\n bottom: calc(var(--spacing) * 0);\n }\n .bottom-5 {\n bottom: calc(var(--spacing) * 5);\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .left-0\\.5 {\n left: calc(var(--spacing) * 0.5);\n }\n .left-1 {\n left: calc(var(--spacing) * 1);\n }\n .left-1\\/2 {\n left: calc(1/2 * 100%);\n }\n .left-5 {\n left: calc(var(--spacing) * 5);\n }\n .z-10 {\n z-index: 10;\n }\n .z-40 {\n z-index: 40;\n }\n .z-50 {\n z-index: 50;\n }\n .z-\\[1\\] {\n z-index: 1;\n }\n .z-\\[1000\\] {\n z-index: 1000;\n }\n .container {\n width: 100%;\n @media (width >= 40rem) {\n max-width: 40rem;\n }\n @media (width >= 48rem) {\n max-width: 48rem;\n }\n @media (width >= 64rem) {\n max-width: 64rem;\n }\n @media (width >= 80rem) {\n max-width: 80rem;\n }\n @media (width >= 96rem) {\n max-width: 96rem;\n }\n }\n .mx-\\(--divider-spacing\\) {\n margin-inline: var(--divider-spacing);\n }\n .mx-1 {\n margin-inline: calc(var(--spacing) * 1);\n }\n .mx-1\\.5 {\n margin-inline: calc(var(--spacing) * 1.5);\n }\n .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\n }\n .mx-4 {\n margin-inline: calc(var(--spacing) * 4);\n }\n .mx-auto {\n margin-inline: auto;\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .mt-10 {\n margin-top: calc(var(--spacing) * 10);\n }\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n .ml-1 {\n margin-left: calc(var(--spacing) * 1);\n }\n .ml-1\\.5 {\n margin-left: calc(var(--spacing) * 1.5);\n }\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n .ml-3 {\n margin-left: calc(var(--spacing) * 3);\n }\n .box-content {\n box-sizing: content-box;\n }\n .block {\n display: block;\n }\n .contents {\n display: contents;\n }\n .flex {\n display: flex;\n }\n .grid {\n display: grid;\n }\n .hidden {\n display: none;\n }\n .inline {\n display: inline;\n }\n .inline-flex {\n display: inline-flex;\n }\n .size-2 {\n width: calc(var(--spacing) * 2);\n height: calc(var(--spacing) * 2);\n }\n .size-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n height: calc(var(--spacing) * 2.5);\n }\n .size-3 {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n .size-4 {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n .size-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n height: calc(var(--spacing) * 4.5);\n }\n .size-5 {\n width: calc(var(--spacing) * 5);\n height: calc(var(--spacing) * 5);\n }\n .size-6 {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n .size-9 {\n width: calc(var(--spacing) * 9);\n height: calc(var(--spacing) * 9);\n }\n .size-10 {\n width: calc(var(--spacing) * 10);\n height: calc(var(--spacing) * 10);\n }\n .size-11 {\n width: calc(var(--spacing) * 11);\n height: calc(var(--spacing) * 11);\n }\n .size-\\[var\\(--size\\)\\] {\n width: var(--size);\n height: var(--size);\n }\n .h-1\\.5 {\n height: calc(var(--spacing) * 1.5);\n }\n .h-2 {\n height: calc(var(--spacing) * 2);\n }\n .h-2\\.5 {\n height: calc(var(--spacing) * 2.5);\n }\n .h-2\\/5 {\n height: calc(2/5 * 100%);\n }\n .h-3 {\n height: calc(var(--spacing) * 3);\n }\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n .h-4\\.5 {\n height: calc(var(--spacing) * 4.5);\n }\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n .h-6\\.5 {\n height: calc(var(--spacing) * 6.5);\n }\n .h-7 {\n height: calc(var(--spacing) * 7);\n }\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n .h-11 {\n height: calc(var(--spacing) * 11);\n }\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n .h-96 {\n height: calc(var(--spacing) * 96);\n }\n .h-\\[48px\\] {\n height: 48px;\n }\n .h-\\[52px\\] {\n height: 52px;\n }\n .h-fit {\n height: fit-content;\n }\n .h-full {\n height: 100%;\n }\n .max-h-80 {\n max-height: calc(var(--spacing) * 80);\n }\n .max-h-\\[90vh\\] {\n max-height: 90vh;\n }\n .min-h-\\[52px\\] {\n min-height: 52px;\n }\n .min-h-\\[60px\\] {\n min-height: 60px;\n }\n .min-h-\\[68px\\] {\n min-height: 68px;\n }\n .w-1\\.5 {\n width: calc(var(--spacing) * 1.5);\n }\n .w-2 {\n width: calc(var(--spacing) * 2);\n }\n .w-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n }\n .w-3 {\n width: calc(var(--spacing) * 3);\n }\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n .w-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n }\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n .w-13 {\n width: calc(var(--spacing) * 13);\n }\n .w-14 {\n width: calc(var(--spacing) * 14);\n }\n .w-60 {\n width: calc(var(--spacing) * 60);\n }\n .w-64 {\n width: calc(var(--spacing) * 64);\n }\n .w-72 {\n width: calc(var(--spacing) * 72);\n }\n .w-96 {\n width: calc(var(--spacing) * 96);\n }\n .w-\\[1em\\] {\n width: 1em;\n }\n .w-auto {\n width: auto;\n }\n .w-fit {\n width: fit-content;\n }\n .w-full {\n width: 100%;\n }\n .max-w-2xl {\n max-width: var(--container-2xl);\n }\n .max-w-80 {\n max-width: calc(var(--spacing) * 80);\n }\n .max-w-96 {\n max-width: calc(var(--spacing) * 96);\n }\n .max-w-\\[256px\\] {\n max-width: 256px;\n }\n .max-w-\\[calc\\(100\\%-2rem\\)\\] {\n max-width: calc(100% - 2rem);\n }\n .max-w-full {\n max-width: 100%;\n }\n .max-w-lg {\n max-width: var(--container-lg);\n }\n .max-w-md {\n max-width: var(--container-md);\n }\n .max-w-none {\n max-width: none;\n }\n .max-w-sm {\n max-width: var(--container-sm);\n }\n .max-w-xl {\n max-width: var(--container-xl);\n }\n .min-w-0 {\n min-width: calc(var(--spacing) * 0);\n }\n .min-w-4 {\n min-width: calc(var(--spacing) * 4);\n }\n .min-w-5 {\n min-width: calc(var(--spacing) * 5);\n }\n .min-w-6 {\n min-width: calc(var(--spacing) * 6);\n }\n .min-w-9 {\n min-width: calc(var(--spacing) * 9);\n }\n .min-w-full {\n min-width: 100%;\n }\n .flex-1 {\n flex: 1;\n }\n .flex-shrink-0 {\n flex-shrink: 0;\n }\n .origin-left {\n transform-origin: left;\n }\n .origin-right {\n transform-origin: right;\n }\n .-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-x-full {\n --tw-translate-x: -100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-0 {\n --tw-translate-x: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[-50\\%\\] {\n --tw-translate-x: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[50\\%\\] {\n --tw-translate-x: 50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[calc\\(theme\\(width\\.10\\)-theme\\(width\\.5\\)\\)\\] {\n --tw-translate-x: calc(2.5rem - 1.25rem);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[calc\\(theme\\(width\\.14\\)-theme\\(width\\.7\\)\\)\\] {\n --tw-translate-x: calc(3.5rem - 1.75rem);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[calc\\(var\\(--spacing\\)\\*13-var\\(--spacing\\)\\*6\\.5\\)\\] {\n --tw-translate-x: calc(var(--spacing) * 13 - var(--spacing) * 6.5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-full {\n --tw-translate-x: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-full {\n --tw-translate-y: -100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-0 {\n --tw-translate-y: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-\\[-50\\%\\] {\n --tw-translate-y: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-\\[50\\%\\] {\n --tw-translate-y: 50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-full {\n --tw-translate-y: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .scale-0 {\n --tw-scale-x: 0%;\n --tw-scale-y: 0%;\n --tw-scale-z: 0%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n .scale-95 {\n --tw-scale-x: 95%;\n --tw-scale-y: 95%;\n --tw-scale-z: 95%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n .scale-100 {\n --tw-scale-x: 100%;\n --tw-scale-y: 100%;\n --tw-scale-z: 100%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n .rotate-45 {\n rotate: 45deg;\n }\n .transform {\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n }\n .animate-spin {\n animation: var(--animate-spin);\n }\n .cursor-default {\n cursor: default;\n }\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n .cursor-pointer {\n cursor: pointer;\n }\n .cursor-text {\n cursor: text;\n }\n .cursor-wait {\n cursor: wait;\n }\n .resize {\n resize: both;\n }\n .resize-none {\n resize: none;\n }\n .resize-x {\n resize: horizontal;\n }\n .resize-y {\n resize: vertical;\n }\n .appearance-none {\n appearance: none;\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .items-baseline {\n align-items: baseline;\n }\n .items-center {\n align-items: center;\n }\n .items-end {\n align-items: flex-end;\n }\n .items-start {\n align-items: flex-start;\n }\n .justify-between {\n justify-content: space-between;\n }\n .justify-center {\n justify-content: center;\n }\n .justify-end {\n justify-content: flex-end;\n }\n .justify-start {\n justify-content: flex-start;\n }\n .gap-0 {\n gap: calc(var(--spacing) * 0);\n }\n .gap-0\\.5 {\n gap: calc(var(--spacing) * 0.5);\n }\n .gap-1 {\n gap: calc(var(--spacing) * 1);\n }\n .gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .gap-2\\.5 {\n gap: calc(var(--spacing) * 2.5);\n }\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n .gap-5 {\n gap: calc(var(--spacing) * 5);\n }\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n .gap-x-5 {\n column-gap: calc(var(--spacing) * 5);\n }\n .gap-y-2 {\n row-gap: calc(var(--spacing) * 2);\n }\n .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .overflow-hidden {\n overflow: hidden;\n }\n .overflow-y-auto {\n overflow-y: auto;\n }\n .rounded {\n border-radius: 0.25rem;\n }\n .rounded-default {\n border-radius: var(--radius-default);\n }\n .rounded-full {\n border-radius: calc(infinity * 1px);\n }\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .rounded-none {\n border-radius: 0;\n }\n .rounded-sm {\n border-radius: var(--radius-sm);\n }\n .rounded-t-lg {\n border-top-left-radius: var(--radius-lg);\n border-top-right-radius: var(--radius-lg);\n }\n .rounded-b-lg {\n border-bottom-right-radius: var(--radius-lg);\n border-bottom-left-radius: var(--radius-lg);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-0 {\n border-style: var(--tw-border-style);\n border-width: 0px;\n }\n .border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n .border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n .border-t-0 {\n border-top-style: var(--tw-border-style);\n border-top-width: 0px;\n }\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0px;\n }\n .border-r-2 {\n border-right-style: var(--tw-border-style);\n border-right-width: 2px;\n }\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0px;\n }\n .border-b-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0px;\n }\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-\\(--d-border\\) {\n border-color: var(--d-border);\n }\n .border-\\[var\\(--border-color\\,var\\(--i-border-color\\)\\)\\] {\n border-color: var(--border-color,var(--i-border-color));\n }\n .border-color-danger {\n border-color: var(--plus-color-border-danger);\n }\n .border-color-default {\n border-color: var(--plus-color-border-default);\n }\n .border-color-disabled {\n border-color: var(--plus-color-border-disabled);\n }\n .border-color-dynamic {\n border-color: var(--border-color,var(--i-border-color));\n }\n .border-color-primary {\n border-color: var(--plus-color-border-primary);\n }\n .border-transparent {\n border-color: transparent;\n }\n .border-r-color-primary {\n border-right-color: var(--plus-color-border-primary);\n }\n .border-r-transparent {\n border-right-color: transparent;\n }\n .border-b-color-primary {\n border-bottom-color: var(--plus-color-border-primary);\n }\n .border-b-transparent {\n border-bottom-color: transparent;\n }\n .bg-\\(--d-bg-checked\\) {\n background-color: var(--d-bg-checked);\n }\n .bg-\\(--d-bg-default\\) {\n background-color: var(--d-bg-default);\n }\n .bg-\\(--d-bg-loading\\) {\n background-color: var(--d-bg-loading);\n }\n .bg-\\(--d-dot-bg\\) {\n background-color: var(--d-dot-bg);\n }\n .bg-\\(--d-switch-bg\\) {\n background-color: var(--d-switch-bg);\n }\n .bg-\\[var\\(--bg-color\\,var\\(--i-bg-color\\)\\)\\] {\n background-color: var(--bg-color,var(--i-bg-color));\n }\n .bg-\\[var\\(--i-bg-default\\)\\] {\n background-color: var(--i-bg-default);\n }\n .bg-\\[var\\(--i-selected-bg\\)\\] {\n background-color: var(--i-selected-bg);\n }\n .bg-\\[var\\(--tag-bg-color\\)\\] {\n background-color: var(--tag-bg-color);\n }\n .bg-blue-500 {\n background-color: var(--color-blue-500);\n }\n .bg-blue-600 {\n background-color: var(--color-blue-600);\n }\n .bg-color-danger-default {\n background-color: var(--plus-color-background-danger-default);\n }\n .bg-color-danger-invert-default {\n background-color: var(--plus-color-background-danger-invert-default);\n }\n .bg-color-default-invert-default {\n background-color: var(--plus-color-background-default-invert-default);\n }\n .bg-color-disabled {\n background-color: var(--plus-color-background-disabled-default);\n }\n .bg-color-dynamic-default {\n background-color: var(--bg-default,var(--i-bg-default));\n }\n .bg-color-modal {\n background-color: var(--plus-color-background-modal);\n }\n .bg-color-overlay\\/50 {\n background-color: var(--plus-color-background-overlay);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--plus-color-background-overlay) 50%, transparent);\n }\n }\n .bg-color-primary-default {\n background-color: var(--plus-color-background-primary-default);\n }\n .bg-color-surface {\n background-color: var(--plus-color-background-surface);\n }\n .bg-green-500 {\n background-color: var(--color-green-500);\n }\n .bg-inherit {\n background-color: inherit;\n }\n .bg-transparent {\n background-color: transparent;\n }\n .fill-\\(--d-text\\) {\n fill: var(--d-text);\n }\n .fill-current {\n fill: currentcolor;\n }\n .object-cover {\n object-fit: cover;\n }\n .p-0 {\n padding: calc(var(--spacing) * 0);\n }\n .p-0\\.5 {\n padding: calc(var(--spacing) * 0.5);\n }\n .p-1 {\n padding: calc(var(--spacing) * 1);\n }\n .p-1\\.5 {\n padding: calc(var(--spacing) * 1.5);\n }\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n .p-3\\.5 {\n padding: calc(var(--spacing) * 3.5);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .p-5 {\n padding: calc(var(--spacing) * 5);\n }\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n .px-0 {\n padding-inline: calc(var(--spacing) * 0);\n }\n .px-1 {\n padding-inline: calc(var(--spacing) * 1);\n }\n .px-1\\.5 {\n padding-inline: calc(var(--spacing) * 1.5);\n }\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n .px-2\\.5 {\n padding-inline: calc(var(--spacing) * 2.5);\n }\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n .px-5 {\n padding-inline: calc(var(--spacing) * 5);\n }\n .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n .py-0 {\n padding-block: calc(var(--spacing) * 0);\n }\n .py-0\\.5 {\n padding-block: calc(var(--spacing) * 0.5);\n }\n .py-1 {\n padding-block: calc(var(--spacing) * 1);\n }\n .py-1\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\n }\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n .py-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n }\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n .pr-2 {\n padding-right: calc(var(--spacing) * 2);\n }\n .pr-2\\.5 {\n padding-right: calc(var(--spacing) * 2.5);\n }\n .pr-3 {\n padding-right: calc(var(--spacing) * 3);\n }\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n .pl-2\\.5 {\n padding-left: calc(var(--spacing) * 2.5);\n }\n .pl-3 {\n padding-left: calc(var(--spacing) * 3);\n }\n .text-center {\n text-align: center;\n }\n .text-left {\n text-align: left;\n }\n .align-middle {\n vertical-align: middle;\n }\n .plus-ui-element {\n font-family: var(--font-sans);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-2xl {\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n }\n .text-3xl {\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n }\n .text-6xl {\n font-size: var(--text-6xl);\n line-height: var(--tw-leading, var(--text-6xl--line-height));\n }\n .text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .text-xxxs {\n font-size: var(--text-xxxs);\n line-height: var(--tw-leading, var(--text-xxxs--line-height));\n }\n .text-\\[6px\\] {\n font-size: 6px;\n }\n .text-\\[8px\\] {\n font-size: 8px;\n }\n .text-\\[10px\\] {\n font-size: 10px;\n }\n .text-\\[12px\\] {\n font-size: 12px;\n }\n .text-\\[14px\\] {\n font-size: 14px;\n }\n .text-\\[calc\\(var\\(--size\\)\\/2\\.50\\)\\] {\n font-size: calc(var(--size) / 2.50);\n }\n .leading-\\[6px\\] {\n --tw-leading: 6px;\n line-height: 6px;\n }\n .leading-\\[8px\\] {\n --tw-leading: 8px;\n line-height: 8px;\n }\n .leading-\\[10px\\] {\n --tw-leading: 10px;\n line-height: 10px;\n }\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n .font-normal {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n .text-pretty {\n text-wrap: pretty;\n }\n .whitespace-nowrap {\n white-space: nowrap;\n }\n .text-\\(--d-dot-text\\) {\n color: var(--d-dot-text);\n }\n .text-\\(--d-text\\) {\n color: var(--d-text);\n }\n .text-\\[var\\(--description-color\\,var\\(--i-description-color\\)\\)\\] {\n color: var(--description-color,var(--i-description-color));\n }\n .text-\\[var\\(--dismiss-color\\,var\\(--i-dismiss-color\\)\\)\\] {\n color: var(--dismiss-color,var(--i-dismiss-color));\n }\n .text-\\[var\\(--i-text-color\\)\\] {\n color: var(--i-text-color);\n }\n .text-\\[var\\(--icon-color\\,var\\(--i-icon-color\\)\\)\\] {\n color: var(--icon-color,var(--i-icon-color));\n }\n .text-\\[var\\(--message-color\\,var\\(--i-message-color\\)\\)\\] {\n color: var(--message-color,var(--i-message-color));\n }\n .text-\\[var\\(--tag-text-color\\)\\] {\n color: var(--tag-text-color);\n }\n .text-color-base {\n color: var(--plus-color-text-base);\n }\n .text-color-caption {\n color: var(--plus-color-text-caption);\n }\n .text-color-danger {\n color: var(--plus-color-text-danger);\n }\n .text-color-default {\n color: var(--plus-color-text-default);\n }\n .text-color-disabled {\n color: var(--plus-color-text-disabled);\n }\n .text-color-dynamic {\n color: var(--text-color,var(--i-text-color));\n }\n .text-color-info {\n color: var(--plus-color-text-info);\n }\n .text-color-link {\n color: var(--plus-color-text-link);\n }\n .text-color-placeholder {\n color: var(--plus-color-text-placeholder);\n }\n .text-color-primary {\n color: var(--plus-color-text-primary);\n }\n .text-color-success {\n color: var(--plus-color-text-success);\n }\n .text-color-warning {\n color: var(--plus-color-text-warning);\n }\n .text-inherit {\n color: inherit;\n }\n .text-white {\n color: var(--color-white);\n }\n .uppercase {\n text-transform: uppercase;\n }\n .underline {\n text-decoration-line: underline;\n }\n .antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .opacity-0 {\n opacity: 0%;\n }\n .opacity-50 {\n opacity: 50%;\n }\n .opacity-60 {\n opacity: 60%;\n }\n .opacity-100 {\n opacity: 100%;\n }\n .shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .ring-default {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n .ring {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n .blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n }\n .invert {\n --tw-invert: invert(100%);\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n }\n .transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-opacity {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .duration-150 {\n --tw-duration: 150ms;\n transition-duration: 150ms;\n }\n .duration-200 {\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n .duration-300 {\n --tw-duration: 300ms;\n transition-duration: 300ms;\n }\n .duration-400 {\n --tw-duration: 400ms;\n transition-duration: 400ms;\n }\n .duration-500 {\n --tw-duration: 500ms;\n transition-duration: 500ms;\n }\n .ease-bounce {\n --tw-ease: cubic-bezier(0.34, 1.56, 0.64, 1);\n transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n .select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n .group-hover\\/base\\:\\!bg-\\(--d-switch-bg\\) {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--d-switch-bg) !important;\n }\n }\n }\n .group-hover\\/base\\:bg-\\(--d-switch-bg-hover\\) {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--d-switch-bg-hover);\n }\n }\n }\n .group-hover\\/base\\:bg-color-danger-hovered {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--plus-color-background-danger-hovered);\n }\n }\n }\n .group-hover\\/base\\:bg-color-danger-invert-hovered {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--plus-color-background-danger-invert-hovered);\n }\n }\n }\n .group-hover\\/base\\:bg-color-default-hovered {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--plus-color-background-default-hovered);\n }\n }\n }\n .group-hover\\/base\\:\\!shadow-none {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n --tw-shadow: 0 0 #0000 !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n }\n }\n .group-hover\\/base\\:shadow-sm {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n }\n .group-active\\/base\\:-ml-1 {\n &:is(:where(.group\\/base):active *) {\n margin-left: calc(var(--spacing) * -1);\n }\n }\n .group-active\\/base\\:-ml-1\\.5 {\n &:is(:where(.group\\/base):active *) {\n margin-left: calc(var(--spacing) * -1.5);\n }\n }\n .group-active\\/base\\:h-4 {\n &:is(:where(.group\\/base):active *) {\n height: calc(var(--spacing) * 4);\n }\n }\n .group-active\\/base\\:h-4\\.5 {\n &:is(:where(.group\\/base):active *) {\n height: calc(var(--spacing) * 4.5);\n }\n }\n .group-active\\/base\\:h-5 {\n &:is(:where(.group\\/base):active *) {\n height: calc(var(--spacing) * 5);\n }\n }\n .group-active\\/base\\:w-5 {\n &:is(:where(.group\\/base):active *) {\n width: calc(var(--spacing) * 5);\n }\n }\n .group-active\\/base\\:w-6 {\n &:is(:where(.group\\/base):active *) {\n width: calc(var(--spacing) * 6);\n }\n }\n .group-active\\/base\\:w-6\\.5 {\n &:is(:where(.group\\/base):active *) {\n width: calc(var(--spacing) * 6.5);\n }\n }\n .group-active\\/base\\:\\!transform-none {\n &:is(:where(.group\\/base):active *) {\n transform: none !important;\n }\n }\n .group-active\\/base\\:\\!bg-\\(--d-switch-bg\\) {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--d-switch-bg) !important;\n }\n }\n .group-active\\/base\\:bg-\\(--d-switch-bg-active\\) {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--d-switch-bg-active);\n }\n }\n .group-active\\/base\\:bg-color-danger-invert-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-danger-invert-pressed);\n }\n }\n .group-active\\/base\\:bg-color-danger-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-danger-pressed);\n }\n }\n .group-active\\/base\\:bg-color-default-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-default-pressed);\n }\n }\n .group-active\\/base\\:bg-color-primary-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-primary-pressed);\n }\n }\n .peer-checked\\:scale-100 {\n &:is(:where(.peer):checked ~ *) {\n --tw-scale-x: 100%;\n --tw-scale-y: 100%;\n --tw-scale-z: 100%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n }\n .peer-checked\\:opacity-100 {\n &:is(:where(.peer):checked ~ *) {\n opacity: 100%;\n }\n }\n .peer-disabled\\:cursor-not-allowed {\n &:is(:where(.peer):disabled ~ *) {\n cursor: not-allowed;\n }\n }\n .placeholder\\:text-color-danger {\n &::placeholder {\n color: var(--plus-color-text-danger);\n }\n }\n .placeholder\\:text-color-default {\n &::placeholder {\n color: var(--plus-color-text-default);\n }\n }\n .placeholder\\:text-color-disabled {\n &::placeholder {\n color: var(--plus-color-text-disabled);\n }\n }\n .placeholder\\:text-color-placeholder {\n &::placeholder {\n color: var(--plus-color-text-placeholder);\n }\n }\n .before\\:absolute {\n &::before {\n content: var(--tw-content);\n position: absolute;\n }\n }\n .before\\:inset-0 {\n &::before {\n content: var(--tw-content);\n inset: calc(var(--spacing) * 0);\n }\n }\n .before\\:-top-1\\.5 {\n &::before {\n content: var(--tw-content);\n top: calc(var(--spacing) * -1.5);\n }\n }\n .before\\:-left-3 {\n &::before {\n content: var(--tw-content);\n left: calc(var(--spacing) * -3);\n }\n }\n .before\\:z-10 {\n &::before {\n content: var(--tw-content);\n z-index: 10;\n }\n }\n .before\\:h-10 {\n &::before {\n content: var(--tw-content);\n height: calc(var(--spacing) * 10);\n }\n }\n .before\\:w-10 {\n &::before {\n content: var(--tw-content);\n width: calc(var(--spacing) * 10);\n }\n }\n .before\\:cursor-pointer {\n &::before {\n content: var(--tw-content);\n cursor: pointer;\n }\n }\n .before\\:rounded-full {\n &::before {\n content: var(--tw-content);\n border-radius: calc(infinity * 1px);\n }\n }\n .before\\:bg-transparent {\n &::before {\n content: var(--tw-content);\n background-color: transparent;\n }\n }\n .before\\:content-\\[\\'\\'\\] {\n &::before {\n content: var(--tw-content);\n --tw-content: '';\n content: var(--tw-content);\n }\n }\n .after\\:ml-0\\.5 {\n &::after {\n content: var(--tw-content);\n margin-left: calc(var(--spacing) * 0.5);\n }\n }\n .after\\:text-color-default {\n &::after {\n content: var(--tw-content);\n color: var(--plus-color-text-default);\n }\n }\n .after\\:text-color-disabled {\n &::after {\n content: var(--tw-content);\n color: var(--plus-color-text-disabled);\n }\n }\n .after\\:content-\\[\\'\\*\\'\\] {\n &::after {\n content: var(--tw-content);\n --tw-content: '*';\n content: var(--tw-content);\n }\n }\n .visited\\:text-color-visited {\n &:visited {\n color: var(--plus-color-text-visited);\n }\n }\n .empty\\:hidden {\n &:empty {\n display: none;\n }\n }\n .focus-within\\:z-\\[1\\] {\n &:focus-within {\n z-index: 1;\n }\n }\n .focus-within\\:border-color-danger {\n &:focus-within {\n border-color: var(--plus-color-border-danger);\n }\n }\n .focus-within\\:border-color-primary {\n &:focus-within {\n border-color: var(--plus-color-border-primary);\n }\n }\n .focus-within\\:ring-default {\n &:focus-within {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n }\n .hover\\:border-color-danger {\n &:hover {\n @media (hover: hover) {\n border-color: var(--plus-color-border-danger);\n }\n }\n }\n .hover\\:border-color-disabled {\n &:hover {\n @media (hover: hover) {\n border-color: var(--plus-color-border-disabled);\n }\n }\n }\n .hover\\:border-color-primary {\n &:hover {\n @media (hover: hover) {\n border-color: var(--plus-color-border-primary);\n }\n }\n }\n .hover\\:bg-\\[var\\(--i-bg-hovered\\)\\] {\n &:hover {\n @media (hover: hover) {\n background-color: var(--i-bg-hovered);\n }\n }\n }\n .hover\\:bg-blue-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-600);\n }\n }\n }\n .hover\\:bg-color-default-hovered {\n &:hover {\n @media (hover: hover) {\n background-color: var(--plus-color-background-default-hovered);\n }\n }\n }\n .hover\\:bg-color-dynamic-hovered {\n &:hover {\n @media (hover: hover) {\n background-color: var(--bg-hovered,var(--i-bg-hovered));\n }\n }\n }\n .hover\\:bg-color-primary-hovered {\n &:hover {\n @media (hover: hover) {\n background-color: var(--plus-color-background-primary-hovered);\n }\n }\n }\n .hover\\:bg-green-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-green-600);\n }\n }\n }\n .hover\\:bg-transparent {\n &:hover {\n @media (hover: hover) {\n background-color: transparent;\n }\n }\n }\n .hover\\:text-color-caption {\n &:hover {\n @media (hover: hover) {\n color: var(--plus-color-text-caption);\n }\n }\n }\n .hover\\:text-color-default {\n &:hover {\n @media (hover: hover) {\n color: var(--plus-color-text-default);\n }\n }\n }\n .hover\\:text-color-primary {\n &:hover {\n @media (hover: hover) {\n color: var(--plus-color-text-primary);\n }\n }\n }\n .hover\\:underline {\n &:hover {\n @media (hover: hover) {\n text-decoration-line: underline;\n }\n }\n }\n .focus\\:ring-1 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus\\:ring-offset-1 {\n &:focus {\n --tw-ring-offset-width: 1px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n }\n .focus\\:outline-none {\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .focus-visible\\:bg-\\(--d-bg-focused\\) {\n &:focus-visible {\n background-color: var(--d-bg-focused);\n }\n }\n .focus-visible\\:bg-color-dynamic-focused {\n &:focus-visible {\n background-color: var(--bg-focused,var(--i-bg-focused));\n }\n }\n .focus-visible\\:ring-default {\n &:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n }\n .focus-visible\\:ring-2 {\n &:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus-visible\\:outline-none {\n &:focus-visible {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .active\\:bg-\\[var\\(--i-bg-pressed\\)\\] {\n &:active {\n background-color: var(--i-bg-pressed);\n }\n }\n .active\\:bg-color-default-pressed {\n &:active {\n background-color: var(--plus-color-background-default-pressed);\n }\n }\n .active\\:bg-color-dynamic-pressed {\n &:active {\n background-color: var(--bg-pressed,var(--i-bg-pressed));\n }\n }\n .active\\:bg-color-primary-pressed {\n &:active {\n background-color: var(--plus-color-background-primary-pressed);\n }\n }\n .enabled\\:hover\\:bg-\\(--d-bg-hovered\\) {\n &:enabled {\n &:hover {\n @media (hover: hover) {\n background-color: var(--d-bg-hovered);\n }\n }\n }\n }\n .enabled\\:focus-visible\\:bg-\\(--d-bg-focused\\) {\n &:enabled {\n &:focus-visible {\n background-color: var(--d-bg-focused);\n }\n }\n }\n .enabled\\:focus-visible\\:ring-default {\n &:enabled {\n &:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n }\n }\n .enabled\\:active\\:bg-\\(--d-bg-pressed\\) {\n &:enabled {\n &:active {\n background-color: var(--d-bg-pressed);\n }\n }\n }\n .disabled\\:cursor-not-allowed {\n &:disabled {\n cursor: not-allowed;\n }\n }\n .motion-reduce\\:transition-none {\n @media (prefers-reduced-motion: reduce) {\n transition-property: none;\n }\n }\n}\n@font-face {\n font-family: 'Inter Variable';\n font-style: normal;\n font-display: swap;\n font-weight: 100 900;\n src: url(../../../../node_modules/.pnpm/@fontsource-variable+inter@5.2.6/node_modules/@fontsource-variable/inter/files/inter-cyrillic-ext-wght-normal.woff2) format('woff2-variations');\n unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n@font-face {\n font-family: 'Inter Variable';\n font-style: normal;\n font-display: swap;\n font-weight: 100 900;\n src: url(../../../../node_modules/.pnpm/@fontsource-variable+inter@5.2.6/node_modules/@fontsource-variable/inter/files/inter-cyrillic-wght-normal.woff2) format('woff2-variations');\n unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n@font-face {\n font-family: 'Inter Variable';\n font-style: normal;\n font-display: swap;\n font-weight: 100 900;\n src: url(../../../../node_modules/.pnpm/@fontsource-variable+inter@5.2.6/node_modules/@fontsource-variable/inter/files/inter-greek-ext-wght-normal.woff2) format('woff2-variations');\n unicode-range: U+1F00-1FFF;\n}\n@font-face {\n font-family: 'Inter Variable';\n font-style: normal;\n font-display: swap;\n font-weight: 100 900;\n src: url(../../../../node_modules/.pnpm/@fontsource-variable+inter@5.2.6/node_modules/@fontsource-variable/inter/files/inter-greek-wght-normal.woff2) format('woff2-variations');\n unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n@font-face {\n font-family: 'Inter Variable';\n font-style: normal;\n font-display: swap;\n font-weight: 100 900;\n src: url(../../../../node_modules/.pnpm/@fontsource-variable+inter@5.2.6/node_modules/@fontsource-variable/inter/files/inter-vietnamese-wght-normal.woff2) format('woff2-variations');\n unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n@font-face {\n font-family: 'Inter Variable';\n font-style: normal;\n font-display: swap;\n font-weight: 100 900;\n src: url(../../../../node_modules/.pnpm/@fontsource-variable+inter@5.2.6/node_modules/@fontsource-variable/inter/files/inter-latin-ext-wght-normal.woff2) format('woff2-variations');\n unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n@font-face {\n font-family: 'Inter Variable';\n font-style: normal;\n font-display: swap;\n font-weight: 100 900;\n src: url(../../../../node_modules/.pnpm/@fontsource-variable+inter@5.2.6/node_modules/@fontsource-variable/inter/files/inter-latin-wght-normal.woff2) format('woff2-variations');\n unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}\n:root {\n --plus-color-background-surface: var(--plus-color-base-white);\n --plus-color-background-disabled-default: var(--plus-color-neutral-200);\n --plus-color-background-transparent: var(--plus-color-base-transparent);\n --plus-color-background-divider: var(--plus-color-neutral-400);\n --plus-color-background-modal: var(--plus-color-base-white);\n --plus-color-background-overlay: var(--plus-color-neutral-950);\n --plus-color-background-default-default: var(--plus-color-neutral-100);\n --plus-color-background-default-hovered: var(--plus-color-neutral-200);\n --plus-color-background-default-pressed: var(--plus-color-neutral-300);\n --plus-color-background-default-focused: var(--plus-color-neutral-100);\n --plus-color-background-default-loading: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-default: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-hovered: var(--plus-color-neutral-800);\n --plus-color-background-default-invert-pressed: var(--plus-color-neutral-900);\n --plus-color-background-default-invert-focused: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-loading: var(--plus-color-neutral-900);\n --plus-color-background-primary-default: var(--plus-color-primary-700);\n --plus-color-background-primary-hovered: var(--plus-color-primary-800);\n --plus-color-background-primary-pressed: var(--plus-color-primary-900);\n --plus-color-background-primary-focused: var(--plus-color-primary-700);\n --plus-color-background-primary-loading: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-default: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-hovered: var(--plus-color-primary-200);\n --plus-color-background-primary-invert-pressed: var(--plus-color-primary-300);\n --plus-color-background-primary-invert-focused: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-loading: var(--plus-color-primary-300);\n --plus-color-background-info-default: var(--plus-color-info-700);\n --plus-color-background-info-hovered: var(--plus-color-info-800);\n --plus-color-background-info-pressed: var(--plus-color-info-900);\n --plus-color-background-info-focused: var(--plus-color-info-700);\n --plus-color-background-info-loading: var(--plus-color-info-900);\n --plus-color-background-info-invert-default: var(--plus-color-info-100);\n --plus-color-background-info-invert-hovered: var(--plus-color-info-200);\n --plus-color-background-info-invert-pressed: var(--plus-color-info-300);\n --plus-color-background-info-invert-focused: var(--plus-color-info-100);\n --plus-color-background-info-invert-loading: var(--plus-color-info-300);\n --plus-color-background-success-default: var(--plus-color-success-700);\n --plus-color-background-success-hovered: var(--plus-color-success-800);\n --plus-color-background-success-pressed: var(--plus-color-success-900);\n --plus-color-background-success-focused: var(--plus-color-success-700);\n --plus-color-background-success-loading: var(--plus-color-success-900);\n --plus-color-background-success-invert-default: var(--plus-color-success-100);\n --plus-color-background-success-invert-hovered: var(--plus-color-success-200);\n --plus-color-background-success-invert-pressed: var(--plus-color-success-300);\n --plus-color-background-success-invert-focused: var(--plus-color-success-100);\n --plus-color-background-success-invert-loading: var(--plus-color-success-300);\n --plus-color-background-warning-default: var(--plus-color-warning-700);\n --plus-color-background-warning-hovered: var(--plus-color-warning-800);\n --plus-color-background-warning-pressed: var(--plus-color-warning-900);\n --plus-color-background-warning-focused: var(--plus-color-warning-700);\n --plus-color-background-warning-loading: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-default: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-hovered: var(--plus-color-warning-200);\n --plus-color-background-warning-invert-pressed: var(--plus-color-warning-300);\n --plus-color-background-warning-invert-focused: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-loading: var(--plus-color-warning-300);\n --plus-color-background-danger-default: var(--plus-color-danger-700);\n --plus-color-background-danger-hovered: var(--plus-color-danger-800);\n --plus-color-background-danger-pressed: var(--plus-color-danger-900);\n --plus-color-background-danger-focused: var(--plus-color-danger-700);\n --plus-color-background-danger-loading: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-default: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-hovered: var(--plus-color-danger-200);\n --plus-color-background-danger-invert-pressed: var(--plus-color-danger-300);\n --plus-color-background-danger-invert-focused: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-loading: var(--plus-color-danger-300);\n --plus-color-text-base: var(--plus-color-base-white);\n --plus-color-text-default: var(--plus-color-neutral-950);\n --plus-color-text-primary: var(--plus-color-primary-700);\n --plus-color-text-info: var(--plus-color-info-700);\n --plus-color-text-success: var(--plus-color-success-700);\n --plus-color-text-warning: var(--plus-color-warning-700);\n --plus-color-text-danger: var(--plus-color-danger-700);\n --plus-color-text-placeholder: var(--plus-color-neutral-500);\n --plus-color-text-caption: var(--plus-color-neutral-600);\n --plus-color-text-link: var(--color-blue-700);\n --plus-color-text-visited: var(--color-purple-700);\n --plus-color-text-loading: var(--plus-color-neutral-700);\n --plus-color-text-disabled: var(--plus-color-neutral-400);\n --plus-color-text-base-invert: var(--plus-color-neutral-950);\n --plus-color-text-default-invert: var(--plus-color-base-white);\n --plus-color-text-primary-invert: var(--plus-color-primary-100);\n --plus-color-text-info-invert: var(--plus-color-info-100);\n --plus-color-text-success-invert: var(--plus-color-success-100);\n --plus-color-text-warning-invert: var(--plus-color-warning-100);\n --plus-color-text-danger-invert: var(--plus-color-danger-100);\n --plus-color-text-placeholder-invert: var(--plus-color-neutral-500);\n --plus-color-text-caption-invert: var(--plus-color-neutral-100);\n --plus-color-text-link-invert: var(--color-blue-100);\n --plus-color-text-visited-invert: var(--color-purple-100);\n --plus-color-text-loading-invert: var(--plus-color-neutral-100);\n --plus-color-border-base: var(--plus-color-base-white);\n --plus-color-border-default: var(--plus-color-neutral-400);\n --plus-color-border-primary: var(--plus-color-primary-700);\n --plus-color-border-info: var(--plus-color-info-700);\n --plus-color-border-success: var(--plus-color-success-700);\n --plus-color-border-warning: var(--plus-color-warning-700);\n --plus-color-border-danger: var(--plus-color-danger-700);\n --plus-color-border-ring: var(--color-blue-300);\n --plus-color-border-disabled: var(--plus-color-neutral-300);\n}\n[data-theme='dark'] {\n --plus-color-background-surface: var(--plus-color-base-black);\n --plus-color-background-disabled-default: var(--plus-color-neutral-800);\n --plus-color-background-transparent: var(--plus-color-base-transparent);\n --plus-color-background-divider: var(--plus-color-neutral-600);\n --plus-color-background-modal: var(--plus-color-neutral-900);\n --plus-color-background-overlay: var(--plus-color-neutral-950);\n --plus-color-background-default-default: var(--plus-color-neutral-900);\n --plus-color-background-default-hovered: var(--plus-color-neutral-800);\n --plus-color-background-default-pressed: var(--plus-color-neutral-700);\n --plus-color-background-default-focused: var(--plus-color-neutral-900);\n --plus-color-background-default-loading: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-default: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-hovered: var(--plus-color-neutral-200);\n --plus-color-background-default-invert-pressed: var(--plus-color-neutral-100);\n --plus-color-background-default-invert-focused: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-loading: var(--plus-color-neutral-100);\n --plus-color-background-primary-default: var(--plus-color-primary-300);\n --plus-color-background-primary-hovered: var(--plus-color-primary-200);\n --plus-color-background-primary-pressed: var(--plus-color-primary-100);\n --plus-color-background-primary-focused: var(--plus-color-primary-300);\n --plus-color-background-primary-loading: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-default: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-hovered: var(--plus-color-primary-800);\n --plus-color-background-primary-invert-pressed: var(--plus-color-primary-700);\n --plus-color-background-primary-invert-focused: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-loading: var(--plus-color-primary-700);\n --plus-color-background-info-default: var(--plus-color-info-300);\n --plus-color-background-info-hovered: var(--plus-color-info-200);\n --plus-color-background-info-pressed: var(--plus-color-info-100);\n --plus-color-background-info-focused: var(--plus-color-info-300);\n --plus-color-background-info-loading: var(--plus-color-info-100);\n --plus-color-background-info-invert-default: var(--plus-color-info-900);\n --plus-color-background-info-invert-hovered: var(--plus-color-info-800);\n --plus-color-background-info-invert-pressed: var(--plus-color-info-700);\n --plus-color-background-info-invert-focused: var(--plus-color-info-900);\n --plus-color-background-info-invert-loading: var(--plus-color-info-700);\n --plus-color-background-success-default: var(--plus-color-success-300);\n --plus-color-background-success-hovered: var(--plus-color-success-200);\n --plus-color-background-success-pressed: var(--plus-color-success-100);\n --plus-color-background-success-focused: var(--plus-color-success-300);\n --plus-color-background-success-loading: var(--plus-color-success-100);\n --plus-color-background-success-invert-default: var(--plus-color-success-900);\n --plus-color-background-success-invert-hovered: var(--plus-color-success-800);\n --plus-color-background-success-invert-pressed: var(--plus-color-success-700);\n --plus-color-background-success-invert-focused: var(--plus-color-success-900);\n --plus-color-background-success-invert-loading: var(--plus-color-success-700);\n --plus-color-background-warning-default: var(--plus-color-warning-300);\n --plus-color-background-warning-hovered: var(--plus-color-warning-200);\n --plus-color-background-warning-pressed: var(--plus-color-warning-100);\n --plus-color-background-warning-focused: var(--plus-color-warning-300);\n --plus-color-background-warning-loading: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-default: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-hovered: var(--plus-color-warning-800);\n --plus-color-background-warning-invert-pressed: var(--plus-color-warning-700);\n --plus-color-background-warning-invert-focused: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-loading: var(--plus-color-warning-700);\n --plus-color-background-danger-default: var(--plus-color-danger-300);\n --plus-color-background-danger-hovered: var(--plus-color-danger-200);\n --plus-color-background-danger-pressed: var(--plus-color-danger-100);\n --plus-color-background-danger-focused: var(--plus-color-danger-300);\n --plus-color-background-danger-loading: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-default: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-hovered: var(--plus-color-danger-800);\n --plus-color-background-danger-invert-pressed: var(--plus-color-danger-700);\n --plus-color-background-danger-invert-focused: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-loading: var(--plus-color-danger-700);\n --plus-color-text-base: var(--plus-color-neutral-950);\n --plus-color-text-default: var(--plus-color-base-white);\n --plus-color-text-primary: var(--plus-color-primary-300);\n --plus-color-text-info: var(--plus-color-info-300);\n --plus-color-text-success: var(--plus-color-success-300);\n --plus-color-text-warning: var(--plus-color-warning-300);\n --plus-color-text-danger: var(--plus-color-danger-300);\n --plus-color-text-placeholder: var(--plus-color-neutral-500);\n --plus-color-text-caption: var(--plus-color-neutral-400);\n --plus-color-text-link: var(--color-blue-300);\n --plus-color-text-visited: var(--color-purple-300);\n --plus-color-text-loading: var(--plus-color-neutral-300);\n --plus-color-text-disabled: var(--plus-color-neutral-600);\n --plus-color-text-base-invert: var(--plus-color-base-white);\n --plus-color-text-default-invert: var(--plus-color-neutral-950);\n --plus-color-text-primary-invert: var(--plus-color-primary-900);\n --plus-color-text-info-invert: var(--plus-color-info-900);\n --plus-color-text-success-invert: var(--plus-color-success-900);\n --plus-color-text-warning-invert: var(--plus-color-warning-900);\n --plus-color-text-danger-invert: var(--plus-color-danger-900);\n --plus-color-text-placeholder-invert: var(--plus-color-neutral-500);\n --plus-color-text-caption-invert: var(--plus-color-neutral-900);\n --plus-color-text-link-invert: var(--color-blue-900);\n --plus-color-text-visited-invert: var(--color-purple-900);\n --plus-color-text-loading-invert: var(--plus-color-neutral-900);\n --plus-color-border-base: var(--plus-color-neutral-950);\n --plus-color-border-default: var(--plus-color-neutral-600);\n --plus-color-border-primary: var(--plus-color-primary-300);\n --plus-color-border-info: var(--plus-color-info-300);\n --plus-color-border-success: var(--plus-color-success-300);\n --plus-color-border-warning: var(--plus-color-warning-300);\n --plus-color-border-danger: var(--plus-color-danger-300);\n --plus-color-border-ring: var(--color-blue-700);\n --plus-color-border-disabled: var(--plus-color-neutral-700);\n}\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-scale-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-rotate-x {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-leading {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-blur {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-brightness {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-contrast {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-grayscale {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-hue-rotate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-invert {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-opacity {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-saturate {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-sepia {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-duration {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ease {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-content {\n syntax: \"*\";\n initial-value: \"\";\n inherits: false;\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n *, ::before, ::after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-border-style: solid;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-outline-style: solid;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-duration: initial;\n --tw-ease: initial;\n --tw-content: \"\";\n }\n }\n}\n";
|
|
29
|
+
styleInject(css_248z);
|
|
30
|
+
|
|
31
|
+
export { css_248z as c };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var n='/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer base, plus-ui-core, theme, components, utilities;\n@layer theme {\n :root, :host {\n --font-sans: \'Inter Variable\', \'Inter\', ui-sans-serif, system-ui, sans-serif,\n \'Apple Color Emoji\', \'Segoe UI Emoji\', \'Segoe UI Symbol\', \'Noto Color Emoji\';\n --color-red-50: oklch(97.1% 0.013 17.38);\n --color-red-100: oklch(93.6% 0.032 17.717);\n --color-red-200: oklch(88.5% 0.062 18.334);\n --color-red-300: oklch(80.8% 0.114 19.571);\n --color-red-400: oklch(70.4% 0.191 22.216);\n --color-red-500: oklch(63.7% 0.237 25.331);\n --color-red-600: oklch(57.7% 0.245 27.325);\n --color-red-700: oklch(50.5% 0.213 27.518);\n --color-red-800: oklch(44.4% 0.177 26.899);\n --color-red-900: oklch(39.6% 0.141 25.723);\n --color-red-950: oklch(25.8% 0.092 26.042);\n --color-yellow-50: oklch(98.7% 0.026 102.212);\n --color-yellow-100: oklch(97.3% 0.071 103.193);\n --color-yellow-200: oklch(94.5% 0.129 101.54);\n --color-yellow-300: oklch(90.5% 0.182 98.111);\n --color-yellow-400: oklch(85.2% 0.199 91.936);\n --color-yellow-500: oklch(79.5% 0.184 86.047);\n --color-yellow-600: oklch(68.1% 0.162 75.834);\n --color-yellow-700: oklch(55.4% 0.135 66.442);\n --color-yellow-800: oklch(47.6% 0.114 61.907);\n --color-yellow-900: oklch(42.1% 0.095 57.708);\n --color-yellow-950: oklch(28.6% 0.066 53.813);\n --color-green-50: oklch(98.2% 0.018 155.826);\n --color-green-100: oklch(96.2% 0.044 156.743);\n --color-green-200: oklch(92.5% 0.084 155.995);\n --color-green-300: oklch(87.1% 0.15 154.449);\n --color-green-400: oklch(79.2% 0.209 151.711);\n --color-green-500: oklch(72.3% 0.219 149.579);\n --color-green-600: oklch(62.7% 0.194 149.214);\n --color-green-700: oklch(52.7% 0.154 150.069);\n --color-green-800: oklch(44.8% 0.119 151.328);\n --color-green-900: oklch(39.3% 0.095 152.535);\n --color-green-950: oklch(26.6% 0.065 152.934);\n --color-blue-50: oklch(97% 0.014 254.604);\n --color-blue-100: oklch(93.2% 0.032 255.585);\n --color-blue-200: oklch(88.2% 0.059 254.128);\n --color-blue-300: oklch(80.9% 0.105 251.813);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-blue-500: oklch(62.3% 0.214 259.815);\n --color-blue-600: oklch(54.6% 0.245 262.881);\n --color-blue-700: oklch(48.8% 0.243 264.376);\n --color-blue-800: oklch(42.4% 0.199 265.638);\n --color-blue-900: oklch(37.9% 0.146 265.522);\n --color-blue-950: oklch(28.2% 0.091 267.935);\n --color-indigo-50: oklch(96.2% 0.018 272.314);\n --color-indigo-100: oklch(93% 0.034 272.788);\n --color-indigo-200: oklch(87% 0.065 274.039);\n --color-indigo-300: oklch(78.5% 0.115 274.713);\n --color-indigo-400: oklch(67.3% 0.182 276.935);\n --color-indigo-500: oklch(58.5% 0.233 277.117);\n --color-indigo-600: oklch(51.1% 0.262 276.966);\n --color-indigo-700: oklch(45.7% 0.24 277.023);\n --color-indigo-800: oklch(39.8% 0.195 277.366);\n --color-indigo-900: oklch(35.9% 0.144 278.697);\n --color-indigo-950: oklch(25.7% 0.09 281.288);\n --color-purple-100: oklch(94.6% 0.033 307.174);\n --color-purple-300: oklch(82.7% 0.119 306.383);\n --color-purple-700: oklch(49.6% 0.265 301.924);\n --color-purple-900: oklch(38.1% 0.176 304.987);\n --color-gray-50: oklch(98.5% 0.002 247.839);\n --color-gray-100: oklch(96.7% 0.003 264.542);\n --color-gray-200: oklch(92.8% 0.006 264.531);\n --color-gray-300: oklch(87.2% 0.01 258.338);\n --color-gray-400: oklch(70.7% 0.022 261.325);\n --color-gray-500: oklch(55.1% 0.027 264.364);\n --color-gray-600: oklch(44.6% 0.03 256.802);\n --color-gray-700: oklch(37.3% 0.034 259.733);\n --color-gray-800: oklch(27.8% 0.033 256.848);\n --color-gray-900: oklch(21% 0.034 264.665);\n --color-gray-950: oklch(13% 0.028 261.692);\n --color-neutral-300: oklch(87% 0 0);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-sm: 24rem;\n --container-md: 28rem;\n --container-lg: 32rem;\n --container-xl: 36rem;\n --container-2xl: 42rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --ease-out: cubic-bezier(0, 0, 0.2, 1);\n --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n --animate-spin: spin 2s linear infinite;\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --default-font-family: var(--font-sans);\n --plus-color-base-white: var(--color-white);\n --plus-color-base-black: var(--color-black);\n --plus-color-base-transparent: transparent;\n --plus-color-neutral-100: var(--color-gray-100);\n --plus-color-neutral-200: var(--color-gray-200);\n --plus-color-neutral-300: var(--color-gray-300);\n --plus-color-neutral-400: var(--color-gray-400);\n --plus-color-neutral-500: var(--color-gray-500);\n --plus-color-neutral-600: var(--color-gray-600);\n --plus-color-neutral-700: var(--color-gray-700);\n --plus-color-neutral-800: var(--color-gray-800);\n --plus-color-neutral-900: var(--color-gray-900);\n --plus-color-neutral-950: var(--color-gray-950);\n --plus-color-primary-100: var(--color-indigo-100);\n --plus-color-primary-200: var(--color-indigo-200);\n --plus-color-primary-300: var(--color-indigo-300);\n --plus-color-primary-700: var(--color-indigo-700);\n --plus-color-primary-800: var(--color-indigo-800);\n --plus-color-primary-900: var(--color-indigo-900);\n --plus-color-info-100: var(--color-blue-100);\n --plus-color-info-200: var(--color-blue-200);\n --plus-color-info-300: var(--color-blue-300);\n --plus-color-info-700: var(--color-blue-700);\n --plus-color-info-800: var(--color-blue-800);\n --plus-color-info-900: var(--color-blue-900);\n --plus-color-success-100: var(--color-green-100);\n --plus-color-success-200: var(--color-green-200);\n --plus-color-success-300: var(--color-green-300);\n --plus-color-success-700: var(--color-green-700);\n --plus-color-success-800: var(--color-green-800);\n --plus-color-success-900: var(--color-green-900);\n --plus-color-warning-100: var(--color-yellow-100);\n --plus-color-warning-200: var(--color-yellow-200);\n --plus-color-warning-300: var(--color-yellow-300);\n --plus-color-warning-700: var(--color-yellow-700);\n --plus-color-warning-800: var(--color-yellow-800);\n --plus-color-warning-900: var(--color-yellow-900);\n --plus-color-danger-100: var(--color-red-100);\n --plus-color-danger-200: var(--color-red-200);\n --plus-color-danger-300: var(--color-red-300);\n --plus-color-danger-700: var(--color-red-700);\n --plus-color-danger-800: var(--color-red-800);\n --plus-color-danger-900: var(--color-red-900);\n --text-xxxs: 0.5rem;\n --text-xxxs--line-height: calc(1 / 0.5);\n --plus-border-radius-default: var(--radius-sm);\n --plus-border-radius-modal: var(--radius-lg);\n --radius-default: var(--plus-border-radius-default);\n }\n}\n@layer utilities {\n .pointer-events-auto {\n pointer-events: auto;\n }\n .pointer-events-none {\n pointer-events: none;\n }\n .visible {\n visibility: visible;\n }\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n .absolute {\n position: absolute;\n }\n .fixed {\n position: fixed;\n }\n .relative {\n position: relative;\n }\n .static {\n position: static;\n }\n .inset-0 {\n inset: calc(var(--spacing) * 0);\n }\n .inset-x-0 {\n inset-inline: calc(var(--spacing) * 0);\n }\n .inset-y-0 {\n inset-block: calc(var(--spacing) * 0);\n }\n .top-0 {\n top: calc(var(--spacing) * 0);\n }\n .top-0\\.5 {\n top: calc(var(--spacing) * 0.5);\n }\n .top-1 {\n top: calc(var(--spacing) * 1);\n }\n .top-1\\/2 {\n top: calc(1/2 * 100%);\n }\n .top-2 {\n top: calc(var(--spacing) * 2);\n }\n .top-5 {\n top: calc(var(--spacing) * 5);\n }\n .right-0 {\n right: calc(var(--spacing) * 0);\n }\n .right-2 {\n right: calc(var(--spacing) * 2);\n }\n .right-5 {\n right: calc(var(--spacing) * 5);\n }\n .bottom-0 {\n bottom: calc(var(--spacing) * 0);\n }\n .bottom-5 {\n bottom: calc(var(--spacing) * 5);\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .left-0\\.5 {\n left: calc(var(--spacing) * 0.5);\n }\n .left-1 {\n left: calc(var(--spacing) * 1);\n }\n .left-1\\/2 {\n left: calc(1/2 * 100%);\n }\n .left-5 {\n left: calc(var(--spacing) * 5);\n }\n .z-10 {\n z-index: 10;\n }\n .z-40 {\n z-index: 40;\n }\n .z-50 {\n z-index: 50;\n }\n .z-\\[1\\] {\n z-index: 1;\n }\n .z-\\[1000\\] {\n z-index: 1000;\n }\n .container {\n width: 100%;\n @media (width >= 40rem) {\n max-width: 40rem;\n }\n @media (width >= 48rem) {\n max-width: 48rem;\n }\n @media (width >= 64rem) {\n max-width: 64rem;\n }\n @media (width >= 80rem) {\n max-width: 80rem;\n }\n @media (width >= 96rem) {\n max-width: 96rem;\n }\n }\n .mx-\\(--divider-spacing\\) {\n margin-inline: var(--divider-spacing);\n }\n .mx-1 {\n margin-inline: calc(var(--spacing) * 1);\n }\n .mx-1\\.5 {\n margin-inline: calc(var(--spacing) * 1.5);\n }\n .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\n }\n .mx-4 {\n margin-inline: calc(var(--spacing) * 4);\n }\n .mx-auto {\n margin-inline: auto;\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .mt-10 {\n margin-top: calc(var(--spacing) * 10);\n }\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n .ml-1 {\n margin-left: calc(var(--spacing) * 1);\n }\n .ml-1\\.5 {\n margin-left: calc(var(--spacing) * 1.5);\n }\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n .ml-3 {\n margin-left: calc(var(--spacing) * 3);\n }\n .box-content {\n box-sizing: content-box;\n }\n .block {\n display: block;\n }\n .contents {\n display: contents;\n }\n .flex {\n display: flex;\n }\n .grid {\n display: grid;\n }\n .hidden {\n display: none;\n }\n .inline {\n display: inline;\n }\n .inline-flex {\n display: inline-flex;\n }\n .size-2 {\n width: calc(var(--spacing) * 2);\n height: calc(var(--spacing) * 2);\n }\n .size-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n height: calc(var(--spacing) * 2.5);\n }\n .size-3 {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n .size-4 {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n .size-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n height: calc(var(--spacing) * 4.5);\n }\n .size-5 {\n width: calc(var(--spacing) * 5);\n height: calc(var(--spacing) * 5);\n }\n .size-6 {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n .size-9 {\n width: calc(var(--spacing) * 9);\n height: calc(var(--spacing) * 9);\n }\n .size-10 {\n width: calc(var(--spacing) * 10);\n height: calc(var(--spacing) * 10);\n }\n .size-11 {\n width: calc(var(--spacing) * 11);\n height: calc(var(--spacing) * 11);\n }\n .size-\\[var\\(--size\\)\\] {\n width: var(--size);\n height: var(--size);\n }\n .h-1\\.5 {\n height: calc(var(--spacing) * 1.5);\n }\n .h-2 {\n height: calc(var(--spacing) * 2);\n }\n .h-2\\.5 {\n height: calc(var(--spacing) * 2.5);\n }\n .h-2\\/5 {\n height: calc(2/5 * 100%);\n }\n .h-3 {\n height: calc(var(--spacing) * 3);\n }\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n .h-4\\.5 {\n height: calc(var(--spacing) * 4.5);\n }\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n .h-6\\.5 {\n height: calc(var(--spacing) * 6.5);\n }\n .h-7 {\n height: calc(var(--spacing) * 7);\n }\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n .h-11 {\n height: calc(var(--spacing) * 11);\n }\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n .h-96 {\n height: calc(var(--spacing) * 96);\n }\n .h-\\[48px\\] {\n height: 48px;\n }\n .h-\\[52px\\] {\n height: 52px;\n }\n .h-fit {\n height: fit-content;\n }\n .h-full {\n height: 100%;\n }\n .max-h-80 {\n max-height: calc(var(--spacing) * 80);\n }\n .max-h-\\[90vh\\] {\n max-height: 90vh;\n }\n .min-h-\\[52px\\] {\n min-height: 52px;\n }\n .min-h-\\[60px\\] {\n min-height: 60px;\n }\n .min-h-\\[68px\\] {\n min-height: 68px;\n }\n .w-1\\.5 {\n width: calc(var(--spacing) * 1.5);\n }\n .w-2 {\n width: calc(var(--spacing) * 2);\n }\n .w-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n }\n .w-3 {\n width: calc(var(--spacing) * 3);\n }\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n .w-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n }\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n .w-13 {\n width: calc(var(--spacing) * 13);\n }\n .w-14 {\n width: calc(var(--spacing) * 14);\n }\n .w-60 {\n width: calc(var(--spacing) * 60);\n }\n .w-64 {\n width: calc(var(--spacing) * 64);\n }\n .w-72 {\n width: calc(var(--spacing) * 72);\n }\n .w-96 {\n width: calc(var(--spacing) * 96);\n }\n .w-\\[1em\\] {\n width: 1em;\n }\n .w-auto {\n width: auto;\n }\n .w-fit {\n width: fit-content;\n }\n .w-full {\n width: 100%;\n }\n .max-w-2xl {\n max-width: var(--container-2xl);\n }\n .max-w-80 {\n max-width: calc(var(--spacing) * 80);\n }\n .max-w-96 {\n max-width: calc(var(--spacing) * 96);\n }\n .max-w-\\[256px\\] {\n max-width: 256px;\n }\n .max-w-\\[calc\\(100\\%-2rem\\)\\] {\n max-width: calc(100% - 2rem);\n }\n .max-w-full {\n max-width: 100%;\n }\n .max-w-lg {\n max-width: var(--container-lg);\n }\n .max-w-md {\n max-width: var(--container-md);\n }\n .max-w-none {\n max-width: none;\n }\n .max-w-sm {\n max-width: var(--container-sm);\n }\n .max-w-xl {\n max-width: var(--container-xl);\n }\n .min-w-0 {\n min-width: calc(var(--spacing) * 0);\n }\n .min-w-4 {\n min-width: calc(var(--spacing) * 4);\n }\n .min-w-5 {\n min-width: calc(var(--spacing) * 5);\n }\n .min-w-6 {\n min-width: calc(var(--spacing) * 6);\n }\n .min-w-9 {\n min-width: calc(var(--spacing) * 9);\n }\n .min-w-full {\n min-width: 100%;\n }\n .flex-1 {\n flex: 1;\n }\n .flex-shrink-0 {\n flex-shrink: 0;\n }\n .origin-left {\n transform-origin: left;\n }\n .origin-right {\n transform-origin: right;\n }\n .-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-x-full {\n --tw-translate-x: -100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-0 {\n --tw-translate-x: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[-50\\%\\] {\n --tw-translate-x: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[50\\%\\] {\n --tw-translate-x: 50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[calc\\(theme\\(width\\.10\\)-theme\\(width\\.5\\)\\)\\] {\n --tw-translate-x: calc(2.5rem - 1.25rem);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[calc\\(theme\\(width\\.14\\)-theme\\(width\\.7\\)\\)\\] {\n --tw-translate-x: calc(3.5rem - 1.75rem);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-\\[calc\\(var\\(--spacing\\)\\*13-var\\(--spacing\\)\\*6\\.5\\)\\] {\n --tw-translate-x: calc(var(--spacing) * 13 - var(--spacing) * 6.5);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-x-full {\n --tw-translate-x: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-full {\n --tw-translate-y: -100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-0 {\n --tw-translate-y: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-\\[-50\\%\\] {\n --tw-translate-y: -50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-\\[50\\%\\] {\n --tw-translate-y: 50%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-full {\n --tw-translate-y: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .scale-0 {\n --tw-scale-x: 0%;\n --tw-scale-y: 0%;\n --tw-scale-z: 0%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n .scale-95 {\n --tw-scale-x: 95%;\n --tw-scale-y: 95%;\n --tw-scale-z: 95%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n .scale-100 {\n --tw-scale-x: 100%;\n --tw-scale-y: 100%;\n --tw-scale-z: 100%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n .rotate-45 {\n rotate: 45deg;\n }\n .transform {\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n }\n .animate-spin {\n animation: var(--animate-spin);\n }\n .cursor-default {\n cursor: default;\n }\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n .cursor-pointer {\n cursor: pointer;\n }\n .cursor-text {\n cursor: text;\n }\n .cursor-wait {\n cursor: wait;\n }\n .resize {\n resize: both;\n }\n .resize-none {\n resize: none;\n }\n .resize-x {\n resize: horizontal;\n }\n .resize-y {\n resize: vertical;\n }\n .appearance-none {\n appearance: none;\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .items-baseline {\n align-items: baseline;\n }\n .items-center {\n align-items: center;\n }\n .items-end {\n align-items: flex-end;\n }\n .items-start {\n align-items: flex-start;\n }\n .justify-between {\n justify-content: space-between;\n }\n .justify-center {\n justify-content: center;\n }\n .justify-end {\n justify-content: flex-end;\n }\n .justify-start {\n justify-content: flex-start;\n }\n .gap-0 {\n gap: calc(var(--spacing) * 0);\n }\n .gap-0\\.5 {\n gap: calc(var(--spacing) * 0.5);\n }\n .gap-1 {\n gap: calc(var(--spacing) * 1);\n }\n .gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .gap-2\\.5 {\n gap: calc(var(--spacing) * 2.5);\n }\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n .gap-5 {\n gap: calc(var(--spacing) * 5);\n }\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n .gap-x-5 {\n column-gap: calc(var(--spacing) * 5);\n }\n .gap-y-2 {\n row-gap: calc(var(--spacing) * 2);\n }\n .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .overflow-hidden {\n overflow: hidden;\n }\n .overflow-y-auto {\n overflow-y: auto;\n }\n .rounded {\n border-radius: 0.25rem;\n }\n .rounded-default {\n border-radius: var(--radius-default);\n }\n .rounded-full {\n border-radius: calc(infinity * 1px);\n }\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .rounded-none {\n border-radius: 0;\n }\n .rounded-sm {\n border-radius: var(--radius-sm);\n }\n .rounded-t-lg {\n border-top-left-radius: var(--radius-lg);\n border-top-right-radius: var(--radius-lg);\n }\n .rounded-b-lg {\n border-bottom-right-radius: var(--radius-lg);\n border-bottom-left-radius: var(--radius-lg);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-0 {\n border-style: var(--tw-border-style);\n border-width: 0px;\n }\n .border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n .border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n .border-t-0 {\n border-top-style: var(--tw-border-style);\n border-top-width: 0px;\n }\n .border-r-0 {\n border-right-style: var(--tw-border-style);\n border-right-width: 0px;\n }\n .border-r-2 {\n border-right-style: var(--tw-border-style);\n border-right-width: 2px;\n }\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0px;\n }\n .border-b-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n .border-l-0 {\n border-left-style: var(--tw-border-style);\n border-left-width: 0px;\n }\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-\\(--d-border\\) {\n border-color: var(--d-border);\n }\n .border-\\[var\\(--border-color\\,var\\(--i-border-color\\)\\)\\] {\n border-color: var(--border-color,var(--i-border-color));\n }\n .border-color-danger {\n border-color: var(--plus-color-border-danger);\n }\n .border-color-default {\n border-color: var(--plus-color-border-default);\n }\n .border-color-disabled {\n border-color: var(--plus-color-border-disabled);\n }\n .border-color-dynamic {\n border-color: var(--border-color,var(--i-border-color));\n }\n .border-color-primary {\n border-color: var(--plus-color-border-primary);\n }\n .border-transparent {\n border-color: transparent;\n }\n .border-r-color-primary {\n border-right-color: var(--plus-color-border-primary);\n }\n .border-r-transparent {\n border-right-color: transparent;\n }\n .border-b-color-primary {\n border-bottom-color: var(--plus-color-border-primary);\n }\n .border-b-transparent {\n border-bottom-color: transparent;\n }\n .bg-\\(--d-bg-checked\\) {\n background-color: var(--d-bg-checked);\n }\n .bg-\\(--d-bg-default\\) {\n background-color: var(--d-bg-default);\n }\n .bg-\\(--d-bg-loading\\) {\n background-color: var(--d-bg-loading);\n }\n .bg-\\(--d-dot-bg\\) {\n background-color: var(--d-dot-bg);\n }\n .bg-\\(--d-switch-bg\\) {\n background-color: var(--d-switch-bg);\n }\n .bg-\\[var\\(--bg-color\\,var\\(--i-bg-color\\)\\)\\] {\n background-color: var(--bg-color,var(--i-bg-color));\n }\n .bg-\\[var\\(--i-bg-default\\)\\] {\n background-color: var(--i-bg-default);\n }\n .bg-\\[var\\(--i-selected-bg\\)\\] {\n background-color: var(--i-selected-bg);\n }\n .bg-\\[var\\(--tag-bg-color\\)\\] {\n background-color: var(--tag-bg-color);\n }\n .bg-blue-500 {\n background-color: var(--color-blue-500);\n }\n .bg-blue-600 {\n background-color: var(--color-blue-600);\n }\n .bg-color-danger-default {\n background-color: var(--plus-color-background-danger-default);\n }\n .bg-color-danger-invert-default {\n background-color: var(--plus-color-background-danger-invert-default);\n }\n .bg-color-default-invert-default {\n background-color: var(--plus-color-background-default-invert-default);\n }\n .bg-color-disabled {\n background-color: var(--plus-color-background-disabled-default);\n }\n .bg-color-dynamic-default {\n background-color: var(--bg-default,var(--i-bg-default));\n }\n .bg-color-modal {\n background-color: var(--plus-color-background-modal);\n }\n .bg-color-overlay\\/50 {\n background-color: var(--plus-color-background-overlay);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--plus-color-background-overlay) 50%, transparent);\n }\n }\n .bg-color-primary-default {\n background-color: var(--plus-color-background-primary-default);\n }\n .bg-color-surface {\n background-color: var(--plus-color-background-surface);\n }\n .bg-green-500 {\n background-color: var(--color-green-500);\n }\n .bg-inherit {\n background-color: inherit;\n }\n .bg-transparent {\n background-color: transparent;\n }\n .fill-\\(--d-text\\) {\n fill: var(--d-text);\n }\n .fill-current {\n fill: currentcolor;\n }\n .object-cover {\n object-fit: cover;\n }\n .p-0 {\n padding: calc(var(--spacing) * 0);\n }\n .p-0\\.5 {\n padding: calc(var(--spacing) * 0.5);\n }\n .p-1 {\n padding: calc(var(--spacing) * 1);\n }\n .p-1\\.5 {\n padding: calc(var(--spacing) * 1.5);\n }\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n .p-3\\.5 {\n padding: calc(var(--spacing) * 3.5);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .p-5 {\n padding: calc(var(--spacing) * 5);\n }\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n .px-0 {\n padding-inline: calc(var(--spacing) * 0);\n }\n .px-1 {\n padding-inline: calc(var(--spacing) * 1);\n }\n .px-1\\.5 {\n padding-inline: calc(var(--spacing) * 1.5);\n }\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n .px-2\\.5 {\n padding-inline: calc(var(--spacing) * 2.5);\n }\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n .px-5 {\n padding-inline: calc(var(--spacing) * 5);\n }\n .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n .py-0 {\n padding-block: calc(var(--spacing) * 0);\n }\n .py-0\\.5 {\n padding-block: calc(var(--spacing) * 0.5);\n }\n .py-1 {\n padding-block: calc(var(--spacing) * 1);\n }\n .py-1\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\n }\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n .py-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n }\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n .pr-2 {\n padding-right: calc(var(--spacing) * 2);\n }\n .pr-2\\.5 {\n padding-right: calc(var(--spacing) * 2.5);\n }\n .pr-3 {\n padding-right: calc(var(--spacing) * 3);\n }\n .pl-2 {\n padding-left: calc(var(--spacing) * 2);\n }\n .pl-2\\.5 {\n padding-left: calc(var(--spacing) * 2.5);\n }\n .pl-3 {\n padding-left: calc(var(--spacing) * 3);\n }\n .text-center {\n text-align: center;\n }\n .text-left {\n text-align: left;\n }\n .align-middle {\n vertical-align: middle;\n }\n .plus-ui-element {\n font-family: var(--font-sans);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-2xl {\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n }\n .text-3xl {\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n }\n .text-6xl {\n font-size: var(--text-6xl);\n line-height: var(--tw-leading, var(--text-6xl--line-height));\n }\n .text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .text-xxxs {\n font-size: var(--text-xxxs);\n line-height: var(--tw-leading, var(--text-xxxs--line-height));\n }\n .text-\\[6px\\] {\n font-size: 6px;\n }\n .text-\\[8px\\] {\n font-size: 8px;\n }\n .text-\\[10px\\] {\n font-size: 10px;\n }\n .text-\\[12px\\] {\n font-size: 12px;\n }\n .text-\\[14px\\] {\n font-size: 14px;\n }\n .text-\\[calc\\(var\\(--size\\)\\/2\\.50\\)\\] {\n font-size: calc(var(--size) / 2.50);\n }\n .leading-\\[6px\\] {\n --tw-leading: 6px;\n line-height: 6px;\n }\n .leading-\\[8px\\] {\n --tw-leading: 8px;\n line-height: 8px;\n }\n .leading-\\[10px\\] {\n --tw-leading: 10px;\n line-height: 10px;\n }\n .leading-none {\n --tw-leading: 1;\n line-height: 1;\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n .font-normal {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n .text-pretty {\n text-wrap: pretty;\n }\n .whitespace-nowrap {\n white-space: nowrap;\n }\n .text-\\(--d-dot-text\\) {\n color: var(--d-dot-text);\n }\n .text-\\(--d-text\\) {\n color: var(--d-text);\n }\n .text-\\[var\\(--description-color\\,var\\(--i-description-color\\)\\)\\] {\n color: var(--description-color,var(--i-description-color));\n }\n .text-\\[var\\(--dismiss-color\\,var\\(--i-dismiss-color\\)\\)\\] {\n color: var(--dismiss-color,var(--i-dismiss-color));\n }\n .text-\\[var\\(--i-text-color\\)\\] {\n color: var(--i-text-color);\n }\n .text-\\[var\\(--icon-color\\,var\\(--i-icon-color\\)\\)\\] {\n color: var(--icon-color,var(--i-icon-color));\n }\n .text-\\[var\\(--message-color\\,var\\(--i-message-color\\)\\)\\] {\n color: var(--message-color,var(--i-message-color));\n }\n .text-\\[var\\(--tag-text-color\\)\\] {\n color: var(--tag-text-color);\n }\n .text-color-base {\n color: var(--plus-color-text-base);\n }\n .text-color-caption {\n color: var(--plus-color-text-caption);\n }\n .text-color-danger {\n color: var(--plus-color-text-danger);\n }\n .text-color-default {\n color: var(--plus-color-text-default);\n }\n .text-color-disabled {\n color: var(--plus-color-text-disabled);\n }\n .text-color-dynamic {\n color: var(--text-color,var(--i-text-color));\n }\n .text-color-info {\n color: var(--plus-color-text-info);\n }\n .text-color-link {\n color: var(--plus-color-text-link);\n }\n .text-color-placeholder {\n color: var(--plus-color-text-placeholder);\n }\n .text-color-primary {\n color: var(--plus-color-text-primary);\n }\n .text-color-success {\n color: var(--plus-color-text-success);\n }\n .text-color-warning {\n color: var(--plus-color-text-warning);\n }\n .text-inherit {\n color: inherit;\n }\n .text-white {\n color: var(--color-white);\n }\n .uppercase {\n text-transform: uppercase;\n }\n .underline {\n text-decoration-line: underline;\n }\n .antialiased {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .opacity-0 {\n opacity: 0%;\n }\n .opacity-50 {\n opacity: 50%;\n }\n .opacity-60 {\n opacity: 60%;\n }\n .opacity-100 {\n opacity: 100%;\n }\n .shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .ring-default {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n .ring {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n .blur {\n --tw-blur: blur(8px);\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n }\n .invert {\n --tw-invert: invert(100%);\n filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);\n }\n .transition {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-opacity {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .duration-150 {\n --tw-duration: 150ms;\n transition-duration: 150ms;\n }\n .duration-200 {\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n .duration-300 {\n --tw-duration: 300ms;\n transition-duration: 300ms;\n }\n .duration-400 {\n --tw-duration: 400ms;\n transition-duration: 400ms;\n }\n .duration-500 {\n --tw-duration: 500ms;\n transition-duration: 500ms;\n }\n .ease-bounce {\n --tw-ease: cubic-bezier(0.34, 1.56, 0.64, 1);\n transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n .ease-in-out {\n --tw-ease: var(--ease-in-out);\n transition-timing-function: var(--ease-in-out);\n }\n .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n .select-none {\n -webkit-user-select: none;\n user-select: none;\n }\n .group-hover\\/base\\:\\!bg-\\(--d-switch-bg\\) {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--d-switch-bg) !important;\n }\n }\n }\n .group-hover\\/base\\:bg-\\(--d-switch-bg-hover\\) {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--d-switch-bg-hover);\n }\n }\n }\n .group-hover\\/base\\:bg-color-danger-hovered {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--plus-color-background-danger-hovered);\n }\n }\n }\n .group-hover\\/base\\:bg-color-danger-invert-hovered {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--plus-color-background-danger-invert-hovered);\n }\n }\n }\n .group-hover\\/base\\:bg-color-default-hovered {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n background-color: var(--plus-color-background-default-hovered);\n }\n }\n }\n .group-hover\\/base\\:\\!shadow-none {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n --tw-shadow: 0 0 #0000 !important;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;\n }\n }\n }\n .group-hover\\/base\\:shadow-sm {\n &:is(:where(.group\\/base):hover *) {\n @media (hover: hover) {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n }\n .group-active\\/base\\:-ml-1 {\n &:is(:where(.group\\/base):active *) {\n margin-left: calc(var(--spacing) * -1);\n }\n }\n .group-active\\/base\\:-ml-1\\.5 {\n &:is(:where(.group\\/base):active *) {\n margin-left: calc(var(--spacing) * -1.5);\n }\n }\n .group-active\\/base\\:h-4 {\n &:is(:where(.group\\/base):active *) {\n height: calc(var(--spacing) * 4);\n }\n }\n .group-active\\/base\\:h-4\\.5 {\n &:is(:where(.group\\/base):active *) {\n height: calc(var(--spacing) * 4.5);\n }\n }\n .group-active\\/base\\:h-5 {\n &:is(:where(.group\\/base):active *) {\n height: calc(var(--spacing) * 5);\n }\n }\n .group-active\\/base\\:w-5 {\n &:is(:where(.group\\/base):active *) {\n width: calc(var(--spacing) * 5);\n }\n }\n .group-active\\/base\\:w-6 {\n &:is(:where(.group\\/base):active *) {\n width: calc(var(--spacing) * 6);\n }\n }\n .group-active\\/base\\:w-6\\.5 {\n &:is(:where(.group\\/base):active *) {\n width: calc(var(--spacing) * 6.5);\n }\n }\n .group-active\\/base\\:\\!transform-none {\n &:is(:where(.group\\/base):active *) {\n transform: none !important;\n }\n }\n .group-active\\/base\\:\\!bg-\\(--d-switch-bg\\) {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--d-switch-bg) !important;\n }\n }\n .group-active\\/base\\:bg-\\(--d-switch-bg-active\\) {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--d-switch-bg-active);\n }\n }\n .group-active\\/base\\:bg-color-danger-invert-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-danger-invert-pressed);\n }\n }\n .group-active\\/base\\:bg-color-danger-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-danger-pressed);\n }\n }\n .group-active\\/base\\:bg-color-default-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-default-pressed);\n }\n }\n .group-active\\/base\\:bg-color-primary-pressed {\n &:is(:where(.group\\/base):active *) {\n background-color: var(--plus-color-background-primary-pressed);\n }\n }\n .peer-checked\\:scale-100 {\n &:is(:where(.peer):checked ~ *) {\n --tw-scale-x: 100%;\n --tw-scale-y: 100%;\n --tw-scale-z: 100%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n }\n .peer-checked\\:opacity-100 {\n &:is(:where(.peer):checked ~ *) {\n opacity: 100%;\n }\n }\n .peer-disabled\\:cursor-not-allowed {\n &:is(:where(.peer):disabled ~ *) {\n cursor: not-allowed;\n }\n }\n .placeholder\\:text-color-danger {\n &::placeholder {\n color: var(--plus-color-text-danger);\n }\n }\n .placeholder\\:text-color-default {\n &::placeholder {\n color: var(--plus-color-text-default);\n }\n }\n .placeholder\\:text-color-disabled {\n &::placeholder {\n color: var(--plus-color-text-disabled);\n }\n }\n .placeholder\\:text-color-placeholder {\n &::placeholder {\n color: var(--plus-color-text-placeholder);\n }\n }\n .before\\:absolute {\n &::before {\n content: var(--tw-content);\n position: absolute;\n }\n }\n .before\\:inset-0 {\n &::before {\n content: var(--tw-content);\n inset: calc(var(--spacing) * 0);\n }\n }\n .before\\:-top-1\\.5 {\n &::before {\n content: var(--tw-content);\n top: calc(var(--spacing) * -1.5);\n }\n }\n .before\\:-left-3 {\n &::before {\n content: var(--tw-content);\n left: calc(var(--spacing) * -3);\n }\n }\n .before\\:z-10 {\n &::before {\n content: var(--tw-content);\n z-index: 10;\n }\n }\n .before\\:h-10 {\n &::before {\n content: var(--tw-content);\n height: calc(var(--spacing) * 10);\n }\n }\n .before\\:w-10 {\n &::before {\n content: var(--tw-content);\n width: calc(var(--spacing) * 10);\n }\n }\n .before\\:cursor-pointer {\n &::before {\n content: var(--tw-content);\n cursor: pointer;\n }\n }\n .before\\:rounded-full {\n &::before {\n content: var(--tw-content);\n border-radius: calc(infinity * 1px);\n }\n }\n .before\\:bg-transparent {\n &::before {\n content: var(--tw-content);\n background-color: transparent;\n }\n }\n .before\\:content-\\[\\\'\\\'\\] {\n &::before {\n content: var(--tw-content);\n --tw-content: \'\';\n content: var(--tw-content);\n }\n }\n .after\\:ml-0\\.5 {\n &::after {\n content: var(--tw-content);\n margin-left: calc(var(--spacing) * 0.5);\n }\n }\n .after\\:text-color-default {\n &::after {\n content: var(--tw-content);\n color: var(--plus-color-text-default);\n }\n }\n .after\\:text-color-disabled {\n &::after {\n content: var(--tw-content);\n color: var(--plus-color-text-disabled);\n }\n }\n .after\\:content-\\[\\\'\\*\\\'\\] {\n &::after {\n content: var(--tw-content);\n --tw-content: \'*\';\n content: var(--tw-content);\n }\n }\n .visited\\:text-color-visited {\n &:visited {\n color: var(--plus-color-text-visited);\n }\n }\n .empty\\:hidden {\n &:empty {\n display: none;\n }\n }\n .focus-within\\:z-\\[1\\] {\n &:focus-within {\n z-index: 1;\n }\n }\n .focus-within\\:border-color-danger {\n &:focus-within {\n border-color: var(--plus-color-border-danger);\n }\n }\n .focus-within\\:border-color-primary {\n &:focus-within {\n border-color: var(--plus-color-border-primary);\n }\n }\n .focus-within\\:ring-default {\n &:focus-within {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n }\n .hover\\:border-color-danger {\n &:hover {\n @media (hover: hover) {\n border-color: var(--plus-color-border-danger);\n }\n }\n }\n .hover\\:border-color-disabled {\n &:hover {\n @media (hover: hover) {\n border-color: var(--plus-color-border-disabled);\n }\n }\n }\n .hover\\:border-color-primary {\n &:hover {\n @media (hover: hover) {\n border-color: var(--plus-color-border-primary);\n }\n }\n }\n .hover\\:bg-\\[var\\(--i-bg-hovered\\)\\] {\n &:hover {\n @media (hover: hover) {\n background-color: var(--i-bg-hovered);\n }\n }\n }\n .hover\\:bg-blue-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-blue-600);\n }\n }\n }\n .hover\\:bg-color-default-hovered {\n &:hover {\n @media (hover: hover) {\n background-color: var(--plus-color-background-default-hovered);\n }\n }\n }\n .hover\\:bg-color-dynamic-hovered {\n &:hover {\n @media (hover: hover) {\n background-color: var(--bg-hovered,var(--i-bg-hovered));\n }\n }\n }\n .hover\\:bg-color-primary-hovered {\n &:hover {\n @media (hover: hover) {\n background-color: var(--plus-color-background-primary-hovered);\n }\n }\n }\n .hover\\:bg-green-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-green-600);\n }\n }\n }\n .hover\\:bg-transparent {\n &:hover {\n @media (hover: hover) {\n background-color: transparent;\n }\n }\n }\n .hover\\:text-color-caption {\n &:hover {\n @media (hover: hover) {\n color: var(--plus-color-text-caption);\n }\n }\n }\n .hover\\:text-color-default {\n &:hover {\n @media (hover: hover) {\n color: var(--plus-color-text-default);\n }\n }\n }\n .hover\\:text-color-primary {\n &:hover {\n @media (hover: hover) {\n color: var(--plus-color-text-primary);\n }\n }\n }\n .hover\\:underline {\n &:hover {\n @media (hover: hover) {\n text-decoration-line: underline;\n }\n }\n }\n .focus\\:ring-1 {\n &:focus {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus\\:ring-offset-1 {\n &:focus {\n --tw-ring-offset-width: 1px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n }\n .focus\\:outline-none {\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .focus-visible\\:bg-\\(--d-bg-focused\\) {\n &:focus-visible {\n background-color: var(--d-bg-focused);\n }\n }\n .focus-visible\\:bg-color-dynamic-focused {\n &:focus-visible {\n background-color: var(--bg-focused,var(--i-bg-focused));\n }\n }\n .focus-visible\\:ring-default {\n &:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n }\n .focus-visible\\:ring-2 {\n &:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus-visible\\:outline-none {\n &:focus-visible {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .active\\:bg-\\[var\\(--i-bg-pressed\\)\\] {\n &:active {\n background-color: var(--i-bg-pressed);\n }\n }\n .active\\:bg-color-default-pressed {\n &:active {\n background-color: var(--plus-color-background-default-pressed);\n }\n }\n .active\\:bg-color-dynamic-pressed {\n &:active {\n background-color: var(--bg-pressed,var(--i-bg-pressed));\n }\n }\n .active\\:bg-color-primary-pressed {\n &:active {\n background-color: var(--plus-color-background-primary-pressed);\n }\n }\n .enabled\\:hover\\:bg-\\(--d-bg-hovered\\) {\n &:enabled {\n &:hover {\n @media (hover: hover) {\n background-color: var(--d-bg-hovered);\n }\n }\n }\n }\n .enabled\\:focus-visible\\:bg-\\(--d-bg-focused\\) {\n &:enabled {\n &:focus-visible {\n background-color: var(--d-bg-focused);\n }\n }\n }\n .enabled\\:focus-visible\\:ring-default {\n &:enabled {\n &:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n --tw-ring-color: var(--plus-color-border-ring);\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n outline-style: var(--tw-outline-style);\n outline-width: 0px;\n }\n }\n }\n .enabled\\:active\\:bg-\\(--d-bg-pressed\\) {\n &:enabled {\n &:active {\n background-color: var(--d-bg-pressed);\n }\n }\n }\n .disabled\\:cursor-not-allowed {\n &:disabled {\n cursor: not-allowed;\n }\n }\n .motion-reduce\\:transition-none {\n @media (prefers-reduced-motion: reduce) {\n transition-property: none;\n }\n }\n}\n@font-face {\n font-family: \'Inter Variable\';\n font-style: normal;\n font-display: swap;\n font-weight: 100 900;\n src: url(../../../../node_modules/.pnpm/@fontsource-variable+inter@5.2.6/node_modules/@fontsource-variable/inter/files/inter-cyrillic-ext-wght-normal.woff2) format(\'woff2-variations\');\n unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;\n}\n@font-face {\n font-family: \'Inter Variable\';\n font-style: normal;\n font-display: swap;\n font-weight: 100 900;\n src: url(../../../../node_modules/.pnpm/@fontsource-variable+inter@5.2.6/node_modules/@fontsource-variable/inter/files/inter-cyrillic-wght-normal.woff2) format(\'woff2-variations\');\n unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;\n}\n@font-face {\n font-family: \'Inter Variable\';\n font-style: normal;\n font-display: swap;\n font-weight: 100 900;\n src: url(../../../../node_modules/.pnpm/@fontsource-variable+inter@5.2.6/node_modules/@fontsource-variable/inter/files/inter-greek-ext-wght-normal.woff2) format(\'woff2-variations\');\n unicode-range: U+1F00-1FFF;\n}\n@font-face {\n font-family: \'Inter Variable\';\n font-style: normal;\n font-display: swap;\n font-weight: 100 900;\n src: url(../../../../node_modules/.pnpm/@fontsource-variable+inter@5.2.6/node_modules/@fontsource-variable/inter/files/inter-greek-wght-normal.woff2) format(\'woff2-variations\');\n unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;\n}\n@font-face {\n font-family: \'Inter Variable\';\n font-style: normal;\n font-display: swap;\n font-weight: 100 900;\n src: url(../../../../node_modules/.pnpm/@fontsource-variable+inter@5.2.6/node_modules/@fontsource-variable/inter/files/inter-vietnamese-wght-normal.woff2) format(\'woff2-variations\');\n unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;\n}\n@font-face {\n font-family: \'Inter Variable\';\n font-style: normal;\n font-display: swap;\n font-weight: 100 900;\n src: url(../../../../node_modules/.pnpm/@fontsource-variable+inter@5.2.6/node_modules/@fontsource-variable/inter/files/inter-latin-ext-wght-normal.woff2) format(\'woff2-variations\');\n unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n@font-face {\n font-family: \'Inter Variable\';\n font-style: normal;\n font-display: swap;\n font-weight: 100 900;\n src: url(../../../../node_modules/.pnpm/@fontsource-variable+inter@5.2.6/node_modules/@fontsource-variable/inter/files/inter-latin-wght-normal.woff2) format(\'woff2-variations\');\n unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}\n:root {\n --plus-color-background-surface: var(--plus-color-base-white);\n --plus-color-background-disabled-default: var(--plus-color-neutral-200);\n --plus-color-background-transparent: var(--plus-color-base-transparent);\n --plus-color-background-divider: var(--plus-color-neutral-400);\n --plus-color-background-modal: var(--plus-color-base-white);\n --plus-color-background-overlay: var(--plus-color-neutral-950);\n --plus-color-background-default-default: var(--plus-color-neutral-100);\n --plus-color-background-default-hovered: var(--plus-color-neutral-200);\n --plus-color-background-default-pressed: var(--plus-color-neutral-300);\n --plus-color-background-default-focused: var(--plus-color-neutral-100);\n --plus-color-background-default-loading: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-default: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-hovered: var(--plus-color-neutral-800);\n --plus-color-background-default-invert-pressed: var(--plus-color-neutral-900);\n --plus-color-background-default-invert-focused: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-loading: var(--plus-color-neutral-900);\n --plus-color-background-primary-default: var(--plus-color-primary-700);\n --plus-color-background-primary-hovered: var(--plus-color-primary-800);\n --plus-color-background-primary-pressed: var(--plus-color-primary-900);\n --plus-color-background-primary-focused: var(--plus-color-primary-700);\n --plus-color-background-primary-loading: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-default: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-hovered: var(--plus-color-primary-200);\n --plus-color-background-primary-invert-pressed: var(--plus-color-primary-300);\n --plus-color-background-primary-invert-focused: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-loading: var(--plus-color-primary-300);\n --plus-color-background-info-default: var(--plus-color-info-700);\n --plus-color-background-info-hovered: var(--plus-color-info-800);\n --plus-color-background-info-pressed: var(--plus-color-info-900);\n --plus-color-background-info-focused: var(--plus-color-info-700);\n --plus-color-background-info-loading: var(--plus-color-info-900);\n --plus-color-background-info-invert-default: var(--plus-color-info-100);\n --plus-color-background-info-invert-hovered: var(--plus-color-info-200);\n --plus-color-background-info-invert-pressed: var(--plus-color-info-300);\n --plus-color-background-info-invert-focused: var(--plus-color-info-100);\n --plus-color-background-info-invert-loading: var(--plus-color-info-300);\n --plus-color-background-success-default: var(--plus-color-success-700);\n --plus-color-background-success-hovered: var(--plus-color-success-800);\n --plus-color-background-success-pressed: var(--plus-color-success-900);\n --plus-color-background-success-focused: var(--plus-color-success-700);\n --plus-color-background-success-loading: var(--plus-color-success-900);\n --plus-color-background-success-invert-default: var(--plus-color-success-100);\n --plus-color-background-success-invert-hovered: var(--plus-color-success-200);\n --plus-color-background-success-invert-pressed: var(--plus-color-success-300);\n --plus-color-background-success-invert-focused: var(--plus-color-success-100);\n --plus-color-background-success-invert-loading: var(--plus-color-success-300);\n --plus-color-background-warning-default: var(--plus-color-warning-700);\n --plus-color-background-warning-hovered: var(--plus-color-warning-800);\n --plus-color-background-warning-pressed: var(--plus-color-warning-900);\n --plus-color-background-warning-focused: var(--plus-color-warning-700);\n --plus-color-background-warning-loading: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-default: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-hovered: var(--plus-color-warning-200);\n --plus-color-background-warning-invert-pressed: var(--plus-color-warning-300);\n --plus-color-background-warning-invert-focused: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-loading: var(--plus-color-warning-300);\n --plus-color-background-danger-default: var(--plus-color-danger-700);\n --plus-color-background-danger-hovered: var(--plus-color-danger-800);\n --plus-color-background-danger-pressed: var(--plus-color-danger-900);\n --plus-color-background-danger-focused: var(--plus-color-danger-700);\n --plus-color-background-danger-loading: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-default: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-hovered: var(--plus-color-danger-200);\n --plus-color-background-danger-invert-pressed: var(--plus-color-danger-300);\n --plus-color-background-danger-invert-focused: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-loading: var(--plus-color-danger-300);\n --plus-color-text-base: var(--plus-color-base-white);\n --plus-color-text-default: var(--plus-color-neutral-950);\n --plus-color-text-primary: var(--plus-color-primary-700);\n --plus-color-text-info: var(--plus-color-info-700);\n --plus-color-text-success: var(--plus-color-success-700);\n --plus-color-text-warning: var(--plus-color-warning-700);\n --plus-color-text-danger: var(--plus-color-danger-700);\n --plus-color-text-placeholder: var(--plus-color-neutral-500);\n --plus-color-text-caption: var(--plus-color-neutral-600);\n --plus-color-text-link: var(--color-blue-700);\n --plus-color-text-visited: var(--color-purple-700);\n --plus-color-text-loading: var(--plus-color-neutral-700);\n --plus-color-text-disabled: var(--plus-color-neutral-400);\n --plus-color-text-base-invert: var(--plus-color-neutral-950);\n --plus-color-text-default-invert: var(--plus-color-base-white);\n --plus-color-text-primary-invert: var(--plus-color-primary-100);\n --plus-color-text-info-invert: var(--plus-color-info-100);\n --plus-color-text-success-invert: var(--plus-color-success-100);\n --plus-color-text-warning-invert: var(--plus-color-warning-100);\n --plus-color-text-danger-invert: var(--plus-color-danger-100);\n --plus-color-text-placeholder-invert: var(--plus-color-neutral-500);\n --plus-color-text-caption-invert: var(--plus-color-neutral-100);\n --plus-color-text-link-invert: var(--color-blue-100);\n --plus-color-text-visited-invert: var(--color-purple-100);\n --plus-color-text-loading-invert: var(--plus-color-neutral-100);\n --plus-color-border-base: var(--plus-color-base-white);\n --plus-color-border-default: var(--plus-color-neutral-400);\n --plus-color-border-primary: var(--plus-color-primary-700);\n --plus-color-border-info: var(--plus-color-info-700);\n --plus-color-border-success: var(--plus-color-success-700);\n --plus-color-border-warning: var(--plus-color-warning-700);\n --plus-color-border-danger: var(--plus-color-danger-700);\n --plus-color-border-ring: var(--color-blue-300);\n --plus-color-border-disabled: var(--plus-color-neutral-300);\n}\n[data-theme=\'dark\'] {\n --plus-color-background-surface: var(--plus-color-base-black);\n --plus-color-background-disabled-default: var(--plus-color-neutral-800);\n --plus-color-background-transparent: var(--plus-color-base-transparent);\n --plus-color-background-divider: var(--plus-color-neutral-600);\n --plus-color-background-modal: var(--plus-color-neutral-900);\n --plus-color-background-overlay: var(--plus-color-neutral-950);\n --plus-color-background-default-default: var(--plus-color-neutral-900);\n --plus-color-background-default-hovered: var(--plus-color-neutral-800);\n --plus-color-background-default-pressed: var(--plus-color-neutral-700);\n --plus-color-background-default-focused: var(--plus-color-neutral-900);\n --plus-color-background-default-loading: var(--plus-color-neutral-700);\n --plus-color-background-default-invert-default: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-hovered: var(--plus-color-neutral-200);\n --plus-color-background-default-invert-pressed: var(--plus-color-neutral-100);\n --plus-color-background-default-invert-focused: var(--plus-color-neutral-300);\n --plus-color-background-default-invert-loading: var(--plus-color-neutral-100);\n --plus-color-background-primary-default: var(--plus-color-primary-300);\n --plus-color-background-primary-hovered: var(--plus-color-primary-200);\n --plus-color-background-primary-pressed: var(--plus-color-primary-100);\n --plus-color-background-primary-focused: var(--plus-color-primary-300);\n --plus-color-background-primary-loading: var(--plus-color-primary-100);\n --plus-color-background-primary-invert-default: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-hovered: var(--plus-color-primary-800);\n --plus-color-background-primary-invert-pressed: var(--plus-color-primary-700);\n --plus-color-background-primary-invert-focused: var(--plus-color-primary-900);\n --plus-color-background-primary-invert-loading: var(--plus-color-primary-700);\n --plus-color-background-info-default: var(--plus-color-info-300);\n --plus-color-background-info-hovered: var(--plus-color-info-200);\n --plus-color-background-info-pressed: var(--plus-color-info-100);\n --plus-color-background-info-focused: var(--plus-color-info-300);\n --plus-color-background-info-loading: var(--plus-color-info-100);\n --plus-color-background-info-invert-default: var(--plus-color-info-900);\n --plus-color-background-info-invert-hovered: var(--plus-color-info-800);\n --plus-color-background-info-invert-pressed: var(--plus-color-info-700);\n --plus-color-background-info-invert-focused: var(--plus-color-info-900);\n --plus-color-background-info-invert-loading: var(--plus-color-info-700);\n --plus-color-background-success-default: var(--plus-color-success-300);\n --plus-color-background-success-hovered: var(--plus-color-success-200);\n --plus-color-background-success-pressed: var(--plus-color-success-100);\n --plus-color-background-success-focused: var(--plus-color-success-300);\n --plus-color-background-success-loading: var(--plus-color-success-100);\n --plus-color-background-success-invert-default: var(--plus-color-success-900);\n --plus-color-background-success-invert-hovered: var(--plus-color-success-800);\n --plus-color-background-success-invert-pressed: var(--plus-color-success-700);\n --plus-color-background-success-invert-focused: var(--plus-color-success-900);\n --plus-color-background-success-invert-loading: var(--plus-color-success-700);\n --plus-color-background-warning-default: var(--plus-color-warning-300);\n --plus-color-background-warning-hovered: var(--plus-color-warning-200);\n --plus-color-background-warning-pressed: var(--plus-color-warning-100);\n --plus-color-background-warning-focused: var(--plus-color-warning-300);\n --plus-color-background-warning-loading: var(--plus-color-warning-100);\n --plus-color-background-warning-invert-default: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-hovered: var(--plus-color-warning-800);\n --plus-color-background-warning-invert-pressed: var(--plus-color-warning-700);\n --plus-color-background-warning-invert-focused: var(--plus-color-warning-900);\n --plus-color-background-warning-invert-loading: var(--plus-color-warning-700);\n --plus-color-background-danger-default: var(--plus-color-danger-300);\n --plus-color-background-danger-hovered: var(--plus-color-danger-200);\n --plus-color-background-danger-pressed: var(--plus-color-danger-100);\n --plus-color-background-danger-focused: var(--plus-color-danger-300);\n --plus-color-background-danger-loading: var(--plus-color-danger-100);\n --plus-color-background-danger-invert-default: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-hovered: var(--plus-color-danger-800);\n --plus-color-background-danger-invert-pressed: var(--plus-color-danger-700);\n --plus-color-background-danger-invert-focused: var(--plus-color-danger-900);\n --plus-color-background-danger-invert-loading: var(--plus-color-danger-700);\n --plus-color-text-base: var(--plus-color-neutral-950);\n --plus-color-text-default: var(--plus-color-base-white);\n --plus-color-text-primary: var(--plus-color-primary-300);\n --plus-color-text-info: var(--plus-color-info-300);\n --plus-color-text-success: var(--plus-color-success-300);\n --plus-color-text-warning: var(--plus-color-warning-300);\n --plus-color-text-danger: var(--plus-color-danger-300);\n --plus-color-text-placeholder: var(--plus-color-neutral-500);\n --plus-color-text-caption: var(--plus-color-neutral-400);\n --plus-color-text-link: var(--color-blue-300);\n --plus-color-text-visited: var(--color-purple-300);\n --plus-color-text-loading: var(--plus-color-neutral-300);\n --plus-color-text-disabled: var(--plus-color-neutral-600);\n --plus-color-text-base-invert: var(--plus-color-base-white);\n --plus-color-text-default-invert: var(--plus-color-neutral-950);\n --plus-color-text-primary-invert: var(--plus-color-primary-900);\n --plus-color-text-info-invert: var(--plus-color-info-900);\n --plus-color-text-success-invert: var(--plus-color-success-900);\n --plus-color-text-warning-invert: var(--plus-color-warning-900);\n --plus-color-text-danger-invert: var(--plus-color-danger-900);\n --plus-color-text-placeholder-invert: var(--plus-color-neutral-500);\n --plus-color-text-caption-invert: var(--plus-color-neutral-900);\n --plus-color-text-link-invert: var(--color-blue-900);\n --plus-color-text-visited-invert: var(--color-purple-900);\n --plus-color-text-loading-invert: var(--plus-color-neutral-900);\n --plus-color-border-base: var(--plus-color-neutral-950);\n --plus-color-border-default: var(--plus-color-neutral-600);\n --plus-color-border-primary: var(--plus-color-primary-300);\n --plus-color-border-info: var(--plus-color-info-300);\n --plus-color-border-success: var(--plus-color-success-300);\n --plus-color-border-warning: var(--plus-color-warning-300);\n --plus-color-border-danger: var(--plus-color-danger-300);\n --plus-color-border-ring: var(--color-blue-700);\n --plus-color-border-disabled: var(--plus-color-neutral-700);\n}\n@property --tw-translate-x {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-y {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-z {\n syntax: "*";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-scale-x {\n syntax: "*";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-y {\n syntax: "*";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-scale-z {\n syntax: "*";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-rotate-x {\n syntax: "*";\n inherits: false;\n}\n@property --tw-rotate-y {\n syntax: "*";\n inherits: false;\n}\n@property --tw-rotate-z {\n syntax: "*";\n inherits: false;\n}\n@property --tw-skew-x {\n syntax: "*";\n inherits: false;\n}\n@property --tw-skew-y {\n syntax: "*";\n inherits: false;\n}\n@property --tw-border-style {\n syntax: "*";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-leading {\n syntax: "*";\n inherits: false;\n}\n@property --tw-font-weight {\n syntax: "*";\n inherits: false;\n}\n@property --tw-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-shadow-alpha {\n syntax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-inset-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n syntax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-ring-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: "*";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: "<length>";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: "*";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: "*";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n syntax: "*";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-blur {\n syntax: "*";\n inherits: false;\n}\n@property --tw-brightness {\n syntax: "*";\n inherits: false;\n}\n@property --tw-contrast {\n syntax: "*";\n inherits: false;\n}\n@property --tw-grayscale {\n syntax: "*";\n inherits: false;\n}\n@property --tw-hue-rotate {\n syntax: "*";\n inherits: false;\n}\n@property --tw-invert {\n syntax: "*";\n inherits: false;\n}\n@property --tw-opacity {\n syntax: "*";\n inherits: false;\n}\n@property --tw-saturate {\n syntax: "*";\n inherits: false;\n}\n@property --tw-sepia {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow-color {\n syntax: "*";\n inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n syntax: "<percentage>";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n syntax: "*";\n inherits: false;\n}\n@property --tw-duration {\n syntax: "*";\n inherits: false;\n}\n@property --tw-ease {\n syntax: "*";\n inherits: false;\n}\n@property --tw-content {\n syntax: "*";\n initial-value: "";\n inherits: false;\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@layer properties {\n @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n *, ::before, ::after, ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-scale-z: 1;\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n --tw-border-style: solid;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-outline-style: solid;\n --tw-blur: initial;\n --tw-brightness: initial;\n --tw-contrast: initial;\n --tw-grayscale: initial;\n --tw-hue-rotate: initial;\n --tw-invert: initial;\n --tw-opacity: initial;\n --tw-saturate: initial;\n --tw-sepia: initial;\n --tw-drop-shadow: initial;\n --tw-drop-shadow-color: initial;\n --tw-drop-shadow-alpha: 100%;\n --tw-drop-shadow-size: initial;\n --tw-duration: initial;\n --tw-ease: initial;\n --tw-content: "";\n }\n }\n}\n';!function(n,r){void 0===r&&(r={});var o=r.insertAt;if("undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css","top"===o&&a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.styleSheet?e.styleSheet.cssText=n:e.appendChild(document.createTextNode(n))}}(n);export{n as c};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2019 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
+
*/
|
|
6
|
+
const t$1=globalThis,e$2=t$1.ShadowRoot&&(void 0===t$1.ShadyCSS||t$1.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$2=Symbol(),o$3=new WeakMap;let n$2 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$2)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$2&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$3.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$3.set(s,t));}return t}toString(){return this.cssText}};const r$2=t=>new n$2("string"==typeof t?t:t+"",void 0,s$2),i$3=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(true===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1]),t[0]);return new n$2(o,t,s$2)},S$1=(s,o)=>{if(e$2)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),n=t$1.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$2=e$2?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$2(e)})(t):t;
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* @license
|
|
10
|
+
* Copyright 2017 Google LLC
|
|
11
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
12
|
+
*/const {is:i$2,defineProperty:e$1,getOwnPropertyDescriptor:h$1,getOwnPropertyNames:r$1,getOwnPropertySymbols:o$2,getPrototypeOf:n$1}=Object,a$1=globalThis,c$1=a$1.trustedTypes,l$1=c$1?c$1.emptyScript:"",p$1=a$1.reactiveElementPolyfillSupport,d$1=(t,s)=>t,u$1={toAttribute(t,s){switch(s){case Boolean:t=t?l$1:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t);}catch(t){i=null;}}return i}},f$1=(t,s)=>!i$2(t,s),b={attribute:true,type:String,converter:u$1,reflect:false,useDefault:false,hasChanged:f$1};Symbol.metadata??=Symbol("metadata"),a$1.litPropertyMetadata??=new WeakMap;let y$1 = class y extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t);}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=b){if(s.state&&(s.attribute=false),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=true),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),h=this.getPropertyDescriptor(t,i,s);void 0!==h&&e$1(this.prototype,t,h);}}static getPropertyDescriptor(t,s,i){const{get:e,set:r}=h$1(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get:e,set(s){const h=e?.call(this);r?.call(this,s),this.requestUpdate(t,h,i);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??b}static _$Ei(){if(this.hasOwnProperty(d$1("elementProperties")))return;const t=n$1(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d$1("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(d$1("properties"))){const t=this.properties,s=[...r$1(t),...o$2(t)];for(const i of s)this.createProperty(i,t[i]);}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i);}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(c$2(s));}else void 0!==s&&i.push(c$2(s));return i}static _$Eu(t,s){const i=s.attribute;return false===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=false,this.hasUpdated=false,this._$Em=null,this._$Ev();}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)));}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.();}removeController(t){this._$EO?.delete(t);}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t);}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return S$1(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(true),this._$EO?.forEach((t=>t.hostConnected?.()));}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()));}attributeChangedCallback(t,s,i){this._$AK(t,i);}_$ET(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&true===i.reflect){const h=(void 0!==i.converter?.toAttribute?i.converter:u$1).toAttribute(s,i.type);this._$Em=t,null==h?this.removeAttribute(e):this.setAttribute(e,h),this._$Em=null;}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),h="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u$1;this._$Em=e,this[e]=h.fromAttribute(s,t.type)??this._$Ej?.get(e)??null,this._$Em=null;}}requestUpdate(t,s,i){if(void 0!==t){const e=this.constructor,h=this[t];if(i??=e.getPropertyOptions(t),!((i.hasChanged??f$1)(h,s)||i.useDefault&&i.reflect&&h===this._$Ej?.get(t)&&!this.hasAttribute(e._$Eu(t,i))))return;this.C(t,s,i);} false===this.isUpdatePending&&(this._$ES=this._$EP());}C(t,s,{useDefault:i,reflect:e,wrapped:h},r){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??s??this[t]),true!==h||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||i||(s=void 0),this._$AL.set(t,s)),true===e&&this._$Em!==t&&(this._$Eq??=new Set).add(t));}async _$EP(){this.isUpdatePending=true;try{await this._$ES;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0;}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t){const{wrapped:t}=i,e=this[s];true!==t||this._$AL.has(s)||void 0===e||this.C(s,void 0,i,e);}}let t=false;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EM();}catch(s){throw t=false,this._$EM(),s}t&&this._$AE(s);}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=true,this.firstUpdated(t)),this.updated(t);}_$EM(){this._$AL=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return true}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM();}updated(t){}firstUpdated(t){}};y$1.elementStyles=[],y$1.shadowRootOptions={mode:"open"},y$1[d$1("elementProperties")]=new Map,y$1[d$1("finalized")]=new Map,p$1?.({ReactiveElement:y$1}),(a$1.reactiveElementVersions??=[]).push("2.1.0");
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* @license
|
|
16
|
+
* Copyright 2017 Google LLC
|
|
17
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
18
|
+
*/
|
|
19
|
+
const t=globalThis,i$1=t.trustedTypes,s$1=i$1?i$1.createPolicy("lit-html",{createHTML:t=>t}):void 0,e="$lit$",h=`lit$${Math.random().toFixed(9).slice(2)}$`,o$1="?"+h,n=`<${o$1}>`,r=document,l=()=>r.createComment(""),c=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a=Array.isArray,u=t=>a(t)||"function"==typeof t?.[Symbol.iterator],d="[ \t\n\f\r]",f=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,_=/>/g,m=RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p=/'/g,g=/"/g,$=/^(?:script|style|textarea|title)$/i,y=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),x=y(1),T=Symbol.for("lit-noChange"),E=Symbol.for("lit-nothing"),A=new WeakMap,C=r.createTreeWalker(r,129);function P(t,i){if(!a(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s$1?s$1.createHTML(i):i}const V=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":3===i?"<math>":"",c=f;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,y=0;for(;y<s.length&&(c.lastIndex=y,u=c.exec(s),null!==u);)y=c.lastIndex,c===f?"!--"===u[1]?c=v:void 0!==u[1]?c=_:void 0!==u[2]?($.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m):void 0!==u[3]&&(c=m):c===m?">"===u[0]?(c=r??f,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m:'"'===u[3]?g:p):c===g||c===p?c=m:c===v||c===_?c=f:(c=m,r=void 0);const x=c===m&&t[i+1].startsWith("/>")?" ":"";l+=c===f?s+n:d>=0?(o.push(a),s.slice(0,d)+e+s.slice(d)+h+x):s+h+(-2===d?i:x);}return [P(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),o]};class N{constructor({strings:t,_$litType$:s},n){let r;this.parts=[];let c=0,a=0;const u=t.length-1,d=this.parts,[f,v]=V(t,s);if(this.el=N.createElement(f,n),C.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=C.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e)){const i=v[a++],s=r.getAttribute(t).split(h),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?H:"?"===e[1]?I:"@"===e[1]?L:k}),r.removeAttribute(t);}else t.startsWith(h)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($.test(r.tagName)){const t=r.textContent.split(h),s=t.length-1;if(s>0){r.textContent=i$1?i$1.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l()),C.nextNode(),d.push({type:2,index:++c});r.append(t[s],l());}}}else if(8===r.nodeType)if(r.data===o$1)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h,t+1));)d.push({type:7,index:c}),t+=h.length-1;}c++;}}static createElement(t,i){const s=r.createElement("template");return s.innerHTML=t,s}}function S(t,i,s=t,e){if(i===T)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(false),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=S(t,h._$AS(t,i.values),h,e)),i}class M{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??r).importNode(i,true);C.currentNode=e;let h=C.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new R(h,h.nextSibling,this,t):1===l.type?i=new l.ctor(h,l.name,l.strings,this,t):6===l.type&&(i=new z(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=C.nextNode(),o++);}return C.currentNode=r,e}p(t){let i=0;for(const s of this._$AV) void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=E,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??true;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=S(this,t,i),c(t)?t===E||null==t||""===t?(this._$AH!==E&&this._$AR(),this._$AH=E):t!==this._$AH&&t!==T&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u(t)?this.k(t):this._(t);}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}_(t){this._$AH!==E&&c(this._$AH)?this._$AA.nextSibling.data=t:this.T(r.createTextNode(t)),this._$AH=t;}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=N.createElement(P(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new M(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=A.get(t.strings);return void 0===i&&A.set(t.strings,i=new N(t)),i}k(t){a(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new R(this.O(l()),this.O(l()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(false,true,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){ void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}}class k{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=E,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=E;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=S(this,t,i,0),o=!c(t)||t!==this._$AH&&t!==T,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S(this,e[s+n],i,n),r===T&&(r=this._$AH[n]),o||=!c(r)||r!==this._$AH[n],r===E?t=E:t!==E&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===E?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}}class H extends k{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===E?void 0:t;}}class I extends k{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E);}}class L extends k{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=S(this,t,i,0)??E)===T)return;const s=this._$AH,e=t===E&&s!==E||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==E&&(s===E||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}}class z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){S(this,t);}}const j=t.litHtmlPolyfillSupport;j?.(N,R),(t.litHtmlVersions??=[]).push("3.3.0");const B=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new R(i.insertBefore(l(),t),t,void 0,s??{});}return h._$AI(t),h};
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* @license
|
|
23
|
+
* Copyright 2017 Google LLC
|
|
24
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
25
|
+
*/const s=globalThis;class i extends y$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const r=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B(r,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return T}}i._$litElement$=true,i["finalized"]=true,s.litElementHydrateSupport?.({LitElement:i});const o=s.litElementPolyfillSupport;o?.({LitElement:i});(s.litElementVersions??=[]).push("4.2.0");
|
|
26
|
+
|
|
27
|
+
export { E, T, i$3 as a, f$1 as f, i, r$2 as r, u$1 as u, x };
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2019 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
+
*/
|
|
6
|
+
const t=globalThis,e=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s=Symbol(),i=new WeakMap;let n=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==s)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const s=this.t;if(e&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=i.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&i.set(s,t))}return t}toString(){return this.cssText}};const r=t=>new n("string"==typeof t?t:t+"",void 0,s),o=(t,...e)=>{const i=1===t.length?t[0]:e.reduce(((e,s,i)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[i+1]),t[0]);return new n(i,t,s)},h=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r(e)})(t):t,{is:a,defineProperty:l,getOwnPropertyDescriptor:c,getOwnPropertyNames:d,getOwnPropertySymbols:p,getPrototypeOf:u}=Object,$=globalThis,_=$.trustedTypes,f=_?_.emptyScript:"",A=$.reactiveElementPolyfillSupport,m=(t,e)=>t,y={toAttribute(t,e){switch(e){case Boolean:t=t?f:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let s=t;switch(e){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(t){s=null}}return s}},g=(t,e)=>!a(t,e),v={attribute:!0,type:String,converter:y,reflect:!1,useDefault:!1,hasChanged:g};
|
|
7
|
+
/**
|
|
8
|
+
* @license
|
|
9
|
+
* Copyright 2017 Google LLC
|
|
10
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
+
*/Symbol.metadata??=Symbol("metadata"),$.litPropertyMetadata??=new WeakMap;let E=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=v){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const s=Symbol(),i=this.getPropertyDescriptor(t,s,e);void 0!==i&&l(this.prototype,t,i)}}static getPropertyDescriptor(t,e,s){const{get:i,set:n}=c(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:i,set(e){const r=i?.call(this);n?.call(this,e),this.requestUpdate(t,r,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??v}static _$Ei(){if(this.hasOwnProperty(m("elementProperties")))return;const t=u(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(m("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(m("properties"))){const t=this.properties,e=[...d(t),...p(t)];for(const s of e)this.createProperty(s,t[s])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,s]of e)this.elementProperties.set(t,s)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const s=this._$Eu(t,e);void 0!==s&&this._$Eh.set(s,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const t of s)e.unshift(h(t))}else void 0!==t&&e.push(h(t));return e}static _$Eu(t,e){const s=e.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const s=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((s,i)=>{if(e)s.adoptedStyleSheets=i.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of i){const i=document.createElement("style"),n=t.litNonce;void 0!==n&&i.setAttribute("nonce",n),i.textContent=e.cssText,s.appendChild(i)}})(s,this.constructor.elementStyles),s}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ET(t,e){const s=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,s);if(void 0!==i&&!0===s.reflect){const n=(void 0!==s.converter?.toAttribute?s.converter:y).toAttribute(e,s.type);this._$Em=t,null==n?this.removeAttribute(i):this.setAttribute(i,n),this._$Em=null}}_$AK(t,e){const s=this.constructor,i=s._$Eh.get(t);if(void 0!==i&&this._$Em!==i){const t=s.getPropertyOptions(i),n="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:y;this._$Em=i,this[i]=n.fromAttribute(e,t.type)??this._$Ej?.get(i)??null,this._$Em=null}}requestUpdate(t,e,s){if(void 0!==t){const i=this.constructor,n=this[t];if(s??=i.getPropertyOptions(t),!((s.hasChanged??g)(n,e)||s.useDefault&&s.reflect&&n===this._$Ej?.get(t)&&!this.hasAttribute(i._$Eu(t,s))))return;this.C(t,e,s)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:i,wrapped:n},r){s&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,r??e??this[t]),!0!==n||void 0!==r)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),!0===i&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,s]of t){const{wrapped:t}=s,i=this[e];!0!==t||this._$AL.has(e)||void 0===i||this.C(e,void 0,s,i)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}};E.elementStyles=[],E.shadowRootOptions={mode:"open"},E[m("elementProperties")]=new Map,E[m("finalized")]=new Map,A?.({ReactiveElement:E}),($.reactiveElementVersions??=[]).push("2.1.0");
|
|
12
|
+
/**
|
|
13
|
+
* @license
|
|
14
|
+
* Copyright 2017 Google LLC
|
|
15
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
16
|
+
*/
|
|
17
|
+
const S=globalThis,b=S.trustedTypes,w=b?b.createPolicy("lit-html",{createHTML:t=>t}):void 0,C="$lit$",P=`lit$${Math.random().toFixed(9).slice(2)}$`,x="?"+P,U=`<${x}>`,O=document,H=()=>O.createComment(""),M=t=>null===t||"object"!=typeof t&&"function"!=typeof t,T=Array.isArray,N="[ \t\n\f\r]",R=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,k=/-->/g,D=/>/g,L=RegExp(`>|${N}(?:([^\\s"'>=/]+)(${N}*=${N}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),j=/'/g,z=/"/g,B=/^(?:script|style|textarea|title)$/i,I=(t=>(e,...s)=>({_$litType$:t,strings:e,values:s}))(1),W=Symbol.for("lit-noChange"),V=Symbol.for("lit-nothing"),q=new WeakMap,J=O.createTreeWalker(O,129);function K(t,e){if(!T(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==w?w.createHTML(e):e}const Z=(t,e)=>{const s=t.length-1,i=[];let n,r=2===e?"<svg>":3===e?"<math>":"",o=R;for(let e=0;e<s;e++){const s=t[e];let h,a,l=-1,c=0;for(;c<s.length&&(o.lastIndex=c,a=o.exec(s),null!==a);)c=o.lastIndex,o===R?"!--"===a[1]?o=k:void 0!==a[1]?o=D:void 0!==a[2]?(B.test(a[2])&&(n=RegExp("</"+a[2],"g")),o=L):void 0!==a[3]&&(o=L):o===L?">"===a[0]?(o=n??R,l=-1):void 0===a[1]?l=-2:(l=o.lastIndex-a[2].length,h=a[1],o=void 0===a[3]?L:'"'===a[3]?z:j):o===z||o===j?o=L:o===k||o===D?o=R:(o=L,n=void 0);const d=o===L&&t[e+1].startsWith("/>")?" ":"";r+=o===R?s+U:l>=0?(i.push(h),s.slice(0,l)+C+s.slice(l)+P+d):s+P+(-2===l?e:d)}return[K(t,r+(t[s]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),i]};class F{constructor({strings:t,_$litType$:e},s){let i;this.parts=[];let n=0,r=0;const o=t.length-1,h=this.parts,[a,l]=Z(t,e);if(this.el=F.createElement(a,s),J.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(i=J.nextNode())&&h.length<o;){if(1===i.nodeType){if(i.hasAttributes())for(const t of i.getAttributeNames())if(t.endsWith(C)){const e=l[r++],s=i.getAttribute(t).split(P),o=/([.?@])?(.*)/.exec(e);h.push({type:1,index:n,name:o[2],strings:s,ctor:"."===o[1]?tt:"?"===o[1]?et:"@"===o[1]?st:Y}),i.removeAttribute(t)}else t.startsWith(P)&&(h.push({type:6,index:n}),i.removeAttribute(t));if(B.test(i.tagName)){const t=i.textContent.split(P),e=t.length-1;if(e>0){i.textContent=b?b.emptyScript:"";for(let s=0;s<e;s++)i.append(t[s],H()),J.nextNode(),h.push({type:2,index:++n});i.append(t[e],H())}}}else if(8===i.nodeType)if(i.data===x)h.push({type:2,index:n});else{let t=-1;for(;-1!==(t=i.data.indexOf(P,t+1));)h.push({type:7,index:n}),t+=P.length-1}n++}}static createElement(t,e){const s=O.createElement("template");return s.innerHTML=t,s}}function G(t,e,s=t,i){if(e===W)return e;let n=void 0!==i?s._$Co?.[i]:s._$Cl;const r=M(e)?void 0:e._$litDirective$;return n?.constructor!==r&&(n?._$AO?.(!1),void 0===r?n=void 0:(n=new r(t),n._$AT(t,s,i)),void 0!==i?(s._$Co??=[])[i]=n:s._$Cl=n),void 0!==n&&(e=G(t,n._$AS(t,e.values),n,i)),e}class Q{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,i=(t?.creationScope??O).importNode(e,!0);J.currentNode=i;let n=J.nextNode(),r=0,o=0,h=s[0];for(;void 0!==h;){if(r===h.index){let e;2===h.type?e=new X(n,n.nextSibling,this,t):1===h.type?e=new h.ctor(n,h.name,h.strings,this,t):6===h.type&&(e=new it(n,this,t)),this._$AV.push(e),h=s[++o]}r!==h?.index&&(n=J.nextNode(),r++)}return J.currentNode=O,i}p(t){let e=0;for(const s of this._$AV)void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class X{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,s,i){this.type=2,this._$AH=V,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=G(this,t,e),M(t)?t===V||null==t||""===t?(this._$AH!==V&&this._$AR(),this._$AH=V):t!==this._$AH&&t!==W&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>T(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==V&&M(this._$AH)?this._$AA.nextSibling.data=t:this.T(O.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:s}=t,i="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=F.createElement(K(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===i)this._$AH.p(e);else{const t=new Q(i,this),s=t.u(this.options);t.p(e),this.T(s),this._$AH=t}}_$AC(t){let e=q.get(t.strings);return void 0===e&&q.set(t.strings,e=new F(t)),e}k(t){T(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,i=0;for(const n of t)i===e.length?e.push(s=new X(this.O(H()),this.O(H()),this,this.options)):s=e[i],s._$AI(n),i++;i<e.length&&(this._$AR(s&&s._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class Y{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,i,n){this.type=1,this._$AH=V,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=n,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=V}_$AI(t,e=this,s,i){const n=this.strings;let r=!1;if(void 0===n)t=G(this,t,e,0),r=!M(t)||t!==this._$AH&&t!==W,r&&(this._$AH=t);else{const i=t;let o,h;for(t=n[0],o=0;o<n.length-1;o++)h=G(this,i[s+o],e,o),h===W&&(h=this._$AH[o]),r||=!M(h)||h!==this._$AH[o],h===V?t=V:t!==V&&(t+=(h??"")+n[o+1]),this._$AH[o]=h}r&&!i&&this.j(t)}j(t){t===V?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class tt extends Y{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===V?void 0:t}}class et extends Y{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==V)}}class st extends Y{constructor(t,e,s,i,n){super(t,e,s,i,n),this.type=5}_$AI(t,e=this){if((t=G(this,t,e,0)??V)===W)return;const s=this._$AH,i=t===V&&s!==V||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==V&&(s===V||i);i&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class it{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){G(this,t)}}const nt=S.litHtmlPolyfillSupport;nt?.(F,X),(S.litHtmlVersions??=[]).push("3.3.0");const rt=globalThis;
|
|
18
|
+
/**
|
|
19
|
+
* @license
|
|
20
|
+
* Copyright 2017 Google LLC
|
|
21
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
22
|
+
*/class ot extends E{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,s)=>{const i=s?.renderBefore??e;let n=i._$litPart$;if(void 0===n){const t=s?.renderBefore??null;i._$litPart$=n=new X(e.insertBefore(H(),t),t,void 0,s??{})}return n._$AI(t),n})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return W}}ot._$litElement$=!0,ot.finalized=!0,rt.litElementHydrateSupport?.({LitElement:ot});const ht=rt.litElementPolyfillSupport;ht?.({LitElement:ot}),(rt.litElementVersions??=[]).push("4.2.0");export{V as E,W as T,o as a,g as f,ot as i,r,y as u,I as x};
|