blessing-ui 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/LICENSE +21 -0
- package/README.md +359 -0
- package/dist/blessing-ui.css +412 -0
- package/dist/components/BlessAccordion.css +1 -0
- package/dist/components/BlessAccordion.js +6 -0
- package/dist/components/BlessAccordion.vue.d.ts +18 -0
- package/dist/components/BlessAccordion.vue_vue_type_script_setup_true_lang.js +14 -0
- package/dist/components/BlessAccordionItem.js +5 -0
- package/dist/components/BlessAccordionItem.vue.d.ts +27 -0
- package/dist/components/BlessAccordionItem.vue_vue_type_script_setup_true_lang.js +44 -0
- package/dist/components/BlessActionSheet.css +1 -0
- package/dist/components/BlessActionSheet.js +6 -0
- package/dist/components/BlessActionSheet.vue.d.ts +35 -0
- package/dist/components/BlessActionSheet.vue_vue_type_script_setup_true_lang.js +74 -0
- package/dist/components/BlessAlert.css +1 -0
- package/dist/components/BlessAlert.js +6 -0
- package/dist/components/BlessAlert.vue.d.ts +39 -0
- package/dist/components/BlessAlert.vue_vue_type_script_setup_true_lang.js +48 -0
- package/dist/components/BlessAlertDialog.css +1 -0
- package/dist/components/BlessAlertDialog.js +6 -0
- package/dist/components/BlessAlertDialog.vue.d.ts +38 -0
- package/dist/components/BlessAlertDialog.vue_vue_type_script_setup_true_lang.js +74 -0
- package/dist/components/BlessAspectRatio.css +1 -0
- package/dist/components/BlessAspectRatio.js +6 -0
- package/dist/components/BlessAspectRatio.vue.d.ts +22 -0
- package/dist/components/BlessAspectRatio.vue_vue_type_script_setup_true_lang.js +18 -0
- package/dist/components/BlessAttachment.css +1 -0
- package/dist/components/BlessAttachment.js +6 -0
- package/dist/components/BlessAttachment.vue.d.ts +40 -0
- package/dist/components/BlessAttachment.vue_vue_type_script_setup_true_lang.js +78 -0
- package/dist/components/BlessAudioPlayer.css +1 -0
- package/dist/components/BlessAudioPlayer.js +6 -0
- package/dist/components/BlessAudioPlayer.vue.d.ts +35 -0
- package/dist/components/BlessAudioPlayer.vue_vue_type_script_setup_true_lang.js +134 -0
- package/dist/components/BlessAvatar.css +1 -0
- package/dist/components/BlessAvatar.js +6 -0
- package/dist/components/BlessAvatar.vue.d.ts +26 -0
- package/dist/components/BlessAvatar.vue_vue_type_script_setup_true_lang.js +47 -0
- package/dist/components/BlessBackground.css +1 -0
- package/dist/components/BlessBackground.js +6 -0
- package/dist/components/BlessBackground.vue.d.ts +16 -0
- package/dist/components/BlessBackground.vue_vue_type_script_setup_true_lang.js +26 -0
- package/dist/components/BlessBadge.css +1 -0
- package/dist/components/BlessBadge.js +6 -0
- package/dist/components/BlessBadge.vue.d.ts +24 -0
- package/dist/components/BlessBadge.vue_vue_type_script_setup_true_lang.js +23 -0
- package/dist/components/BlessBlockUI.css +1 -0
- package/dist/components/BlessBlockUI.js +6 -0
- package/dist/components/BlessBlockUI.vue.d.ts +22 -0
- package/dist/components/BlessBlockUI.vue_vue_type_script_setup_true_lang.js +51 -0
- package/dist/components/BlessBottomTabs.css +1 -0
- package/dist/components/BlessBottomTabs.js +6 -0
- package/dist/components/BlessBottomTabs.vue.d.ts +47 -0
- package/dist/components/BlessBottomTabs.vue_vue_type_script_setup_true_lang.js +67 -0
- package/dist/components/BlessBreadcrumb.css +1 -0
- package/dist/components/BlessBreadcrumb.js +6 -0
- package/dist/components/BlessBreadcrumb.vue.d.ts +28 -0
- package/dist/components/BlessBreadcrumb.vue_vue_type_script_setup_true_lang.js +44 -0
- package/dist/components/BlessBubble.css +1 -0
- package/dist/components/BlessBubble.js +6 -0
- package/dist/components/BlessBubble.vue.d.ts +39 -0
- package/dist/components/BlessBubble.vue_vue_type_script_setup_true_lang.js +48 -0
- package/dist/components/BlessButton.css +1 -0
- package/dist/components/BlessButton.js +6 -0
- package/dist/components/BlessButton.vue.d.ts +40 -0
- package/dist/components/BlessButton.vue_vue_type_script_setup_true_lang.js +68 -0
- package/dist/components/BlessButtonGroup.css +1 -0
- package/dist/components/BlessButtonGroup.js +6 -0
- package/dist/components/BlessButtonGroup.vue.d.ts +19 -0
- package/dist/components/BlessButtonGroup.vue_vue_type_script_setup_true_lang.js +19 -0
- package/dist/components/BlessCalendar.css +1 -0
- package/dist/components/BlessCalendar.js +6 -0
- package/dist/components/BlessCalendar.vue.d.ts +26 -0
- package/dist/components/BlessCalendar.vue_vue_type_script_setup_true_lang.js +150 -0
- package/dist/components/BlessCard.css +1 -0
- package/dist/components/BlessCard.js +6 -0
- package/dist/components/BlessCard.vue.d.ts +34 -0
- package/dist/components/BlessCard.vue_vue_type_script_setup_true_lang.js +49 -0
- package/dist/components/BlessCarousel.css +1 -0
- package/dist/components/BlessCarousel.js +6 -0
- package/dist/components/BlessCarousel.vue.d.ts +52 -0
- package/dist/components/BlessCarousel.vue_vue_type_script_setup_true_lang.js +147 -0
- package/dist/components/BlessCascadeSelect.css +1 -0
- package/dist/components/BlessCascadeSelect.js +6 -0
- package/dist/components/BlessCascadeSelect.vue.d.ts +36 -0
- package/dist/components/BlessCascadeSelect.vue_vue_type_script_setup_true_lang.js +169 -0
- package/dist/components/BlessChart.css +1 -0
- package/dist/components/BlessChart.js +6 -0
- package/dist/components/BlessChart.vue.d.ts +28 -0
- package/dist/components/BlessChart.vue_vue_type_script_setup_true_lang.js +44 -0
- package/dist/components/BlessCheckbox.css +1 -0
- package/dist/components/BlessCheckbox.js +6 -0
- package/dist/components/BlessCheckbox.vue.d.ts +29 -0
- package/dist/components/BlessCheckbox.vue_vue_type_script_setup_true_lang.js +69 -0
- package/dist/components/BlessChip.css +1 -0
- package/dist/components/BlessChip.js +6 -0
- package/dist/components/BlessChip.vue.d.ts +30 -0
- package/dist/components/BlessChip.vue_vue_type_script_setup_true_lang.js +41 -0
- package/dist/components/BlessCircularProgress.css +1 -0
- package/dist/components/BlessCircularProgress.js +6 -0
- package/dist/components/BlessCircularProgress.vue.d.ts +33 -0
- package/dist/components/BlessCircularProgress.vue_vue_type_script_setup_true_lang.js +82 -0
- package/dist/components/BlessClientOnly.js +5 -0
- package/dist/components/BlessClientOnly.vue.d.ts +15 -0
- package/dist/components/BlessClientOnly.vue_vue_type_script_setup_true_lang.js +12 -0
- package/dist/components/BlessCollapsible.css +1 -0
- package/dist/components/BlessCollapsible.js +6 -0
- package/dist/components/BlessCollapsible.vue.d.ts +29 -0
- package/dist/components/BlessCollapsible.vue_vue_type_script_setup_true_lang.js +37 -0
- package/dist/components/BlessColorPicker.css +1 -0
- package/dist/components/BlessColorPicker.js +6 -0
- package/dist/components/BlessColorPicker.vue.d.ts +30 -0
- package/dist/components/BlessColorPicker.vue_vue_type_script_setup_true_lang.js +73 -0
- package/dist/components/BlessCombobox.css +1 -0
- package/dist/components/BlessCombobox.js +6 -0
- package/dist/components/BlessCombobox.vue.d.ts +42 -0
- package/dist/components/BlessCombobox.vue_vue_type_script_setup_true_lang.js +191 -0
- package/dist/components/BlessCommand.css +1 -0
- package/dist/components/BlessCommand.js +6 -0
- package/dist/components/BlessCommand.vue.d.ts +53 -0
- package/dist/components/BlessCommand.vue_vue_type_script_setup_true_lang.js +154 -0
- package/dist/components/BlessCompare.css +1 -0
- package/dist/components/BlessCompare.js +6 -0
- package/dist/components/BlessCompare.vue.d.ts +31 -0
- package/dist/components/BlessCompare.vue_vue_type_script_setup_true_lang.js +49 -0
- package/dist/components/BlessConfirmPopup.css +1 -0
- package/dist/components/BlessConfirmPopup.js +6 -0
- package/dist/components/BlessConfirmPopup.vue.d.ts +41 -0
- package/dist/components/BlessConfirmPopup.vue_vue_type_script_setup_true_lang.js +65 -0
- package/dist/components/BlessContainer.css +1 -0
- package/dist/components/BlessContainer.js +6 -0
- package/dist/components/BlessContainer.vue.d.ts +22 -0
- package/dist/components/BlessContainer.vue_vue_type_script_setup_true_lang.js +22 -0
- package/dist/components/BlessContextMenu.js +5 -0
- package/dist/components/BlessContextMenu.vue.d.ts +23 -0
- package/dist/components/BlessContextMenu.vue_vue_type_script_setup_true_lang.js +34 -0
- package/dist/components/BlessDash.css +1 -0
- package/dist/components/BlessDash.js +6 -0
- package/dist/components/BlessDash.vue.d.ts +8 -0
- package/dist/components/BlessDash.vue_vue_type_script_setup_true_lang.js +12 -0
- package/dist/components/BlessDataTable.css +1 -0
- package/dist/components/BlessDataTable.js +6 -0
- package/dist/components/BlessDataTable.vue.d.ts +82 -0
- package/dist/components/BlessDataTable.vue_vue_type_script_setup_true_lang.js +212 -0
- package/dist/components/BlessDataView.css +1 -0
- package/dist/components/BlessDataView.js +6 -0
- package/dist/components/BlessDataView.vue.d.ts +43 -0
- package/dist/components/BlessDataView.vue_vue_type_script_setup_true_lang.js +86 -0
- package/dist/components/BlessDatePicker.css +1 -0
- package/dist/components/BlessDatePicker.js +6 -0
- package/dist/components/BlessDatePicker.vue.d.ts +29 -0
- package/dist/components/BlessDatePicker.vue_vue_type_script_setup_true_lang.js +137 -0
- package/dist/components/BlessDeferredContent.js +5 -0
- package/dist/components/BlessDeferredContent.vue.d.ts +26 -0
- package/dist/components/BlessDeferredContent.vue_vue_type_script_setup_true_lang.js +30 -0
- package/dist/components/BlessDialogHost.css +1 -0
- package/dist/components/BlessDialogHost.js +6 -0
- package/dist/components/BlessDialogHost.vue.d.ts +3 -0
- package/dist/components/BlessDialogHost.vue_vue_type_script_setup_true_lang.js +36 -0
- package/dist/components/BlessDrawer.js +5 -0
- package/dist/components/BlessDrawer.vue.d.ts +34 -0
- package/dist/components/BlessDrawer.vue_vue_type_script_setup_true_lang.js +54 -0
- package/dist/components/BlessDropdownMenu.css +1 -0
- package/dist/components/BlessDropdownMenu.js +6 -0
- package/dist/components/BlessDropdownMenu.vue.d.ts +43 -0
- package/dist/components/BlessDropdownMenu.vue_vue_type_script_setup_true_lang.js +126 -0
- package/dist/components/BlessEditor.css +1 -0
- package/dist/components/BlessEditor.js +6 -0
- package/dist/components/BlessEditor.vue.d.ts +50 -0
- package/dist/components/BlessEditor.vue_vue_type_script_setup_true_lang.js +159 -0
- package/dist/components/BlessEmpty.css +1 -0
- package/dist/components/BlessEmpty.js +6 -0
- package/dist/components/BlessEmpty.vue.d.ts +27 -0
- package/dist/components/BlessEmpty.vue_vue_type_script_setup_true_lang.js +34 -0
- package/dist/components/BlessField.css +1 -0
- package/dist/components/BlessField.js +6 -0
- package/dist/components/BlessField.vue.d.ts +26 -0
- package/dist/components/BlessField.vue_vue_type_script_setup_true_lang.js +66 -0
- package/dist/components/BlessFieldset.css +1 -0
- package/dist/components/BlessFieldset.js +6 -0
- package/dist/components/BlessFieldset.vue.d.ts +30 -0
- package/dist/components/BlessFieldset.vue_vue_type_script_setup_true_lang.js +40 -0
- package/dist/components/BlessFileInput.css +1 -0
- package/dist/components/BlessFileInput.js +6 -0
- package/dist/components/BlessFileInput.vue.d.ts +38 -0
- package/dist/components/BlessFileInput.vue_vue_type_script_setup_true_lang.js +107 -0
- package/dist/components/BlessFloatLabel.css +1 -0
- package/dist/components/BlessFloatLabel.js +6 -0
- package/dist/components/BlessFloatLabel.vue.d.ts +22 -0
- package/dist/components/BlessFloatLabel.vue_vue_type_script_setup_true_lang.js +21 -0
- package/dist/components/BlessForm.css +1 -0
- package/dist/components/BlessForm.js +6 -0
- package/dist/components/BlessForm.vue.d.ts +27 -0
- package/dist/components/BlessForm.vue_vue_type_script_setup_true_lang.js +41 -0
- package/dist/components/BlessGallery.css +1 -0
- package/dist/components/BlessGallery.js +6 -0
- package/dist/components/BlessGallery.vue.d.ts +44 -0
- package/dist/components/BlessGallery.vue_vue_type_script_setup_true_lang.js +109 -0
- package/dist/components/BlessHoverCard.css +1 -0
- package/dist/components/BlessHoverCard.js +6 -0
- package/dist/components/BlessHoverCard.vue.d.ts +33 -0
- package/dist/components/BlessHoverCard.vue_vue_type_script_setup_true_lang.js +42 -0
- package/dist/components/BlessIcon.css +1 -0
- package/dist/components/BlessIcon.js +6 -0
- package/dist/components/BlessIcon.vue.d.ts +21 -0
- package/dist/components/BlessIcon.vue_vue_type_script_setup_true_lang.js +33 -0
- package/dist/components/BlessImg.css +1 -0
- package/dist/components/BlessImg.js +6 -0
- package/dist/components/BlessImg.vue.d.ts +31 -0
- package/dist/components/BlessImg.vue_vue_type_script_setup_true_lang.js +79 -0
- package/dist/components/BlessIndicator.css +1 -0
- package/dist/components/BlessIndicator.js +6 -0
- package/dist/components/BlessIndicator.vue.d.ts +28 -0
- package/dist/components/BlessIndicator.vue_vue_type_script_setup_true_lang.js +39 -0
- package/dist/components/BlessInfiniteScroll.css +1 -0
- package/dist/components/BlessInfiniteScroll.js +6 -0
- package/dist/components/BlessInfiniteScroll.vue.d.ts +40 -0
- package/dist/components/BlessInfiniteScroll.vue_vue_type_script_setup_true_lang.js +64 -0
- package/dist/components/BlessInplace.css +1 -0
- package/dist/components/BlessInplace.js +6 -0
- package/dist/components/BlessInplace.vue.d.ts +37 -0
- package/dist/components/BlessInplace.vue_vue_type_script_setup_true_lang.js +53 -0
- package/dist/components/BlessInput.css +1 -0
- package/dist/components/BlessInput.js +6 -0
- package/dist/components/BlessInput.vue.d.ts +40 -0
- package/dist/components/BlessInput.vue_vue_type_script_setup_true_lang.js +70 -0
- package/dist/components/BlessInputGroup.css +1 -0
- package/dist/components/BlessInputGroup.js +6 -0
- package/dist/components/BlessInputGroup.vue.d.ts +23 -0
- package/dist/components/BlessInputGroup.vue_vue_type_script_setup_true_lang.js +28 -0
- package/dist/components/BlessInputMask.js +5 -0
- package/dist/components/BlessInputMask.vue.d.ts +20 -0
- package/dist/components/BlessInputMask.vue_vue_type_script_setup_true_lang.js +42 -0
- package/dist/components/BlessInputNumber.css +1 -0
- package/dist/components/BlessInputNumber.js +6 -0
- package/dist/components/BlessInputNumber.vue.d.ts +34 -0
- package/dist/components/BlessInputNumber.vue_vue_type_script_setup_true_lang.js +132 -0
- package/dist/components/BlessInputOTP.css +1 -0
- package/dist/components/BlessInputOTP.js +6 -0
- package/dist/components/BlessInputOTP.vue.d.ts +32 -0
- package/dist/components/BlessInputOTP.vue_vue_type_script_setup_true_lang.js +117 -0
- package/dist/components/BlessInputTags.css +1 -0
- package/dist/components/BlessInputTags.js +6 -0
- package/dist/components/BlessInputTags.vue.d.ts +27 -0
- package/dist/components/BlessInputTags.vue_vue_type_script_setup_true_lang.js +107 -0
- package/dist/components/BlessItem.css +1 -0
- package/dist/components/BlessItem.js +6 -0
- package/dist/components/BlessItem.vue.d.ts +34 -0
- package/dist/components/BlessItem.vue_vue_type_script_setup_true_lang.js +51 -0
- package/dist/components/BlessKbd.css +1 -0
- package/dist/components/BlessKbd.js +6 -0
- package/dist/components/BlessKbd.vue.d.ts +17 -0
- package/dist/components/BlessKbd.vue_vue_type_script_setup_true_lang.js +19 -0
- package/dist/components/BlessKnob.css +1 -0
- package/dist/components/BlessKnob.js +6 -0
- package/dist/components/BlessKnob.vue.d.ts +32 -0
- package/dist/components/BlessKnob.vue_vue_type_script_setup_true_lang.js +99 -0
- package/dist/components/BlessLabel.css +1 -0
- package/dist/components/BlessLabel.js +6 -0
- package/dist/components/BlessLabel.vue.d.ts +21 -0
- package/dist/components/BlessLabel.vue_vue_type_script_setup_true_lang.js +31 -0
- package/dist/components/BlessLayout.css +1 -0
- package/dist/components/BlessLayout.js +6 -0
- package/dist/components/BlessLayout.vue.d.ts +47 -0
- package/dist/components/BlessLayout.vue_vue_type_script_setup_true_lang.js +107 -0
- package/dist/components/BlessList.css +1 -0
- package/dist/components/BlessList.js +6 -0
- package/dist/components/BlessList.vue.d.ts +18 -0
- package/dist/components/BlessList.vue_vue_type_script_setup_true_lang.js +18 -0
- package/dist/components/BlessListItem.css +1 -0
- package/dist/components/BlessListItem.js +6 -0
- package/dist/components/BlessListItem.vue.d.ts +24 -0
- package/dist/components/BlessListItem.vue_vue_type_script_setup_true_lang.js +43 -0
- package/dist/components/BlessListbox.css +1 -0
- package/dist/components/BlessListbox.js +6 -0
- package/dist/components/BlessListbox.vue.d.ts +38 -0
- package/dist/components/BlessListbox.vue_vue_type_script_setup_true_lang.js +131 -0
- package/dist/components/BlessLoadingBar.css +1 -0
- package/dist/components/BlessLoadingBar.js +6 -0
- package/dist/components/BlessLoadingBar.vue.d.ts +12 -0
- package/dist/components/BlessLoadingBar.vue_vue_type_script_setup_true_lang.js +33 -0
- package/dist/components/BlessMarker.css +1 -0
- package/dist/components/BlessMarker.js +6 -0
- package/dist/components/BlessMarker.vue.d.ts +25 -0
- package/dist/components/BlessMarker.vue_vue_type_script_setup_true_lang.js +27 -0
- package/dist/components/BlessMenuList.css +1 -0
- package/dist/components/BlessMenuList.js +6 -0
- package/dist/components/BlessMenuList.vue.d.ts +20 -0
- package/dist/components/BlessMenuList.vue_vue_type_script_setup_true_lang.js +148 -0
- package/dist/components/BlessMenubar.css +1 -0
- package/dist/components/BlessMenubar.js +6 -0
- package/dist/components/BlessMenubar.vue.d.ts +16 -0
- package/dist/components/BlessMenubar.vue_vue_type_script_setup_true_lang.js +38 -0
- package/dist/components/BlessMessage.css +1 -0
- package/dist/components/BlessMessage.js +6 -0
- package/dist/components/BlessMessage.vue.d.ts +36 -0
- package/dist/components/BlessMessage.vue_vue_type_script_setup_true_lang.js +51 -0
- package/dist/components/BlessMessageScroller.css +1 -0
- package/dist/components/BlessMessageScroller.js +6 -0
- package/dist/components/BlessMessageScroller.vue.d.ts +49 -0
- package/dist/components/BlessMessageScroller.vue_vue_type_script_setup_true_lang.js +83 -0
- package/dist/components/BlessMeterGroup.css +1 -0
- package/dist/components/BlessMeterGroup.js +6 -0
- package/dist/components/BlessMeterGroup.vue.d.ts +35 -0
- package/dist/components/BlessMeterGroup.vue_vue_type_script_setup_true_lang.js +64 -0
- package/dist/components/BlessMockup.css +1 -0
- package/dist/components/BlessMockup.js +6 -0
- package/dist/components/BlessMockup.vue.d.ts +23 -0
- package/dist/components/BlessMockup.vue_vue_type_script_setup_true_lang.js +37 -0
- package/dist/components/BlessModal.css +1 -0
- package/dist/components/BlessModal.js +6 -0
- package/dist/components/BlessModal.vue.d.ts +40 -0
- package/dist/components/BlessModal.vue_vue_type_script_setup_true_lang.js +85 -0
- package/dist/components/BlessNavigationMenu.css +1 -0
- package/dist/components/BlessNavigationMenu.js +6 -0
- package/dist/components/BlessNavigationMenu.vue.d.ts +42 -0
- package/dist/components/BlessNavigationMenu.vue_vue_type_script_setup_true_lang.js +116 -0
- package/dist/components/BlessOrderList.css +1 -0
- package/dist/components/BlessOrderList.js +6 -0
- package/dist/components/BlessOrderList.vue.d.ts +33 -0
- package/dist/components/BlessOrderList.vue_vue_type_script_setup_true_lang.js +114 -0
- package/dist/components/BlessOrgChart.css +1 -0
- package/dist/components/BlessOrgChart.js +6 -0
- package/dist/components/BlessOrgChart.vue.d.ts +33 -0
- package/dist/components/BlessOrgChart.vue_vue_type_script_setup_true_lang.js +41 -0
- package/dist/components/BlessOrgChartNode.js +5 -0
- package/dist/components/BlessOrgChartNode.vue.d.ts +25 -0
- package/dist/components/BlessOrgChartNode.vue_vue_type_script_setup_true_lang.js +57 -0
- package/dist/components/BlessPagination.css +1 -0
- package/dist/components/BlessPagination.js +6 -0
- package/dist/components/BlessPagination.vue.d.ts +26 -0
- package/dist/components/BlessPagination.vue_vue_type_script_setup_true_lang.js +99 -0
- package/dist/components/BlessPaletteToggle.css +1 -0
- package/dist/components/BlessPaletteToggle.js +6 -0
- package/dist/components/BlessPaletteToggle.vue.d.ts +11 -0
- package/dist/components/BlessPaletteToggle.vue_vue_type_script_setup_true_lang.js +38 -0
- package/dist/components/BlessPanel.css +1 -0
- package/dist/components/BlessPanel.js +6 -0
- package/dist/components/BlessPanel.vue.d.ts +37 -0
- package/dist/components/BlessPanel.vue_vue_type_script_setup_true_lang.js +56 -0
- package/dist/components/BlessParallax.css +1 -0
- package/dist/components/BlessParallax.js +6 -0
- package/dist/components/BlessParallax.vue.d.ts +25 -0
- package/dist/components/BlessParallax.vue_vue_type_script_setup_true_lang.js +39 -0
- package/dist/components/BlessPasswordInput.css +1 -0
- package/dist/components/BlessPasswordInput.js +6 -0
- package/dist/components/BlessPasswordInput.vue.d.ts +19 -0
- package/dist/components/BlessPasswordInput.vue_vue_type_script_setup_true_lang.js +44 -0
- package/dist/components/BlessPasswordMeter.css +1 -0
- package/dist/components/BlessPasswordMeter.js +6 -0
- package/dist/components/BlessPasswordMeter.vue.d.ts +21 -0
- package/dist/components/BlessPasswordMeter.vue_vue_type_script_setup_true_lang.js +74 -0
- package/dist/components/BlessPickList.css +1 -0
- package/dist/components/BlessPickList.js +6 -0
- package/dist/components/BlessPickList.vue.d.ts +29 -0
- package/dist/components/BlessPickList.vue_vue_type_script_setup_true_lang.js +120 -0
- package/dist/components/BlessPopover.css +1 -0
- package/dist/components/BlessPopover.js +6 -0
- package/dist/components/BlessPopover.vue.d.ts +46 -0
- package/dist/components/BlessPopover.vue_vue_type_script_setup_true_lang.js +84 -0
- package/dist/components/BlessProgress.css +1 -0
- package/dist/components/BlessProgress.js +6 -0
- package/dist/components/BlessProgress.vue.d.ts +18 -0
- package/dist/components/BlessProgress.vue_vue_type_script_setup_true_lang.js +53 -0
- package/dist/components/BlessPullToRefresh.css +1 -0
- package/dist/components/BlessPullToRefresh.js +6 -0
- package/dist/components/BlessPullToRefresh.vue.d.ts +38 -0
- package/dist/components/BlessPullToRefresh.vue_vue_type_script_setup_true_lang.js +55 -0
- package/dist/components/BlessQrCode.css +1 -0
- package/dist/components/BlessQrCode.js +6 -0
- package/dist/components/BlessQrCode.vue.d.ts +24 -0
- package/dist/components/BlessQrCode.vue_vue_type_script_setup_true_lang.js +51 -0
- package/dist/components/BlessQuestionnaire.css +1 -0
- package/dist/components/BlessQuestionnaire.js +6 -0
- package/dist/components/BlessQuestionnaire.vue.d.ts +33 -0
- package/dist/components/BlessQuestionnaire.vue_vue_type_script_setup_true_lang.js +195 -0
- package/dist/components/BlessRadio.css +1 -0
- package/dist/components/BlessRadio.js +6 -0
- package/dist/components/BlessRadio.vue.d.ts +19 -0
- package/dist/components/BlessRadio.vue_vue_type_script_setup_true_lang.js +58 -0
- package/dist/components/BlessRadioGroup.css +1 -0
- package/dist/components/BlessRadioGroup.js +6 -0
- package/dist/components/BlessRadioGroup.vue.d.ts +33 -0
- package/dist/components/BlessRadioGroup.vue_vue_type_script_setup_true_lang.js +48 -0
- package/dist/components/BlessRange.css +1 -0
- package/dist/components/BlessRange.js +6 -0
- package/dist/components/BlessRange.vue.d.ts +32 -0
- package/dist/components/BlessRange.vue_vue_type_script_setup_true_lang.js +111 -0
- package/dist/components/BlessRating.css +1 -0
- package/dist/components/BlessRating.js +6 -0
- package/dist/components/BlessRating.vue.d.ts +26 -0
- package/dist/components/BlessRating.vue_vue_type_script_setup_true_lang.js +62 -0
- package/dist/components/BlessResizable.css +1 -0
- package/dist/components/BlessResizable.js +6 -0
- package/dist/components/BlessResizable.vue.d.ts +38 -0
- package/dist/components/BlessResizable.vue_vue_type_script_setup_true_lang.js +78 -0
- package/dist/components/BlessScrollArea.css +1 -0
- package/dist/components/BlessScrollArea.js +6 -0
- package/dist/components/BlessScrollArea.vue.d.ts +25 -0
- package/dist/components/BlessScrollArea.vue_vue_type_script_setup_true_lang.js +30 -0
- package/dist/components/BlessScrollTop.css +1 -0
- package/dist/components/BlessScrollTop.js +6 -0
- package/dist/components/BlessScrollTop.vue.d.ts +25 -0
- package/dist/components/BlessScrollTop.vue_vue_type_script_setup_true_lang.js +41 -0
- package/dist/components/BlessSection.css +1 -0
- package/dist/components/BlessSection.js +6 -0
- package/dist/components/BlessSection.vue.d.ts +35 -0
- package/dist/components/BlessSection.vue_vue_type_script_setup_true_lang.js +40 -0
- package/dist/components/BlessSelect.css +1 -0
- package/dist/components/BlessSelect.js +6 -0
- package/dist/components/BlessSelect.vue.d.ts +35 -0
- package/dist/components/BlessSelect.vue_vue_type_script_setup_true_lang.js +78 -0
- package/dist/components/BlessSeparator.css +1 -0
- package/dist/components/BlessSeparator.js +6 -0
- package/dist/components/BlessSeparator.vue.d.ts +15 -0
- package/dist/components/BlessSeparator.vue_vue_type_script_setup_true_lang.js +35 -0
- package/dist/components/BlessSheet.css +1 -0
- package/dist/components/BlessSheet.js +6 -0
- package/dist/components/BlessSheet.vue.d.ts +40 -0
- package/dist/components/BlessSheet.vue_vue_type_script_setup_true_lang.js +97 -0
- package/dist/components/BlessSidebarNav.css +1 -0
- package/dist/components/BlessSidebarNav.js +6 -0
- package/dist/components/BlessSidebarNav.vue.d.ts +35 -0
- package/dist/components/BlessSidebarNav.vue_vue_type_script_setup_true_lang.js +54 -0
- package/dist/components/BlessSignaturePad.css +1 -0
- package/dist/components/BlessSignaturePad.js +6 -0
- package/dist/components/BlessSignaturePad.vue.d.ts +50 -0
- package/dist/components/BlessSignaturePad.vue_vue_type_script_setup_true_lang.js +80 -0
- package/dist/components/BlessSkeleton.css +1 -0
- package/dist/components/BlessSkeleton.js +6 -0
- package/dist/components/BlessSkeleton.vue.d.ts +14 -0
- package/dist/components/BlessSkeleton.vue_vue_type_script_setup_true_lang.js +36 -0
- package/dist/components/BlessSkew.css +1 -0
- package/dist/components/BlessSkew.js +6 -0
- package/dist/components/BlessSkew.vue.d.ts +25 -0
- package/dist/components/BlessSkew.vue_vue_type_script_setup_true_lang.js +19 -0
- package/dist/components/BlessSlideItem.css +1 -0
- package/dist/components/BlessSlideItem.js +6 -0
- package/dist/components/BlessSlideItem.vue.d.ts +37 -0
- package/dist/components/BlessSlideItem.vue_vue_type_script_setup_true_lang.js +57 -0
- package/dist/components/BlessSlideTransition.js +5 -0
- package/dist/components/BlessSlideTransition.vue.d.ts +20 -0
- package/dist/components/BlessSlideTransition.vue_vue_type_script_setup_true_lang.js +44 -0
- package/dist/components/BlessSlider.css +1 -0
- package/dist/components/BlessSlider.js +6 -0
- package/dist/components/BlessSlider.vue.d.ts +26 -0
- package/dist/components/BlessSlider.vue_vue_type_script_setup_true_lang.js +68 -0
- package/dist/components/BlessSpeedDial.css +1 -0
- package/dist/components/BlessSpeedDial.js +6 -0
- package/dist/components/BlessSpeedDial.vue.d.ts +45 -0
- package/dist/components/BlessSpeedDial.vue_vue_type_script_setup_true_lang.js +80 -0
- package/dist/components/BlessSpinner.css +1 -0
- package/dist/components/BlessSpinner.js +6 -0
- package/dist/components/BlessSpinner.vue.d.ts +13 -0
- package/dist/components/BlessSpinner.vue_vue_type_script_setup_true_lang.js +25 -0
- package/dist/components/BlessSplash.css +1 -0
- package/dist/components/BlessSplash.js +6 -0
- package/dist/components/BlessSplash.vue.d.ts +35 -0
- package/dist/components/BlessSplash.vue_vue_type_script_setup_true_lang.js +53 -0
- package/dist/components/BlessSplitButton.css +1 -0
- package/dist/components/BlessSplitButton.js +6 -0
- package/dist/components/BlessSplitButton.vue.d.ts +35 -0
- package/dist/components/BlessSplitButton.vue_vue_type_script_setup_true_lang.js +73 -0
- package/dist/components/BlessStack.css +1 -0
- package/dist/components/BlessStack.js +6 -0
- package/dist/components/BlessStack.vue.d.ts +28 -0
- package/dist/components/BlessStack.vue_vue_type_script_setup_true_lang.js +40 -0
- package/dist/components/BlessStage.css +1 -0
- package/dist/components/BlessStage.js +6 -0
- package/dist/components/BlessStage.vue.d.ts +34 -0
- package/dist/components/BlessStage.vue_vue_type_script_setup_true_lang.js +74 -0
- package/dist/components/BlessStepper.css +1 -0
- package/dist/components/BlessStepper.js +6 -0
- package/dist/components/BlessStepper.vue.d.ts +51 -0
- package/dist/components/BlessStepper.vue_vue_type_script_setup_true_lang.js +80 -0
- package/dist/components/BlessSteps.css +1 -0
- package/dist/components/BlessSteps.js +6 -0
- package/dist/components/BlessSteps.vue.d.ts +27 -0
- package/dist/components/BlessSteps.vue_vue_type_script_setup_true_lang.js +48 -0
- package/dist/components/BlessSwap.css +1 -0
- package/dist/components/BlessSwap.js +6 -0
- package/dist/components/BlessSwap.vue.d.ts +30 -0
- package/dist/components/BlessSwap.vue_vue_type_script_setup_true_lang.js +53 -0
- package/dist/components/BlessSwitch.css +1 -0
- package/dist/components/BlessSwitch.js +6 -0
- package/dist/components/BlessSwitch.vue.d.ts +27 -0
- package/dist/components/BlessSwitch.vue_vue_type_script_setup_true_lang.js +58 -0
- package/dist/components/BlessTabPanels.css +1 -0
- package/dist/components/BlessTabPanels.js +6 -0
- package/dist/components/BlessTabPanels.vue.d.ts +38 -0
- package/dist/components/BlessTabPanels.vue_vue_type_script_setup_true_lang.js +63 -0
- package/dist/components/BlessTable.css +1 -0
- package/dist/components/BlessTable.js +6 -0
- package/dist/components/BlessTable.vue.d.ts +46 -0
- package/dist/components/BlessTable.vue_vue_type_script_setup_true_lang.js +76 -0
- package/dist/components/BlessTabs.css +1 -0
- package/dist/components/BlessTabs.js +6 -0
- package/dist/components/BlessTabs.vue.d.ts +44 -0
- package/dist/components/BlessTabs.vue_vue_type_script_setup_true_lang.js +93 -0
- package/dist/components/BlessText.css +1 -0
- package/dist/components/BlessText.js +6 -0
- package/dist/components/BlessText.vue.d.ts +31 -0
- package/dist/components/BlessText.vue_vue_type_script_setup_true_lang.js +34 -0
- package/dist/components/BlessTextarea.css +1 -0
- package/dist/components/BlessTextarea.js +6 -0
- package/dist/components/BlessTextarea.vue.d.ts +28 -0
- package/dist/components/BlessTextarea.vue_vue_type_script_setup_true_lang.js +72 -0
- package/dist/components/BlessThemeToggle.css +1 -0
- package/dist/components/BlessThemeToggle.js +6 -0
- package/dist/components/BlessThemeToggle.vue.d.ts +22 -0
- package/dist/components/BlessThemeToggle.vue_vue_type_script_setup_true_lang.js +60 -0
- package/dist/components/BlessTimePicker.css +1 -0
- package/dist/components/BlessTimePicker.js +6 -0
- package/dist/components/BlessTimePicker.vue.d.ts +30 -0
- package/dist/components/BlessTimePicker.vue_vue_type_script_setup_true_lang.js +69 -0
- package/dist/components/BlessTimeline.css +1 -0
- package/dist/components/BlessTimeline.js +6 -0
- package/dist/components/BlessTimeline.vue.d.ts +36 -0
- package/dist/components/BlessTimeline.vue_vue_type_script_setup_true_lang.js +42 -0
- package/dist/components/BlessToaster.css +1 -0
- package/dist/components/BlessToaster.js +6 -0
- package/dist/components/BlessToaster.vue.d.ts +13 -0
- package/dist/components/BlessToaster.vue_vue_type_script_setup_true_lang.js +62 -0
- package/dist/components/BlessToggle.css +1 -0
- package/dist/components/BlessToggle.js +6 -0
- package/dist/components/BlessToggle.vue.d.ts +32 -0
- package/dist/components/BlessToggle.vue_vue_type_script_setup_true_lang.js +53 -0
- package/dist/components/BlessToggleGroup.css +1 -0
- package/dist/components/BlessToggleGroup.js +6 -0
- package/dist/components/BlessToggleGroup.vue.d.ts +28 -0
- package/dist/components/BlessToggleGroup.vue_vue_type_script_setup_true_lang.js +37 -0
- package/dist/components/BlessToolbar.css +1 -0
- package/dist/components/BlessToolbar.js +6 -0
- package/dist/components/BlessToolbar.vue.d.ts +26 -0
- package/dist/components/BlessToolbar.vue_vue_type_script_setup_true_lang.js +27 -0
- package/dist/components/BlessTooltip.css +1 -0
- package/dist/components/BlessTooltip.js +6 -0
- package/dist/components/BlessTooltip.vue.d.ts +24 -0
- package/dist/components/BlessTooltip.vue_vue_type_script_setup_true_lang.js +67 -0
- package/dist/components/BlessTour.css +1 -0
- package/dist/components/BlessTour.js +6 -0
- package/dist/components/BlessTour.vue.d.ts +39 -0
- package/dist/components/BlessTour.vue_vue_type_script_setup_true_lang.js +118 -0
- package/dist/components/BlessTree.css +1 -0
- package/dist/components/BlessTree.js +6 -0
- package/dist/components/BlessTree.vue.d.ts +20 -0
- package/dist/components/BlessTree.vue_vue_type_script_setup_true_lang.js +67 -0
- package/dist/components/BlessTreeItem.js +5 -0
- package/dist/components/BlessTreeItem.vue.d.ts +14 -0
- package/dist/components/BlessTreeItem.vue_vue_type_script_setup_true_lang.js +88 -0
- package/dist/components/BlessTreeSelect.css +1 -0
- package/dist/components/BlessTreeSelect.js +6 -0
- package/dist/components/BlessTreeSelect.vue.d.ts +32 -0
- package/dist/components/BlessTreeSelect.vue_vue_type_script_setup_true_lang.js +118 -0
- package/dist/components/BlessTreeTable.css +1 -0
- package/dist/components/BlessTreeTable.js +6 -0
- package/dist/components/BlessTreeTable.vue.d.ts +40 -0
- package/dist/components/BlessTreeTable.vue_vue_type_script_setup_true_lang.js +86 -0
- package/dist/components/BlessUploader.css +1 -0
- package/dist/components/BlessUploader.js +6 -0
- package/dist/components/BlessUploader.vue.d.ts +451 -0
- package/dist/components/BlessUploader.vue_vue_type_script_setup_true_lang.js +157 -0
- package/dist/components/BlessVideo.css +1 -0
- package/dist/components/BlessVideo.js +6 -0
- package/dist/components/BlessVideo.vue.d.ts +25 -0
- package/dist/components/BlessVideo.vue_vue_type_script_setup_true_lang.js +44 -0
- package/dist/components/BlessVirtualScroller.css +1 -0
- package/dist/components/BlessVirtualScroller.js +6 -0
- package/dist/components/BlessVirtualScroller.vue.d.ts +36 -0
- package/dist/components/BlessVirtualScroller.vue_vue_type_script_setup_true_lang.js +89 -0
- package/dist/components/BlessWatermark.css +1 -0
- package/dist/components/BlessWatermark.js +6 -0
- package/dist/components/BlessWatermark.vue.d.ts +9 -0
- package/dist/components/BlessWatermark.vue_vue_type_script_setup_true_lang.js +18 -0
- package/dist/components/BlessWatermarkOverlay.css +1 -0
- package/dist/components/BlessWatermarkOverlay.js +6 -0
- package/dist/components/BlessWatermarkOverlay.vue.d.ts +29 -0
- package/dist/components/BlessWatermarkOverlay.vue_vue_type_script_setup_true_lang.js +36 -0
- package/dist/components/accordion.d.ts +4 -0
- package/dist/components/accordion.js +4 -0
- package/dist/components/cascade.d.ts +6 -0
- package/dist/components/mask.d.ts +4 -0
- package/dist/components/mask.js +17 -0
- package/dist/components/menu.d.ts +42 -0
- package/dist/components/menu.js +4 -0
- package/dist/components/questionnaire.d.ts +16 -0
- package/dist/components/radio.d.ts +7 -0
- package/dist/components/radio.js +4 -0
- package/dist/components/select.d.ts +5 -0
- package/dist/components/table.d.ts +12 -0
- package/dist/components/toggle.d.ts +6 -0
- package/dist/components/toggle.js +4 -0
- package/dist/components/tree.d.ts +10 -0
- package/dist/composables/date.d.ts +7 -0
- package/dist/composables/date.js +7 -0
- package/dist/composables/rtl.d.ts +5 -0
- package/dist/composables/rtl.js +8 -0
- package/dist/composables/useAnimateOnScroll.d.ts +13 -0
- package/dist/composables/useAnimateOnScroll.js +17 -0
- package/dist/composables/useBrowser.d.ts +23 -0
- package/dist/composables/useBrowser.js +41 -0
- package/dist/composables/useDataTable.d.ts +46 -0
- package/dist/composables/useDataTable.js +60 -0
- package/dist/composables/useDialog.d.ts +26 -0
- package/dist/composables/useDialog.js +31 -0
- package/dist/composables/useFieldId.d.ts +28 -0
- package/dist/composables/useFieldId.js +36 -0
- package/dist/composables/useFloating.d.ts +25 -0
- package/dist/composables/useFloating.js +42 -0
- package/dist/composables/useGesture.d.ts +34 -0
- package/dist/composables/useGesture.js +57 -0
- package/dist/composables/useHash.d.ts +2 -0
- package/dist/composables/useHash.js +12 -0
- package/dist/composables/useLink.d.ts +16 -0
- package/dist/composables/useLink.js +22 -0
- package/dist/composables/useLoadingBar.d.ts +15 -0
- package/dist/composables/useLoadingBar.js +37 -0
- package/dist/composables/useMedia.d.ts +6 -0
- package/dist/composables/useMedia.js +13 -0
- package/dist/composables/useRovingFocus.d.ts +6 -0
- package/dist/composables/useRovingFocus.js +46 -0
- package/dist/composables/useScrollSpy.d.ts +11 -0
- package/dist/composables/useScrollSpy.js +18 -0
- package/dist/composables/useTheme.d.ts +16 -0
- package/dist/composables/useTheme.js +66 -0
- package/dist/composables/useToast.d.ts +61 -0
- package/dist/composables/useToast.js +58 -0
- package/dist/index.d.ts +194 -0
- package/dist/index.js +162 -0
- package/dist/style.css +1 -0
- package/package.json +97 -0
- package/tokens.css +348 -0
|
@@ -0,0 +1,412 @@
|
|
|
1
|
+
:root{--bless-color-text:#3d3e3f;--bless-color-text-muted:#5d6a74;--bless-color-bg:#f5f5f6;--bless-color-surface:#e7e8ea;--bless-color-surface-2:#e4e5e7;--bless-color-watermark:#dcdfe3;--bless-color-accent:#cc466a;--bless-color-accent-soft:#f5a0b8;--bless-color-accent-2:#ee6f92;--bless-color-accent-text:#b63c5c;--bless-color-danger:#cc2020;--bless-color-danger-text:#cc2020;--bless-color-badge:#dc2f5e;--bless-color-warning:#ffa800;--bless-color-success:#c0e722;--bless-color-info:#9650e6;--bless-color-info-text:#893ae3;--bless-color-on-accent:#fff;--bless-color-on-text:var(--bless-color-bg);--bless-color-on-light:#1a1b1d;--bless-color-border:#d2d5d9;--bless-color-rule:var(--bless-color-text);--bless-color-backdrop:#0009;--bless-color-media-bg:#1a1b1d;--bless-color-chart-1:var(--bless-color-accent);--bless-color-chart-2:#a759ff;--bless-color-chart-3:#b86e00;--bless-color-chart-4:#689000;--bless-color-chart-5:#5f6c76;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bless-font-sans:"Roboto", "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif;--bless-font-weight-thin:100;--bless-font-weight-light:300;--bless-font-weight-normal:400;--bless-font-weight-bold:700;--bless-text-2xs:clamp(.5rem, .45rem + .25vw, .5625rem);--bless-text-xs:clamp(.5625rem, .5rem + .3vw, .625rem);--bless-text-sm:clamp(.625rem, .55rem + .4vw, .75rem);--bless-text-md:clamp(.75rem, .65rem + .5vw, .875rem);--bless-text-lg:clamp(.875rem, .7rem + .9vw, 1.25rem);--bless-text-xl:clamp(1.25rem, .9rem + 1.8vw, 1.75rem);--bless-text-display:clamp(3rem, 1rem + 10vw, 9.4375rem);--bless-text-headline:clamp(2.25rem, 1.2rem + 4vw, 4.5625rem);--bless-leading-none:1;--bless-leading-tight:1.25;--bless-leading-normal:1.6;--bless-tracking-tight:-.5px;--bless-tracking-normal:.5px;--bless-tracking-wide:1px;--bless-tracking-wider:2px;--bless-space-1:.25rem;--bless-space-2:.5rem;--bless-space-3:.75rem;--bless-space-4:1rem;--bless-space-6:1.5rem;--bless-space-8:2rem;--bless-space-12:3rem;--bless-space-16:4rem;--bless-radius:0px;--bless-radius-plate:0;--bless-petal:0px;--bless-radius-petal:0 var(--bless-petal) 0 var(--bless-petal);--bless-radius-petal-lg:0 calc(var(--bless-petal) * 1.5) 0 calc(var(--bless-petal) * 1.5);--bless-lean:-10deg;--bless-lean-transition:--bless-skew var(--bless-duration-base) var(--bless-ease-out), --bless-skew-counter var(--bless-duration-base) var(--bless-ease-out);--bless-skew:0deg;--bless-skew-counter:0deg;--bless-border-width:1px;--bless-dash-width:10px;--bless-plate-offset:1px;--bless-shadow-none:none;--bless-shadow-plate:var(--bless-plate-offset) var(--bless-plate-offset) 0 var(--bless-color-accent);--bless-shadow-md:var(--bless-shadow-plate);--bless-duration-fast:.1s;--bless-duration-base:.2s;--bless-duration-slow:.3s;--bless-duration-slower:1s;--bless-ease-in-out:cubic-bezier(.645, .045, .355, 1);--bless-ease-out:cubic-bezier(.215, .61, .355, 1);--bless-ease-linear:linear;--bless-hover-opacity:.6;--bless-press-scale:.8;--bless-sidebar-width:22%;--bless-sidebar-inner:200px;--bless-content-max:1300px;--bless-z-bg:-1;--bless-z-nav:100;--bless-safe-top:env(safe-area-inset-top,0px);--bless-safe-bottom:env(safe-area-inset-bottom,0px);--bless-safe-left:env(safe-area-inset-left,0px);--bless-safe-right:env(safe-area-inset-right,0px);--bless-z-modal:1000}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bless-color-text:#e8e9ea;--bless-color-text-muted:#9aa4ad;--bless-color-bg:#17181a;--bless-color-surface:#232529;--bless-color-surface-2:#2a2d32;--bless-color-watermark:#24262a;--bless-color-border:#2f3237;--bless-color-rule:#e8e9ea;--bless-color-backdrop:#000000bf;--bless-color-chart-2:#b57bff;--bless-color-chart-3:#ffa800;--bless-color-chart-4:#c0e722;--bless-color-danger:#d63a3a;--bless-color-danger-text:#f15757;--bless-color-info-text:#b57bff;--bless-color-chart-5:#9aa4ad;--bless-font-weight-thin:300;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bless-color-text:#e8e9ea;--bless-color-text-muted:#9aa4ad;--bless-color-bg:#17181a;--bless-color-surface:#232529;--bless-color-surface-2:#2a2d32;--bless-color-watermark:#24262a;--bless-color-border:#2f3237;--bless-color-rule:#e8e9ea;--bless-color-backdrop:#000000bf;--bless-color-chart-2:#b57bff;--bless-color-chart-3:#ffa800;--bless-color-chart-4:#c0e722;--bless-color-danger:#d63a3a;--bless-color-danger-text:#f15757;--bless-color-info-text:#b57bff;--bless-color-chart-5:#9aa4ad;--bless-font-weight-thin:300;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-motion:reduce){:root{--bless-duration-fast:0s;--bless-duration-base:0s;--bless-duration-slow:0s;--bless-duration-slower:0s}}:root[data-palette=utaha]{--bless-color-accent:#e03028;--bless-color-accent-soft:#f28a84;--bless-color-accent-2:#ea5a52;--bless-color-badge:#d02020;--bless-color-chart-1:#e03028;--bless-color-accent-text:#c62b23}:root[data-palette=izumi]{--bless-color-accent:#367ab1;--bless-color-accent-soft:#8fbfe6;--bless-color-accent-2:#63a6db;--bless-color-badge:#2e7aba;--bless-color-chart-1:#4090d0;--bless-color-accent-text:#306d9d}:root[data-palette=michiru]{--bless-color-accent:#996492;--bless-color-accent-soft:#d6aed1;--bless-color-accent-2:#c793c0;--bless-color-badge:#9e619a;--bless-color-chart-1:#b878b0;--bless-color-accent-text:#885882}:root[data-palette=eriri]{--bless-color-accent:#6b7e00;--bless-color-accent-soft:#c8e018;--bless-color-accent-2:#a3bf0a;--bless-color-badge:#6b7f00;--bless-color-chart-1:#7f9600;--bless-color-accent-text:#5f7000}:root[data-palette=tomoya]{--bless-color-accent:#546aec;--bless-color-accent-soft:#9aa8fb;--bless-color-accent-2:#7688f9;--bless-color-badge:#4a5fe0;--bless-color-chart-1:#5870f8;--bless-color-accent-text:#4a5dcf}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bless-color-accent-text:#e95b80}:root:not([data-theme=light])[data-palette=utaha]{--bless-color-accent-text:#e7625c}:root:not([data-theme=light])[data-palette=tomoya]{--bless-color-accent-text:#6f84f9}:root:not([data-theme=light])[data-palette=izumi]{--bless-color-accent-text:#63a6db}:root:not([data-theme=light])[data-palette=michiru]{--bless-color-accent-text:#b878b0}:root:not([data-theme=light])[data-palette=eriri]{--bless-color-accent-text:#a3bf0a}}:root[data-theme=dark]{--bless-color-accent-text:#e95b80}:root[data-theme=dark][data-palette=utaha]{--bless-color-accent-text:#e7625c}:root[data-theme=dark][data-palette=tomoya]{--bless-color-accent-text:#6f84f9}:root[data-theme=dark][data-palette=izumi]{--bless-color-accent-text:#63a6db}:root[data-theme=dark][data-palette=michiru]{--bless-color-accent-text:#b878b0}:root[data-theme=dark][data-palette=eriri]{--bless-color-accent-text:#a3bf0a}[dir=rtl]{--bless-lean:10deg;--bless-radius-petal:var(--bless-petal) 0 var(--bless-petal) 0;--bless-radius-petal-lg:calc(var(--bless-petal) * 1.5) 0 calc(var(--bless-petal) * 1.5) 0}@property --bless-skew{syntax:"<angle>";inherits:true;initial-value:0deg}@property --bless-skew-counter{syntax:"<angle>";inherits:true;initial-value:0deg}:where(button,a[href],summary,label,[role=tab],[role=option],[role=menuitem],[role=menuitemradio],[role=menuitemcheckbox],[role=treeitem],.bless-lean,.bless-lean--field){transition:var(--bless-lean-transition)}:where(button,a[href],summary,label,[role=tab],[role=option],[role=menuitem],[role=menuitemradio],[role=menuitemcheckbox],[role=treeitem],.bless-lean):where(:not(:disabled,[aria-disabled=true])):is(:hover,:focus-visible,:active),:where(.bless-lean--field):focus-within{--bless-skew:var(--bless-lean);--bless-skew-counter:calc(-1 * var(--bless-lean))}:where(label,.bless-lean):has(:focus-visible){--bless-skew:var(--bless-lean);--bless-skew-counter:calc(-1 * var(--bless-lean))}
|
|
2
|
+
|
|
3
|
+
/* BlessAccordion */
|
|
4
|
+
.bless-accordion{border-top:var(--bless-border-width) solid var(--bless-color-border)}
|
|
5
|
+
|
|
6
|
+
/* BlessActionSheet */
|
|
7
|
+
.bless-actionsheet__list{flex-direction:column;display:flex}.bless-actionsheet__list--grid{gap:var(--bless-space-2);grid-template-columns:repeat(auto-fill,minmax(84px,1fr));display:grid}.bless-actionsheet__item{border-radius:var(--bless-radius);align-items:center;gap:var(--bless-space-3);width:100%;min-height:48px;padding:var(--bless-space-2) var(--bless-space-3);color:var(--bless-color-text);font:inherit;font-family:var(--bless-font-sans);text-align:start;cursor:pointer;background:0 0;border:0;display:flex}.bless-actionsheet__list--grid .bless-actionsheet__item{justify-content:center;gap:var(--bless-space-1);text-align:center;background:var(--bless-color-surface);flex-direction:column}.bless-actionsheet__item+.bless-actionsheet__item{border-top:var(--bless-border-width) solid var(--bless-color-border)}.bless-actionsheet__list--grid .bless-actionsheet__item+.bless-actionsheet__item{border-top:0}.bless-actionsheet__item:hover:not(:disabled){background:var(--bless-color-surface)}.bless-actionsheet__item:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:-2px}.bless-actionsheet__item:disabled{opacity:.4;cursor:not-allowed}.bless-actionsheet__item--danger{color:var(--bless-color-danger-text)}.bless-actionsheet__icon{width:1.5em;font-size:var(--bless-text-md);text-align:center}.bless-actionsheet__text{flex-direction:column;display:flex}.bless-actionsheet__label{font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide)}.bless-actionsheet__desc{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted)}.bless-actionsheet__cancel{width:100%;padding:var(--bless-space-3);background:var(--bless-color-surface);color:var(--bless-color-text);font:inherit;font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase;cursor:pointer;transform:skewX(var(--bless-skew));border:0}.bless-actionsheet__cancel:focus-visible{outline:2px solid var(--bless-color-accent)}
|
|
8
|
+
|
|
9
|
+
/* BlessAlert */
|
|
10
|
+
.bless-alert{border-radius:var(--bless-radius);--_c:var(--bless-color-text);gap:var(--bless-space-3);border-inline-start:4px solid var(--_c);padding:var(--bless-space-3) var(--bless-space-4);background:var(--bless-color-surface);font-family:var(--bless-font-sans);font-size:var(--bless-text-md);line-height:var(--bless-leading-tight);color:var(--bless-color-text);display:flex}.bless-alert--accent{--_c:var(--bless-color-accent)}.bless-alert--danger{--_c:var(--bless-color-danger-text)}.bless-alert--warning{--_c:var(--bless-color-warning)}.bless-alert--success{--_c:var(--bless-color-success)}.bless-alert--info{--_c:var(--bless-color-info-text)}.bless-alert__icon{color:var(--_c);flex:none;align-items:flex-start;padding-top:1px;display:inline-flex}.bless-alert__body{gap:var(--bless-space-1);flex:1;min-width:0;display:grid}.bless-alert__title{font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase}.bless-alert__text{font-size:var(--bless-text-sm)}.bless-alert__close{width:24px;height:24px;color:inherit;font-size:var(--bless-text-lg);cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);background:0 0;border:0;flex:none;margin-block:-4px;margin-inline-end:-8px;padding:0;line-height:1}.bless-alert__close:hover{opacity:var(--bless-hover-opacity)}.bless-alert__close:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}
|
|
11
|
+
|
|
12
|
+
/* BlessAlertDialog */
|
|
13
|
+
.bless-alert-dialog .bless-modal__close{display:none}.bless-alert-dialog .bless-modal__header{padding-inline-end:var(--bless-space-6)}.bless-alert-dialog__desc{font-size:var(--bless-text-sm);line-height:var(--bless-leading-normal);color:var(--bless-color-text-muted);margin:0}
|
|
14
|
+
|
|
15
|
+
/* BlessAspectRatio */
|
|
16
|
+
.bless-aspect{width:100%;position:relative;overflow:hidden}.bless-aspect>img,.bless-aspect>video,.bless-aspect>iframe{object-fit:cover;border:0;width:100%;height:100%;display:block}.bless-aspect--contain>img,.bless-aspect--contain>video{object-fit:contain}
|
|
17
|
+
|
|
18
|
+
/* BlessAttachment */
|
|
19
|
+
.bless-attachment{border-radius:var(--bless-radius);--_m:48px;align-items:center;gap:var(--bless-space-2);max-width:100%;padding:var(--bless-space-2);background:var(--bless-color-surface);color:var(--bless-color-text);font-family:var(--bless-font-sans);transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out);text-decoration:none;display:inline-flex}.bless-attachment--sm{--_m:32px;padding:var(--bless-space-1)}.bless-attachment--link{position:relative}.bless-attachment__link{color:inherit;text-decoration:none}.bless-attachment__link:after{content:"";position:absolute;inset:0}.bless-attachment--link:hover{opacity:var(--bless-hover-opacity)}.bless-attachment--link:has(.bless-attachment__link:focus-visible){outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-attachment__link:focus-visible{outline:0}.bless-attachment__actions{z-index:1;position:relative}.bless-attachment--error{box-shadow:inset 0 0 0 var(--bless-border-width) var(--bless-color-danger)}.bless-attachment__media{border-radius:var(--bless-radius-plate);width:var(--_m);height:var(--_m);background:var(--bless-color-bg);transform:skewX(var(--bless-skew));flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.bless-attachment__media>*{transform:skewX(var(--bless-skew-counter))}.bless-attachment__img{object-fit:cover;width:120%;height:100%}.bless-attachment__ext{font-size:var(--bless-text-2xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);color:var(--bless-color-text-muted)}.bless-attachment__spinner{margin:auto;position:absolute;inset:0}.bless-attachment--uploading .bless-attachment__img,.bless-attachment--uploading .bless-attachment__ext{visibility:hidden}.bless-attachment__body{flex-direction:column;gap:2px;min-width:0;display:flex}.bless-attachment__name{font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bless-attachment__desc{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted)}.bless-attachment--error .bless-attachment__desc{color:var(--bless-color-danger-text)}.bless-attachment__progress{margin-top:2px}.bless-attachment__actions{align-items:center;gap:var(--bless-space-1);flex:none;display:inline-flex}.bless-attachment__remove{width:24px;height:24px;color:var(--bless-color-text-muted);font:inherit;font-size:var(--bless-text-md);cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);background:0 0;border:0;line-height:1}.bless-attachment__remove:hover{opacity:var(--bless-hover-opacity)}.bless-attachment__remove:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}
|
|
20
|
+
|
|
21
|
+
/* BlessAudioPlayer */
|
|
22
|
+
.bless-audio{border-radius:var(--bless-radius);--_c:var(--bless-color-accent);font-family:var(--bless-font-sans);color:var(--bless-color-text)}.bless-audio--text{--_c:var(--bless-color-text)}.bless-audio--danger{--_c:var(--bless-color-danger)}.bless-audio__now{align-items:center;gap:var(--bless-space-2) var(--bless-space-4);padding:var(--bless-space-4);background:var(--bless-color-surface);grid-template-columns:auto 1fr auto;grid-template-areas:"toggle meta time""bar bar bar";display:grid}.bless-audio__toggle{width:48px;height:40px;font-size:var(--bless-text-sm);cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);border:0;grid-area:toggle;padding:0}.bless-audio__toggle:hover{opacity:var(--bless-hover-opacity)}.bless-audio__toggle:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-audio__meta{gap:var(--bless-space-1);flex-direction:column;grid-area:meta;min-width:0;display:flex}.bless-audio__title{font-weight:var(--bless-font-weight-bold);font-size:var(--bless-text-md);line-height:var(--bless-leading-none);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bless-audio__artist{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted)}.bless-audio__time{font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);font-variant-numeric:tabular-nums;grid-area:time}.bless-audio__bar{background:var(--bless-color-bg);cursor:pointer;height:6px;transform:skewX(var(--bless-skew));grid-area:bar;position:relative}.bless-audio__seek{opacity:0;cursor:pointer;width:100%;margin:0;position:absolute;inset:-6px 0}.bless-audio__bar:has(.bless-audio__seek:focus-visible){outline:2px solid var(--bless-color-accent);outline-offset:3px}.bless-audio__fill{background:var(--_c);height:100%;transition:width var(--bless-duration-fast) linear}.bless-audio__list{margin:0;padding:0;list-style:none}.bless-audio__track{align-items:center;gap:var(--bless-space-3);width:100%;padding:var(--bless-space-3) var(--bless-space-4);border:0;border-bottom:var(--bless-border-width) solid var(--bless-color-border);color:inherit;font:inherit;font-size:var(--bless-text-sm);text-align:start;cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);background:0 0;display:flex}.bless-audio__track:hover{opacity:var(--bless-hover-opacity)}.bless-audio__track:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:-2px}.bless-audio__track--current{color:var(--bless-color-accent-text);font-weight:var(--bless-font-weight-bold)}.bless-audio__num{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted);font-variant-numeric:tabular-nums}.bless-audio__track-title{flex:1}.bless-audio__eq{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.bless-audio__eq i{background:var(--_c);width:3px;animation:bless-eq .8s var(--bless-ease-in-out) infinite alternate}.bless-audio__eq i:nth-child(2){animation-delay:.2s}.bless-audio__eq i:nth-child(3){animation-delay:.4s}@keyframes bless-eq{0%{height:3px}to{height:12px}}@media (prefers-reduced-motion:reduce){.bless-audio__eq i{height:8px;animation:none}}
|
|
23
|
+
|
|
24
|
+
/* BlessAvatar */
|
|
25
|
+
.bless-avatar{--_s:40px;width:var(--_s);height:var(--_s);border-radius:var(--bless-radius-petal);background:var(--bless-color-surface);color:var(--bless-color-text);font-family:var(--bless-font-sans);font-size:calc(var(--_s) * .4);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);vertical-align:middle;flex:none;place-items:center;display:inline-grid;overflow:hidden}.bless-avatar--xs{--_s:24px}.bless-avatar--sm{--_s:32px}.bless-avatar--lg{--_s:56px}.bless-avatar--xl{--_s:80px}.bless-avatar--accent{background:var(--bless-color-accent);color:var(--bless-color-on-accent)}.bless-avatar--text{background:var(--bless-color-text);color:var(--bless-color-on-text)}.bless-avatar--lean{border-radius:var(--bless-radius-petal);transform:skewX(var(--bless-skew))}.bless-avatar--lean>*{transform:skewX(var(--bless-skew-counter))}.bless-avatar__img{object-fit:cover;width:100%;height:100%}.bless-avatar--lean .bless-avatar__img{width:120%;height:100%}.bless-avatar__fallback{line-height:1}
|
|
26
|
+
|
|
27
|
+
/* BlessBackground */
|
|
28
|
+
.bless-background{z-index:var(--bless-z-bg);pointer-events:none;background-repeat:repeat;inset:0}.bless-background--fixed{position:fixed}.bless-background--absolute{position:absolute}.bless-background--pattern{background-image:repeating-linear-gradient(-45deg, transparent 0 11px, var(--bless-color-surface) 11px 12px)}
|
|
29
|
+
|
|
30
|
+
/* BlessBadge */
|
|
31
|
+
.bless-badge{border-radius:var(--bless-radius);transform:skewX(var(--bless-skew));font-family:var(--bless-font-sans);font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);line-height:var(--bless-leading-none);letter-spacing:var(--bless-tracking-normal);color:var(--bless-color-on-accent);background:var(--bless-color-badge);vertical-align:middle;white-space:nowrap;padding:2px 5px;display:inline-block}.bless-badge__inner{transform:skewX(var(--bless-skew-counter));unicode-bidi:plaintext;display:inline-block}.bless-badge--scaled{transform:skewX(var(--bless-skew)) scale(var(--bless-press-scale))}.bless-badge--accent{background:var(--bless-color-accent)}.bless-badge--danger{background:var(--bless-color-danger)}.bless-badge--warning{background:var(--bless-color-warning);color:var(--bless-color-on-light)}.bless-badge--success{background:var(--bless-color-success);color:var(--bless-color-on-light)}.bless-badge--info{background:var(--bless-color-info)}.bless-badge--text{background:var(--bless-color-text);color:var(--bless-color-on-text)}.bless-badge--outline{--_c:var(--bless-color-text-muted);border:var(--bless-border-width) solid var(--_c);color:var(--_c);letter-spacing:var(--bless-tracking-wide);background:0 0;padding:3px 8px}.bless-badge--outline.bless-badge--accent,.bless-badge--outline.bless-badge--badge{--_c:var(--bless-color-accent-text)}.bless-badge--outline.bless-badge--danger{--_c:var(--bless-color-danger-text)}.bless-badge--outline.bless-badge--text{--_c:var(--bless-color-text)}.bless-badge--outline.bless-badge--info{--_c:var(--bless-color-info-text)}.bless-badge--outline.bless-badge--warning,.bless-badge--outline.bless-badge--success{--_c:var(--bless-color-text-muted)}
|
|
32
|
+
|
|
33
|
+
/* BlessBlockUI */
|
|
34
|
+
.bless-block{position:relative}.bless-block__overlay{z-index:var(--bless-z-nav);background:color-mix(in srgb, var(--bless-color-bg) 60%, transparent);color:var(--bless-color-text);outline:0;place-items:center;display:grid;position:absolute;inset:0}.bless-block--full .bless-block__overlay{z-index:var(--bless-z-modal);position:fixed}.bless-block__sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bless-block--on .bless-block__content{pointer-events:none;-webkit-user-select:none;user-select:none}
|
|
35
|
+
|
|
36
|
+
/* BlessBottomTabs */
|
|
37
|
+
.bless-bottom-tabs__sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bless-bottom-tabs{font-family:var(--bless-font-sans);color:var(--bless-color-text-muted);background:var(--bless-color-bg);z-index:var(--bless-z-nav);display:flex}.bless-bottom-tabs--bar{inset-inline:0;border-top:var(--bless-border-width) solid var(--bless-color-border);padding-bottom:var(--bless-safe-bottom);position:fixed;bottom:0}.bless-bottom-tabs--dock{border-radius:var(--bless-radius-plate);left:50%;bottom:var(--bless-space-4);gap:var(--bless-space-1);padding:var(--bless-space-1);border:var(--bless-border-width) solid var(--bless-color-border);translate:-50%;transform:skewX(var(--bless-skew));position:fixed}.bless-bottom-tabs--dock .bless-bottom-tabs__item{transform:skewX(var(--bless-skew-counter))}.bless-bottom-tabs--inline{position:static;translate:none}.bless-bottom-tabs--dock.bless-bottom-tabs--inline{justify-self:start;width:max-content;display:inline-flex}.bless-bottom-tabs__item{padding:var(--bless-space-2) var(--bless-space-3);color:inherit;font:inherit;cursor:pointer;transition:color var(--bless-duration-base), var(--bless-lean-transition);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:2px;text-decoration:none;display:flex;position:relative}.bless-bottom-tabs--dock .bless-bottom-tabs__item{flex:none;justify-content:center;width:44px;height:44px}.bless-bottom-tabs__item:hover{color:var(--bless-color-text)}.bless-bottom-tabs__item--active{color:var(--bless-color-accent-text)}.bless-bottom-tabs--bar .bless-bottom-tabs__item--active:before{content:"";top:-1px;background:var(--bless-color-accent);height:2px;transform:skewX(var(--bless-skew));position:absolute;inset-inline:25%}.bless-bottom-tabs--dock .bless-bottom-tabs__item--active{background:var(--bless-color-surface)}.bless-bottom-tabs__item:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:-2px}.bless-bottom-tabs__item[aria-disabled=true]{opacity:.4;cursor:not-allowed}.bless-bottom-tabs__icon{font-size:var(--bless-text-md);line-height:1}.bless-bottom-tabs__label{font-size:var(--bless-text-2xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase}.bless-bottom-tabs__badge{top:4px;background:var(--bless-color-text);min-width:8px;height:8px;color:var(--bless-color-on-text);font-size:9px;font-weight:var(--bless-font-weight-bold);transform:skewX(var(--bless-skew));padding:0 3px;line-height:8px;position:absolute;inset-inline-start:calc(50% + 6px)}.bless-bottom-tabs__badge:not(:empty){height:14px;line-height:14px}
|
|
38
|
+
|
|
39
|
+
/* BlessBreadcrumb */
|
|
40
|
+
.bless-breadcrumb__list{align-items:center;gap:var(--bless-space-2);font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);letter-spacing:var(--bless-tracking-wide);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.bless-breadcrumb__item{align-items:center;gap:var(--bless-space-2);display:inline-flex}.bless-breadcrumb__link{color:var(--bless-color-text-muted);transition:color var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);text-decoration:none}.bless-breadcrumb__link:hover{color:var(--bless-color-text)}.bless-breadcrumb__link:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-breadcrumb__current{color:var(--bless-color-text);font-weight:var(--bless-font-weight-bold)}.bless-breadcrumb__sep{color:var(--bless-color-text-muted);transform:skewX(var(--bless-skew));display:inline-block}
|
|
41
|
+
|
|
42
|
+
/* BlessBubble */
|
|
43
|
+
.bless-bubble{border-radius:var(--bless-radius-petal-lg);--_bg:var(--bless-color-surface);--_fg:var(--bless-color-text);gap:var(--bless-space-2);max-width:100%;padding:var(--bless-space-2) var(--bless-space-3);background:var(--_bg);color:var(--_fg);font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);line-height:var(--bless-leading-normal);flex-direction:column;display:inline-flex;position:relative}.bless-bubble--accent{--_bg:var(--bless-color-accent);--_fg:var(--bless-color-on-accent)}.bless-bubble--outline{--_bg:transparent;box-shadow:inset 0 0 0 var(--bless-border-width) var(--bless-color-border)}.bless-bubble--plain{--_bg:transparent;clip-path:none;padding:0}.bless-bubble+.bless-bubble{margin-top:2px}.bless-bubble__content>:first-child{margin-top:0}.bless-bubble__content>:last-child{margin-bottom:0}.bless-bubble--clamped .bless-bubble__content{-webkit-line-clamp:var(--_lines);line-clamp:var(--_lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.bless-bubble__more{color:inherit;font:inherit;font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase;cursor:pointer;opacity:.8;background:0 0;border:0;align-self:flex-start;padding:0}.bless-bubble__more:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-bubble__reactions{gap:var(--bless-space-1);flex-wrap:wrap;display:flex}.bless-bubble__reaction{padding:2px var(--bless-space-2);border:var(--bless-border-width) solid transparent;background:var(--bless-color-bg);color:var(--bless-color-text);font:inherit;font-size:var(--bless-text-xs);cursor:pointer;transform:skewX(var(--bless-skew));align-items:center;gap:4px;display:inline-flex}.bless-bubble__reaction>*{transform:skewX(var(--bless-skew-counter));display:inline-block}.bless-bubble__reaction[aria-pressed=true]{border-color:var(--bless-color-accent-text);color:var(--bless-color-accent-text)}.bless-bubble__reaction:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}
|
|
44
|
+
|
|
45
|
+
/* BlessButton */
|
|
46
|
+
.bless-button{--_c:var(--bless-color-text);cursor:pointer;border:var(--bless-border-width) solid transparent;font-family:var(--bless-font-sans);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);line-height:var(--bless-leading-none);text-transform:uppercase;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);text-decoration:none}.bless-button--accent{--_c:var(--bless-color-accent-text)}.bless-button--danger{--_c:var(--bless-color-danger-text)}.bless-button--sm{padding:var(--bless-space-1) var(--bless-space-3);font-size:var(--bless-text-xs)}.bless-button--md{padding:var(--bless-space-2) var(--bless-space-4);font-size:var(--bless-text-sm)}.bless-button--lg{padding:var(--bless-space-3) var(--bless-space-6);font-size:var(--bless-text-md)}.bless-button--outline{border-color:var(--_c);color:var(--_c);background:0 0}.bless-button--ghost{color:var(--_c);background:0 0}.bless-button:hover:not([aria-disabled]){opacity:var(--bless-hover-opacity)}.bless-button--text:active:not([aria-disabled]),.bless-button--accent:active:not([aria-disabled]){border-color:var(--bless-color-accent);background:var(--bless-color-accent);color:var(--bless-color-on-accent);opacity:1}.bless-button:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-button[aria-disabled]{cursor:not-allowed;opacity:.4}.bless-button--loading{cursor:progress}.bless-button--block{width:100%;display:flex}.bless-button--block .bless-skew__inner{justify-content:center}.bless-button--icon.bless-button--sm{padding:var(--bless-space-1)}.bless-button--icon.bless-button--md{padding:var(--bless-space-2)}.bless-button--icon.bless-button--lg{padding:var(--bless-space-3)}.bless-button .bless-skew__inner{align-items:center;gap:var(--bless-space-2);display:inline-flex}
|
|
47
|
+
|
|
48
|
+
/* BlessButtonGroup */
|
|
49
|
+
.bless-button-group{align-items:stretch;display:inline-flex}.bless-button-group--vertical{--_gskew:var(--bless-skew);transform:skewX(var(--_gskew));flex-direction:column;align-items:stretch}.bless-button-group--vertical>.bless-button{--bless-skew:0deg;--bless-skew-counter:0deg}.bless-button-group--vertical>.bless-button .bless-skew__inner{transform:skewX(calc(-1 * var(--_gskew)))}.bless-button-group>.bless-button{border-radius:0;margin:0}.bless-button-group--horizontal>.bless-button:first-child{border-start-start-radius:var(--bless-radius);border-end-start-radius:var(--bless-radius)}.bless-button-group--horizontal>.bless-button:last-child{border-start-end-radius:var(--bless-radius);border-end-end-radius:var(--bless-radius)}.bless-button-group--vertical>.bless-button:first-child{border-start-start-radius:var(--bless-radius);border-start-end-radius:var(--bless-radius)}.bless-button-group--vertical>.bless-button:last-child{border-end-end-radius:var(--bless-radius);border-end-start-radius:var(--bless-radius)}.bless-button-group--horizontal>.bless-button+.bless-button{margin-inline-start:calc(-1 * var(--bless-border-width))}.bless-button-group--vertical>.bless-button+.bless-button{margin-top:calc(-1 * var(--bless-border-width))}.bless-button-group>.bless-button:focus-visible{z-index:1;position:relative}
|
|
50
|
+
|
|
51
|
+
/* BlessCalendar */
|
|
52
|
+
.bless-calendar{font-family:var(--bless-font-sans);color:var(--bless-color-text);-webkit-user-select:none;user-select:none;display:inline-block}.bless-calendar__grid--pending{min-block-size:248px;min-inline-size:252px}.bless-calendar__head{margin-bottom:var(--bless-space-2);justify-content:space-between;align-items:center;display:flex}.bless-calendar__month{font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide)}.bless-calendar__nav{width:32px;height:32px;color:var(--bless-color-text);font-size:var(--bless-text-lg);cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);background:0 0;border:0}.bless-calendar__nav:hover{opacity:var(--bless-hover-opacity)}.bless-calendar__nav:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-calendar__row{grid-template-columns:repeat(7,36px);display:grid}.bless-calendar__dow{padding:var(--bless-space-1) 0;text-align:center;font-size:var(--bless-text-2xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase;color:var(--bless-color-text-muted)}.bless-calendar__day{border-radius:var(--bless-radius);height:36px;color:inherit;font:inherit;font-size:var(--bless-text-sm);font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--bless-duration-fast), color var(--bless-duration-fast), var(--bless-lean-transition);background:0 0;border:0;position:relative}.bless-calendar__day:hover:not([aria-disabled]){background:var(--bless-color-surface)}.bless-calendar__day:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:-2px;z-index:1}.bless-calendar__day--outside{color:var(--bless-color-text-muted);font-weight:var(--bless-font-weight-light)}.bless-calendar__day--today{font-weight:var(--bless-font-weight-bold)}.bless-calendar__day--today:after{content:"";inset-inline-start:50%;background:currentColor;width:4px;height:4px;margin-inline-start:-2px;position:absolute;bottom:4px}.bless-calendar__day--in-range{background:color-mix(in srgb, var(--bless-color-accent) 16%, transparent)}.bless-calendar__day--selected{background:var(--bless-color-accent);color:var(--bless-color-on-accent);opacity:1}.bless-calendar__day--selected:after{background:var(--bless-color-on-accent)}.bless-calendar__day--start{clip-path:polygon(6px 0,100% 0,100% 100%,0 100%)}.bless-calendar__day--end,[dir=rtl] .bless-calendar__day--start{clip-path:polygon(0 0,100% 0,calc(100% - 6px) 100%,0 100%)}[dir=rtl] .bless-calendar__day--end{clip-path:polygon(6px 0,100% 0,100% 100%,0 100%)}.bless-calendar__day[aria-disabled]{color:var(--bless-color-text-muted);cursor:not-allowed;text-decoration:line-through}.bless-calendar__day--outside[aria-disabled]{opacity:.5;text-decoration:none}
|
|
53
|
+
|
|
54
|
+
/* BlessCard */
|
|
55
|
+
.bless-card{box-sizing:border-box;font-family:var(--bless-font-sans);color:var(--bless-color-text);border-radius:var(--bless-radius);text-decoration:none;display:block;position:relative}.bless-card--bg{background:var(--bless-color-bg)}.bless-card--surface{background:var(--bless-color-surface)}.bless-card--bordered{border:var(--bless-border-width) solid var(--bless-color-border)}.bless-card--link{transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition)}.bless-card--link:hover{opacity:var(--bless-hover-opacity)}.bless-card--link:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-card__label{top:calc(-1 * var(--bless-space-3));z-index:1;padding:var(--bless-space-1) var(--bless-space-3);font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);line-height:var(--bless-leading-none);text-transform:uppercase;position:absolute;inset-inline-start:var(--bless-space-4)}.bless-card__media{line-height:0}.bless-card__media>img,.bless-card__media>video{width:100%;height:auto;display:block}.bless-card__body{padding:var(--bless-space-4)}.bless-card__footer{padding:var(--bless-space-3) var(--bless-space-4);border-top:var(--bless-border-width) solid var(--bless-color-border)}
|
|
56
|
+
|
|
57
|
+
/* BlessCarousel */
|
|
58
|
+
.bless-carousel{outline:0;position:relative}.bless-carousel__track:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:4px}.bless-carousel__track{grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--_pv) - 1) * var(--_gap)) / var(--_pv));column-gap:var(--_gap);scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;display:grid;overflow-x:auto}.bless-carousel__track::-webkit-scrollbar{display:none}.bless-carousel__track>*{scroll-snap-align:start;min-width:0}.bless-carousel__arrow{border-radius:var(--bless-radius);background:var(--bless-color-text);width:40px;height:48px;color:var(--bless-color-on-text);font-size:var(--bless-text-xl);cursor:pointer;transform:translateY(-50%) skewX(var(--bless-skew));transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);border:0;padding:0;line-height:1;position:absolute;top:50%}.bless-carousel__arrow>span{transform:skewX(var(--bless-skew-counter));display:inline-block}[dir=rtl] .bless-carousel__arrow>span{transform:skewX(var(--bless-skew-counter)) scaleX(-1)}.bless-carousel__arrow--prev{inset-inline-start:var(--bless-space-2)}.bless-carousel__arrow--next{inset-inline-end:var(--bless-space-2)}.bless-carousel__arrow:hover:not([aria-disabled]){opacity:var(--bless-hover-opacity)}.bless-carousel__arrow[aria-disabled]{opacity:.2;cursor:not-allowed}.bless-carousel__arrow:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-carousel__sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bless-carousel__pause{top:var(--bless-space-2);background:var(--bless-color-text);width:32px;height:32px;color:var(--bless-color-on-text);font-size:var(--bless-text-xs);cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);border:0;position:absolute;inset-inline-end:var(--bless-space-2)}.bless-carousel__pause:hover{opacity:var(--bless-hover-opacity)}.bless-carousel__pause[aria-pressed=true]{background:var(--bless-color-accent);color:var(--bless-color-on-accent)}.bless-carousel__pause:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-carousel__dots{justify-content:center;gap:var(--bless-space-2);margin-top:var(--bless-space-3);display:flex}.bless-carousel__dot{background:var(--bless-color-border);cursor:pointer;width:18px;height:4px;transform:skewX(var(--bless-skew));transition:background var(--bless-duration-base), var(--bless-lean-transition);border:0;padding:0}.bless-carousel__dot--active{background:var(--bless-color-accent)}.bless-carousel__dot:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}
|
|
59
|
+
|
|
60
|
+
/* BlessCascadeSelect */
|
|
61
|
+
.bless-cascade__trigger{border-radius:var(--bless-radius-plate);--_h:40px;align-items:center;gap:var(--bless-space-2);min-width:200px;height:var(--_h);padding:0 var(--bless-space-3);border:0;border-bottom:calc(2 * var(--bless-border-width)) solid var(--bless-color-text-muted);color:var(--bless-color-text);font:inherit;font-family:var(--bless-font-sans);text-align:start;cursor:pointer;background:0 0;display:inline-flex}.bless-cascade__trigger--sm{--_h:32px;font-size:var(--bless-text-sm)}.bless-cascade__trigger--lg{--_h:48px;font-size:var(--bless-text-lg)}.bless-cascade__trigger:focus-visible{border-bottom-color:var(--bless-color-accent-text);outline:0}.bless-cascade__trigger--empty .bless-cascade__text{color:var(--bless-color-text-muted)}.bless-cascade__trigger--invalid{border-bottom-color:var(--bless-color-danger)}.bless-cascade__trigger:disabled{opacity:.4;cursor:not-allowed}.bless-cascade__text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.bless-cascade__chevron{border-inline-end:2px solid;border-bottom:2px solid;width:8px;height:8px;transform:translateY(-2px)rotate(45deg)}.bless-cascade .bless-popover{padding:0}.bless-cascade__panel{outline:0;display:flex}.bless-cascade__panel:focus-visible{outline:2px solid var(--bless-color-accent)}.bless-cascade__col{min-width:160px;max-height:280px;padding:var(--bless-space-1) 0;scrollbar-width:thin;overflow-y:auto}.bless-cascade__col+.bless-cascade__col{border-inline-start:var(--bless-border-width) solid var(--bless-color-border)}.bless-cascade__option{align-items:center;gap:var(--bless-space-2);padding:var(--bless-space-2) var(--bless-space-3);font-size:var(--bless-text-sm);cursor:pointer;display:flex}.bless-cascade__option--active,.bless-cascade__option--open{background:var(--bless-color-surface)}.bless-cascade__option--selected{color:var(--bless-color-accent-text);font-weight:var(--bless-font-weight-bold)}.bless-cascade__option--disabled{opacity:.4;cursor:not-allowed}.bless-cascade__label{flex:1}.bless-cascade__more{color:var(--bless-color-text-muted)}[dir=rtl] .bless-cascade__more{transform:scaleX(-1)}.bless-cascade__trigger{transform:skewX(var(--bless-skew));padding-inline:calc(var(--bless-space-3) + 4px)}.bless-cascade__trigger>*{transform:skewX(var(--bless-skew-counter))}.bless-cascade__trigger>.bless-cascade__chevron{transform:skewX(var(--bless-skew-counter)) translateY(-2px) rotate(45deg)}
|
|
62
|
+
|
|
63
|
+
/* BlessChart */
|
|
64
|
+
.bless-chart{border-radius:var(--bless-radius);--vis-font-family:var(--bless-font-sans);--vis-color-main:var(--bless-color-chart-1);--vis-color0:var(--bless-color-chart-1);--vis-color1:var(--bless-color-chart-2);--vis-color2:var(--bless-color-chart-3);--vis-color3:var(--bless-color-chart-4);--vis-color4:var(--bless-color-chart-5);--vis-dark-color-main:var(--bless-color-chart-1);--vis-dark-color0:var(--bless-color-chart-1);--vis-dark-color1:var(--bless-color-chart-2);--vis-dark-color2:var(--bless-color-chart-3);--vis-dark-color3:var(--bless-color-chart-4);--vis-dark-color4:var(--bless-color-chart-5);--vis-axis-font-family:var(--bless-font-sans);--vis-axis-tick-color:var(--bless-color-border);--vis-axis-domain-color:var(--bless-color-border);--vis-axis-grid-color:var(--bless-color-border);--vis-axis-tick-label-color:var(--bless-color-text-muted);--vis-axis-label-color:var(--bless-color-text);--vis-dark-axis-tick-color:var(--bless-color-border);--vis-dark-axis-domain-color:var(--bless-color-border);--vis-dark-axis-grid-color:var(--bless-color-border);--vis-dark-axis-tick-label-color:var(--bless-color-text-muted);--vis-dark-axis-label-color:var(--bless-color-text);--vis-tooltip-background-color:var(--bless-color-bg);--vis-tooltip-border-color:var(--bless-color-border);--vis-tooltip-text-color:var(--bless-color-text);--vis-tooltip-shadow-color:#0003;--vis-tooltip-padding:var(--bless-space-2) var(--bless-space-3);--vis-tooltip-backdrop-filter:none;--vis-dark-tooltip-background-color:var(--bless-color-bg);--vis-dark-tooltip-border-color:var(--bless-color-border);--vis-dark-tooltip-text-color:var(--bless-color-text);--vis-dark-tooltip-shadow-color:#0009;--vis-legend-label-color:var(--bless-color-text);--vis-dark-legend-label-color:var(--bless-color-text);--vis-crosshair-line-stroke-color:var(--bless-color-text-muted);--vis-dark-crosshair-line-stroke-color:var(--bless-color-text-muted);gap:var(--bless-space-3);font-family:var(--bless-font-sans);color:var(--bless-color-text);flex-direction:column;margin:0;display:flex}.bless-chart__header{flex-direction:column;gap:2px;display:flex}.bless-chart__title{font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase}.bless-chart__desc{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted)}.bless-chart__plot{height:var(--_h);min-width:0}.bless-chart__plot>*{height:100%}.bless-chart__legend{gap:var(--bless-space-1) var(--bless-space-4);font-size:var(--bless-text-xs);letter-spacing:var(--bless-tracking-wide);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.bless-chart__legend>li{align-items:center;gap:var(--bless-space-2);display:inline-flex}.bless-chart__legend>li:before{content:"";background:var(--_c,var(--bless-color-chart-1));width:12px;height:12px;transform:skewX(var(--bless-skew))}.bless-chart__footer{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted)}
|
|
65
|
+
|
|
66
|
+
/* BlessCheckbox */
|
|
67
|
+
.bless-checkbox{align-items:flex-start;gap:var(--bless-space-2);font-family:var(--bless-font-sans);font-size:var(--bless-text-md);color:var(--bless-color-text);cursor:pointer;line-height:var(--bless-leading-tight);display:inline-flex}.bless-checkbox__input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.bless-checkbox__box{border:calc(2 * var(--bless-border-width)) solid var(--bless-color-text-muted);background:var(--bless-color-bg);width:18px;height:18px;transform:skewX(var(--bless-skew));transition:background var(--bless-duration-base), border-color var(--bless-duration-base);flex:none;place-items:center;margin-top:1px;display:inline-grid;position:relative}.bless-checkbox__check{fill:none;width:12px;height:12px;stroke:var(--bless-color-on-accent);stroke-width:2.5px;stroke-linecap:square;transform:skewX(var(--bless-skew-counter)) scale(0);transition:transform var(--bless-duration-base) var(--bless-ease-out)}.bless-checkbox__mixed{background:var(--bless-color-on-accent);width:8px;height:2px;transition:transform var(--bless-duration-base) var(--bless-ease-out);position:absolute;transform:scaleX(0)}.bless-checkbox__input:checked+.bless-checkbox__box,.bless-checkbox__input:indeterminate+.bless-checkbox__box{background:var(--bless-color-accent);border-color:var(--bless-color-accent-text)}.bless-checkbox__input:checked+.bless-checkbox__box .bless-checkbox__check{transform:skewX(var(--bless-skew-counter)) scale(1)}.bless-checkbox__input:indeterminate+.bless-checkbox__box .bless-checkbox__check{transform:scale(0)}.bless-checkbox__input:indeterminate+.bless-checkbox__box .bless-checkbox__mixed{transform:scaleX(1)}.bless-checkbox__input:focus-visible+.bless-checkbox__box{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-checkbox:hover .bless-checkbox__box{border-color:var(--bless-color-text)}.bless-checkbox--invalid .bless-checkbox__box{border-color:var(--bless-color-danger)}.bless-checkbox--disabled{opacity:.4;cursor:not-allowed}.bless-checkbox__text{flex-direction:column;gap:2px;display:flex}.bless-checkbox__description{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted)}
|
|
68
|
+
|
|
69
|
+
/* BlessChip */
|
|
70
|
+
.bless-chip{border-radius:var(--bless-radius-petal);align-items:center;gap:var(--bless-space-1);padding:2px var(--bless-space-3);background:var(--bless-color-surface);color:var(--bless-color-text);font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);line-height:var(--bless-leading-normal);transform:skewX(var(--bless-skew));display:inline-flex}.bless-chip>*{transform:skewX(var(--bless-skew-counter))}.bless-chip--sm{padding:0 var(--bless-space-2);font-size:var(--bless-text-xs)}.bless-chip--accent{background:var(--bless-color-accent);color:var(--bless-color-on-accent)}.bless-chip--text{background:var(--bless-color-text);color:var(--bless-color-on-text)}.bless-chip__img{object-fit:cover;border-radius:var(--bless-radius-petal);width:18px;height:18px}.bless-chip__remove{min-width:24px;min-height:24px;color:inherit;font:inherit;cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);background:0 0;border:0;place-items:center;margin-block:-4px;margin-inline-end:calc(-1 * var(--bless-space-2));padding:0;line-height:1;display:inline-grid}.bless-chip__remove:hover{opacity:var(--bless-hover-opacity)}.bless-chip__remove:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:1px}
|
|
71
|
+
|
|
72
|
+
/* BlessCircularProgress */
|
|
73
|
+
.bless-circular{--_c:var(--bless-color-accent);width:var(--_s);height:var(--_s);font-family:var(--bless-font-sans);color:var(--bless-color-text);place-items:center;display:inline-grid;position:relative}.bless-circular--text{--_c:var(--bless-color-text)}.bless-circular--danger{--_c:var(--bless-color-danger)}.bless-circular--success{--_c:var(--bless-color-success)}.bless-circular--warning{--_c:var(--bless-color-warning)}.bless-circular--info{--_c:var(--bless-color-info)}.bless-circular svg{grid-area:1/1;transform:rotate(-90deg)}.bless-circular__track{stroke:var(--bless-color-surface)}.bless-circular__bar{stroke:var(--_c);stroke-linecap:butt;transition:stroke-dashoffset var(--bless-duration-slow) var(--bless-ease-out)}.bless-circular--indeterminate svg{animation:bless-circular-spin 1s var(--bless-ease-linear) infinite}@keyframes bless-circular-spin{to{transform:rotate(270deg)}}.bless-circular__value{font-size:calc(var(--_s) * .26);font-weight:var(--bless-font-weight-bold);font-variant-numeric:tabular-nums;grid-area:1/1}@media (prefers-reduced-motion:reduce){.bless-circular--indeterminate svg{animation-duration:2s}}
|
|
74
|
+
|
|
75
|
+
/* BlessCollapsible */
|
|
76
|
+
.bless-collapsible{border-radius:var(--bless-radius);font-family:var(--bless-font-sans);color:var(--bless-color-text);border-bottom:var(--bless-border-width) solid var(--bless-color-border)}.bless-collapsible__summary{align-items:center;gap:var(--bless-space-3);padding:var(--bless-space-3) 0;cursor:pointer;font-size:var(--bless-text-md);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);list-style:none;display:flex}.bless-collapsible__summary::-webkit-details-marker{display:none}.bless-collapsible__summary:hover{opacity:var(--bless-hover-opacity)}.bless-collapsible__summary:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-collapsible__title{flex:1}.bless-collapsible__chevron{border-inline-end:2px solid;width:8px;height:8px;transition:transform var(--bless-duration-base) var(--bless-ease-in-out);border-bottom:2px solid;transform:rotate(45deg)translateY(-2px)}.bless-collapsible[open]>.bless-collapsible__summary .bless-collapsible__chevron{transform:rotate(-135deg)translateY(-2px)}.bless-collapsible__content{display:grid}.bless-collapsible__inner{padding:0 0 var(--bless-space-4);font-size:var(--bless-text-sm);line-height:var(--bless-leading-normal)}.bless-collapsible--disabled{opacity:.4}.bless-collapsible--disabled .bless-collapsible__summary{cursor:not-allowed}@supports (interpolate-size:allow-keywords){.bless-collapsible::details-content{height:0;transition:height var(--bless-duration-slow) var(--bless-ease-in-out), content-visibility var(--bless-duration-slow) allow-discrete;overflow:clip}.bless-collapsible[open]::details-content{height:auto}}
|
|
77
|
+
|
|
78
|
+
/* BlessColorPicker */
|
|
79
|
+
.bless-color{align-items:center;gap:var(--bless-space-2);font-family:var(--bless-font-sans);color:var(--bless-color-text);display:inline-flex}.bless-color__well{border-radius:var(--bless-radius-plate);background:var(--_c);border:var(--bless-border-width) solid var(--bless-color-border);cursor:pointer;width:36px;height:36px;transform:skewX(var(--bless-skew));display:inline-block;position:relative}.bless-color__well:has(:focus-visible){outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-color__input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.bless-color__value{font-size:var(--bless-text-xs);letter-spacing:var(--bless-tracking-wide);color:var(--bless-color-text-muted)}.bless-color__swatches{gap:var(--bless-space-1);display:inline-flex}.bless-color__swatch{background:var(--_c);cursor:pointer;width:20px;height:20px;transform:skewX(var(--bless-skew));transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);border:2px solid #0000}.bless-color__swatch:hover{opacity:var(--bless-hover-opacity)}.bless-color__swatch--on{border-color:var(--bless-color-text)}.bless-color__swatch:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-color--disabled{opacity:.4;pointer-events:none}
|
|
80
|
+
|
|
81
|
+
/* BlessCombobox */
|
|
82
|
+
.bless-combobox{--_h:40px;--_fs:var(--bless-text-md);font-family:var(--bless-font-sans);color:var(--bless-color-text);position:relative}.bless-combobox--sm{--_h:32px;--_fs:var(--bless-text-sm)}.bless-combobox--lg{--_h:48px;--_fs:var(--bless-text-lg)}.bless-combobox__field{border-radius:var(--bless-radius-plate);align-items:center;gap:var(--bless-space-1);min-height:var(--_h);padding:var(--bless-space-1) var(--bless-space-8) var(--bless-space-1) var(--bless-space-3);box-sizing:border-box;border-bottom:calc(2 * var(--bless-border-width)) solid var(--bless-color-text-muted);cursor:text;background:0 0;flex-wrap:wrap;display:flex;position:relative}.bless-combobox__field:after{content:"";inset-inline-start:0;bottom:calc(-2 * var(--bless-border-width));width:100%;height:calc(2 * var(--bless-border-width));background:var(--bless-color-accent);transform-origin:0;transition:transform var(--bless-duration-slow) var(--bless-ease-out);position:absolute;transform:scaleX(0)}[dir=rtl] .bless-combobox__field:after{transform-origin:100%}.bless-combobox--open .bless-combobox__field:after,.bless-combobox__field:focus-within:after{transform:scaleX(1)}.bless-combobox__input{min-width:60px;height:calc(var(--_h) - 2 * var(--bless-space-1));font:inherit;font-size:var(--_fs);color:inherit;background:0 0;border:0;outline:0;flex:1}.bless-combobox__input::placeholder{color:var(--bless-color-text-muted)}.bless-combobox__chevron{inset-inline-end:var(--bless-space-3);border-inline-end:2px solid;pointer-events:none;width:8px;height:8px;transition:transform var(--bless-duration-base);border-bottom:2px solid;position:absolute;top:50%;transform:translateY(-70%)rotate(45deg)}.bless-combobox__chip{font-size:var(--bless-text-xs);align-items:center;gap:4px;display:inline-flex}.bless-combobox__chip-x{color:inherit;font:inherit;cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out);background:0 0;border:0;padding:0 2px;line-height:1}.bless-combobox__chip-x:hover{opacity:var(--bless-hover-opacity)}.bless-combobox__panel{inset:unset;border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);box-shadow:var(--bless-shadow-plate);margin:0;padding:0;position:fixed}.bless-combobox__list{max-height:240px;padding:var(--bless-space-1) 0;scrollbar-width:thin;overflow-y:auto}.bless-combobox__option{align-items:center;gap:var(--bless-space-2);padding:var(--bless-space-2) var(--bless-space-3);font-size:var(--bless-text-sm);cursor:pointer;display:flex}.bless-combobox__option--active{background:var(--bless-color-surface)}.bless-combobox__option--selected{font-weight:var(--bless-font-weight-bold)}.bless-combobox__option[aria-disabled=true]{opacity:.4;cursor:not-allowed}.bless-combobox__check{width:1em;font-size:var(--bless-text-xs);flex:none}.bless-combobox__empty{padding:var(--bless-space-3);font-size:var(--bless-text-sm);color:var(--bless-color-text-muted);margin:0}.bless-combobox--invalid .bless-combobox__field{border-bottom-color:var(--bless-color-danger)}.bless-combobox--disabled{opacity:.4;pointer-events:none}.bless-combobox__field{transform:skewX(var(--bless-skew))}.bless-combobox__field>:not(.bless-skew,.bless-chip,.bless-badge){transform:skewX(var(--bless-skew-counter))}.bless-combobox__field>:first-child{padding-inline-start:calc(var(--bless-space-3) + 4px)}.bless-combobox__field>:last-child{padding-inline-end:calc(var(--bless-space-3) + 4px)}.bless-combobox__field>.bless-combobox__chevron{clip-path:polygon(0 0,18% 0,50% 55%,82% 0,100% 0,50% 100%);width:11px;height:7px;transform:skewX(var(--bless-skew-counter)) translateY(-50%);background:currentColor;border:0;inset-inline-end:calc(var(--bless-space-3) + 4px)}.bless-combobox--open .bless-combobox__field>.bless-combobox__chevron{transform:skewX(var(--bless-skew-counter)) translateY(-50%) scaleY(-1)}
|
|
83
|
+
|
|
84
|
+
/* BlessCommand */
|
|
85
|
+
.bless-command .bless-modal__body{padding:0}.bless-command .bless-modal__close{display:none}.bless-command .bless-modal__panel{--_w:560px}.bless-command--inline{border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg)}.bless-command__box{border-radius:var(--bless-radius);font-family:var(--bless-font-sans);color:var(--bless-color-text);flex-direction:column;display:flex}.bless-command__search{border-radius:var(--bless-radius-plate);align-items:center;gap:var(--bless-space-3);padding:var(--bless-space-3) var(--bless-space-4);border-bottom:var(--bless-border-width) solid var(--bless-color-border);display:flex}.bless-command__icon{font-size:var(--bless-text-lg);color:var(--bless-color-text-muted);transform:skewX(var(--bless-skew-counter)) rotate(-45deg)}.bless-command__input{min-width:0;font:inherit;font-size:var(--bless-text-md);color:inherit;background:0 0;border:0;outline:0;flex:1}.bless-command__input::placeholder{color:var(--bless-color-text-muted)}.bless-command__list{max-height:320px;padding:var(--bless-space-2) 0;scrollbar-width:thin;overflow-y:auto}.bless-command__empty:empty{display:none}.bless-command__empty{padding:var(--bless-space-6);text-align:center;font-size:var(--bless-text-sm);color:var(--bless-color-text-muted);margin:0}.bless-command__group{padding:var(--bless-space-2) var(--bless-space-4) var(--bless-space-1);font-size:var(--bless-text-2xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);text-transform:uppercase;color:var(--bless-color-text-muted)}.bless-command__item{align-items:center;gap:var(--bless-space-3);padding:var(--bless-space-2) var(--bless-space-4);font-size:var(--bless-text-sm);cursor:pointer;display:flex}.bless-command__item--active{background:var(--bless-color-surface)}.bless-command__item[aria-disabled=true]{opacity:.4;cursor:not-allowed}.bless-command__mark{text-align:center;flex:none;width:1.2em}.bless-command__label{flex:1}.bless-command__footer{gap:var(--bless-space-4);padding:var(--bless-space-2) var(--bless-space-4);border-top:var(--bless-border-width) solid var(--bless-color-border);font-size:var(--bless-text-xs);color:var(--bless-color-text-muted);display:flex}.bless-command__search{transform:skewX(var(--bless-skew))}.bless-command__search>:not(.bless-skew,.bless-chip,.bless-badge){transform:skewX(var(--bless-skew-counter))}
|
|
86
|
+
|
|
87
|
+
/* BlessCompare */
|
|
88
|
+
.bless-compare{border-radius:var(--bless-radius);-webkit-user-select:none;user-select:none;color:var(--bless-color-text);display:grid;position:relative;overflow:hidden}.bless-compare__before,.bless-compare__after{grid-area:1/1;min-width:0}.bless-compare :is(img,video){object-fit:cover;width:100%;height:100%;display:block}.bless-compare--horizontal .bless-compare__after{clip-path:inset(0 calc(100% - var(--_p)) 0 0)}[dir=rtl] .bless-compare--horizontal .bless-compare__after{clip-path:inset(0 0 0 calc(100% - var(--_p)))}.bless-compare--vertical .bless-compare__after{clip-path:inset(0 0 calc(100% - var(--_p)) 0)}.bless-compare__handle{background:var(--bless-color-text);box-shadow:0 0 0 1px var(--bless-color-bg);pointer-events:none;position:absolute}.bless-compare:has(.bless-compare__range:active) .bless-compare__handle{background:var(--bless-color-accent)}.bless-compare--horizontal .bless-compare__handle{top:0;bottom:0;width:2px;inset-inline-start:var(--_p)}.bless-compare--vertical .bless-compare__handle{inset-inline:0;top:var(--_p);height:2px}.bless-compare__range{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.bless-compare--vertical .bless-compare__range{cursor:ns-resize;writing-mode:vertical-lr}.bless-compare:has(.bless-compare__range:focus-visible){outline:2px solid var(--bless-color-accent);outline-offset:2px}
|
|
89
|
+
|
|
90
|
+
/* BlessConfirmPopup */
|
|
91
|
+
.bless-confirm__msg{margin:0 0 var(--bless-space-3);max-width:32ch;font-size:var(--bless-text-sm);line-height:var(--bless-leading-normal)}.bless-confirm__actions{justify-content:flex-end;gap:var(--bless-space-2);display:flex}
|
|
92
|
+
|
|
93
|
+
/* BlessContainer */
|
|
94
|
+
.bless-container{box-sizing:border-box;width:100%;margin-inline:auto}.bless-container--sm{max-width:640px}.bless-container--md{max-width:960px}.bless-container--lg{max-width:var(--bless-content-max)}.bless-container--padded{padding-left:max(var(--bless-space-4), var(--bless-safe-left));padding-right:max(var(--bless-space-4), var(--bless-safe-right))}
|
|
95
|
+
|
|
96
|
+
/* BlessDash */
|
|
97
|
+
.bless-dash{width:var(--bless-dash-width);height:var(--bless-border-width);margin-inline:var(--bless-space-2);vertical-align:middle;background:var(--bless-color-text);font-size:0;display:inline-block}.bless-dash--muted{background:var(--bless-color-text-muted)}.bless-dash--accent{background:var(--bless-color-accent)}
|
|
98
|
+
|
|
99
|
+
/* BlessDataTable */
|
|
100
|
+
.bless-datatable{border-radius:var(--bless-radius);gap:var(--bless-space-3);font-family:var(--bless-font-sans);color:var(--bless-color-text);display:grid}.bless-datatable--loading tbody{opacity:.5;transition:opacity var(--bless-duration-base)}.bless-datatable__toolbar{align-items:center;gap:var(--bless-space-3);flex-wrap:wrap;display:flex}.bless-datatable__search{width:240px}.bless-datatable__cols{margin-inline-start:auto}.bless-datatable__cols-btn{padding:var(--bless-space-2) var(--bless-space-3);border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);color:var(--bless-color-text);font:inherit;font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase;cursor:pointer;transform:skewX(var(--bless-skew))}.bless-datatable__cols-btn:hover{border-color:var(--bless-color-text)}.bless-datatable__cols-btn:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-datatable__scroll{overflow-x:auto}.bless-datatable__check{width:36px}.bless-datatable__sort{align-items:center;gap:var(--bless-space-1);color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.bless-datatable__sort:hover{color:var(--bless-color-text)}.bless-datatable__sort:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-datatable__sort-icon{opacity:.4;font-size:var(--bless-text-2xs)}[aria-sort=ascending] .bless-datatable__sort-icon,[aria-sort=descending] .bless-datatable__sort-icon{opacity:1;color:var(--bless-color-accent-text)}.bless-datatable__row{transition:background var(--bless-duration-fast)}.bless-datatable__row:hover{background:var(--bless-color-surface)}.bless-datatable__row--selected{background:color-mix(in srgb, var(--bless-color-accent) 8%, transparent)}.bless-datatable__empty{text-align:center;color:var(--bless-color-text-muted);padding:var(--bless-space-8)}.bless-datatable__foot{justify-content:space-between;align-items:center;gap:var(--bless-space-3);flex-wrap:wrap;display:flex}.bless-datatable__pager{align-items:center;gap:var(--bless-space-3);display:flex}.bless-datatable__size{width:120px}
|
|
101
|
+
|
|
102
|
+
/* BlessDataView */
|
|
103
|
+
.bless-dataview{gap:var(--bless-space-3);font-family:var(--bless-font-sans);color:var(--bless-color-text);flex-direction:column;display:flex}.bless-dataview__bar{align-items:center;gap:var(--bless-space-3);display:flex}.bless-dataview__header{flex:1}.bless-dataview--list .bless-dataview__items{flex-direction:column;display:flex}.bless-dataview--list .bless-dataview__item+.bless-dataview__item{border-top:var(--bless-border-width) solid var(--bless-color-border)}.bless-dataview--grid .bless-dataview__items{grid-template-columns:repeat(auto-fill, minmax(var(--_col), 1fr));gap:var(--bless-space-3);display:grid}.bless-dataview__empty{padding:var(--bless-space-6);text-align:center;color:var(--bless-color-text-muted)}.bless-dataview__pager{align-self:center}
|
|
104
|
+
|
|
105
|
+
/* BlessDatePicker */
|
|
106
|
+
.bless-datepicker{--_h:40px;--_fs:var(--bless-text-md);font-family:var(--bless-font-sans);color:var(--bless-color-text);align-items:stretch;display:inline-flex}.bless-datepicker--sm{--_h:32px;--_fs:var(--bless-text-sm)}.bless-datepicker--lg{--_h:48px;--_fs:var(--bless-text-lg)}.bless-datepicker__trigger,.bless-datepicker__native{align-items:center;gap:var(--bless-space-2);min-width:200px;height:var(--_h);padding:0 var(--bless-space-3);box-sizing:border-box;border:0;border-bottom:calc(2 * var(--bless-border-width)) solid var(--bless-color-text-muted);color:inherit;font:inherit;font-size:var(--_fs);text-align:start;cursor:pointer;background:0 0;display:inline-flex}.bless-datepicker__trigger:focus-visible,.bless-datepicker__native:focus-visible{border-bottom-color:var(--bless-color-accent-text);outline:0}.bless-datepicker__trigger[aria-expanded=true]{border-bottom-color:var(--bless-color-accent-text)}.bless-datepicker__icon{color:var(--bless-color-text-muted)}.bless-datepicker__text{flex:1}.bless-datepicker__text--placeholder{color:var(--bless-color-text-muted)}.bless-datepicker__clear{border:0;border-bottom:calc(2 * var(--bless-border-width)) solid var(--bless-color-text-muted);background:var(--bless-color-surface);font:inherit;color:var(--bless-color-text-muted);cursor:pointer;padding:0 var(--bless-space-2)}.bless-datepicker--invalid .bless-datepicker__clear{border-bottom-color:var(--bless-color-danger)}.bless-datepicker__clear:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:-2px}.bless-datepicker__clear:hover{opacity:var(--bless-hover-opacity)}.bless-datepicker__panel{inset:unset;padding:var(--bless-space-3);border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);box-shadow:var(--bless-shadow-plate);margin:0;position:fixed}.bless-datepicker--invalid .bless-datepicker__trigger,.bless-datepicker--invalid .bless-datepicker__native{border-bottom-color:var(--bless-color-danger)}.bless-datepicker--disabled{opacity:.4}.bless-datepicker__field{border-radius:var(--bless-radius-plate);transform:skewX(var(--bless-skew));border-bottom:calc(2 * var(--bless-border-width)) solid var(--bless-color-text-muted);background:0 0;display:inline-flex}.bless-datepicker__field:focus-within{border-bottom-color:var(--bless-color-accent-text)}.bless-datepicker__field>.bless-datepicker__native{transform:skewX(var(--bless-skew-counter));padding-inline:calc(var(--bless-space-3) + 4px);background:0 0;border-bottom:0}.bless-datepicker__trigger{border-radius:var(--bless-radius-plate);transform:skewX(var(--bless-skew));padding-inline:calc(var(--bless-space-3) + 4px)}.bless-datepicker__trigger>*{transform:skewX(var(--bless-skew-counter))}
|
|
107
|
+
|
|
108
|
+
/* BlessDialogHost */
|
|
109
|
+
.bless-dialog-host__text{font-size:var(--bless-text-sm);line-height:var(--bless-leading-normal);margin:0}
|
|
110
|
+
|
|
111
|
+
/* BlessDropdownMenu */
|
|
112
|
+
.bless-dropdown__anchor{display:inline-flex}.bless-dropdown__anchor--block{display:block}.bless-dropdown{inset:unset;background:0 0;border:0;margin:0;padding:0;position:fixed;overflow:visible}.bless-dropdown:popover-open{animation:bless-pop-in var(--bless-duration-base) var(--bless-ease-out)}
|
|
113
|
+
|
|
114
|
+
/* BlessEditor */
|
|
115
|
+
.bless-editor{border-radius:var(--bless-radius);border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);font-family:var(--bless-font-sans);color:var(--bless-color-text);flex-direction:column;display:flex}.bless-editor:focus-within{border-color:var(--bless-color-text-muted)}.bless-editor__toolbar{padding:var(--bless-space-1);border-bottom:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-surface);flex-wrap:wrap;align-items:center;gap:2px;display:flex}.bless-editor__tool{min-width:28px;height:28px;padding:0 var(--bless-space-1);border:var(--bless-border-width) solid transparent;color:var(--bless-color-text);font:inherit;font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);cursor:pointer;transform:skewX(var(--bless-skew));background:0 0;place-items:center;display:inline-grid}.bless-editor__tool>span{transform:skewX(var(--bless-skew-counter))}.bless-editor__tool:hover:not(:disabled){background:var(--bless-color-bg)}.bless-editor__tool--on{background:var(--bless-color-accent);color:var(--bless-color-on-accent)}.bless-editor__tool:disabled{opacity:.35;cursor:not-allowed}.bless-editor__tool:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:1px}.bless-editor__sep{width:var(--bless-border-width);height:18px;margin:0 var(--bless-space-1);background:var(--bless-color-border)}.bless-editor__content{padding:var(--bless-space-3) var(--bless-space-4);flex:1}.bless-editor__content .tiptap,.bless-editor__content .ProseMirror{min-height:var(--_min);font-size:var(--bless-text-md);line-height:var(--bless-leading-normal);outline:0}.bless-editor__content .tiptap>*+*{margin-top:var(--bless-space-2)}.bless-editor__content .tiptap>:first-child{margin-top:0}.bless-editor__content .tiptap :is(h1,h2,h3){margin:var(--bless-space-4) 0 var(--bless-space-2);font-weight:var(--bless-font-weight-light);letter-spacing:var(--bless-tracking-tight);line-height:var(--bless-leading-tight);border:0;padding:0}.bless-editor__content .tiptap h1{font-size:var(--bless-text-xl)}.bless-editor__content .tiptap h2{font-size:var(--bless-text-lg)}.bless-editor__content .tiptap :is(ul,ol){margin:0;padding-inline-start:var(--bless-space-6)}.bless-editor__content .tiptap li{line-height:inherit;margin:0}.bless-editor__content .tiptap li+li{margin-top:var(--bless-space-1)}.bless-editor__content .tiptap p{line-height:inherit;margin:0}.bless-editor__content .tiptap blockquote{border-inline-start:3px solid var(--bless-color-rule);color:var(--bless-color-text-muted);margin:0;padding-inline-start:var(--bless-space-3)}.bless-editor__content .tiptap code{background:var(--bless-color-surface);padding:0 4px;font-size:.9em}.bless-editor__content .tiptap pre{padding:var(--bless-space-3);background:var(--bless-color-media-bg);color:#e8e9ea;overflow-x:auto}.bless-editor__content .tiptap pre code{background:0 0;padding:0}.bless-editor__content .tiptap hr{border:0;border-top:var(--bless-border-width) solid var(--bless-color-rule)}.bless-editor__content .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;color:var(--bless-color-text-muted);pointer-events:none}.bless-editor__footer{padding:var(--bless-space-1) var(--bless-space-3);border-top:var(--bless-border-width) solid var(--bless-color-border);font-size:var(--bless-text-xs);color:var(--bless-color-text-muted)}.bless-editor--disabled{opacity:.4;pointer-events:none}
|
|
116
|
+
|
|
117
|
+
/* BlessEmpty */
|
|
118
|
+
.bless-empty{justify-content:center;align-items:center;gap:var(--bless-space-2);padding:var(--bless-space-6);text-align:center;font-family:var(--bless-font-sans);color:var(--bless-color-text);flex-direction:column;display:flex}.bless-empty--outline{border-radius:var(--bless-radius);padding-block:var(--bless-space-12);border:var(--bless-border-width) solid var(--bless-color-border)}.bless-empty__icon{width:48px;height:48px;margin-bottom:var(--bless-space-2);font-size:var(--bless-text-lg);color:var(--bless-color-text-muted);background:var(--bless-color-surface);transform:skewX(var(--bless-skew));place-items:center;display:inline-grid}.bless-empty__icon>*{transform:skewX(var(--bless-skew-counter))}.bless-empty__title{font-size:var(--bless-text-md);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide)}.bless-empty__desc{max-width:40ch;font-size:var(--bless-text-sm);line-height:var(--bless-leading-normal);color:var(--bless-color-text-muted);margin:0}.bless-empty__actions{justify-content:center;gap:var(--bless-space-2);margin-top:var(--bless-space-3);flex-wrap:wrap;display:flex}
|
|
119
|
+
|
|
120
|
+
/* BlessField */
|
|
121
|
+
.bless-field{gap:var(--bless-space-2);font-family:var(--bless-font-sans);display:grid}.bless-field__description,.bless-field__error{font-size:var(--bless-text-xs);line-height:var(--bless-leading-tight);color:var(--bless-color-text-muted);margin:0}.bless-field__error{color:var(--bless-color-danger-text);font-weight:var(--bless-font-weight-bold)}
|
|
122
|
+
|
|
123
|
+
/* BlessFieldset */
|
|
124
|
+
.bless-fieldset{border-radius:var(--bless-radius);padding:var(--bless-space-3) var(--bless-space-4) var(--bless-space-4);border:var(--bless-border-width) solid var(--bless-color-border);font-family:var(--bless-font-sans);color:var(--bless-color-text);margin:0}.bless-fieldset--collapsed{padding-bottom:var(--bless-space-2)}.bless-fieldset__legend{padding:0 var(--bless-space-2);font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);line-height:var(--bless-leading-tight);text-transform:uppercase}.bless-fieldset__toggle{align-items:center;gap:var(--bless-space-1);color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);background:0 0;border:0;padding:0;display:inline-flex}.bless-fieldset__toggle:hover{opacity:var(--bless-hover-opacity)}.bless-fieldset__toggle:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-fieldset__chevron{transition:transform var(--bless-duration-base);display:inline-block;transform:rotate(90deg)}.bless-fieldset--collapsed .bless-fieldset__chevron{transform:rotate(0)}[dir=rtl] .bless-fieldset--collapsed .bless-fieldset__chevron{transform:rotate(180deg)}.bless-fieldset__content{font-size:var(--bless-text-sm)}.bless-fieldset:disabled{opacity:.4}
|
|
125
|
+
|
|
126
|
+
/* BlessFileInput */
|
|
127
|
+
.bless-file{font-family:var(--bless-font-sans);color:var(--bless-color-text)}.bless-file__zone{border-radius:var(--bless-radius);align-items:center;gap:var(--bless-space-1);padding:var(--bless-space-6);border:var(--bless-border-width) dashed var(--bless-color-text-muted);background:var(--bless-color-surface);text-align:center;cursor:pointer;transition:border-color var(--bless-duration-base), background var(--bless-duration-base), var(--bless-lean-transition);flex-direction:column;display:flex}.bless-file__zone>*{pointer-events:none}.bless-file__zone:hover{border-color:var(--bless-color-text);border-style:solid}.bless-file__zone--over{border-color:var(--bless-color-accent-text);border-style:solid}.bless-file__zone:has(:focus-visible){outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-file__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.bless-file__icon{font-size:var(--bless-text-lg);color:var(--bless-color-text-muted);transform:skewX(var(--bless-skew))}.bless-file__label{font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide)}.bless-file__hint{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted)}.bless-file--invalid .bless-file__zone{border-color:var(--bless-color-danger)}.bless-file--disabled{opacity:.4;pointer-events:none}.bless-file__list{margin:var(--bless-space-2) 0 0;padding:0;list-style:none}.bless-file__item{align-items:center;gap:var(--bless-space-2);padding:var(--bless-space-1) 0;font-size:var(--bless-text-sm);border-bottom:var(--bless-border-width) solid var(--bless-color-border);display:flex}.bless-file__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.bless-file__size{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted)}.bless-file__remove{min-block-size:24px;min-inline-size:24px;color:var(--bless-color-text-muted);font:inherit;font-size:var(--bless-text-md);cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out);background:0 0;border:0;line-height:1}.bless-file__remove:hover{opacity:var(--bless-hover-opacity)}
|
|
128
|
+
|
|
129
|
+
/* BlessFloatLabel */
|
|
130
|
+
.bless-float{font-family:var(--bless-font-sans);position:relative}.bless-float--over{--bless-float-room:14px;padding-block-start:var(--bless-float-room)}.bless-float__label{inset-inline-start:var(--bless-space-3);top:calc(50% + var(--bless-float-room,0px) / 2);font-size:var(--bless-text-md);color:var(--bless-color-text-muted);pointer-events:none;transition:top var(--bless-duration-base) var(--bless-ease-out), font-size var(--bless-duration-base) var(--bless-ease-out), translate var(--bless-duration-base) var(--bless-ease-out), var(--bless-lean-transition);position:absolute;translate:0 -50%}.bless-float :is(input,textarea,select)::placeholder{color:#0000}:is(.bless-float--over:has(:is(input,textarea,select):focus) .bless-float__label,.bless-float--over:has(:is(input,textarea):not(:placeholder-shown)) .bless-float__label,.bless-float--over:has(select:valid) .bless-float__label){font-size:var(--bless-text-2xs);letter-spacing:var(--bless-tracking-wider);text-transform:uppercase;top:0;translate:none}.bless-float--over:has(:focus) .bless-float__label{color:var(--bless-color-accent-text)}.bless-float--in .bless-float__label{font-size:var(--bless-text-2xs);letter-spacing:var(--bless-tracking-wider);text-transform:uppercase;top:6px;translate:none}.bless-float--in :is(.bless-input__control,.bless-select__control,.bless-textarea__control,input,textarea){padding-top:14px}.bless-float--in :is(.bless-input__field,.bless-select__field){height:52px}
|
|
131
|
+
|
|
132
|
+
/* BlessForm */
|
|
133
|
+
.bless-form{gap:var(--bless-space-6);display:grid}
|
|
134
|
+
|
|
135
|
+
/* BlessGallery */
|
|
136
|
+
.bless-gallery__grid{grid-template-columns:repeat(auto-fill, minmax(var(--_col), 1fr));gap:var(--bless-space-2);margin:0;padding:0;list-style:none;display:grid}.bless-gallery__thumb{border-radius:var(--bless-radius);background:var(--bless-color-surface);cursor:pointer;width:100%;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);border:0;padding:0;line-height:0;display:block}.bless-gallery__thumb:hover{opacity:var(--bless-hover-opacity)}.bless-gallery__thumb:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-gallery__thumb img{aspect-ratio:4/3;object-fit:cover;width:100%}.bless-gallery__modal .bless-modal__panel{background:var(--bless-color-media-bg);color:#fff}.bless-gallery__modal .bless-modal__body{padding:0}.bless-gallery__viewer{outline:0;position:relative}.bless-gallery__figure{margin:0}.bless-gallery__image{width:100%;max-height:calc(100dvh - 2 * var(--bless-space-4) - 3rem);object-fit:contain;display:block}.bless-gallery__caption{padding:var(--bless-space-3) var(--bless-space-16) var(--bless-space-3) var(--bless-space-4);font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);letter-spacing:var(--bless-tracking-normal)}.bless-gallery__nav{width:44px;height:56px;color:var(--bless-color-on-accent);font-size:var(--bless-text-xl);cursor:pointer;transform:translateY(-50%) skewX(var(--bless-skew));transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);background:#00000080;border:0;padding:0;line-height:1;position:absolute;top:50%}.bless-gallery__nav>span{transform:skewX(var(--bless-skew-counter));display:inline-block}[dir=rtl] .bless-gallery__nav>span{transform:skewX(var(--bless-skew-counter)) scaleX(-1)}.bless-gallery__nav--prev{inset-inline-start:var(--bless-space-2)}.bless-gallery__nav--next{inset-inline-end:var(--bless-space-2)}.bless-gallery__nav:hover:not([aria-disabled]){opacity:var(--bless-hover-opacity)}.bless-gallery__nav[aria-disabled]{opacity:.2;cursor:not-allowed}.bless-gallery__nav:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-gallery__count{inset-inline-end:var(--bless-space-4);bottom:var(--bless-space-3);font-family:var(--bless-font-sans);font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);position:absolute}
|
|
137
|
+
|
|
138
|
+
/* BlessHoverCard */
|
|
139
|
+
.bless-hover-card{border-radius:var(--bless-radius);padding:var(--bless-space-4);min-width:200px}
|
|
140
|
+
|
|
141
|
+
/* BlessIcon */
|
|
142
|
+
.bless-icon{width:var(--_s);height:var(--_s);vertical-align:middle;color:inherit;flex:none;display:inline-flex}.bless-icon>svg{width:100%;height:100%}.bless-icon>svg:not([fill]){fill:currentColor}
|
|
143
|
+
|
|
144
|
+
/* BlessImg */
|
|
145
|
+
.bless-img{border-radius:var(--bless-radius);background:var(--bless-color-surface);color:var(--bless-color-text);font-family:var(--bless-font-sans);display:block;position:relative;overflow:hidden}.bless-img__img,.bless-img__placeholder,.bless-img__skeleton{width:100%;height:100%;position:absolute;inset:0}.bless-img__img{object-fit:var(--_fit);opacity:0;transition:opacity var(--bless-duration-slow) var(--bless-ease-out)}.bless-img--loaded .bless-img__img{opacity:1}.bless-img__placeholder{object-fit:cover;filter:blur(12px);transform:scale(1.05)}.bless-img:not([style*=aspect-ratio]){aspect-ratio:16/9}.bless-img__error{color:var(--bless-color-text-muted);font-size:var(--bless-text-lg);place-items:center;display:grid;position:absolute;inset:0}.bless-img__overlay{padding:var(--bless-space-2) var(--bless-space-3);color:#fff;font-size:var(--bless-text-xs);background:linear-gradient(#0000,#0009);position:absolute;inset:auto 0 0}
|
|
146
|
+
|
|
147
|
+
/* BlessIndicator */
|
|
148
|
+
.bless-indicator{display:inline-flex;position:relative}.bless-indicator__sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bless-indicator--block{display:block}.bless-indicator__badge{border-radius:var(--bless-radius-petal);background:var(--bless-color-accent);min-width:18px;height:18px;color:var(--bless-color-on-accent);font-family:var(--bless-font-sans);font-size:var(--bless-text-2xs);font-weight:var(--bless-font-weight-bold);transform:skewX(var(--bless-skew));pointer-events:none;place-items:center;padding:0 5px;line-height:1;display:inline-grid;position:absolute}.bless-indicator__text{transform:skewX(var(--bless-skew-counter));display:inline-block}.bless-indicator__badge--dot{width:10px;min-width:10px;height:10px;padding:0}.bless-indicator__badge--top-right{top:0;right:0;translate:40% -40%}.bless-indicator__badge--top-left{top:0;left:0;translate:-40% -40%}.bless-indicator__badge--bottom-right{bottom:0;right:0;translate:40% 40%}.bless-indicator__badge--bottom-left{bottom:0;left:0;translate:-40% 40%}.bless-indicator__badge--accent{background:var(--bless-color-accent);color:var(--bless-color-on-accent)}.bless-indicator__badge--danger{background:var(--bless-color-danger)}.bless-indicator__badge--success{background:var(--bless-color-success);color:var(--bless-color-on-light)}.bless-indicator__badge--warning{background:var(--bless-color-warning);color:var(--bless-color-on-light)}.bless-indicator__badge--info{background:var(--bless-color-info)}.bless-indicator__badge--text{background:var(--bless-color-text);color:var(--bless-color-on-text)}
|
|
149
|
+
|
|
150
|
+
/* BlessInfiniteScroll */
|
|
151
|
+
.bless-infinite__sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bless-infinite__more{margin:var(--bless-space-3) auto;display:flex}.bless-infinite__sentinel{height:1px}.bless-infinite__status{min-height:40px;color:var(--bless-color-text-muted);font-family:var(--bless-font-sans);font-size:var(--bless-text-xs);letter-spacing:var(--bless-tracking-wide);place-items:center;display:grid}
|
|
152
|
+
|
|
153
|
+
/* BlessInplace */
|
|
154
|
+
.bless-inplace{font-family:var(--bless-font-sans);color:var(--bless-color-text);display:inline-block}.bless-inplace__display{border-radius:var(--bless-radius);padding:var(--bless-space-1) 0;border:0;border-bottom:var(--bless-border-width) dashed transparent;color:inherit;font:inherit;text-align:start;cursor:text;background:0 0}.bless-inplace__display:hover,.bless-inplace__display:focus-visible{border-color:var(--bless-color-text-muted)}.bless-inplace__display:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-inplace__content{align-items:center;gap:var(--bless-space-2);display:inline-flex}.bless-inplace__close{min-width:24px;min-height:24px;color:var(--bless-color-text-muted);font:inherit;font-size:var(--bless-text-md);cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);background:0 0;border:0}.bless-inplace__close:hover{opacity:var(--bless-hover-opacity)}.bless-inplace--disabled{opacity:.4;pointer-events:none}
|
|
155
|
+
|
|
156
|
+
/* BlessInput */
|
|
157
|
+
.bless-input{--_h:40px;--_fs:var(--bless-text-md);font-family:var(--bless-font-sans);color:var(--bless-color-text);display:block}.bless-input--sm{--_h:32px;--_fs:var(--bless-text-sm)}.bless-input--lg{--_h:48px;--_fs:var(--bless-text-lg)}.bless-input__field{border-radius:var(--bless-radius-plate);height:var(--_h);border-bottom:calc(2 * var(--bless-border-width)) solid var(--bless-color-text-muted);transition:border-color var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);background:0 0;align-items:center;display:flex;position:relative}.bless-input__field:after{content:"";inset-inline-start:0;bottom:calc(-2 * var(--bless-border-width));width:100%;height:calc(2 * var(--bless-border-width));background:var(--bless-color-accent);transform-origin:0;transition:transform var(--bless-duration-slow) var(--bless-ease-out);position:absolute;transform:scaleX(0)}[dir=rtl] .bless-input__field:after{transform-origin:100%}.bless-input__field:focus-within:after{transform:scaleX(1)}.bless-input__control{min-width:0;height:100%;padding:0 var(--bless-space-3);font:inherit;font-size:var(--_fs);color:inherit;background:0 0;border:0;outline:0;flex:1}.bless-input__control::placeholder{color:var(--bless-color-text-muted)}.bless-input__control:focus-visible{outline:0}.bless-input__field:focus-within{outline:2px solid #0000}.bless-input__affix{padding:0 var(--bless-space-3);font-size:var(--bless-text-sm);color:var(--bless-color-text-muted);flex:none;align-items:center;display:inline-flex}.bless-input__affix--prefix+.bless-input__control,.bless-input__affix--suffix{padding-inline-start:0}.bless-input--invalid .bless-input__field{border-bottom-color:var(--bless-color-danger)}.bless-input--invalid .bless-input__field:after{background:var(--bless-color-danger)}.bless-input--disabled{opacity:.4}.bless-input--disabled .bless-input__control{cursor:not-allowed}.bless-input__description,.bless-input__error{margin:var(--bless-space-1) 0 0;font-size:var(--bless-text-xs);line-height:var(--bless-leading-tight);color:var(--bless-color-text-muted)}.bless-input__error{color:var(--bless-color-danger-text);font-weight:var(--bless-font-weight-bold)}.bless-input__field{transform:skewX(var(--bless-skew))}.bless-input__field>:not(.bless-skew,.bless-chip,.bless-badge){transform:skewX(var(--bless-skew-counter))}.bless-input__field>:first-child{padding-inline-start:calc(var(--bless-space-3) + 4px)}.bless-input__field>:last-child{padding-inline-end:calc(var(--bless-space-3) + 4px)}
|
|
158
|
+
|
|
159
|
+
/* BlessInputGroup */
|
|
160
|
+
.bless-input-group{border-radius:var(--bless-radius-plate);--_h:40px;min-inline-size:0;font-family:var(--bless-font-sans);color:var(--bless-color-text);border:0;border-bottom:calc(2 * var(--bless-border-width)) solid var(--bless-color-text-muted);background:0 0;align-items:stretch;margin:0;padding:0;display:flex;position:relative}.bless-input-group--sm{--_h:32px}.bless-input-group--lg{--_h:48px}.bless-input-group:after{content:"";inset-inline-start:0;bottom:calc(-2 * var(--bless-border-width));width:100%;height:calc(2 * var(--bless-border-width));background:var(--bless-color-accent);transform-origin:0;transition:transform var(--bless-duration-slow) var(--bless-ease-out);position:absolute;transform:scaleX(0)}[dir=rtl] .bless-input-group:after{transform-origin:100%}.bless-input-group:focus-within:after{transform:scaleX(1)}.bless-input-group__control{flex:1;min-width:0}.bless-input-group .bless-input__field,.bless-input-group .bless-select__field{background:0 0;border-bottom:0}.bless-input-group .bless-input__field:after{display:none}.bless-input-group__addon{align-items:center;gap:var(--bless-space-1);min-height:var(--_h);padding:0 var(--bless-space-3);font-size:var(--bless-text-sm);color:var(--bless-color-text-muted);white-space:nowrap;flex:none;display:inline-flex}.bless-input-group__addon--prefix{border-inline-end:var(--bless-border-width) solid var(--bless-color-bg)}.bless-input-group__addon--suffix{border-inline-start:var(--bless-border-width) solid var(--bless-color-bg)}.bless-input-group__addon>.bless-button{margin:0 calc(-1 * var(--bless-space-2))}.bless-input-group--disabled{opacity:.4}.bless-input-group{transform:skewX(var(--bless-skew))}.bless-input-group>:not(.bless-skew,.bless-chip,.bless-badge,.bless-input-group__after){transform:skewX(var(--bless-skew-counter))}.bless-input-group .bless-input__field,.bless-input-group .bless-select__field,.bless-input-group .bless-combobox__field,.bless-input-group .bless-input__field>*,.bless-input-group .bless-select__field>*{transform:none}
|
|
161
|
+
|
|
162
|
+
/* BlessInputNumber */
|
|
163
|
+
.bless-number{border-radius:var(--bless-radius-plate);--_h:40px;height:var(--_h);border-bottom:calc(2 * var(--bless-border-width)) solid var(--bless-color-text-muted);font-family:var(--bless-font-sans);color:var(--bless-color-text);background:0 0;align-items:stretch;display:inline-flex}.bless-number--sm{--_h:32px}.bless-number--lg{--_h:48px}.bless-number:focus-within{border-bottom-color:var(--bless-color-accent-text)}.bless-number--invalid{border-bottom-color:var(--bless-color-danger)}.bless-number__control{width:6em;min-width:0;padding:0 var(--bless-space-2);font:inherit;font-variant-numeric:tabular-nums;text-align:end;color:inherit;background:0 0;border:0;outline:0}.bless-number__affix{padding:0 var(--bless-space-2);font-size:var(--bless-text-sm);color:var(--bless-color-text-muted);align-items:center;display:inline-flex}.bless-number__btn{width:var(--_h);color:var(--bless-color-text-muted);font:inherit;font-size:var(--bless-text-md);cursor:pointer;background:0 0;border:0}.bless-number__btn:hover:not(:disabled){color:var(--bless-color-text)}.bless-number__btn:disabled{opacity:.3;cursor:not-allowed}.bless-number--disabled{opacity:.4;pointer-events:none}.bless-number{transform:skewX(var(--bless-skew))}.bless-number>:not(.bless-skew,.bless-chip,.bless-badge){transform:skewX(var(--bless-skew-counter))}
|
|
164
|
+
|
|
165
|
+
/* BlessInputOTP */
|
|
166
|
+
.bless-otp{align-items:center;gap:var(--bless-space-2);font-family:var(--bless-font-sans);display:inline-flex}.bless-otp__cell{border-radius:var(--bless-radius-plate);box-sizing:border-box;border:0;border-bottom:calc(2 * var(--bless-border-width)) solid var(--bless-color-text-muted);width:40px;height:48px;color:var(--bless-color-text);font:inherit;font-size:var(--bless-text-lg);font-weight:var(--bless-font-weight-bold);text-align:center;caret-color:var(--bless-color-accent-text);transform:skewX(var(--bless-skew));transition:border-color var(--bless-duration-base), var(--bless-lean-transition);background:0 0}.bless-otp__cell:focus{border-bottom-color:var(--bless-color-accent-text);background:var(--bless-color-bg);outline:0}.bless-otp__cell:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-otp__sep{background:var(--bless-color-text-muted);width:10px;height:2px}.bless-otp--invalid .bless-otp__cell{border-bottom-color:var(--bless-color-danger)}.bless-otp--disabled{opacity:.4}
|
|
167
|
+
|
|
168
|
+
/* BlessInputTags */
|
|
169
|
+
.bless-tags{border-radius:var(--bless-radius-plate);align-items:center;gap:var(--bless-space-1);min-height:40px;padding:var(--bless-space-1) var(--bless-space-2);border-bottom:calc(2 * var(--bless-border-width)) solid var(--bless-color-text-muted);font-family:var(--bless-font-sans);color:var(--bless-color-text);cursor:text;background:0 0;flex-wrap:wrap;display:flex}.bless-tags:focus-within{border-bottom-color:var(--bless-color-accent-text)}.bless-tags--invalid{border-bottom-color:var(--bless-color-danger)}.bless-tags__list,.bless-tags__item{display:contents}.bless-tags .bless-chip{transform:none}.bless-tags__live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bless-tags__input{min-width:80px;padding:var(--bless-space-1);font:inherit;color:inherit;background:0 0;border:0;outline:0;flex:1}.bless-tags__input::placeholder{color:var(--bless-color-text-muted)}.bless-tags--disabled{opacity:.4;pointer-events:none}.bless-tags{transform:skewX(var(--bless-skew))}.bless-tags>:not(.bless-skew,.bless-chip,.bless-badge,.bless-tags__list){transform:skewX(var(--bless-skew-counter))}.bless-tags{padding-inline:calc(var(--bless-space-3) + 4px)}
|
|
170
|
+
|
|
171
|
+
/* BlessItem */
|
|
172
|
+
.bless-item{align-items:center;gap:var(--bless-space-3);padding:var(--bless-space-3);font-family:var(--bless-font-sans);color:var(--bless-color-text);transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out);text-decoration:none;display:flex}:where(button).bless-item{width:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0}.bless-item--sm{gap:var(--bless-space-2);padding:var(--bless-space-2)}.bless-item--outline{border-radius:var(--bless-radius);border:var(--bless-border-width) solid var(--bless-color-border)}.bless-item--surface{border-radius:var(--bless-radius);background:var(--bless-color-surface)}.bless-item--link:hover{opacity:var(--bless-hover-opacity)}.bless-item--link:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-item__media{color:var(--bless-color-text-muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.bless-item__body{gap:var(--bless-space-1);flex-direction:column;flex:1;min-width:0;display:flex}.bless-item__title{font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);line-height:var(--bless-leading-tight)}.bless-item--sm .bless-item__title{font-size:var(--bless-text-xs)}.bless-item__desc{font-size:var(--bless-text-xs);line-height:var(--bless-leading-tight);color:var(--bless-color-text-muted)}.bless-item__content{font-size:var(--bless-text-sm)}.bless-item__actions{align-items:center;gap:var(--bless-space-2);flex:none;display:inline-flex}
|
|
173
|
+
|
|
174
|
+
/* BlessKbd */
|
|
175
|
+
.bless-kbd{border-radius:var(--bless-radius);font-family:var(--bless-font-sans);font-size:var(--bless-text-xs);color:var(--bless-color-text);align-items:center;gap:2px;display:inline-flex}.bless-kbd__key{border:var(--bless-border-width) solid var(--bless-color-text-muted);background:var(--bless-color-bg);min-width:1.2em;font:inherit;font-weight:var(--bless-font-weight-bold);text-align:center;text-transform:uppercase;transform:skewX(var(--bless-skew));padding:2px 5px;line-height:1;display:inline-block}.bless-kbd__key>span{transform:skewX(var(--bless-skew-counter));display:inline-block}.bless-kbd__plus{color:var(--bless-color-text-muted)}
|
|
176
|
+
|
|
177
|
+
/* BlessKnob */
|
|
178
|
+
.bless-knob{--_s:72px;align-items:center;gap:var(--bless-space-1);font-family:var(--bless-font-sans);color:var(--bless-color-text);flex-direction:column;display:inline-flex}.bless-knob--sm{--_s:48px}.bless-knob--lg{--_s:104px}.bless-knob__dial{width:var(--_s);height:var(--_s);background:radial-gradient(circle, var(--bless-color-bg) 62%, transparent 63%), conic-gradient(from var(--_start), var(--bless-color-accent) 0 var(--_fill), var(--bless-color-border) var(--_fill) var(--_sweep), transparent var(--_sweep));cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;display:grid;position:relative}.bless-knob__dial:active{cursor:grabbing}.bless-knob__hand{inset-inline-start:50%;background:var(--bless-color-text);transform-origin:50% 0;width:2px;height:38%;transform:translate(-50%, 0) rotate(calc(var(--_deg) - 180deg));pointer-events:none;position:absolute;top:50%}.bless-knob__input{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.bless-knob__dial:has(.bless-knob__input:focus-visible){outline:2px solid var(--bless-color-accent);outline-offset:3px}.bless-knob__value{font-size:var(--bless-text-2xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);color:var(--bless-color-text-muted);position:absolute;bottom:-2px}.bless-knob__label{font-size:var(--bless-text-xs);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase;color:var(--bless-color-text-muted)}.bless-knob--disabled{opacity:.4}.bless-knob--disabled .bless-knob__dial{pointer-events:none}
|
|
179
|
+
|
|
180
|
+
/* BlessLabel */
|
|
181
|
+
.bless-label{align-items:baseline;gap:var(--bless-space-1);font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);line-height:var(--bless-leading-tight);text-transform:uppercase;color:var(--bless-color-text);cursor:default;display:inline-flex}.bless-label[for]{cursor:pointer}.bless-label--disabled{opacity:.4;cursor:not-allowed}.bless-label__required{color:inherit}.bless-label__hint{font-weight:var(--bless-font-weight-normal);text-transform:none;letter-spacing:var(--bless-tracking-normal);color:var(--bless-color-text-muted);margin-inline-start:var(--bless-space-1)}
|
|
182
|
+
|
|
183
|
+
/* BlessLayout */
|
|
184
|
+
.bless-layout{min-height:100dvh;font-family:var(--bless-font-sans);color:var(--bless-color-text);background:var(--bless-color-bg);flex-direction:column;display:flex}.bless-layout__header{z-index:var(--bless-z-nav);padding-top:var(--bless-safe-top);background:var(--bless-color-bg);border-bottom:var(--bless-border-width) solid var(--bless-color-border);transition:transform var(--bless-duration-slow) var(--bless-ease-in-out);position:sticky;top:0}.bless-layout--hidden .bless-layout__header{transform:translateY(-100%)}.bless-layout__body{flex:1;min-height:0;display:flex;position:relative}.bless-layout__page{min-width:0;padding-left:var(--bless-safe-left);padding-right:var(--bless-safe-right);flex:1}.bless-layout__drawer{background:var(--bless-color-bg);scrollbar-width:thin;flex:none;overflow-y:auto}.bless-layout__drawer--left{width:var(--_lw);border-right:var(--bless-border-width) solid var(--bless-color-border)}.bless-layout__drawer--right{width:var(--_rw);border-left:var(--bless-border-width) solid var(--bless-color-border)}.bless-layout--narrow .bless-layout__drawer{z-index:var(--bless-z-modal);padding-top:var(--bless-safe-top);padding-bottom:var(--bless-safe-bottom);transition:transform var(--bless-duration-slow) var(--bless-ease-out);position:fixed;top:0;bottom:0}.bless-layout--narrow .bless-layout__drawer--left{left:0;transform:translate(-100%)}.bless-layout--narrow .bless-layout__drawer--right{right:0;transform:translate(100%)}.bless-layout--narrow.bless-layout--left .bless-layout__drawer--left,.bless-layout--narrow.bless-layout--right .bless-layout__drawer--right{transform:none}.bless-layout__backdrop{z-index:calc(var(--bless-z-modal) - 1);background:var(--bless-color-backdrop);position:fixed;inset:0}.bless-layout__footer{z-index:var(--bless-z-nav);padding-bottom:var(--bless-safe-bottom);border-top:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);position:sticky;bottom:0}@media (prefers-reduced-motion:reduce){.bless-layout__header,.bless-layout--narrow .bless-layout__drawer{transition:none}}
|
|
185
|
+
|
|
186
|
+
/* BlessList */
|
|
187
|
+
.bless-list{font-family:var(--bless-font-sans);margin:0;padding:0;list-style:none}.bless-list--divided>.bless-list-item+.bless-list-item{border-top:var(--bless-border-width) solid var(--bless-color-border)}
|
|
188
|
+
|
|
189
|
+
/* BlessListItem */
|
|
190
|
+
.bless-list-item__row{align-items:center;gap:var(--bless-space-1) var(--bless-space-3);padding:var(--bless-space-3) 0;color:var(--bless-color-text);flex-wrap:wrap;text-decoration:none;display:flex}.bless-list-item__row--link{transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition)}.bless-list-item__row--link:hover{opacity:var(--bless-hover-opacity)}.bless-list-item__row--link:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-list-item__meta{font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);color:var(--bless-color-text-muted);white-space:nowrap;flex:none}.bless-list-item__title{font-size:var(--bless-text-md);line-height:var(--bless-leading-tight);flex:12em}.bless-list-item__suffix{flex:none}
|
|
191
|
+
|
|
192
|
+
/* BlessListbox */
|
|
193
|
+
.bless-listbox{border-radius:var(--bless-radius);--_row:36px;max-height:calc(var(--_rows,1000) * var(--_row));border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);color:var(--bless-color-text);scrollbar-width:thin;display:block;overflow-y:auto}.bless-listbox:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-listbox__option{align-items:center;gap:var(--bless-space-2);min-height:var(--_row);padding:0 var(--bless-space-3);cursor:pointer;display:flex}.bless-listbox:is(:focus-visible,:hover) .bless-listbox__option--active{background:var(--bless-color-surface)}.bless-listbox__option--selected{color:var(--bless-color-accent-text);font-weight:var(--bless-font-weight-bold)}.bless-listbox__option--disabled{opacity:.4;cursor:not-allowed}.bless-listbox__check{border:var(--bless-border-width) solid var(--bless-color-border);width:16px;height:16px;font-size:var(--bless-text-2xs);transform:skewX(var(--bless-skew));place-items:center;line-height:1;display:inline-grid}.bless-listbox__option--selected .bless-listbox__check{border-color:var(--bless-color-accent-text);background:var(--bless-color-accent);color:var(--bless-color-on-accent)}.bless-listbox--disabled{opacity:.4;pointer-events:none}
|
|
194
|
+
|
|
195
|
+
/* BlessLoadingBar */
|
|
196
|
+
.bless-loadingbar{--_c:var(--bless-color-accent);z-index:calc(var(--bless-z-modal) + 10);height:var(--_h);pointer-events:none;opacity:0;transition:opacity var(--bless-duration-slow) var(--bless-duration-base);position:fixed;inset-inline:0}.bless-loadingbar--top{top:0}.bless-loadingbar--bottom{bottom:0}.bless-loadingbar--text{--_c:var(--bless-color-text)}.bless-loadingbar--on{opacity:1;transition-delay:0s}.bless-loadingbar__bar{width:var(--_p);background:var(--_c);height:100%;transition:width var(--bless-duration-base) var(--bless-ease-out);display:block}
|
|
197
|
+
|
|
198
|
+
/* BlessMarker */
|
|
199
|
+
.bless-marker{--_c:var(--bless-color-text-muted);justify-content:center;align-items:center;gap:var(--bless-space-2);font-family:var(--bless-font-sans);font-size:var(--bless-text-xs);letter-spacing:var(--bless-tracking-wide);color:var(--bless-color-text);display:flex}.bless-marker--accent{--_c:var(--bless-color-accent)}.bless-marker--danger{--_c:var(--bless-color-danger)}.bless-marker--success{--_c:var(--bless-color-success)}.bless-marker--warning{--_c:var(--bless-color-warning)}.bless-marker--info{--_c:var(--bless-color-info)}.bless-marker__content{align-items:center;gap:var(--bless-space-1);display:inline-flex}.bless-marker__icon{display:inline-flex}.bless-marker--status .bless-marker__content{padding:2px var(--bless-space-3);background:var(--bless-color-surface);transform:skewX(var(--bless-skew))}.bless-marker--status .bless-marker__content>*{transform:skewX(var(--bless-skew-counter));display:inline-block}.bless-marker--separator:before,.bless-marker--separator:after{content:"";height:var(--bless-border-width);background:var(--bless-color-border);flex:1}.bless-marker--border{padding:var(--bless-space-2) var(--bless-space-3);border:var(--bless-border-width) solid var(--bless-color-border);border-inline-start:3px solid var(--_c);justify-content:flex-start}.bless-marker--shimmer .bless-marker__content{background-image:linear-gradient(90deg, transparent 30%, color-mix(in srgb, var(--bless-color-text) 18%, transparent) 50%, transparent 70%);animation:bless-marker-shimmer 1.6s var(--bless-ease-linear) infinite;background-size:200% 100%}@keyframes bless-marker-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.bless-marker--shimmer .bless-marker__content{animation:none}}
|
|
200
|
+
|
|
201
|
+
/* BlessMenuList */
|
|
202
|
+
.bless-menu{border-radius:var(--bless-radius);min-width:180px;padding:var(--bless-space-1) 0;border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);color:var(--bless-color-text);box-shadow:var(--bless-shadow-plate);font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);outline:0}.bless-menu--sub{inset-inline-start:100%;top:calc(-1 * var(--bless-space-1) - 1px);position:absolute}.bless-menu__item{align-items:center;gap:var(--bless-space-2);padding:var(--bless-space-2) var(--bless-space-3);color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;outline:0;text-decoration:none;display:flex;position:relative}.bless-menu__item:focus,.bless-menu__item[aria-expanded=true]{background:var(--bless-color-surface)}.bless-menu__item:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:-2px}.bless-menu__item[aria-expanded=true]{color:var(--bless-color-accent-text)}.bless-menu__item--danger,.bless-menu__item--danger:focus{color:var(--bless-color-danger-text)}.bless-menu__item[aria-disabled=true]{opacity:.4;cursor:not-allowed}.bless-menu__mark{text-align:center;width:1.2em;font-size:var(--bless-text-xs);flex:none}.bless-menu__text{flex:1}.bless-menu__shortcut{opacity:.7;margin-inline-start:var(--bless-space-4)}.bless-menu__chevron{color:var(--bless-color-text-muted)}.bless-menu__sep{height:var(--bless-border-width);margin:var(--bless-space-1) 0;background:var(--bless-color-border)}.bless-menu__label{padding:var(--bless-space-2) var(--bless-space-3) var(--bless-space-1);font-size:var(--bless-text-2xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);text-transform:uppercase;color:var(--bless-color-text-muted)}
|
|
203
|
+
|
|
204
|
+
/* BlessMenubar */
|
|
205
|
+
.bless-menubar{border-radius:var(--bless-radius);gap:var(--bless-space-1);padding:var(--bless-space-1);border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);font-family:var(--bless-font-sans);display:inline-flex}.bless-menubar .bless-dropdown__anchor>*{padding:var(--bless-space-2) var(--bless-space-3);color:var(--bless-color-text);font:inherit;font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase;cursor:pointer;background:0 0;border:0}.bless-menubar .bless-dropdown__anchor>:hover{background:var(--bless-color-surface);color:var(--bless-color-text)}.bless-menubar .bless-dropdown__anchor[aria-expanded=true]>*{background:var(--bless-color-surface);color:var(--bless-color-accent-text)}.bless-menubar .bless-dropdown__anchor>:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:-2px}
|
|
206
|
+
|
|
207
|
+
/* BlessMessage */
|
|
208
|
+
.bless-message__sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bless-message{align-items:flex-start;gap:var(--bless-space-2);font-family:var(--bless-font-sans);color:var(--bless-color-text);display:flex}.bless-message--end{flex-direction:row-reverse}.bless-message--compact{padding-inline-start:calc(32px + var(--bless-space-2))}.bless-message--end.bless-message--compact{padding-inline-start:0;padding-inline-end:calc(32px + var(--bless-space-2))}.bless-message__avatar{flex:none}.bless-message__body{gap:var(--bless-space-1);flex-direction:column;min-width:0;max-width:min(100%,65ch);display:flex}.bless-message--end .bless-message__body{align-items:flex-end}.bless-message__header{gap:var(--bless-space-2);font-size:var(--bless-text-xs);letter-spacing:var(--bless-tracking-wide);align-items:baseline;display:flex}.bless-message__header time{color:var(--bless-color-text-muted)}.bless-message__content{gap:var(--bless-space-1);flex-direction:column;display:flex}.bless-message--end .bless-message__content{align-items:flex-end}.bless-message__footer{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted)}.bless-message__actions{gap:var(--bless-space-1);opacity:0;transition:opacity var(--bless-duration-base);align-self:center;display:inline-flex}.bless-message:hover .bless-message__actions,.bless-message:focus-within .bless-message__actions{opacity:1}
|
|
209
|
+
|
|
210
|
+
/* BlessMessageScroller */
|
|
211
|
+
.bless-message-scroller{height:var(--_h);position:relative}.bless-message-scroller__viewport{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--bless-color-text-muted) transparent;height:100%;overflow-y:auto}.bless-message-scroller__content{gap:var(--bless-space-3);padding:var(--bless-space-3);overflow-anchor:none;flex-direction:column;display:flex}.bless-message-scroller__jump{border-radius:var(--bless-radius-petal);bottom:var(--bless-space-3);width:max-content;box-shadow:var(--bless-shadow-plate);margin-inline:auto;position:absolute;inset-inline:0}.bless-message-scroller__fade-enter-active,.bless-message-scroller__fade-leave-active{transition:opacity var(--bless-duration-base)}.bless-message-scroller__fade-enter-from,.bless-message-scroller__fade-leave-to{opacity:0}
|
|
212
|
+
|
|
213
|
+
/* BlessMeterGroup */
|
|
214
|
+
.bless-metergroup{gap:var(--bless-space-2);font-family:var(--bless-font-sans);color:var(--bless-color-text);flex-direction:column;display:flex}.bless-metergroup--vertical{flex-direction:row;align-items:stretch}.bless-metergroup__bar{border-radius:var(--bless-radius);background:var(--bless-color-surface);height:10px;transform:skewX(var(--bless-skew));display:flex;overflow:hidden}.bless-metergroup--vertical .bless-metergroup__bar{flex-direction:column;width:10px;height:auto;min-height:120px;transform:none}.bless-metergroup__seg{flex:0 0 var(--_p);transition:flex-basis var(--bless-duration-slow) var(--bless-ease-out)}.bless-metergroup__legend{gap:var(--bless-space-1) var(--bless-space-4);font-size:var(--bless-text-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.bless-metergroup--vertical .bless-metergroup__legend{flex-direction:column}.bless-metergroup__legend>li{align-items:center;gap:var(--bless-space-2);display:inline-flex}.bless-metergroup__legend>li:before{content:"";background:var(--_c);width:10px;height:10px;transform:skewX(var(--bless-skew))}.bless-metergroup__name{font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide)}.bless-metergroup__val{color:var(--bless-color-text-muted)}
|
|
215
|
+
|
|
216
|
+
/* BlessMockup */
|
|
217
|
+
.bless-mockup{--_frame:var(--bless-color-surface);--_fg:var(--bless-color-text-muted);border:var(--bless-border-width) solid var(--bless-color-border);background:var(--_frame);font-family:var(--bless-font-sans);flex-direction:column;display:flex;overflow:hidden}.bless-mockup--dark{--_frame:var(--bless-color-media-bg);--_fg:#9aa4ad;--_title:#e8e9ea}.bless-mockup__chrome{align-items:center;gap:var(--bless-space-3);padding:var(--bless-space-2) var(--bless-space-3);color:var(--_fg);display:flex}.bless-mockup__dots{gap:5px;display:inline-flex}.bless-mockup__dots i{opacity:.5;width:10px;height:10px;transform:skewX(var(--bless-skew));background:currentColor}.bless-mockup__title{padding:2px var(--bless-space-3);background:color-mix(in srgb, var(--_fg) 12%, transparent);color:var(--_title,var(--bless-color-text));font-size:var(--bless-text-xs);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.bless-mockup--window .bless-mockup__title{text-align:start;font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);background:0 0}.bless-mockup__screen{background:var(--bless-color-bg);min-height:120px;color:var(--bless-color-text);flex:1;overflow:auto}.bless-mockup__screen>img,.bless-mockup__screen>video{width:100%;display:block}.bless-mockup--browser .bless-mockup__screen,.bless-mockup--window .bless-mockup__screen{border-top:var(--bless-border-width) solid var(--bless-color-border)}.bless-mockup--phone{aspect-ratio:9/19;border-width:2px;border-radius:28px;width:300px;padding:10px}.bless-mockup--phone .bless-mockup__chrome{justify-content:center;padding:0 0 6px}.bless-mockup__notch{background:var(--_fg);opacity:.5;border-radius:4px;width:90px;height:8px}.bless-mockup--phone .bless-mockup__screen{border-radius:18px}.bless-mockup__home{background:var(--_fg);opacity:.5;border-radius:2px;width:100px;height:4px;margin:8px auto 0}
|
|
218
|
+
|
|
219
|
+
/* BlessModal */
|
|
220
|
+
.bless-modal{border-radius:var(--bless-radius);color:var(--bless-color-text);font-family:var(--bless-font-sans);background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:hidden}.bless-modal[open]{place-items:center;display:grid}.bless-modal::backdrop{background:var(--bless-color-backdrop)}.bless-modal__panel{box-sizing:border-box;width:min(100% - 2 * var(--bless-space-4), var(--_w,640px));max-height:calc(100dvh - 2 * var(--bless-space-4));background:var(--bless-color-bg);box-shadow:var(--bless-shadow-plate);animation:bless-modal-in var(--bless-duration-slow) var(--bless-ease-out);outline:0;position:relative;overflow:auto}.bless-modal--sm{--_w:400px}.bless-modal--lg{--_w:960px}.bless-modal--full .bless-modal__panel{width:100%;height:100%;max-height:none}.bless-modal__close{top:var(--bless-space-2);z-index:1;background:var(--bless-color-text);width:40px;height:40px;color:var(--bless-color-on-text);font-size:var(--bless-text-lg);cursor:pointer;transform:skewX(var(--bless-skew));transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);border:0;padding:0;line-height:1;position:absolute;inset-inline-end:var(--bless-space-2)}.bless-modal__close>span{transform:skewX(var(--bless-skew-counter));display:inline-block}.bless-modal__close:hover{opacity:var(--bless-hover-opacity)}.bless-modal__close:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-modal__header{padding:var(--bless-space-6) var(--bless-space-16) 0 var(--bless-space-6)}.bless-modal__title{font-size:var(--bless-text-lg);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);line-height:var(--bless-leading-none);text-transform:uppercase;color:var(--bless-color-text);border:0;margin:0}.bless-modal__body{padding:var(--bless-space-6)}.bless-modal__footer{padding:var(--bless-space-4) var(--bless-space-6);border-top:var(--bless-border-width) solid var(--bless-color-border);gap:var(--bless-space-2);justify-content:flex-end;display:flex}@keyframes bless-modal-in{0%{opacity:0;transform:translateY(var(--bless-space-3))}}@media (prefers-reduced-motion:reduce){.bless-modal__panel{animation:none}}
|
|
221
|
+
|
|
222
|
+
/* BlessNavigationMenu */
|
|
223
|
+
.bless-navmenu{font-family:var(--bless-font-sans)}.bless-navmenu__list{gap:var(--bless-space-1);margin:0;padding:0;list-style:none;display:flex}.bless-navmenu__trigger{align-items:center;gap:var(--bless-space-1);padding:var(--bless-space-2) var(--bless-space-3);color:var(--bless-color-text);font:inherit;font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase;cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);background:0 0;border:0;text-decoration:none;display:inline-flex}.bless-navmenu__trigger:hover{opacity:var(--bless-hover-opacity)}.bless-navmenu__trigger--open{color:var(--bless-color-accent-text)}.bless-navmenu__trigger--active{box-shadow:inset 0 -2px 0 var(--bless-color-accent)}.bless-navmenu__trigger:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-navmenu__chevron{border-inline-end:2px solid;width:6px;height:6px;transition:transform var(--bless-duration-base);border-bottom:2px solid;transform:translateY(-2px)rotate(45deg)}.bless-navmenu__trigger--open .bless-navmenu__chevron{transform:translateY(1px)rotate(-135deg)}.bless-navmenu__panel{border-radius:var(--bless-radius);inset:unset;padding:var(--bless-space-3);border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);box-shadow:var(--bless-shadow-plate);min-width:280px;margin:0;position:fixed}.bless-navmenu__panel:popover-open{animation:bless-pop-in var(--bless-duration-base) var(--bless-ease-out)}.bless-navmenu__grid{gap:var(--bless-space-1);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-width:640px;margin:0;padding:0;list-style:none;display:grid}.bless-navmenu__link{padding:var(--bless-space-2) var(--bless-space-3);color:var(--bless-color-text);transition:background var(--bless-duration-fast);gap:2px;text-decoration:none;display:grid}.bless-navmenu__link:hover,.bless-navmenu__link:focus-visible{background:var(--bless-color-surface)}.bless-navmenu__link:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:-2px}.bless-navmenu__link-label{font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold)}.bless-navmenu__link-desc{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted);line-height:var(--bless-leading-tight)}
|
|
224
|
+
|
|
225
|
+
/* BlessOrderList */
|
|
226
|
+
.bless-order{font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);color:var(--bless-color-text);position:relative}.bless-order__list{margin:0;padding:0;list-style:none}.bless-order__item{border-radius:var(--bless-radius);align-items:center;gap:var(--bless-space-2);padding:var(--bless-space-2) var(--bless-space-3);border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);cursor:grab;display:flex}.bless-order__item+.bless-order__item{margin-top:calc(-1 * var(--bless-border-width))}.bless-order__item:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:-2px;z-index:1}.bless-order__item--drag{opacity:.4}.bless-order__item--over{border-top:2px solid var(--bless-color-accent)}.bless-order__grip{color:var(--bless-color-text-muted);letter-spacing:-3px}.bless-order__body{flex:1;min-width:0}.bless-order__btns{gap:2px;display:inline-flex}.bless-order__btns button{background:var(--bless-color-surface);width:24px;height:24px;color:inherit;font:inherit;cursor:pointer;transform:skewX(var(--bless-skew));transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);border:0}.bless-order__btns button:hover:not(:disabled){opacity:var(--bless-hover-opacity)}.bless-order__btns button:disabled{opacity:.3;cursor:not-allowed}.bless-order__btns button:focus-visible{outline:2px solid var(--bless-color-accent)}.bless-order__live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}
|
|
227
|
+
|
|
228
|
+
/* BlessOrgChart */
|
|
229
|
+
.bless-org{padding:var(--bless-space-2);font-family:var(--bless-font-sans);color:var(--bless-color-text);overflow-x:auto}.bless-org>ul.bless-org__level{justify-content:center;margin:0;padding:0;list-style:none;display:flex}.bless-org ul>li.bless-org__item{padding:var(--bless-space-4) var(--bless-space-2) 0;flex-direction:column;align-items:center;margin:0;display:flex;position:relative}.bless-org li.bless-org__item:before{content:"";top:0;width:var(--bless-border-width);height:var(--bless-space-4);background:var(--bless-color-border);position:absolute;inset-inline-start:50%}.bless-org li.bless-org__item:after{content:"";top:0;height:var(--bless-border-width);background:var(--bless-color-border);position:absolute;inset-inline:0}.bless-org li.bless-org__item:first-child:after{inset-inline-start:50%}.bless-org li.bless-org__item:last-child:after{inset-inline-end:50%}.bless-org li.bless-org__item:only-child:after,.bless-org>.bless-org__level>.bless-org__item:before,.bless-org>.bless-org__level>.bless-org li.bless-org__item:after{display:none}.bless-org>ul.bless-org__level>li.bless-org__item{padding-top:0}.bless-org li>ul.bless-org__children{padding:var(--bless-space-4) 0 0;justify-content:center;margin:0;list-style:none;display:flex;position:relative}.bless-org ul.bless-org__children:before{content:"";top:0;width:var(--bless-border-width);height:var(--bless-space-4);background:var(--bless-color-border);position:absolute;inset-inline-start:50%}.bless-org__node{border-radius:var(--bless-radius-plate);min-width:120px;padding:var(--bless-space-2) var(--bless-space-3);border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);color:inherit;font:inherit;text-align:center;cursor:pointer;transform:skewX(var(--bless-skew));flex-direction:column;align-items:center;gap:2px;display:inline-flex}.bless-org__node>*{transform:skewX(var(--bless-skew-counter))}.bless-org__node:hover{border-color:var(--bless-color-text-muted)}.bless-org__node:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-org__node--selected{border-color:var(--bless-color-accent-text);color:var(--bless-color-accent-text)}.bless-org__label{font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold)}.bless-org__desc{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted)}
|
|
230
|
+
|
|
231
|
+
/* BlessPagination */
|
|
232
|
+
.bless-pagination__list{align-items:center;gap:var(--bless-space-1);font-family:var(--bless-font-sans);margin:0;padding:0;list-style:none;display:flex}.bless-pagination__btn{border-radius:var(--bless-radius-plate);min-width:36px;height:36px;padding:0 var(--bless-space-2);border:var(--bless-border-width) solid transparent;color:var(--bless-color-text);font:inherit;font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);text-align:center;cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), border-color var(--bless-duration-slow), var(--bless-lean-transition);line-height:34px;text-decoration:none}.bless-pagination__btn:hover:not(:disabled):not(.bless-pagination__btn--current){border-color:var(--bless-color-text)}.bless-pagination__btn--current{cursor:default}.bless-pagination__btn:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-pagination__btn:disabled{opacity:.3;cursor:not-allowed}.bless-pagination__btn--nav{font-size:var(--bless-text-lg)}.bless-pagination__ellipsis{text-align:center;min-width:24px;color:var(--bless-color-text-muted);display:inline-block}
|
|
233
|
+
|
|
234
|
+
/* BlessPaletteToggle */
|
|
235
|
+
.bless-palette{gap:var(--bless-space-1);display:inline-flex}.bless-palette__swatch{border-radius:var(--bless-radius-plate);background:var(--_c);cursor:pointer;width:20px;height:20px;transform:skewX(var(--bless-skew));transition:border-color var(--bless-duration-fast), opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);border:2px solid #0000;padding:0}.bless-palette__swatch[aria-pressed=true]{border-color:var(--bless-color-text)}.bless-palette__swatch:hover{opacity:var(--bless-hover-opacity)}.bless-palette__swatch:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}
|
|
236
|
+
|
|
237
|
+
/* BlessPanel */
|
|
238
|
+
.bless-panel{border-radius:var(--bless-radius);border:var(--bless-border-width) solid var(--bless-color-border);font-family:var(--bless-font-sans);color:var(--bless-color-text)}.bless-panel--surface{background:var(--bless-color-surface)}.bless-panel__header{align-items:center;gap:var(--bless-space-2);padding:var(--bless-space-2) var(--bless-space-3);border-bottom:var(--bless-border-width) solid var(--bless-color-border);display:flex}.bless-panel .bless-panel__title{line-height:var(--bless-leading-normal);font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);text-transform:uppercase;border:0;flex:1;margin:0;padding:0}.bless-panel__actions{align-items:center;gap:var(--bless-space-1);display:inline-flex}.bless-panel__toggle{background:var(--bless-color-surface);width:24px;height:24px;color:inherit;font:inherit;cursor:pointer;transform:skewX(var(--bless-skew));transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);border:0}.bless-panel__toggle:hover{opacity:var(--bless-hover-opacity)}.bless-panel__toggle>span{transform:skewX(var(--bless-skew-counter));display:inline-block}.bless-panel__toggle:focus-visible{outline:2px solid var(--bless-color-accent)}.bless-panel__body{padding:var(--bless-space-3);font-size:var(--bless-text-sm);line-height:var(--bless-leading-normal)}.bless-panel__footer{padding:var(--bless-space-2) var(--bless-space-3);border-top:var(--bless-border-width) solid var(--bless-color-border);font-size:var(--bless-text-xs);color:var(--bless-color-text-muted)}
|
|
239
|
+
|
|
240
|
+
/* BlessParallax */
|
|
241
|
+
.bless-parallax{background:var(--bless-color-media-bg);color:#fff;font-family:var(--bless-font-sans);position:relative;overflow:hidden}.bless-parallax__media{transform:translateY(var(--_y));will-change:transform;position:absolute;inset:-40% 0}.bless-parallax__media>*{object-fit:cover;width:100%;height:100%}.bless-parallax__content{place-items:center;height:100%;display:grid;position:relative}@media (prefers-reduced-motion:reduce){.bless-parallax__media{inset:0;transform:none}}
|
|
242
|
+
|
|
243
|
+
/* BlessPasswordInput */
|
|
244
|
+
.bless-password{gap:var(--bless-space-2);flex-direction:column;display:flex}.bless-password__toggle{min-width:24px;min-height:24px;color:inherit;font:inherit;font-size:var(--bless-text-md);cursor:pointer;background:0 0;border:0;line-height:1}.bless-password__toggle:hover{color:var(--bless-color-text)}.bless-password__toggle:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}
|
|
245
|
+
|
|
246
|
+
/* BlessPasswordMeter */
|
|
247
|
+
.bless-pwmeter{--_c:var(--bless-color-danger);font-family:var(--bless-font-sans);font-size:var(--bless-text-xs);color:var(--bless-color-text-muted)}.bless-pwmeter[data-score="2"]{--_c:var(--bless-color-warning)}.bless-pwmeter[data-score="3"]{--_c:var(--bless-color-info)}.bless-pwmeter[data-score="4"]{--_c:var(--bless-color-success)}.bless-pwmeter__head{align-items:center;gap:var(--bless-space-2);display:flex}.bless-pwmeter__meter{border-radius:var(--bless-radius);appearance:none;background:var(--bless-color-surface);height:6px;transform:skewX(var(--bless-skew));border:0;flex:1}.bless-pwmeter__meter::-webkit-meter-bar{background:var(--bless-color-surface);border-radius:var(--bless-radius);border:0}.bless-pwmeter__meter::-webkit-meter-optimum-value{background:var(--_c)}.bless-pwmeter__meter::-webkit-meter-suboptimum-value{background:var(--_c)}.bless-pwmeter__meter::-webkit-meter-even-less-good-value{background:var(--_c)}.bless-pwmeter__meter::-moz-meter-bar{background:var(--_c)}.bless-pwmeter__label{min-width:3.5em;font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase}.bless-pwmeter__state{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bless-pwmeter__rules{margin:var(--bless-space-2) 0 0;gap:2px;padding:0;list-style:none;display:grid}.bless-pwmeter__rule--ok>span{color:var(--bless-color-success);font-weight:var(--bless-font-weight-bold)}
|
|
248
|
+
|
|
249
|
+
/* BlessPickList */
|
|
250
|
+
.bless-picklist__live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bless-picklist{gap:var(--bless-space-3);font-family:var(--bless-font-sans);align-items:stretch;display:flex}.bless-picklist__col{border-radius:var(--bless-radius);gap:var(--bless-space-1);flex-direction:column;flex:1;min-width:0;display:flex}.bless-picklist__col .bless-listbox{flex:1}.bless-picklist__title{font-size:var(--bless-text-2xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);text-transform:uppercase;color:var(--bless-color-text-muted)}.bless-picklist__btns{justify-content:center;gap:var(--bless-space-1);flex-direction:column;display:flex}.bless-picklist__arrow{display:inline-block}[dir=rtl] .bless-picklist__arrow{transform:scaleX(-1)}@media (width<=800px){.bless-picklist{flex-direction:column}.bless-picklist__arrow,[dir=rtl] .bless-picklist__arrow{transform:rotate(90deg)}.bless-picklist__btns{flex-direction:row;justify-content:center}}
|
|
251
|
+
|
|
252
|
+
/* BlessPopover */
|
|
253
|
+
.bless-popover__anchor{display:inline-flex}.bless-popover{border-radius:var(--bless-radius);inset:unset;padding:var(--bless-space-4);border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);color:var(--bless-color-text);box-shadow:var(--bless-shadow-plate);font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);line-height:var(--bless-leading-normal);max-width:min(320px,100vw - 16px);margin:0;position:fixed;overflow:visible}.bless-popover:popover-open{animation:bless-pop-in var(--bless-duration-base) var(--bless-ease-out)}.bless-popover__title{margin-bottom:var(--bless-space-2);font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);text-transform:uppercase;display:block}.bless-popover:before{content:"";background:var(--bless-color-accent);transform:skewX(var(--bless-skew));position:absolute}.bless-popover--bottom:before{width:32px;height:3px;top:-1px;left:12px}.bless-popover--top:before{width:32px;height:3px;bottom:-1px;left:12px}.bless-popover--right:before{width:3px;height:32px;top:12px;left:-1px;transform:none}.bless-popover--left:before{width:3px;height:32px;top:12px;right:-1px;transform:none}@keyframes bless-pop-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.bless-popover:popover-open{animation:none}}.bless-popover--arrow.bless-popover--bottom:before,.bless-popover--arrow.bless-popover--top:before{left:calc(var(--_ax) - 16px)}.bless-popover--arrow.bless-popover--left:before,.bless-popover--arrow.bless-popover--right:before{top:calc(var(--_ay) - 16px)}
|
|
254
|
+
|
|
255
|
+
/* BlessProgress */
|
|
256
|
+
.bless-progress{--_c:var(--bless-color-accent);--_h:6px;font-family:var(--bless-font-sans);color:var(--bless-color-text);display:block}.bless-progress--text{--_c:var(--bless-color-text)}.bless-progress--danger{--_c:var(--bless-color-danger)}.bless-progress--success{--_c:var(--bless-color-success)}.bless-progress--warning{--_c:var(--bless-color-warning)}.bless-progress--sm{--_h:3px}.bless-progress--lg{--_h:12px}.bless-progress__head{margin-bottom:var(--bless-space-2);justify-content:space-between;display:flex}.bless-progress__label{font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase}.bless-progress__value{font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);font-variant-numeric:tabular-nums;color:var(--bless-color-text);margin-inline-start:auto}.bless-progress__track{border-radius:var(--bless-radius);height:var(--_h);background:var(--bless-color-surface);transform:skewX(var(--bless-skew));position:relative;overflow:hidden}.bless-progress__fill{background:var(--_c);min-width:0;height:100%;transition:width var(--bless-duration-slow) var(--bless-ease-out)}.bless-progress--indeterminate .bless-progress__fill{width:40%;animation:bless-progress-slide 1.2s var(--bless-ease-in-out) infinite}.bless-progress--done .bless-progress__track{overflow:visible}.bless-progress--done .bless-progress__fill{min-width:calc(100% + var(--bless-space-6));transform:skewX(var(--bless-lean));transform-origin:0 100%;transition:width var(--bless-duration-slow) var(--bless-ease-out), min-width var(--bless-duration-slow) var(--bless-ease-out), transform var(--bless-duration-slow) var(--bless-ease-out)}@keyframes bless-progress-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.bless-progress--indeterminate .bless-progress__fill{opacity:.4;width:100%;animation:none}}
|
|
257
|
+
|
|
258
|
+
/* BlessPullToRefresh */
|
|
259
|
+
.bless-ptr__sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bless-ptr{touch-action:pan-x pan-down;position:relative;overflow:hidden}.bless-ptr__indicator{border-radius:var(--bless-radius-petal);top:0;height:var(--_p);color:var(--bless-color-text-muted);place-items:center;display:grid;position:absolute;inset-inline:0;overflow:hidden}.bless-ptr__arrow{transition:transform var(--bless-duration-base) var(--bless-ease-out);display:inline-block}.bless-ptr__indicator--ready{color:var(--bless-color-accent-text)}.bless-ptr__indicator--ready .bless-ptr__arrow{transform:rotate(180deg)}.bless-ptr__content{transform:translateY(var(--_p));transition:transform var(--bless-duration-base) var(--bless-ease-out)}
|
|
260
|
+
|
|
261
|
+
/* BlessQrCode */
|
|
262
|
+
.bless-qr{color:var(--bless-color-text);line-height:0;display:inline-block}.bless-qr__svg{display:block}.bless-qr--frame{border-radius:var(--bless-radius);isolation:isolate;position:relative}.bless-qr--frame:before{content:"";background:var(--bless-color-text);transform:translate(8px, 8px) skewX(var(--bless-skew));z-index:-1;position:absolute;inset:0}.bless-qr--frame .bless-qr__svg{position:relative}
|
|
263
|
+
|
|
264
|
+
/* BlessQuestionnaire */
|
|
265
|
+
.bless-questionnaire__item:focus{outline:none}.bless-questionnaire{gap:var(--bless-space-4);font-family:var(--bless-font-sans);color:var(--bless-color-text);flex-direction:column;display:flex}.bless-questionnaire__item{border-radius:var(--bless-radius);gap:var(--bless-space-3);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.bless-questionnaire__title{font-size:var(--bless-text-lg);font-weight:var(--bless-font-weight-light);line-height:var(--bless-leading-tight);padding:0}.bless-questionnaire__desc{font-size:var(--bless-text-sm);color:var(--bless-color-text-muted);margin:0}.bless-questionnaire__choices{gap:var(--bless-space-2);flex-direction:column;display:flex}.bless-questionnaire__key{min-width:1.4em;font-family:inherit;font-size:var(--bless-text-2xs);text-align:center;color:var(--bless-color-text-muted);background:var(--bless-color-surface);transform:skewX(var(--bless-skew));margin-inline-end:var(--bless-space-2);display:inline-block}.bless-questionnaire__error{font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);color:var(--bless-color-danger-text);margin:0}.bless-questionnaire__actions{align-items:center;gap:var(--bless-space-2);display:flex}.bless-questionnaire__spacer{flex:1}
|
|
266
|
+
|
|
267
|
+
/* BlessRadio */
|
|
268
|
+
.bless-radio{align-items:flex-start;gap:var(--bless-space-2);font-family:var(--bless-font-sans);font-size:var(--bless-text-md);color:var(--bless-color-text);line-height:var(--bless-leading-tight);cursor:pointer;display:inline-flex}.bless-radio__input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.bless-radio__dot{box-sizing:border-box;border:calc(2 * var(--bless-border-width)) solid var(--bless-color-text-muted);background:var(--bless-color-bg);width:18px;height:18px;transition:border-color var(--bless-duration-base);border-radius:50%;flex:none;margin-top:1px;position:relative}.bless-radio__dot:after{content:"";background:var(--bless-color-accent);transition:transform var(--bless-duration-base) var(--bless-ease-out);border-radius:50%;position:absolute;inset:3px;transform:scale(0)}.bless-radio__input:checked+.bless-radio__dot{border-color:var(--bless-color-accent-text)}.bless-radio__input:checked+.bless-radio__dot:after{transform:scale(1)}.bless-radio__input:focus-visible+.bless-radio__dot{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-radio:hover .bless-radio__dot{border-color:var(--bless-color-text)}.bless-radio--invalid .bless-radio__dot{border-color:var(--bless-color-danger)}.bless-radio--disabled{opacity:.4;cursor:not-allowed}.bless-radio__text{flex-direction:column;gap:2px;display:flex}.bless-radio__description{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted)}
|
|
269
|
+
|
|
270
|
+
/* BlessRadioGroup */
|
|
271
|
+
.bless-radio-group{min-width:0;font-family:var(--bless-font-sans);border:0;margin:0;padding:0}.bless-radio-group__label{margin-bottom:var(--bless-space-2);font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase;padding:0}.bless-radio-group__items{gap:var(--bless-space-2);flex-direction:column;display:flex}.bless-radio-group--horizontal .bless-radio-group__items{gap:var(--bless-space-4);flex-flow:wrap}.bless-radio-group:disabled{opacity:.4}
|
|
272
|
+
|
|
273
|
+
/* BlessRange */
|
|
274
|
+
.bless-range{font-family:var(--bless-font-sans);color:var(--bless-color-text);display:block}.bless-range__head{margin-bottom:var(--bless-space-1);font-size:var(--bless-text-xs);letter-spacing:var(--bless-tracking-wide);justify-content:space-between;display:flex}.bless-range__label{font-weight:var(--bless-font-weight-bold);text-transform:uppercase}.bless-range__value{color:var(--bless-color-text-muted);font-variant-numeric:tabular-nums}.bless-range__track{border-radius:var(--bless-radius);height:24px;position:relative}.bless-range__track:before{content:"";top:10px;background:var(--bless-color-surface);height:4px;transform:skewX(var(--bless-skew));position:absolute;inset-inline:0}.bless-range__fill{top:10px;background:var(--bless-color-accent);height:4px;transform:skewX(var(--bless-skew));position:absolute;inset-inline-start:var(--_lo);inset-inline-end:calc(100% - var(--_hi))}.bless-range__input{appearance:none;pointer-events:none;background:0 0;width:100%;margin:0;position:absolute;inset:0}.bless-range__input::-webkit-slider-thumb{appearance:none;border-radius:var(--bless-radius-plate);background:var(--bless-color-text);border:2px solid var(--bless-color-bg);width:16px;height:16px;transform:skewX(var(--bless-skew));cursor:grab;pointer-events:auto}.bless-range__input::-moz-range-thumb{border-radius:var(--bless-radius-petal);background:var(--bless-color-text);border:2px solid var(--bless-color-bg);width:16px;height:16px;transform:skewX(var(--bless-skew));cursor:grab;pointer-events:auto}.bless-range__input:focus-visible{outline:0}.bless-range__input:active::-webkit-slider-thumb{background:var(--bless-color-accent)}.bless-range__input:active::-moz-range-thumb{background:var(--bless-color-accent)}.bless-range__input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-range__input:focus-visible::-moz-range-thumb{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-range--disabled{opacity:.4;pointer-events:none}
|
|
275
|
+
|
|
276
|
+
/* BlessRating */
|
|
277
|
+
.bless-rating{--_s:24px;font-family:var(--bless-font-sans);border:0;gap:2px;margin:0;padding:0;display:inline-flex}.bless-rating--sm{--_s:18px}.bless-rating--lg{--_s:32px}.bless-rating__legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bless-rating__star{width:var(--_s);height:var(--_s);font-size:var(--_s);color:var(--bless-color-border);cursor:pointer;transform:skewX(var(--bless-skew));transition:color var(--bless-duration-fast), var(--bless-lean-transition);place-items:center;line-height:1;display:inline-grid;position:relative}.bless-rating__star>span{transform:skewX(var(--bless-skew-counter))}.bless-rating__star--on{color:var(--bless-color-accent-text)}.bless-rating__star--preview{color:var(--bless-color-text)}.bless-rating__input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.bless-rating__input:focus-visible+span{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-rating--readonly .bless-rating__star,.bless-rating--disabled .bless-rating__star{cursor:default;pointer-events:none}.bless-rating--disabled{opacity:.4}
|
|
278
|
+
|
|
279
|
+
/* BlessResizable */
|
|
280
|
+
.bless-resizable{width:100%;height:100%;min-height:0;display:flex}.bless-resizable--vertical{flex-direction:column}.bless-resizable__pane{min-width:0;min-height:0;overflow:auto}.bless-resizable__pane--a{flex:0 0 var(--_a)}.bless-resizable__pane--b{flex:1 1 0}.bless-resizable__handle{border-radius:var(--bless-radius);background:var(--bless-color-border);touch-action:none;-webkit-user-select:none;user-select:none;transition:background var(--bless-duration-base);flex:none;place-items:center;display:grid;position:relative}.bless-resizable--horizontal>.bless-resizable__handle{cursor:col-resize;width:6px}.bless-resizable--vertical>.bless-resizable__handle{cursor:row-resize;height:6px}.bless-resizable__handle:hover{background:var(--bless-color-text)}.bless-resizable--dragging>.bless-resizable__handle{background:var(--bless-color-accent)}.bless-resizable__handle:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:1px}.bless-resizable__grip{background:var(--bless-color-bg);width:2px;height:24px;transform:skewX(var(--bless-skew))}.bless-resizable--vertical .bless-resizable__grip{width:24px;height:2px}.bless-resizable--dragging{cursor:inherit}.bless-resizable--dragging .bless-resizable__pane{pointer-events:none}
|
|
281
|
+
|
|
282
|
+
/* BlessScrollArea */
|
|
283
|
+
.bless-scroll{scrollbar-width:thin;scrollbar-color:var(--bless-color-text-muted) transparent;outline:0;overflow:hidden}.bless-scroll--y{overflow-y:auto}.bless-scroll--x{overflow-x:auto}.bless-scroll--both{overflow:auto}.bless-scroll:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-scroll--fade.bless-scroll--y{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--bless-space-4), #000 calc(100% - var(--bless-space-4)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--bless-space-4), #000 calc(100% - var(--bless-space-4)), transparent)}.bless-scroll--fade.bless-scroll--x{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--bless-space-4), #000 calc(100% - var(--bless-space-4)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--bless-space-4), #000 calc(100% - var(--bless-space-4)), transparent)}
|
|
284
|
+
|
|
285
|
+
/* BlessScrollTop */
|
|
286
|
+
.bless-scroll-top{border-radius:var(--bless-radius-petal);bottom:var(--bless-space-6);z-index:var(--bless-z-nav);background:var(--bless-color-text);width:40px;height:40px;color:var(--bless-color-on-text);font:inherit;font-size:var(--bless-text-md);cursor:pointer;box-shadow:var(--bless-shadow-plate);transform:skewX(var(--bless-skew));transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);border:0;position:fixed}.bless-scroll-top>span{transform:skewX(var(--bless-skew-counter));display:inline-block}.bless-scroll-top--bottom-right{right:var(--bless-space-6)}.bless-scroll-top--bottom-left{left:var(--bless-space-6)}.bless-scroll-top:hover{opacity:var(--bless-hover-opacity)}.bless-scroll-top:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-scroll-top-enter-active,.bless-scroll-top-leave-active{transition:opacity var(--bless-duration-base)}.bless-scroll-top-enter-from,.bless-scroll-top-leave-to{opacity:0}
|
|
287
|
+
|
|
288
|
+
/* BlessSection */
|
|
289
|
+
.bless-section{padding:var(--bless-space-16) 0 var(--bless-space-12);position:relative;overflow:hidden}.bless-section__body{z-index:1;position:relative}.bless-section__title{margin:0 0 var(--bless-space-6);font-family:var(--bless-font-sans);font-size:var(--bless-text-lg);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);line-height:var(--bless-leading-none);text-transform:uppercase;color:var(--bless-color-text)}.bless-section__band{height:200px;position:relative;overflow:hidden}.bless-section__band>*{object-fit:cover;width:100%;height:100%}.bless-section--hanging{padding-top:0;overflow:visible}.bless-section--hanging .bless-section__body{padding-top:var(--bless-space-16)}.bless-section--hanging .bless-section__title{margin:calc(-1 * var(--bless-space-16) - .55em) 0 var(--bless-space-6);font-size:var(--bless-text-headline);font-weight:var(--bless-font-weight-normal);letter-spacing:.13em;text-align:end;flex-direction:column;align-items:flex-end;display:flex}.bless-section--hanging .bless-section__subtitle{font-size:var(--bless-text-md);font-weight:var(--bless-font-weight-bold);letter-spacing:.5em;color:var(--bless-color-text-muted);margin-top:.35em}.bless-section--hanging:not(:has(.bless-section__band)) .bless-section__title{margin-top:0}
|
|
290
|
+
|
|
291
|
+
/* BlessSelect */
|
|
292
|
+
.bless-select{--_h:40px;--_fs:var(--bless-text-md);font-family:var(--bless-font-sans);color:var(--bless-color-text);display:block}.bless-select--sm{--_h:32px;--_fs:var(--bless-text-sm)}.bless-select--lg{--_h:48px;--_fs:var(--bless-text-lg)}.bless-select__field{border-radius:var(--bless-radius-plate);height:var(--_h);border-bottom:calc(2 * var(--bless-border-width)) solid var(--bless-color-text-muted);background:0 0;position:relative}.bless-select__field:after{content:"";inset-inline-start:0;bottom:calc(-2 * var(--bless-border-width));width:100%;height:calc(2 * var(--bless-border-width));background:var(--bless-color-accent);transform-origin:0;transition:transform var(--bless-duration-slow) var(--bless-ease-out);position:absolute;transform:scaleX(0)}[dir=rtl] .bless-select__field:after{transform-origin:100%}.bless-select__field:focus-within:after{transform:scaleX(1)}.bless-select__control{width:100%;height:100%;padding:0 var(--bless-space-8) 0 var(--bless-space-3);font:inherit;font-size:var(--_fs);color:inherit;appearance:none;cursor:pointer;background:0 0;border:0;outline:0}.bless-select__control:invalid{color:var(--bless-color-text-muted)}.bless-select__chevron{inset-inline-end:var(--bless-space-3);border-inline-end:2px solid;pointer-events:none;border-bottom:2px solid;width:8px;height:8px;position:absolute;top:50%;transform:translateY(-70%)rotate(45deg)}.bless-select--invalid .bless-select__field{border-bottom-color:var(--bless-color-danger)}.bless-select--invalid .bless-select__field:after{background:var(--bless-color-danger)}.bless-select--disabled{opacity:.4}.bless-select--disabled .bless-select__control{cursor:not-allowed}@supports (appearance:base-select){.bless-select__control{appearance:base-select}.bless-select__control::picker(select){appearance:base-select}.bless-select__control{align-items:center;display:flex}.bless-select__control::picker-icon{display:none}.bless-select__control::picker(select){min-width:anchor-size(self-inline);margin-top:var(--bless-space-1);padding:var(--bless-space-1) 0;border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);color:var(--bless-color-text);font-family:var(--bless-font-sans);font-size:var(--_fs);box-shadow:var(--bless-shadow-plate)}.bless-select__control option{padding:var(--bless-space-1) var(--bless-space-3);line-height:var(--bless-leading-normal);font:inherit;font-size:var(--_fs);font-weight:var(--bless-font-weight-normal);letter-spacing:var(--bless-tracking-normal);text-transform:none;color:var(--bless-color-text);cursor:pointer}.bless-select__control option::checkmark{display:none}.bless-select__control option:hover,.bless-select__control option:focus-visible{background:var(--bless-color-surface);outline:0}.bless-select__control option:checked{color:var(--bless-color-accent-text);font-weight:var(--bless-font-weight-bold)}.bless-select__control option:disabled{opacity:.4;cursor:not-allowed}.bless-select__control optgroup{padding:var(--bless-space-2) var(--bless-space-3) 0;font-size:var(--bless-text-2xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);text-transform:uppercase;color:var(--bless-color-text-muted)}.bless-select__control optgroup option{margin:0 calc(-1 * var(--bless-space-3))}}.bless-select__description,.bless-select__error{margin:var(--bless-space-1) 0 0;font-size:var(--bless-text-xs);line-height:var(--bless-leading-tight);color:var(--bless-color-text-muted)}.bless-select__error{color:var(--bless-color-danger-text);font-weight:var(--bless-font-weight-bold)}.bless-select__field{transform:skewX(var(--bless-skew))}.bless-select__field>:not(.bless-skew,.bless-chip,.bless-badge){transform:skewX(var(--bless-skew-counter))}.bless-select__field>:first-child{padding-inline-start:calc(var(--bless-space-3) + 4px)}.bless-select__field>:last-child{padding-inline-end:calc(var(--bless-space-3) + 4px)}.bless-select__field>.bless-select__chevron{clip-path:polygon(0 0,18% 0,50% 55%,82% 0,100% 0,50% 100%);width:11px;height:7px;transform:skewX(var(--bless-skew-counter)) translateY(-50%);background:currentColor;border:0;inset-inline-end:calc(var(--bless-space-3) + 4px)}
|
|
293
|
+
|
|
294
|
+
/* BlessSeparator */
|
|
295
|
+
.bless-separator{--_c:var(--bless-color-border);border:0;flex:none;margin:0}.bless-separator--rule{--_c:var(--bless-color-rule)}.bless-separator--accent{--_c:var(--bless-color-accent)}.bless-separator--horizontal{width:100%;height:var(--bless-border-width);margin-block:var(--bless-space-4);background:var(--_c)}.bless-separator--vertical{width:var(--bless-border-width);min-height:1em;margin-inline:var(--bless-space-3);background:var(--_c);align-self:stretch}.bless-separator--labelled{margin-block:var(--bless-space-4);align-items:center;gap:var(--bless-space-3);font-family:var(--bless-font-sans);display:flex}.bless-separator--labelled:before,.bless-separator--labelled:after{content:"";height:var(--bless-border-width);background:var(--_c);flex:1}.bless-separator__label{font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);text-transform:uppercase;color:var(--bless-color-text-muted)}
|
|
296
|
+
|
|
297
|
+
/* BlessSheet */
|
|
298
|
+
.bless-sheet{--_size:360px;width:100%;max-width:none;height:100%;max-height:none;color:var(--bless-color-text);font-family:var(--bless-font-sans);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.bless-sheet[open]{display:flex}.bless-sheet::backdrop{background:var(--bless-color-backdrop)}.bless-sheet__panel{border-radius:var(--bless-radius);box-sizing:border-box;background:var(--bless-color-bg);animation:var(--_anim) var(--bless-duration-slow) var(--bless-ease-out);outline:0;flex-direction:column;display:flex;position:relative}.bless-sheet--right{justify-content:flex-end}.bless-sheet--right .bless-sheet__panel{--_anim:bless-sheet-right;width:min(var(--_size), 100%);height:100%}.bless-sheet--left .bless-sheet__panel{--_anim:bless-sheet-left;width:min(var(--_size), 100%);height:100%}.bless-sheet--top .bless-sheet__panel{--_anim:bless-sheet-top;width:100%;height:auto;max-height:90dvh}.bless-sheet--bottom{align-items:flex-end}.bless-sheet--bottom .bless-sheet__panel{--_anim:bless-sheet-bottom;width:100%;height:auto;max-height:90dvh}.bless-sheet__handle{padding:var(--bless-space-2) 0;cursor:grab;touch-action:none;place-items:center;display:grid}.bless-sheet__handle>span{background:var(--bless-color-text-muted);width:40px;height:4px;transform:skewX(var(--bless-skew))}.bless-sheet__close{top:var(--bless-space-2);right:var(--bless-space-2);z-index:1;background:var(--bless-color-text);width:36px;height:36px;color:var(--bless-color-on-text);font-size:var(--bless-text-lg);cursor:pointer;transform:skewX(var(--bless-skew));transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);border:0;padding:0;line-height:1;position:absolute}.bless-sheet__close>span{transform:skewX(var(--bless-skew-counter));display:inline-block}.bless-sheet__close:hover{opacity:var(--bless-hover-opacity)}.bless-sheet__close:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-sheet__header{padding:var(--bless-space-6) var(--bless-space-16) 0 var(--bless-space-6)}.bless-sheet__title{font-size:var(--bless-text-lg);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);line-height:var(--bless-leading-none);text-transform:uppercase;color:var(--bless-color-text);border:0;margin:0}.bless-sheet__body{padding:var(--bless-space-6);flex:1;overflow:auto}.bless-sheet__footer{gap:var(--bless-space-2);padding:var(--bless-space-4) var(--bless-space-6);border-top:var(--bless-border-width) solid var(--bless-color-border);justify-content:flex-end;display:flex}@keyframes bless-sheet-right{0%{transform:translate(100%)}}@keyframes bless-sheet-left{0%{transform:translate(-100%)}}@keyframes bless-sheet-top{0%{transform:translateY(-100%)}}@keyframes bless-sheet-bottom{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.bless-sheet__panel{animation:none}}
|
|
299
|
+
|
|
300
|
+
/* BlessSidebarNav */
|
|
301
|
+
.bless-sidebar-nav__list{margin:0;padding:0;list-style:none}.bless-sidebar-nav__item{margin:var(--bless-space-2) 0}.bless-sidebar-nav__link{padding:var(--bless-space-1) 0;font-family:var(--bless-font-sans);font-size:var(--bless-text-md);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);line-height:var(--bless-leading-none);color:var(--bless-color-text);transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);align-items:center;text-decoration:none;display:inline-flex}.bless-sidebar-nav__link:hover{opacity:var(--bless-hover-opacity)}.bless-sidebar-nav__link:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-sidebar-nav__link--active{color:var(--bless-color-accent-text)}.bless-sidebar-nav__meta{font-size:var(--bless-text-sm)}
|
|
302
|
+
|
|
303
|
+
/* BlessSignaturePad */
|
|
304
|
+
.bless-signature{gap:var(--bless-space-2);font-family:var(--bless-font-sans);color:var(--bless-color-text);flex-direction:column;display:flex}.bless-signature__canvas{border-radius:var(--bless-radius);background:var(--bless-color-surface);border-bottom:calc(2 * var(--bless-border-width)) solid var(--bless-color-text-muted);touch-action:none;cursor:crosshair;width:100%;display:block}.bless-signature__canvas:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-signature__bar{justify-content:space-between;align-items:center;gap:var(--bless-space-2);display:flex}.bless-signature__hint{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted)}.bless-signature--disabled{opacity:.4;pointer-events:none}
|
|
305
|
+
|
|
306
|
+
/* BlessSkeleton */
|
|
307
|
+
.bless-skeleton{border-radius:var(--bless-radius-plate);background:var(--bless-color-border);animation:bless-skeleton-pulse 1.6s var(--bless-ease-in-out) infinite;transform:skewX(var(--bless-skew));display:block}.bless-skeleton--avatar{border-radius:var(--bless-radius-petal);transform:none}.bless-skeleton-lines{gap:var(--bless-space-2);display:grid}@keyframes bless-skeleton-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.bless-skeleton{animation:none}}
|
|
308
|
+
|
|
309
|
+
/* BlessSkew */
|
|
310
|
+
.bless-skew{border-radius:var(--bless-radius-plate);transform:skewX(var(--bless-skew));display:inline-block}.bless-skew__inner{transform:skewX(var(--bless-skew-counter));display:inline-block}.bless-skew--label{padding:2px var(--bless-space-3);font-family:var(--bless-font-sans);font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);line-height:var(--bless-leading-normal)}.bless-skew--text{background:var(--bless-color-text);color:var(--bless-color-on-text)}.bless-skew--accent{background:var(--bless-color-accent);color:var(--bless-color-on-accent)}.bless-skew--danger{background:var(--bless-color-danger);color:var(--bless-color-on-accent)}.bless-skew--surface{background:var(--bless-color-surface);color:var(--bless-color-text)}
|
|
311
|
+
|
|
312
|
+
/* BlessSlideItem */
|
|
313
|
+
.bless-slide{border-radius:var(--bless-radius);touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.bless-slide__content{background:var(--bless-color-bg);transform:translateX(var(--_x));transition:transform var(--bless-duration-base) var(--bless-ease-out);position:relative}.bless-slide__side{visibility:hidden;align-items:stretch;display:flex;position:absolute;top:0;bottom:0}.bless-slide__side--on{visibility:visible}.bless-slide__side--left{left:0}.bless-slide__side--right{right:0}.bless-slide__side>*{padding:0 var(--bless-space-4);align-items:center;display:inline-flex}.bless-slide--disabled{touch-action:auto}
|
|
314
|
+
|
|
315
|
+
/* BlessSlider */
|
|
316
|
+
.bless-slider{font-family:var(--bless-font-sans);color:var(--bless-color-text);display:block}.bless-slider__head{margin-bottom:var(--bless-space-2);justify-content:space-between;align-items:baseline;display:flex}.bless-slider__label{font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase}.bless-slider__value{font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);font-variant-numeric:tabular-nums;color:var(--bless-color-accent-text)}.bless-slider__input{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:0;display:block}.bless-slider__input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--bless-color-accent) var(--_p), var(--bless-color-surface) var(--_p));height:6px;transform:skewX(var(--bless-skew))}.bless-slider__input::-moz-range-track{background:var(--bless-color-surface);height:6px;transform:skewX(var(--bless-skew))}.bless-slider__input::-moz-range-progress{background:var(--bless-color-accent);height:6px}.bless-slider__input::-webkit-slider-thumb{appearance:none;border-radius:var(--bless-radius-petal);background:var(--bless-color-text);width:14px;height:20px;transition:background var(--bless-duration-base);border:0;margin-top:-7px}.bless-slider__input::-moz-range-thumb{background:var(--bless-color-text);border-radius:var(--bless-radius-petal);width:14px;height:20px;transform:skewX(var(--bless-skew));border:0}.bless-slider__input:active::-webkit-slider-thumb{background:var(--bless-color-accent)}.bless-slider__input:active::-moz-range-thumb{background:var(--bless-color-accent)}.bless-slider__input:focus-visible{outline:0}.bless-slider__input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-slider__input:focus-visible::-moz-range-thumb{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-slider--disabled{opacity:.4}.bless-slider--disabled .bless-slider__input{cursor:not-allowed}
|
|
317
|
+
|
|
318
|
+
/* BlessSpeedDial */
|
|
319
|
+
.bless-speed-dial{right:var(--bless-space-6);bottom:var(--bless-space-6);z-index:var(--bless-z-nav);align-items:center;gap:var(--bless-space-2);font-family:var(--bless-font-sans);flex-direction:column-reverse;display:inline-flex;position:fixed}.bless-speed-dial--inline{position:relative;bottom:auto;right:auto}.bless-speed-dial--down{flex-direction:column}.bless-speed-dial--left{flex-direction:row-reverse}.bless-speed-dial--right{flex-direction:row}.bless-speed-dial__fab{border-radius:var(--bless-radius-petal);width:48px;height:48px;color:var(--bless-color-on-accent);font:inherit;font-size:var(--bless-text-lg);cursor:pointer;box-shadow:var(--bless-shadow-plate);transform:skewX(var(--bless-skew));transition:opacity var(--bless-duration-slow), var(--bless-lean-transition);border:0;place-items:center;display:inline-grid}.bless-speed-dial__fab--accent{background:var(--bless-color-accent)}.bless-speed-dial__fab--text{background:var(--bless-color-text);color:var(--bless-color-on-text)}.bless-speed-dial__fab[aria-expanded=true]:not(.bless-speed-dial__fab--danger){background:var(--bless-color-accent);color:var(--bless-color-on-accent)}.bless-speed-dial__fab:hover{opacity:var(--bless-hover-opacity)}.bless-speed-dial__fab:focus-visible,.bless-speed-dial__action:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-speed-dial__plus{transform:skewX(var(--bless-skew-counter));transition:transform var(--bless-duration-base);display:inline-block}.bless-speed-dial--open .bless-speed-dial__plus{transform:skewX(var(--bless-skew-counter)) rotate(45deg)}.bless-speed-dial__list{flex-direction:inherit;align-items:center;gap:var(--bless-space-2);display:flex}.bless-speed-dial__action{border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);width:36px;height:36px;color:var(--bless-color-text);font:inherit;cursor:pointer;opacity:0;transform:skewX(var(--bless-skew)) scale(.6);transition:opacity var(--bless-duration-base) var(--bless-ease-out), transform var(--bless-duration-base) var(--bless-ease-out), var(--bless-lean-transition);transition-delay:calc(var(--_i) * 30ms);place-items:center;display:inline-grid;position:relative}.bless-speed-dial__action>span:first-child{transform:skewX(var(--bless-skew-counter))}.bless-speed-dial--open .bless-speed-dial__action{opacity:1;transform:skewX(var(--bless-skew)) scale(1)}.bless-speed-dial__action--accent{color:var(--bless-color-accent-text)}.bless-speed-dial__action--danger{color:var(--bless-color-danger-text)}.bless-speed-dial__tip{right:calc(100% + var(--bless-space-2));padding:2px var(--bless-space-2);background:var(--bless-color-text);color:var(--bless-color-on-text);font-size:var(--bless-text-2xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--bless-duration-fast);position:absolute}.bless-speed-dial--left .bless-speed-dial__tip,.bless-speed-dial--right .bless-speed-dial__tip{right:auto;bottom:calc(100% + var(--bless-space-1))}.bless-speed-dial__action:hover .bless-speed-dial__tip,.bless-speed-dial__action:focus-visible .bless-speed-dial__tip{opacity:1}@media (prefers-reduced-motion:reduce){.bless-speed-dial__action{transition-delay:0s}}
|
|
320
|
+
|
|
321
|
+
/* BlessSpinner */
|
|
322
|
+
.bless-spinner{--_s:20px;--_c:currentColor;width:var(--_s);height:var(--_s);border:calc(2 * var(--bless-border-width)) solid var(--_c);opacity:.8;transform:skewX(var(--bless-skew));animation:bless-spin .9s var(--bless-ease-linear) infinite;border-top-color:#0000;flex:none;display:inline-block}.bless-spinner--sm{--_s:14px}.bless-spinner--lg{--_s:32px}.bless-spinner--text{--_c:var(--bless-color-text)}.bless-spinner--accent{--_c:var(--bless-color-accent-soft);border-top-color:var(--bless-color-accent)}@keyframes bless-spin{to{transform:skewX(var(--bless-skew)) rotate(360deg)}}@media (prefers-reduced-motion:reduce){.bless-spinner{animation-duration:2s}}
|
|
323
|
+
|
|
324
|
+
/* BlessSplash */
|
|
325
|
+
.bless-splash{z-index:var(--bless-z-modal);background:var(--bless-color-bg);font-family:var(--bless-font-sans);color:var(--bless-color-text);place-items:center;display:grid;position:fixed;inset:0}.bless-splash__content{animation:bless-splash-in var(--bless-duration-slower) var(--bless-ease-out)}.bless-splash__skip{border-radius:var(--bless-radius-plate);inset-inline-end:var(--bless-space-4);bottom:var(--bless-space-4);padding:var(--bless-space-2) var(--bless-space-4);background:var(--bless-color-text);color:var(--bless-color-on-text);font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);text-transform:uppercase;cursor:pointer;transform:skewX(var(--bless-skew));transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);border:0;position:absolute}.bless-splash__skip:hover{opacity:var(--bless-hover-opacity)}.bless-splash__skip:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-splash-leave-active{transition:opacity var(--bless-duration-slower) var(--bless-ease-in-out)}.bless-splash-leave-to{opacity:0}@keyframes bless-splash-in{0%{opacity:0;transform:translateY(var(--bless-space-4))}}
|
|
326
|
+
|
|
327
|
+
/* BlessSplitButton */
|
|
328
|
+
.bless-split__more{padding-inline:var(--bless-space-2)}
|
|
329
|
+
|
|
330
|
+
/* BlessStack */
|
|
331
|
+
.bless-stack{display:flex}
|
|
332
|
+
|
|
333
|
+
/* BlessStage */
|
|
334
|
+
.bless-stage{min-height:100dvh;font-family:var(--bless-font-sans);color:var(--bless-color-text);background:var(--bless-color-bg);position:relative}.bless-stage__bg{z-index:var(--bless-z-bg);pointer-events:none;position:fixed;inset:0}.bless-stage__side{z-index:var(--bless-z-nav);width:var(--bless-sidebar-width);padding:var(--bless-space-8) 0 var(--bless-space-8) var(--bless-space-16);box-sizing:border-box;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.bless-stage__side-inner{width:var(--bless-sidebar-inner);margin:auto}.bless-stage__main{margin-left:var(--bless-sidebar-width);max-width:var(--bless-content-max);box-sizing:border-box;padding:var(--bless-space-8)}.bless-stage__toggle,.bless-stage__scrim{display:none}.bless-stage__sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=800px){.bless-stage__side{width:min(80vw,320px);padding:var(--bless-space-16) var(--bless-space-6);background:var(--bless-color-bg);transition:transform var(--bless-duration-slow) var(--bless-ease-in-out);transform:translate(-100%)}.bless-stage--open .bless-stage__side{transform:none}.bless-stage__side-inner{width:auto}.bless-stage__main{padding:var(--bless-space-16) var(--bless-space-4) var(--bless-space-8);margin-left:0}.bless-stage__toggle{top:var(--bless-space-2);right:var(--bless-space-2);z-index:calc(var(--bless-z-nav) + 1);background:var(--bless-color-text);width:44px;height:44px;color:var(--bless-color-on-text);cursor:pointer;transform:skewX(var(--bless-skew));border:0;place-items:center;padding:0;display:grid;position:fixed}.bless-stage__toggle:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-stage__toggle-bar,.bless-stage__toggle-bar:before,.bless-stage__toggle-bar:after{width:18px;height:2px;transition:transform var(--bless-duration-base) var(--bless-ease-in-out), opacity var(--bless-duration-base);background:currentColor;display:block}.bless-stage__toggle-bar{transform:skewX(var(--bless-skew-counter));position:relative}.bless-stage__toggle-bar:before,.bless-stage__toggle-bar:after{content:"";position:absolute;left:0}.bless-stage__toggle-bar:before{top:-6px}.bless-stage__toggle-bar:after{top:6px}.bless-stage--open .bless-stage__toggle-bar{background:0 0}.bless-stage--open .bless-stage__toggle-bar:before{transform:translateY(6px)rotate(45deg)}.bless-stage--open .bless-stage__toggle-bar:after{transform:translateY(-6px)rotate(-45deg)}.bless-stage__scrim{z-index:calc(var(--bless-z-nav) - 1);background:var(--bless-color-backdrop);display:block;position:fixed;inset:0}}
|
|
335
|
+
|
|
336
|
+
/* BlessStepper */
|
|
337
|
+
.bless-stepper__panel:focus{outline:none}.bless-stepper{gap:var(--bless-space-4);font-family:var(--bless-font-sans);color:var(--bless-color-text);flex-direction:column;display:flex}.bless-stepper--vertical{gap:var(--bless-space-4) var(--bless-space-8);grid-template-columns:auto 1fr;display:grid}.bless-stepper--vertical .bless-stepper__head{grid-row:1/span 2}.bless-stepper__panel{min-height:80px;font-size:var(--bless-text-sm);line-height:var(--bless-leading-normal)}.bless-stepper__actions{justify-content:flex-end;gap:var(--bless-space-2);display:flex}
|
|
338
|
+
|
|
339
|
+
/* BlessSteps */
|
|
340
|
+
.bless-steps{gap:var(--bless-space-2);font-family:var(--bless-font-sans);color:var(--bless-color-text-muted);margin:0;padding:0;list-style:none;display:flex}.bless-steps--vertical{gap:var(--bless-space-4);flex-direction:column}.bless-steps__item{align-items:flex-start;gap:var(--bless-space-2);flex:1;min-width:0;display:flex;position:relative}.bless-steps--horizontal .bless-steps__item:not(:last-child):after{content:"";height:var(--bless-border-width);background:var(--bless-color-border);flex:1;margin-top:14px}.bless-steps--vertical .bless-steps__item:not(:last-child):after{content:"";inset-inline-start:14px;top:32px;bottom:calc(-1 * var(--bless-space-4));width:var(--bless-border-width);background:var(--bless-color-border);position:absolute}.bless-steps__item--done:not(:last-child):after{background:var(--bless-color-accent)}.bless-steps__marker{border-radius:var(--bless-radius-plate);border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);width:28px;height:28px;color:inherit;font:inherit;font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);transform:skewX(var(--bless-skew));flex:none;place-items:center;display:inline-grid}.bless-steps__marker>span{transform:skewX(var(--bless-skew-counter))}button.bless-steps__marker{cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition)}button.bless-steps__marker:hover{opacity:var(--bless-hover-opacity)}button.bless-steps__marker:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-steps__item--done .bless-steps__marker{border-color:var(--bless-color-accent-text);background:var(--bless-color-accent);color:var(--bless-color-on-accent)}.bless-steps__item--current{color:var(--bless-color-text)}.bless-steps__item--current .bless-steps__marker{border-color:var(--bless-color-accent-text);color:var(--bless-color-accent-text)}.bless-steps__text{flex-direction:column;gap:2px;min-width:0;padding-top:5px;display:flex}.bless-steps__label{font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase;white-space:nowrap}.bless-steps__desc{font-size:var(--bless-text-xs)}
|
|
341
|
+
|
|
342
|
+
/* BlessSwap */
|
|
343
|
+
.bless-swap{border-radius:var(--bless-radius);cursor:pointer;font-family:var(--bless-font-sans);color:var(--bless-color-text);transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);place-items:center;display:inline-grid;position:relative}.bless-swap:hover:not(.bless-swap--disabled){opacity:var(--bless-hover-opacity)}.bless-swap__input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.bless-swap__face{transition:opacity var(--bless-duration-base) var(--bless-ease-out), transform var(--bless-duration-base) var(--bless-ease-out);grid-area:1/1;display:inline-flex}.bless-swap__face--on{opacity:0}.bless-swap--on .bless-swap__face--on{opacity:1}.bless-swap--on .bless-swap__face--off{opacity:0}.bless-swap--rotate .bless-swap__face--on{transform:rotate(-45deg)}.bless-swap--rotate.bless-swap--on .bless-swap__face--on{transform:rotate(0)}.bless-swap--rotate.bless-swap--on .bless-swap__face--off{transform:rotate(45deg)}.bless-swap--flip .bless-swap__face--on{transform:rotateY(180deg)}.bless-swap--flip.bless-swap--on .bless-swap__face--on{transform:rotateY(0)}.bless-swap--flip.bless-swap--on .bless-swap__face--off{transform:rotateY(-180deg)}.bless-swap:has(.bless-swap__input:focus-visible){outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-swap--disabled{opacity:.4;cursor:not-allowed}
|
|
344
|
+
|
|
345
|
+
/* BlessSwitch */
|
|
346
|
+
.bless-switch{--_w:40px;--_h:22px;align-items:center;gap:var(--bless-space-2);font-family:var(--bless-font-sans);font-size:var(--bless-text-md);color:var(--bless-color-text);cursor:pointer;display:inline-flex}.bless-switch--sm{--_w:32px;--_h:18px}.bless-switch--start{flex-direction:row-reverse}.bless-switch__input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.bless-switch__track{border-radius:var(--bless-radius-petal);width:var(--_w);height:var(--_h);background:var(--bless-color-text-muted);transform:skewX(var(--bless-skew));transition:background var(--bless-duration-base), opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);flex:none;position:relative}.bless-switch__thumb{border-radius:var(--bless-radius-petal);top:3px;width:calc(var(--_h) - 6px);height:calc(var(--_h) - 6px);background:var(--bless-color-bg);transition:transform var(--bless-duration-base) var(--bless-ease-out);position:absolute;inset-inline-start:3px}.bless-switch__input:checked+.bless-switch__track{background:var(--bless-color-accent)}.bless-switch__input:checked+.bless-switch__track .bless-switch__thumb{transform:translateX(calc(var(--_w) - var(--_h)))}[dir=rtl] .bless-switch__input:checked+.bless-switch__track .bless-switch__thumb{transform:translateX(calc(var(--_h) - var(--_w)))}.bless-switch__input:focus-visible+.bless-switch__track{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-switch:hover .bless-switch__track{opacity:var(--bless-hover-opacity)}.bless-switch--invalid .bless-switch__track{outline:2px solid var(--bless-color-danger);outline-offset:2px}.bless-switch--disabled{opacity:.4;cursor:not-allowed}
|
|
347
|
+
|
|
348
|
+
/* BlessTabPanels */
|
|
349
|
+
.bless-tabpanels{touch-action:pan-y;position:relative;overflow:hidden}.bless-tabpanels__panel{transform:translateX(var(--_x));transition:transform var(--bless-duration-fast)}.bless-tabpanels-next-enter-active,.bless-tabpanels-next-leave-active,.bless-tabpanels-prev-enter-active,.bless-tabpanels-prev-leave-active{transition:transform var(--bless-duration-base) var(--bless-ease-out), opacity var(--bless-duration-base)}.bless-tabpanels-next-enter-from{opacity:0;transform:translate(24px)}.bless-tabpanels-next-leave-to,.bless-tabpanels-prev-enter-from{opacity:0;transform:translate(-24px)}.bless-tabpanels-prev-leave-to{opacity:0;transform:translate(24px)}[dir=rtl] .bless-tabpanels-next-enter-from,[dir=rtl] .bless-tabpanels-prev-leave-to{transform:translate(-24px)}[dir=rtl] .bless-tabpanels-next-leave-to,[dir=rtl] .bless-tabpanels-prev-enter-from{transform:translate(24px)}
|
|
350
|
+
|
|
351
|
+
/* BlessTable */
|
|
352
|
+
.bless-table{border-radius:var(--bless-radius);border-collapse:collapse;width:100%;font-family:var(--bless-font-sans);font-size:var(--bless-text-md);color:var(--bless-color-text);line-height:var(--bless-leading-tight)}.bless-table__caption{padding:0 0 var(--bless-space-3);text-align:start;font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);text-transform:uppercase;color:var(--bless-color-text-muted)}.bless-table__th{padding:var(--bless-space-2) var(--bless-space-3);border-bottom:calc(2 * var(--bless-border-width)) solid var(--bless-color-rule);text-align:start;font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);text-transform:uppercase;white-space:nowrap}.bless-table__cell{padding:var(--bless-space-3);border-bottom:var(--bless-border-width) solid var(--bless-color-border);text-align:start;font-weight:var(--bless-font-weight-normal);vertical-align:top}th.bless-table__cell{font-weight:var(--bless-font-weight-bold)}.bless-table__cell--center{text-align:center}.bless-table__cell--right{text-align:end}.bless-table--striped .bless-table__row:nth-child(2n){background:var(--bless-color-surface)}@media (width<=800px){.bless-table--stack .bless-table__head{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.bless-table--stack .bless-table__row{padding:var(--bless-space-3) 0;border-bottom:var(--bless-border-width) solid var(--bless-color-border);display:block}.bless-table--stack .bless-table__cell{gap:var(--bless-space-3);padding:var(--bless-space-1) 0;text-align:start;border:0;display:flex}.bless-table--stack .bless-table__cell:empty{display:none}.bless-table--stack .bless-table__cell:before{content:attr(data-label);font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase;color:var(--bless-color-text-muted);flex:0 0 7em}}
|
|
353
|
+
|
|
354
|
+
/* BlessTabs */
|
|
355
|
+
.bless-tabs__list{gap:var(--bless-space-2);border-bottom:var(--bless-border-width) solid var(--bless-color-border);flex-wrap:wrap;padding-inline-start:var(--bless-space-1);display:flex}.bless-tabs__tab{--_c:var(--bless-color-text);padding:var(--bless-space-2) var(--bless-space-4);border:var(--bless-border-width) solid transparent;font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);line-height:var(--bless-leading-none);text-transform:uppercase;color:var(--bless-color-text-muted);cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), color var(--bless-duration-slow), var(--bless-lean-transition);border-bottom:0;margin:0}.bless-tabs__tab.bless-skew--none{background:0 0}.bless-tabs__tab--accent{--_c:var(--bless-color-accent)}.bless-tabs__tab--danger{--_c:var(--bless-color-danger)}.bless-tabs__tab:hover:not(:disabled){opacity:var(--bless-hover-opacity)}.bless-tabs__tab:hover:not(:disabled,.bless-tabs__tab--active){color:var(--bless-color-text)}.bless-tabs__tab:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-tabs__tab:disabled{opacity:.4;cursor:not-allowed}.bless-tabs__tab--active{color:var(--bless-color-on-accent)}.bless-tabs__tab--text.bless-tabs__tab--active{color:var(--bless-color-on-text)}.bless-tabs__panel{padding:var(--bless-space-4) 0}.bless-tabs__panel:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}
|
|
356
|
+
|
|
357
|
+
/* BlessText */
|
|
358
|
+
.bless-text{font-family:var(--bless-font-sans);color:var(--bless-color-text);margin:0}.bless-text--2xs{font-size:var(--bless-text-2xs)}.bless-text--xs{font-size:var(--bless-text-xs)}.bless-text--sm{font-size:var(--bless-text-sm)}.bless-text--md{font-size:var(--bless-text-md)}.bless-text--lg{font-size:var(--bless-text-lg)}.bless-text--xl{font-size:var(--bless-text-xl)}.bless-text--headline{font-size:var(--bless-text-headline)}.bless-text--display{font-size:var(--bless-text-display)}.bless-text--w-thin{font-weight:var(--bless-font-weight-thin)}.bless-text--w-light{font-weight:var(--bless-font-weight-light)}.bless-text--w-normal{font-weight:var(--bless-font-weight-normal)}.bless-text--w-bold{font-weight:var(--bless-font-weight-bold)}.bless-text--t-tight{letter-spacing:var(--bless-tracking-tight)}.bless-text--t-normal{letter-spacing:var(--bless-tracking-normal)}.bless-text--t-wide{letter-spacing:var(--bless-tracking-wide)}.bless-text--t-wider{letter-spacing:var(--bless-tracking-wider)}.bless-text--l-none{line-height:var(--bless-leading-none)}.bless-text--l-tight{line-height:var(--bless-leading-tight)}.bless-text--l-normal{line-height:var(--bless-leading-normal)}.bless-text--muted{color:var(--bless-color-text-muted)}.bless-text--c-accent{color:var(--bless-color-accent-text)}.bless-text--c-danger{color:var(--bless-color-danger-text)}.bless-text--upper{text-transform:uppercase}
|
|
359
|
+
|
|
360
|
+
/* BlessTextarea */
|
|
361
|
+
.bless-textarea{font-family:var(--bless-font-sans);color:var(--bless-color-text);display:block}.bless-textarea__field{border-radius:var(--bless-radius-plate);border-bottom:calc(2 * var(--bless-border-width)) solid var(--bless-color-text-muted);background:0 0;position:relative}.bless-textarea__field:after{content:"";inset-inline-start:0;bottom:calc(-2 * var(--bless-border-width));width:100%;height:calc(2 * var(--bless-border-width));background:var(--bless-color-accent);transform-origin:0;transition:transform var(--bless-duration-slow) var(--bless-ease-out);position:absolute;transform:scaleX(0)}[dir=rtl] .bless-textarea__field:after{transform-origin:100%}.bless-textarea__field:focus-within:after{transform:scaleX(1)}.bless-textarea__control{box-sizing:border-box;width:100%;padding:var(--bless-space-3);font:inherit;font-size:var(--bless-text-md);line-height:var(--bless-leading-normal);color:inherit;resize:vertical;background:0 0;border:0;outline:0;display:block}.bless-textarea--autogrow .bless-textarea__control{field-sizing:content;resize:none}.bless-textarea__control::placeholder{color:var(--bless-color-text-muted)}.bless-textarea--invalid .bless-textarea__field{border-bottom-color:var(--bless-color-danger)}.bless-textarea--invalid .bless-textarea__field:after{background:var(--bless-color-danger)}.bless-textarea--disabled{opacity:.4}.bless-textarea--disabled .bless-textarea__control{cursor:not-allowed}.bless-textarea__foot{justify-content:space-between;gap:var(--bless-space-3);display:flex}.bless-textarea__description,.bless-textarea__error{margin:var(--bless-space-1) 0 0;font-size:var(--bless-text-xs);line-height:var(--bless-leading-tight);color:var(--bless-color-text-muted)}.bless-textarea__error{color:var(--bless-color-danger-text);font-weight:var(--bless-font-weight-bold)}.bless-textarea__counter{margin-inline-start:auto;margin-top:var(--bless-space-1);font-size:var(--bless-text-xs);color:var(--bless-color-text-muted);font-variant-numeric:tabular-nums}.bless-textarea__field{transform:skewX(var(--bless-skew))}.bless-textarea__field>:not(.bless-skew,.bless-chip,.bless-badge){transform:skewX(var(--bless-skew-counter))}.bless-textarea__field>:first-child{padding-inline-start:calc(var(--bless-space-3) + 4px)}.bless-textarea__field>:last-child{padding-inline-end:calc(var(--bless-space-3) + 4px)}
|
|
362
|
+
|
|
363
|
+
/* BlessThemeToggle */
|
|
364
|
+
.bless-theme-toggle{border-radius:var(--bless-radius-plate);border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);width:36px;height:36px;color:var(--bless-color-text);font-size:var(--bless-text-md);cursor:pointer;transform:skewX(var(--bless-skew));transition:border-color var(--bless-duration-slow), color var(--bless-duration-slow), var(--bless-lean-transition)}.bless-theme-toggle>span{transform:skewX(var(--bless-skew-counter));display:inline-block}.bless-theme-toggle:hover{border-color:var(--bless-color-text);color:var(--bless-color-text)}.bless-theme-toggle:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}
|
|
365
|
+
|
|
366
|
+
/* BlessTimePicker */
|
|
367
|
+
.bless-time{border-radius:var(--bless-radius-plate);--_h:40px;--_fs:var(--bless-text-md);height:var(--_h);border-bottom:calc(2 * var(--bless-border-width)) solid var(--bless-color-text-muted);font-family:var(--bless-font-sans);color:var(--bless-color-text);background:0 0;display:inline-flex}.bless-time--sm{--_h:32px;--_fs:var(--bless-text-sm)}.bless-time--lg{--_h:48px;--_fs:var(--bless-text-lg)}.bless-time:focus-within{border-bottom-color:var(--bless-color-accent-text)}.bless-time--invalid{border-bottom-color:var(--bless-color-danger)}.bless-time__control{min-width:8em;padding:0 var(--bless-space-3);font:inherit;font-size:var(--_fs);font-variant-numeric:tabular-nums;color:inherit;color-scheme:inherit;background:0 0;border:0;outline:0}.bless-time--disabled{opacity:.4;pointer-events:none}.bless-time{transform:skewX(var(--bless-skew))}.bless-time>:not(.bless-skew,.bless-chip,.bless-badge){transform:skewX(var(--bless-skew-counter))}
|
|
368
|
+
|
|
369
|
+
/* BlessTimeline */
|
|
370
|
+
.bless-timeline{font-family:var(--bless-font-sans);color:var(--bless-color-text);margin:0;padding:0;list-style:none}.bless-timeline__item{border-radius:var(--bless-radius);--_c:var(--bless-color-text-muted);gap:var(--bless-space-3);padding-bottom:var(--bless-space-4);display:flex;position:relative}.bless-timeline__item--accent{--_c:var(--bless-color-accent)}.bless-timeline__item--danger{--_c:var(--bless-color-danger)}.bless-timeline__item--success{--_c:var(--bless-color-success)}.bless-timeline__item--warning{--_c:var(--bless-color-warning)}.bless-timeline__item--info{--_c:var(--bless-color-info)}.bless-timeline__item:not(:last-child):before{content:"";inset-inline-start:5px;width:var(--bless-border-width);background:var(--bless-color-border);position:absolute;top:14px;bottom:0}.bless-timeline__dot{background:var(--_c);width:12px;height:12px;transform:skewX(var(--bless-skew));flex:none;place-items:center;margin-top:3px;display:inline-grid}.bless-timeline__body{flex-direction:column;gap:2px;min-width:0;display:flex}.bless-timeline__time{font-size:var(--bless-text-2xs);letter-spacing:var(--bless-tracking-wider);color:var(--bless-color-text-muted)}.bless-timeline__title{font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold)}.bless-timeline__desc{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted);margin:0}
|
|
371
|
+
|
|
372
|
+
/* BlessToaster */
|
|
373
|
+
.bless-toaster{z-index:calc(var(--bless-z-modal) + 1);pointer-events:none;padding:var(--bless-space-4);max-width:100%;position:fixed}.bless-toaster--top-right{top:0;right:0}.bless-toaster--top-left{top:0;left:0}.bless-toaster--top-center{top:0;left:50%;transform:translate(-50%)}.bless-toaster--bottom-right{bottom:0;right:0}.bless-toaster--bottom-left{bottom:0;left:0}.bless-toaster--bottom-center{bottom:0;left:50%;transform:translate(-50%)}.bless-toaster__list{gap:var(--bless-space-2);width:340px;max-width:calc(100vw - 2 * var(--bless-space-4));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bless-toaster--top-right .bless-toaster__list,.bless-toaster--top-left .bless-toaster__list,.bless-toaster--top-center .bless-toaster__list{flex-direction:column-reverse}.bless-toast{border-radius:var(--bless-radius);--_c:var(--bless-color-text);--_on:var(--bless-color-on-text);align-items:center;gap:var(--bless-space-3);padding:var(--bless-space-3) var(--bless-space-4);border-left:4px solid var(--_c);background:var(--bless-color-bg);color:var(--bless-color-text);box-shadow:var(--bless-shadow-plate);font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);line-height:var(--bless-leading-tight);pointer-events:auto;display:flex;position:relative}.bless-toast:before{content:"";background:var(--_c);width:4px;height:100%;transform:skewX(var(--bless-skew));position:absolute;top:0;left:-4px}.bless-toast--accent{--_c:var(--bless-color-accent);--_on:var(--bless-color-on-accent)}.bless-toast--danger{--_c:var(--bless-color-danger);--_on:var(--bless-color-on-accent)}.bless-toast--warning{--_c:var(--bless-color-warning);--_on:var(--bless-color-on-light)}.bless-toast--success{--_c:var(--bless-color-success);--_on:var(--bless-color-on-light)}.bless-toast--info{--_c:var(--bless-color-info);--_on:var(--bless-color-on-accent)}.bless-toast__body{flex:1;gap:2px;min-width:0;display:grid}.bless-toast__title{font-weight:var(--bless-font-weight-bold)}.bless-toast__desc{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted)}.bless-toast__action{padding:var(--bless-space-1) var(--bless-space-3);background:var(--_c);color:var(--_on);font:inherit;font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase;cursor:pointer;transform:skewX(var(--bless-skew));transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);border:0;flex:none}.bless-toast__action:hover{opacity:var(--bless-hover-opacity)}.bless-toast__close{width:24px;height:24px;color:inherit;font-size:var(--bless-text-lg);cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);background:0 0;border:0;flex:none;margin-inline-end:-8px;padding:0;line-height:1}.bless-toast__close:hover{opacity:var(--bless-hover-opacity)}.bless-toast__action:focus-visible,.bless-toast__close:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-toast-enter-active,.bless-toast-leave-active{transition:all var(--bless-duration-slow) var(--bless-ease-out)}.bless-toast-enter-from{opacity:0;transform:translateY(12px)}.bless-toast-leave-to{opacity:0;transform:translate(24px)}.bless-toast-move{transition:transform var(--bless-duration-slow) var(--bless-ease-in-out)}
|
|
374
|
+
|
|
375
|
+
/* BlessToggle */
|
|
376
|
+
.bless-toggle{border-radius:var(--bless-radius-plate);--_c:var(--bless-color-text);--_on:var(--bless-color-on-text);align-items:center;gap:var(--bless-space-2);border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);color:var(--bless-color-text-muted);font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);line-height:var(--bless-leading-none);text-transform:uppercase;cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), color var(--bless-duration-slow), border-color var(--bless-duration-slow), background var(--bless-duration-slow), var(--bless-lean-transition);display:inline-flex}.bless-toggle--accent{--_c:var(--bless-color-accent);--_on:var(--bless-color-on-accent)}.bless-toggle--danger{--_c:var(--bless-color-danger);--_on:var(--bless-color-on-accent)}.bless-toggle--sm{padding:var(--bless-space-1) var(--bless-space-2);font-size:var(--bless-text-xs)}.bless-toggle--md{padding:var(--bless-space-2) var(--bless-space-3)}.bless-toggle--lg{padding:var(--bless-space-3) var(--bless-space-4);font-size:var(--bless-text-md)}.bless-toggle:hover:not(:disabled){color:var(--bless-color-text);border-color:var(--bless-color-text)}.bless-toggle--on,.bless-toggle--on:hover:not(:disabled){border-color:var(--_c);background:var(--_c);color:var(--_on)}.bless-toggle:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-toggle:disabled{opacity:.4;cursor:not-allowed}.bless-toggle .bless-skew__inner{align-items:center;gap:var(--bless-space-2);display:inline-flex}
|
|
377
|
+
|
|
378
|
+
/* BlessToggleGroup */
|
|
379
|
+
.bless-toggle-group{flex-wrap:wrap;display:inline-flex}.bless-toggle-group>.bless-toggle+.bless-toggle{margin-inline-start:calc(-1 * var(--bless-border-width))}.bless-toggle-group>.bless-toggle--on,.bless-toggle-group>.bless-toggle:focus-visible{z-index:1;position:relative}
|
|
380
|
+
|
|
381
|
+
/* BlessToolbar */
|
|
382
|
+
.bless-toolbar{align-items:center;gap:var(--bless-space-3);padding:var(--bless-space-2) var(--bless-space-3);font-family:var(--bless-font-sans);color:var(--bless-color-text);display:flex}.bless-toolbar--surface{border-radius:var(--bless-radius);background:var(--bless-color-surface)}.bless-toolbar--bg{background:var(--bless-color-bg);border:var(--bless-border-width) solid var(--bless-color-border)}.bless-toolbar__start,.bless-toolbar__center,.bless-toolbar__end{align-items:center;gap:var(--bless-space-2);display:flex}.bless-toolbar__center{flex:1;justify-content:center}
|
|
383
|
+
|
|
384
|
+
/* BlessTooltip */
|
|
385
|
+
.bless-tooltip__anchor{display:inline-flex}.bless-tooltip{border-radius:var(--bless-radius-plate);inset:unset;box-shadow:var(--bless-shadow-plate);padding:var(--bless-space-1) var(--bless-space-3);background:var(--bless-color-text);color:var(--bless-color-on-text);font-family:var(--bless-font-sans);font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);line-height:var(--bless-leading-tight);pointer-events:none;max-width:240px;transform:skewX(var(--bless-skew));border:0;margin:0;position:fixed;overflow:visible}.bless-tooltip>:not(.bless-tooltip__arrow){transform:skewX(var(--bless-skew-counter));display:inline-block}.bless-tooltip:popover-open{animation:bless-pop-in var(--bless-duration-fast) var(--bless-ease-out)}.bless-tooltip__arrow{background:inherit;width:8px;height:8px;position:absolute;transform:rotate(45deg)}.bless-tooltip--top .bless-tooltip__arrow{left:calc(var(--_ax) - 4px);bottom:-6px}.bless-tooltip--bottom .bless-tooltip__arrow{left:calc(var(--_ax) - 4px);top:-6px}.bless-tooltip--left .bless-tooltip__arrow{top:calc(var(--_ay) - 4px);right:-6px}.bless-tooltip--right .bless-tooltip__arrow{top:calc(var(--_ay) - 4px);left:-6px}
|
|
386
|
+
|
|
387
|
+
/* BlessTour */
|
|
388
|
+
.bless-tour__spot{border-radius:var(--bless-radius);z-index:var(--bless-z-modal);box-shadow:0 0 0 100vmax var(--bless-color-backdrop);outline:2px solid var(--bless-color-accent);pointer-events:none;transition:top var(--bless-duration-slow) var(--bless-ease-out), left var(--bless-duration-slow) var(--bless-ease-out), width var(--bless-duration-slow) var(--bless-ease-out), height var(--bless-duration-slow) var(--bless-ease-out);position:fixed}.bless-tour__spot--none{box-shadow:none;background:var(--bless-color-backdrop);outline:0;inset:0}.bless-tour{border-radius:var(--bless-radius);z-index:calc(var(--bless-z-modal) + 1);gap:var(--bless-space-2);width:min(320px,100vw - 32px);padding:var(--bless-space-4);background:var(--bless-color-bg);color:var(--bless-color-text);font-family:var(--bless-font-sans);box-shadow:var(--bless-shadow-plate);outline:0;flex-direction:column;display:flex;position:fixed}.bless-tour--centred{top:50%;left:50%;translate:-50% -50%}.bless-tour__count{font-size:var(--bless-text-2xs);letter-spacing:var(--bless-tracking-wider);color:var(--bless-color-text-muted)}.bless-tour__title{font-size:var(--bless-text-md);font-weight:var(--bless-font-weight-bold)}.bless-tour__text{font-size:var(--bless-text-sm);line-height:var(--bless-leading-normal);margin:0}.bless-tour__actions{gap:var(--bless-space-2);margin-top:var(--bless-space-2);display:flex}
|
|
389
|
+
|
|
390
|
+
/* BlessTree */
|
|
391
|
+
.bless-tree,.bless-tree__group{font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);color:var(--bless-color-text);margin:0;padding:0;list-style:none}.bless-tree__group{border-inline-start:var(--bless-border-width) solid var(--bless-color-border);margin-inline-start:9px;padding-inline-start:var(--bless-space-4)}.bless-tree__row{border-radius:var(--bless-radius);align-items:center;gap:var(--bless-space-1);width:100%;padding:var(--bless-space-1) var(--bless-space-2);color:inherit;font:inherit;line-height:var(--bless-leading-normal);text-align:start;cursor:pointer;background:0 0;border:0;text-decoration:none;list-style:none;display:flex}.bless-tree__row::-webkit-details-marker{display:none}.bless-tree__row:hover{background:var(--bless-color-surface)}.bless-tree__row:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:-2px}.bless-tree__row--selected{color:var(--bless-color-accent-text);font-weight:var(--bless-font-weight-bold)}.bless-tree__row--leaf{padding-inline-start:calc(var(--bless-space-2) + 14px)}.bless-tree__chevron{width:10px;color:var(--bless-color-text-muted);transition:transform var(--bless-duration-base);display:inline-block}[dir=rtl] .bless-tree__chevron{transform:rotate(180deg)}.bless-tree__branch[open]>.bless-tree__row .bless-tree__chevron{transform:rotate(90deg)}.bless-tree__icon{text-align:center;width:1.2em}.bless-tree__item[aria-disabled=true]>.bless-tree__row,.bless-tree__row:disabled{opacity:.4;cursor:not-allowed}
|
|
392
|
+
|
|
393
|
+
/* BlessTreeSelect */
|
|
394
|
+
.bless-treeselect__trigger{border-radius:var(--bless-radius-plate);--_h:40px;align-items:center;gap:var(--bless-space-2);min-width:220px;min-height:var(--_h);padding:var(--bless-space-1) var(--bless-space-3);border:0;border-bottom:calc(2 * var(--bless-border-width)) solid var(--bless-color-text-muted);color:var(--bless-color-text);font:inherit;font-family:var(--bless-font-sans);text-align:start;cursor:pointer;background:0 0;display:inline-flex}.bless-treeselect__trigger--sm{--_h:32px;font-size:var(--bless-text-sm)}.bless-treeselect__trigger--lg{--_h:48px;font-size:var(--bless-text-lg)}.bless-treeselect__trigger{cursor:pointer}.bless-treeselect__trigger:focus-visible{border-bottom-color:var(--bless-color-accent-text);outline:0}.bless-treeselect__trigger--invalid{border-bottom-color:var(--bless-color-danger)}.bless-treeselect__trigger[aria-disabled=true]{opacity:.4;cursor:not-allowed}.bless-treeselect__text{flex:1}.bless-treeselect__text--empty{color:var(--bless-color-text-muted)}.bless-treeselect__chips{gap:var(--bless-space-1);flex-wrap:wrap;flex:1;display:flex}.bless-treeselect__chevron{border-inline-end:2px solid;border-bottom:2px solid;width:8px;height:8px;transform:translateY(-2px)rotate(45deg)}.bless-treeselect__panel{scrollbar-width:thin;min-width:240px;max-height:320px;overflow-y:auto}.bless-treeselect .bless-tree__row[aria-pressed=true]{color:var(--bless-color-accent-text)}.bless-treeselect__trigger{transform:skewX(var(--bless-skew));padding-inline:calc(var(--bless-space-3) + 4px)}.bless-treeselect__trigger>*{transform:skewX(var(--bless-skew-counter))}.bless-treeselect__trigger>.bless-treeselect__chevron{transform:skewX(var(--bless-skew-counter)) translateY(-2px) rotate(45deg)}
|
|
395
|
+
|
|
396
|
+
/* BlessTreeTable */
|
|
397
|
+
.bless-treetable__cell{align-items:center;gap:var(--bless-space-1);padding-inline-start:calc(var(--_d,0) * var(--bless-space-6));display:inline-flex}.bless-treetable__toggle,.bless-treetable__spacer{flex:none;place-items:center;width:24px;height:24px;display:inline-grid}.bless-treetable__toggle{color:var(--bless-color-text-muted);font:inherit;font-size:var(--bless-text-md);cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);background:0 0;border:0}.bless-treetable__toggle:hover{opacity:var(--bless-hover-opacity)}.bless-treetable__toggle>span{transition:transform var(--bless-duration-base);display:inline-block}[dir=rtl] .bless-treetable__toggle>span{transform:rotate(180deg)}.bless-treetable__toggle[aria-expanded=true]>span{transform:rotate(90deg)}.bless-treetable__toggle:focus-visible{outline:2px solid var(--bless-color-accent)}
|
|
398
|
+
|
|
399
|
+
/* BlessUploader */
|
|
400
|
+
.bless-uploader__live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bless-uploader{gap:var(--bless-space-2);font-family:var(--bless-font-sans);color:var(--bless-color-text);flex-direction:column;display:flex}.bless-uploader__list{margin:0;padding:0;list-style:none}.bless-uploader__item{border-radius:var(--bless-radius);align-items:center;gap:2px var(--bless-space-2);padding:var(--bless-space-2) 0;border-bottom:var(--bless-border-width) solid var(--bless-color-border);font-size:var(--bless-text-sm);grid-template-columns:1fr auto 24px;display:grid}.bless-uploader__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bless-uploader__meta{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted);font-variant-numeric:tabular-nums}.bless-uploader__item--done .bless-uploader__meta{color:var(--bless-color-text)}.bless-uploader__item--error .bless-uploader__meta{color:var(--bless-color-danger-text)}.bless-uploader__item--cancelled{opacity:.5}.bless-uploader__bar{grid-column:1/-1}.bless-uploader__x{min-width:24px;min-height:24px;color:var(--bless-color-text-muted);font:inherit;font-size:var(--bless-text-md);cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out);background:0 0;border:0}.bless-uploader__x:hover{opacity:var(--bless-hover-opacity)}.bless-uploader__actions{justify-content:flex-end;gap:var(--bless-space-2);display:flex}
|
|
401
|
+
|
|
402
|
+
/* BlessVideo */
|
|
403
|
+
.bless-video{border-radius:var(--bless-radius);background:var(--bless-color-media-bg);width:100%;position:relative;overflow:hidden}.bless-video__media{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}
|
|
404
|
+
|
|
405
|
+
/* BlessVirtualScroller */
|
|
406
|
+
.bless-virtual{height:var(--_h);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--bless-color-text-muted) transparent;font-family:var(--bless-font-sans);color:var(--bless-color-text);overflow-y:auto}.bless-virtual:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-virtual__spacer{position:relative}.bless-virtual__window{will-change:transform;position:absolute;inset:0 0 auto}.bless-virtual__row{box-sizing:border-box;padding:0 var(--bless-space-3);border-bottom:var(--bless-border-width) solid var(--bless-color-border);align-items:center;display:flex}
|
|
407
|
+
|
|
408
|
+
/* BlessWatermark */
|
|
409
|
+
.bless-watermark{z-index:0;font-family:var(--bless-font-sans);font-size:var(--bless-text-display);font-weight:var(--bless-font-weight-thin);letter-spacing:var(--bless-tracking-tight);line-height:var(--bless-leading-none);color:var(--bless-color-watermark);--bless-skew:var(--bless-lean);transform:skewX(var(--bless-skew));white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.bless-watermark--top-right{top:-.2em;right:-.05em}.bless-watermark--top-left{top:-.2em;left:-.05em}.bless-watermark--bottom-right{bottom:-.2em;right:-.05em}.bless-watermark--bottom-left{bottom:-.2em;left:-.05em}
|
|
410
|
+
|
|
411
|
+
/* BlessWatermarkOverlay */
|
|
412
|
+
.bless-wm-overlay{color:var(--bless-color-text);position:relative}.bless-wm-overlay__layer{-webkit-mask-image:var(--_tile);mask-image:var(--_tile);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;-webkit-mask-repeat:repeat;mask-repeat:repeat}
|